/**
 * USER DASHBOARD PAGE
 */

.small .profile-template-page-profile-newsletter-preferences .profile__dashboard-content p {
    margin-bottom: 1rem;
}

.tablet .profile-template-page-profile-newsletter-preferences .profile__dashboard-content p {
    margin-bottom: 2.5rem;
}

.laptop .profile-template-page-profile-newsletter-preferences .profile__dashboard-content p {
    margin-bottom: 2rem;
}

.profile-template-page-profile-newsletter-preferences .profile__dashboard-content .lilly-message__content p {
    margin-bottom: 1rem;
}

.profile-template-page-profile-dashboard footer,
.profile-template-page-profile-register footer,
.profile-template-page-profile-create-account footer,
.profile-template-page-profile-change-password footer,
.profile-template-page-profile-newsletter-preferences footer,
.profile-template-page-profile-request-deletion footer,
.profile-template-page-profile-request-my-data footer,
.profile-template-page-profile-password-reset footer,
.profile-template-page-profile-accepted-terms footer {
    padding-top: 3rem;
}

.profile-template-page-profile-dashboard footer .newsletter,
.profile-template-page-profile-register footer .newsletter,
.profile-template-page-profile-create-account footer .newsletter,
.profile-template-page-profile-change-password footer .newsletter,
.profile-template-page-profile-newsletter-preferences footer .newsletter,
.profile-template-page-profile-request-deletion footer .newsletter,
.profile-template-page-profile-request-my-data footer .newsletter,
.profile-template-page-profile-password-reset footer .newsletter,
.profile-template-page-profile-accepted-terms footer .newsletter {
    display: none;
}

ul#profile-menu {
    display: table;
    margin: 0 auto;
}

.profile-template-page-profile-login .lilly-message {
    margin-bottom: 3rem;
}

.profile__menu {
    background: var(--color-brown);
}

ul#profile-menu li {
    transition: background-color 377ms linear;
}

ul#profile-menu li:hover,
ul#profile-menu li:active,
ul#profile-menu li:focus,
ul#profile-menu li.current-menu-item {
    background-color: var(--color-dark-brown);
    transition: background-color 377ms linear;
}

ul#profile-menu li:hover a,
ul#profile-menu li:active a,
ul#profile-menu li:focus a,
ul#profile-menu li.current-menu-item a {
    color: var(--color-gold);
    transition: color 377ms linear;
}

ul#profile-menu li a {
    padding: 1rem 0.8rem;
    font-family: var(--font-bold);
    font-size: 1.2rem;
    text-transform: uppercase;
    color: var(--color-white);
}

.small ul#profile-menu li a {
    font-size: 1.6rem;
}

.large ul#profile-menu li a {
    font-size: 1.2rem;
}

.profile__dashboard h3 {
    font-family: var(--font-bold);
    color: var(--color-brown);
}

.profile__dashboard-content {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.small .profile__dashboard-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.laptop .profile__dashboard-content {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.profile__page-links {
    margin-bottom: 12rem;
}

.small .profile__page-links {
    margin-bottom: 5rem;
}

.laptop .profile__page-links {
    margin-bottom: 12rem;
}

.profile__dashboard-option a:not(.list__item) {
    background-color: var(--color-sugar-cream);
    transition: background-color 377ms linear;
    padding: 4rem;
}

.small .profile__dashboard-option a:not(.list__item) {
    padding: 2rem;
}

.laptop .profile__dashboard-option a:not(.list__item) {
    padding: 4rem;
}

.profile__dashboard-option a:hover:not(.list__item) {
    background-color: var(--color-very-dark-brown);
    transition: background-color 377ms linear;
}

.profile__dashboard-option a:hover span {
    color: var(--color-gold);
    transition: color 377ms linear;
}

.profile__dashboard-option a:hover .title {
    color: var(--color-gold);
    transition: color 377ms linear;
}

.profile__dashboard-option a:hover p {
    color: var(--color-white);
    transition: color 377ms linear;
}

.profile___icon {
    display: table-cell;
    vertical-align: middle;
    color: var(--color-red);
    font-size: 8rem;
    font-display: block;
}

.small .profile___icon {
    font-size: 4rem;
}

.laptop .profile___icon {
    font-size: 8rem;
}

div.profile__dashboard-option-container {
    padding: 1rem;
    background: var(--color-sugar-cream);
}

.small div.profile__dashboard-option-container {
    padding-left: 2rem;
    padding-right: 2rem;
}

.laptop div.profile__dashboard-option-container {
    padding-left: 7rem;
    padding-right: 7rem;
}

a.profile__dashboard-option-container {
    display: table;
    width: 100%;
}

.profile__dashboard-text-container {
    display: table-cell;
    padding-left: 2.5rem;
    vertical-align: middle;
}

.profile_unordered-list {
    display: table-cell;
    padding-left: 4rem;
}

.profile__dashboard-text-container.smaller {
    padding-left: 1rem;
}

.profile__dashboard-option .title {
    font-family: var(--font-bold);
    color: #212121;
    font-size: 2.5rem;
    font-display: block;
}

.small .profile__dashboard-option .title {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.laptop .profile__dashboard-option .title {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}

.profile__dashboard-option p {
    font-family: var(--font-light);
}

.small .profile__dashboard-option p {
    font-size: 1.4rem;
}

.laptop .profile__dashboard-option p {
    font-size: 1.6rem;
}

.profile__dashboard-option {
    margin-top: 3.5rem;
}

.small .profile__dashboard-option {
    margin-top: 1.5rem;
}

.tablet .profile__dashboard-option {
    margin-top: 2rem;
}

.laptop .profile__dashboard-option {
    margin-top: 3.5rem;
}

.profile__dashboard-option.smaller__font-size .profile___icon {
    font-size: 3rem;
}

.profile__dashboard-option.smaller__font-size .title {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.small .smaller__font-size a:not(.list__item) {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.smaller__font-size a span {
    width: 5%;
}

.bordered-line {
    border-bottom: 1px solid var(--color-grey);
    position: relative;
    display: block;
    width: calc(100% - (2*var(--grid-gutter)));
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    clear: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.profile_unordered-list span.icon-arrow-right {
    position: relative;
    color: var(--color-red);
    font-size: 1.2rem;
    left: 0rem;
    transition: color 377ms linear;
}

.profile_unordered-list a.list__item:hover span.icon-arrow-right {
    position: relative;
    color: var(--color-red);
    transition: color 377ms linear;
}

.profile_unordered-list a.list__item {
    font-family: var(--font-light);
    color: #212121;
    transition: color 377ms linear;
}

.profile_unordered-list a.list__item:hover {
    font-family: var(--font-bold);
    color: var(--color-red);
    transition: color 377ms linear;
}

.small .home_link_from_profile {
    display: block;
}

.laptop .home_link_from_profile {
    display: none;
}

.profile__menu .responsiville-mobimenu-enabled .responsiville-mobimenu-burger {
    line-height: 6rem;
    height: 60px;
    color: var(--color-white);
}


/**
 * REGISTRATION PAGE
 */

.profile-template-page-profile-register .title-of-page,
.profile-template-page-profile-register .inner-header:after,
.profile-template-page-profile-create-account .title-of-page,
.profile-template-page-profile-create-account .inner-header:after,
.profile-template-page-profile-password-reset .title-of-page,
.profile-template-page-profile-password-reset .inner-header:after {
    display: none;
}

.profile__register .title {
    font-family: var(--font-bold);
    color: var(--color-red);
    font-size: 2.8rem;
    margin-bottom: 2rem;
}

.profile__register .subtitle {
    font-family: var(--font-light);
    font-size: 30px;
    color: #212121;
}

.small .profile__register .subtitle {
    font-size: 20px;
}

.tablet .profile__register .subtitle {
    font-size: 24px;
}

.laptop .profile__register .subtitle {
    font-size: 30px;
}

.profile__register {
    margin: 8rem 0;
}

.small .profile__register {
    margin: 2rem 0;
}

.laptop .profile__register {
    margin: 8rem 0;
}

.form__profile .gfield_description {
    font-size: 90%;
}

.form__profile option {
    font-size: 0.85em;
}

.form__profile input[type="text"],
.form__profile input[type="password"],
.form__profile input[type="email"],
.form__profile input[type="tel"],
.form__profile select,
.form__profile textarea {
    font-family: var(--font-regular);
    font-size: 1.15em;
    letter-spacing: 1px;
}

.form__profile select {
    /*font-family: var(--font-thin);*/
    letter-spacing: unset;
}

.form__profile input,
.form__profile select,
.form__profile textarea {
    background-color: var(--color-sugar-beige);
    border-radius: 2px;
    border-color: var(--color-sugar-beige);
}

.form__profile input:focus,
.form__profile select:focus,
.form__profile textarea:focus {
    box-shadow: 0 0 0 5px var(--color-message-blue);
}

.form__profile input[type="button"]:focus {
    /* box-shadow: none; */
}

.small .form__profile input.small,
.small .form__profile .small input,
.small .form__profile select.small,
.small .form__profile .small select,
.small .form__profile textarea.small,
.small .form__profile .small textarea {
    width: 100%;
}

.laptop .form__profile input.small,
.laptop .form__profile .small input,
.laptop .form__profile select.small,
.laptop .form__profile .small select,
.laptop .form__profile textarea.small,
.laptop .form__profile .small textarea {
    display: inline-block;
    width: 60%;
}

.small .form__profile input.medium,
.small .form__profile .medium input,
.small .form__profile select.medium,
.small .form__profile .medium select,
.small .form__profile textarea.medium,
.small .form__profile .medium textarea {
    width: 100%;
}

.laptop .form__profile input.medium,
.laptop .form__profile .medium input,
.laptop .form__profile select.medium,
.laptop .form__profile .medium select,
.laptop .form__profile textarea.medium,
.laptop .form__profile .medium textarea {
    display: inline-block;
    width: 75%;
}

.small .form__profile input.large,
.small .form__profile .large input,
.small .form__profile select.large,
.small .form__profile .large select,
.small .form__profile textarea.large,
.small .form__profile .large textarea {
    width: 100%;
}

.form__profile textarea {
    height: 200px;
}

.form__profile .gf_readonly input {
    border-color: #eae8e4;
    background: #eae8e4;
    cursor: no-drop;
    color: var(--color-dark-brown);
    font-family: var(--font-regular);
}

.form__profile select {
    background: url('../img/select-icon-brown.png') no-repeat right;
    background-position-x: 96%;
    background-color: var(--color-sugar-beige);
    border-color: var(--color-sugar-beige);
}

.form__profile label {
    font-size: 2rem;
    color: var(--color-brown);
}

.small .form__profile label {
    font-size: 1.6rem;
}

.laptop .form__profile label {
    font-size: 2rem;
}

.form__profile .gform_footer {
    margin-top: 2rem;
}

.laptop .profile-template-page-profile-register .form__profile .gfield:nth-of-type(3),
.laptop .profile-template-page-profile-register .form__profile .gfield:nth-of-type(5) {
    padding-right: 1rem !important;
}

.laptop .profile-template-page-profile-register .form__profile .gfield:nth-of-type(4),
.laptop .profile-template-page-profile-register .form__profile .gfield:nth-of-type(7) {
    padding-left: 1rem !important;
}

.laptop .profile-template-page-profile-register .form__profile .gfield:nth-of-type(6) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.profile-template-page-profile-register .form__profile .gfield:nth-of-type(3)~.validation_message {
    margin-right: 2rem;
}

.form__profile input[type="submit"],
#loginform input[type="submit"],
.form__profile input[type="reset"],
#loginform input[type="reset"],
a.gdpr_link {
    display: inline-block !important;
    width: auto;
    font-family: var(--font-light);
    font-size: 2rem;
    background-color: var(--color-red);
    color: var(--color-white);
    transition: background-color 377ms linear;
    border-radius: 6px;
    box-shadow: 3px 3px 10px 0px #23232357;
}

.form__profile input[type="submit"].cancel,
.form__profile input[type="reset"].cancel {
    background-color: var(--color-message-dark-blue);
    margin-right: 1em;
    border-radius: 6px;
    box-shadow: 3px 3px 10px 0px #23232357;
}

.form__profile input[type="submit"]:hover,
#loginform input[type="submit"]:hover,
.form__profile input[type="reset"]:hover,
#loginform input[type="reset"]:hover,
a.gdpr_link:hover {
    background: var(--color-dark-brown);
    color: var(--color-gold);
    transition: background-color 377ms linear;
    border-radius: 6px;
    box-shadow: 3px 3px 10px 0px #23232357;
}

.form__profile span.gfield_required {
    color: var(--color-light-red);
    font-weight: 900;
    /*vertical-align: middle;*/
}

.form__profile .gform_confirmation_message {
    font-family: var(--font-bold);
    position: relative;
    background: #daf9da;
    padding-left: 5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    color: #447144;
}

.form__profile .gform_confirmation_message:before {
    position: absolute;
    content: '\e925';
    font-family: 'icomoon' !important;
    font-size: 2.5rem;
    color: #447144;
    top: 50%;
    left: 1.5rem;
    transform: translateY(-50%);
}

.form__profile .validation_error {
    font-family: var(--font-bold)!important;
    position: relative;
    background: #ffc3c3;
    padding-left: 5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 3rem;
    color: #bb0000!important;
    line-height: 1.2;
    font-size: 1.6rem;
}

.form__profile .validation_error:before {
    position: absolute;
    content: '\e927';
    font-family: 'icomoon' !important;
    font-size: 2.5rem;
    color: #bb0000;
    top: 50%;
    left: 1.5rem;
    transform: translateY(-50%);
}

.form__profile .validation_message {
    position: relative;
    background: var(--color-light-red);
    line-height: 1.2;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin-top: 1em;
}

.form__profile .validation_message:before {
    position: absolute;
    bottom: 100%;
    left: 1rem;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #e55858 transparent;
}

.profile-template-page-profile-change-password .form__profile .validation_message,
.profile-template-page-profile-create-account .ginput_container_password~.validation_message {
    float: right;
    top: -1.85rem;
}

.profile-template-page-profile-change-password .form__profile .validation_message:before,
.profile-template-page-profile-create-account .ginput_container_password~.validation_message:before {
    left: auto;
    right: 1rem;
}

.registration-button-container span.icon-signup {
    font-size: 6rem;
    vertical-align: middle;
    padding: 1rem;
}

.registration-button-container span.registration-text {
    font-family: var(--font-bold);
    vertical-align: middle;
}

a.btn {
    font-family: var(--font-light);
    font-size: 2rem;
    background-color: var(--color-red);
    padding: 2rem;
    padding-left: 5rem;
    padding-right: 5rem;
    color: var(--color-white);
    transition: background-color 377ms linear, color 377ms linear;
}

a.btn:hover {
    background-color: var(--color-dark-brown);
    transition: background-color 377ms linear;
}

.small .profile__dashboard-button-container {
    margin-bottom: 5rem;
}

.tablet .profile__dashboard-button-container {
    margin-bottom: 10rem;
}

.laptop .profile__dashboard-button-container {
    margin-bottom: 20rem;
}

.profile__dashboard-content a {
    color: var(--color-light-red);
    transition: color 377ms linear;
}

.profile__dashboard-content a:hover {
    color: var(--color-brown);
    transition: color 377ms linear;
}

.lilly-message {
    position: relative;
    padding: 4rem;
    padding-top: 11rem;
    padding-bottom: 5rem;
    text-align: center;
    margin-bottom: 3rem;
}

.small .lilly-message {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-top: 5rem;
    margin-bottom: 1rem;
}

.laptop .lilly-message {
    padding: 8rem;
    padding-top: 10rem;
    /*margin-bottom: 3rem;*/
}

.lilly-message:before {
    position: absolute;
    font-family: 'icomoon' !important;
    font-size: 52px;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
    -webkit-animation: fadein 3.5s;
    -moz-animation: fadein 3.5s;
    -ms-animation: fadein 3.5s;
    -o-animation: fadein 3.5s;
    animation: fadein 3.5s;
}

.small .lilly-message:before {
    font-size: 32px;
    top: 1.5rem;
}

.laptop .lilly-message:before {
    font-size: 52px;
    top: 5rem;
}

.lilly-message .lilly-message__title {
    font-family: var(--font-bold);
    font-size: 2.5rem;
    -webkit-animation: fadein 3.5s;
    -moz-animation: fadein 3.5s;
    -ms-animation: fadein 3.5s;
    -o-animation: fadein 3.5s;
    animation: fadein 3.5s;
    padding: 1em 0 0.5em 0;
}

.lilly-message .lilly-message--footer {
    max-width: 90%;
    margin: auto;
    margin-top: 5rem;
    padding-top: 2rem;
    font-size: 85%;
    border-top: 2px solid currentColor;
    color: var(--color-message-dark-green);
    font-family: var(--font-regular);
}

.lilly-message .lilly-message__content p {
    font-family: var(--font-regular);
    font-size: 17px;
    margin-top: calc(var(--text-rhythm)/4);
    -webkit-animation: fadein 3.5s;
    -moz-animation: fadein 3.5s;
    -ms-animation: fadein 3.5s;
    -o-animation: fadein 3.5s;
    animation: fadein 3.5s;
}

.lilly-message .lilly-message__content a {
    color: var(--color-dark-brown);
    transition: color 377ms linear;
}

.lilly-message .lilly-message__content a:hover {
    color: var(--color-brown);
    transition: color 377ms linear;
}

.lilly-message.lilly-message--success {
    background: var(--color-message-green);
    color: var(--color-message-dark-green);
}

.lilly-message.lilly-message--error {
    background: var(--color-message-red);
    color: var(--color-message-dark-red);
}

.lilly-message.lilly-message--info {
    background: var(--color-message-blue);
    color: var(--color-message-dark-blue);
}

.lilly-message.lilly-message--error:before {
    content: "\e932";
    color: var(--color-message-dark-red);
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

.lilly-message.lilly-message--success:before {
    content: "\e92f";
    color: var(--color-message-dark-green);
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

.lilly-message.lilly-message--info:before {
    content: "\e933";
    color: var(--color-message-dark-blue);
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

.lilly-message.lilly-message--error .lilly-message__content p {
    color: var(--color-message-dark-red);
}

.lilly-message.lilly-message--success .lilly-message__content p {
    color: var(--color-message-dark-green);
}

.lilly-message.lilly-message--info .lilly-message__content p {
    color: var(--color-message-dark-blue);
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.profile__dashboard h2 {
    border-bottom: 1px solid var(--color-cream);
    margin-bottom: 2rem;
}

.small .profile__dashboard h2 {
    font-size: 175%;
}

.laptop .profile__dashboard h2 {
    font-size: 4rem;
}

.profile__dashboard h3 {
    font-size: calc(var(--base-font-size)*var(--font-scale)*var(--font-scale)*var(--font-scale));
}

.links__after-form-submitted {
    margin: 3rem 0;
}

.small .links__after-form-submitted {
    margin: 0;
}

.laptop .links__after-form-submitted {
    margin: 3rem 0;
}

a.gdpr_link {
    margin: 1rem;
    font-family: var(--font-light);
    color: var(--color-white);
    transition: color 377ms cubic-bezier(0.83, 1.35, 1, 1);
    padding: 1.25rem;
}

.small a.gdpr_link {
    font-size: 16px;
    padding: 1rem;
}

.laptop a.gdpr_link {
    font-size: 20px;
    padding: 1.25rem;
}

a.gdpr_link:hover {
    color: var(--color-gold);
    transition: color 377ms cubic-bezier(0.83, 1.35, 1, 1);
}

a.gdpr_link span {
    font-size: 2.4rem;
    color: var(--color-white);
    vertical-align: middle;
    transition: color 377ms cubic-bezier(0.83, 1.35, 1, 1);
}

a.gdpr_link:hover span {
    color: var(--color-gold);
    transition: color 377ms cubic-bezier(0.83, 1.35, 1, 1);
}

.small .single-terms .main-page-content {
    margin: 3rem 0;
}

.tablet .single-terms .main-page-content {
    margin: 3rem 0;
}

.small .profile_unordered-list ul li:nth-of-type(1) a.list__item {
    margin-bottom: 1rem;
}

.laptop .profile_unordered-list ul li:nth-of-type(1) a.list__item {
    margin-bottom: auto;
}


/*.profile__dashboard-content p {
	    margin-top: 0!important;
	}*/