/* UM CUSTOMS */

.um-page-loggedin .tm-main,
.um-page-loggedout .tm-main {
    padding-top: 40px;
}

.um-page-loggedin article.ndk-formpage {
    text-align: center;
}

.um-page-loggedin .uk-article-title,
.um-page-loggedout .uk-article-title {
    -webkit-background-clip: text;
    color: transparent !important;
    display: inline-block;
    background-color: var(--prim);
    background-image: linear-gradient(-45deg, var(--second), var(--violet), var(--prim));
    margin-bottom: 15px;
    font-size: 28px;
}

.um-page-loggedin .ndk-formpage .text-intro {
    margin-top: 0px;
    margin-bottom: 40px;
}

/* Link colors */

.um {
    font-family: var(--font-default);
    color: var(--body);
    font-weight: 400;
}

.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.ndk-userform .um-account-side li a.current,
.ndk-userform .um-account-side li a.current:hover,
.ndk-userform .um-account-name a:hover,
.ndk-userform .um-account-nav a.current,
.ndk-userform .um-account-side li a.current span.um-account-icon,
.ndk-userform .um-account-side li a.current:hover span.um-account-icon,
.ndk-userform .um-dropdown li a:hover,
.ndk-userform i.um-active-color,
.ndk-userform span.um-active-color {
    color: var(--link) !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: var(--blue) !important;
}

/* Button colors */
.um .um-field-group-head,
.ndk-userform .picker__box,
.ndk-userform .picker__nav--prev:hover,
.ndk-userform .picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.ndk-userform .upload,
.ndk-userform .um-modal-header,
.ndk-userform .um-modal-btn,
.ndk-userform .um-modal-btn.disabled,
.ndk-userform .um-modal-btn.disabled:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover {
    background: var(--linear-primary) !important;
    background-color: var(--prim) !important;
    font-weight: 700 !important;
    color: var(--alpha100);
}

.um .um-field-group-head:hover,
.ndk-userform .picker__footer,
.ndk-userform .picker__header,
.ndk-userform .picker__day--infocus:hover,
.ndk-userform .picker__day--outfocus:hover,
.ndk-userform .picker__day--highlighted:hover,
.ndk-userform .picker--focused .picker__day--highlighted,
.ndk-userform .picker__list-item:hover,
.ndk-userform .picker__list-item--highlighted:hover,
.ndk-userform .picker--focused .picker__list-item--highlighted,
.ndk-userform .picker__list-item--selected,
.ndk-userform .picker__list-item--selected:hover,
.ndk-userform .picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover {
    background: var(--prim) !important;
    background-color: var(--prim) !important;
    color: var(--alpha100);
}

/* Button alt colors */
.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
    background: var(--muted) !important;
}
.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: var(--gray) !important;

}
.ndk-userform .um-button,
.um-form .um-button,
.um-form input[type="submit"].um-button,
.um-form input[type="submit"].um-button:focus,
.ndk-userform input[type="submit"].um-button,
.ndk-userform input[type="submit"].um-button:focus {
    font-family: var(--font-display);
    border-radius: 8px !important;
    background-image: var(--linear-primary);
    background-color: var(--prim);
    height: 60px !important;
    line-height: 1 !important;
    padding: 0 30px !important;
    font-size: 15px !important;
    min-width: 200px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--alpha100);
}

.ndk-userform .um-request-button,
.um-form .um-request-button {
    height: 25px;
    background: var(--alpha100);
    font-family: var(--font-display);
    color: var(--link);
    border-radius: 50px !important;
    font-weight: 700;
    border: 1.5px solid var(--blue200) !important;
    padding: 6px 18px;
    line-height: 25px;
    font-size: 14px;
}
.um-form .um-request-button:hover,
.ndk-userform .um-request-button:hover {
    color: var(--blue);
    border-color: var(--blue400) !important;
}

span.um-req {
    margin: 5px;
    font-size: 22px;
    font-weight: 800;
    line-height: 0;
    vertical-align: -7px;
    color: var(--pink500) !important;
}

/* U M S O C I A L */

.page-template-page-forms .um-shortcode-social .um-button-social.um-button-google,
.um-row.ndk-form-row .um-shortcode-social a.um-button.um-button-google,
.ndk-userform a.um-button.um-button-social, a.um-button.um-button-social,
.ndk-userform div#um-shortcode-social-4932 a.um-button.um-button-social,
.ndk-userform div#um-shortcode-social-4949 a.um-button.um-button-google {
    line-height: 30px !important;
    padding: 15px 20px !important;
    border-color: var(--alpha100) !important;
    background: var(--alpha100) !important;
    border-radius: 8px !important;
    box-shadow: var(--shadow-small);
    color: var(--emph) !important;
    font-weight: 700 !important;
    display: flex !important;
    width: fit-content !important;
    justify-content: center !important;
    align-items: center !important;
    margin: auto;
}

.page-template-page-forms .um-shortcode-social .um-button-social.um-button-google:hover {
    background: var(--alpha100) !important;
}

.page-template-page-forms .um-button-social.um-button-google i {
    font-size: 26px !important;
    line-height: 28px !important;
    top: 0px !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0;
    float: none;
}

.page-template-page-forms .um-button-social.um-button-google span {
    color: var(--emph) !important;
    width: auto;
}

.ndk-userform .um-shortcode-social .um-button.um-button-social:hover,
.ndk-userform .um-shortcode-social .um-button.um-button-social:focus {
    border-color: #4285F4 !important;
    background: var(--alpha100) !important;
    box-shadow: var(--shadow-small-hover);
    color: var(--link) !important;
}

@media (max-width: 480px) {
    .page-template-page-forms .um-shortcode-social .um-button-social.um-button-google,
    .um-row.ndk-form-row .um-shortcode-social a.um-button.um-button-google,
    .ndk-userform a.um-button.um-button-social,
    a.um-button.um-button-social,
    .ndk-userform div#um-shortcode-social-4932 a.um-button.um-button-social,
    .ndk-userform div#um-shortcode-social-4949 a.um-button.um-button-google {
        min-width: 280px;
    }
    .page-template-page-forms .um-button-social.um-button-google span {
        font-size: 14px;
        letter-spacing: normal;
    }
}


/* UM FORMS */

.um.um-password {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
}
.um.um-password .um-form .um-field-block {
    color: var(--emph);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    font-family: 'fontDefault';
}

.ndk-userform .um-field,
.um-form .um-field {
    padding: 15px 0 15px 0;
}

.ndk-userform .um-field.um-field-divider {
    margin: 0;
    height: 30px;
    padding: 10px 0;
}

.ndk-userform .um-field.um-field-block .uk-heading-line {
    margin: 0 -30px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'fontDisplay';
}

.ndk-userform .um-field.um-field-block {
    padding: 30px 0 15px;
}

.ndk-userform .um-field.um-field-block p {
    margin: 0;
}

.um-form.ndk-userform .um-field-label {
    line-height: 1;
    margin: 0;
    color: var(--emph);
    padding: 0 5px;
}

.um-form.ndk-userform .um-field-label>label {
    font-size: 14px !important;
    color: var(--emph);
    font-family: var(--font-default);
    font-weight: 600;
    letter-spacing: 0.25px !important;
    margin: 0;
    line-height: normal !important;
}

.ndk-userform .um-field > label {
    font-family: var(--font-default);
    font-weight: 500;
    font-size: 13px;
    color: var(--gray500);
    margin: 0;
    line-height: 2;
}

.ndk-userform .um-field-area {
    margin-top: 6px;
}

.ndk-userform.um-form input[type=text], .um-form input[type=text],
.ndk-userform.um-form input[type=search], .um-form input[type=search],
.ndk-userform.um-form input[type=tel], .um-form input[type=tel],
.ndk-userform.um-form input[type=password], .um-form input[type=password],
.ndk-userform.um-form textarea, .um-form textarea {
    max-width: 100%;
    width: 100%;
    padding: 0 15px !important;
    background: var(--alpha100);
    color: var(--gray600);
    transition: .2s ease-in-out;
    border-radius: 6px;
    font-size: 16px !important;
    box-sizing: border-box;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}
.um-form input[type=text],
.um-form input[type=search],
.um-form input[type=tel],
.um-form input[type=number],
.um-form input[type=password],
.um-form textarea,
.ndk-userform.um-form input[type=text],
.ndk-userform.um-form input[type=search],
.ndk-userform.um-form input[type=tel],
.ndk-userform.um-form input[type=number],
.ndk-userform.um-form input[type=password],
.ndk-userform.um-form textarea {
    border: 1.5px solid var(--gray200) !important;
    border-radius: 6px !important;
    height: 48px !important;
    font-size: 16px !important;
    padding: 0 15px !important;
}
.ndk-userform.um-form input[type=password],
.um-form input[type=password] {
    font-size: 20px !important;
    font-weight: 600;
    letter-spacing: 2px;

}

.ndk-userform.um-form input[type=password]::placeholder,
.um-form input[type=password]::placeholder {
    -webkit-text-security: disc;
}

.um-form input[type=text]:valid,
.um-form input[type=search]:valid,
.um-form input[type=tel]:valid,
.um-form input[type=number]:valid,
.um-form input[type=password]:valid,
.um-form textarea:valid,
.ndk-userform.um-form input[type=text]:valid,
.ndk-userform.um-form input[type=search]:valid,
.ndk-userform.um-form input[type=tel]:valid,
.ndk-userform.um-form input[type=number]:valid,
.ndk-userform.um-form input[type=password]:valid,
.ndk-userform.um-form textarea:valid {
    border-color: var(--blue200) !important;
    color: var(--black) !important;
}
.um-form input[type=text]:disabled,
.um-form input[type=search]:disabled,
.um-form input[type=tel]:disabled,
.um-form input[type=number]:disabled,
.um-form input[type=password]:disabled,
.um-form textarea:disabled,
.ndk-userform.um-form input[type=text]:disabled,
.ndk-userform.um-form input[type=search]:disabled,
.ndk-userform.um-form input[type=tel]:disabled,
.ndk-userform.um-form input[type=number]:disabled,
.ndk-userform.um-form input[type=password]:disabled,
.ndk-userform.um-form textarea:disabled {
    background-color: var(--gray50);
    color: var(--gray600) !important;
    border-color: var(--gray100) !important;
    font-weight: 500;
}
.um-form input::placeholder,
.um-form textarea::placeholder,
.ndk-userform.um-form input::placeholder,
.ndk-userform.um-form textarea::placeholder {
    color: var(--muted) !important;
}

.ndk-userform.um-form .um-field .upload-progress,
.ndk-userform.um-form .um-field .select2-container .select2-choice,
.ndk-userform.um-form .um-field .select2-drop,
.ndk-userform.um-form .um-field .select2-container-multi .select2-choices,
.ndk-userform.um-form .um-field .select2-drop-active,
.ndk-userform.um-form .um-field .select2-drop.select2-drop-above,
.ndk-userform.um-form .um-search-filter .select2.select2-container .select2-selection,
.ndk-userform.um-form .um-field .select2.select2-container .select2-selection {
    border: 1.5px solid var(--gray200) !important;
    border-radius: 6px !important;
    padding: 0 15px !important;
    font-size: 16px !important;
    height: 48px !important;
}

.um-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered,
.um-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 44px !important;
    line-height: 44px;
}

.um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow:before,
.um-field .select2.select2-container .select2-selection .select2-selection__arrow:before {
    font-size: 24px !important;
    font-family: "Ionicons" !important;
    display: block;
    height: 100%;
    line-height: 45px;
    min-width: 45px;
    text-align: center;
    color: var(--link);
}

.um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow,
.um-field .select2.select2-container .select2-selection .select2-selection__arrow {
    width: 50px !important;
}

.um-search-filter .select2-container.select2-container--open .select2-dropdown,
.um-field .select2-container.select2-container--open .select2-dropdown {
    border: 1.5px solid var(--gray200) !important;
    border-radius: 0 0 6px 6px;
    top: -3px;
    box-sizing: border-box;
}

.um-search-filter .select2-container.select2-container--open .select2-dropdown .select2-results li,
.um-field .select2-container.select2-container--open .select2-dropdown .select2-results li {
    margin: 0px !important;
}

.um-search-filter .select2-container.select2-container--open .select2-dropdown .select2-results li:last-child,
.um-field .select2-container.select2-container--open .select2-dropdown .select2-results li:last-child {
    border-radius: 0 0 6px 6px;
}

.um-search-filter .select2-container.select2-container--open .select2-dropdown .select2-results li,
.um-field .select2-container.select2-container--open .select2-dropdown .select2-results li {
    padding: 8px 15px !important;
    font-size: 14px;
    background: var(--alpha100);
    color: var(--second) !important;
    font-weight: 500 !important;
    border-top: 1px solid var(--gray100);
}

.um-search-filter .select2-container.select2-container--open .select2-dropdown .select2-results li:hover,
.um-field .select2-container.select2-container--open .select2-dropdown .select2-results li:hover {
    color: var(--link) !important;
    font-weight: 500;
}

.um-search-filter .select2-dropdown .select2-results li.select2-results__option[aria-selected="true"],
.um-field .select2-dropdown .select2-results li.select2-results__option[aria-selected="true"],
.um-search-filter .select2-dropdown .select2-results li.select2-results__option[aria-selected="true"]:hover,
.um-field .select2-dropdown .select2-results li.select2-results__option[aria-selected="true"]:hover {
    background: var(--gray50);
    color: var(--emph) !important;
    font-weight: 600;
}

.select2-search--dropdown {
    padding: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    line-height: 40px;
    max-height: 42px !important;
}

.um-search-filter .select2-container--default .select2-selection--single .select2-selection__clear,
.um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__clear,
.um-field .select2-container--default .select2-selection--single .select2-selection__clear,
.um-field .select2-container--default .select2-selection--multiple .select2-selection__clear {
    color: var(--gray300) !important;
    line-height: 42px;
}

.um-form input,
.um-form select:not([multiple]):not([size]),
.ndk-userform.um-form input,
.ndk-userform.um-form select:not([multiple]):not([size]) {
    vertical-align: middle;
    border: 1.5px solid var(--gray200);
}

.um-form textarea,
.ndk-userform.um-form textarea {
    overflow: auto !important;
    height: auto !important;
}
.um-form select[multiple],
.um-form select[size],
.um-form textarea,
.ndk-userform.um-form select[multiple],
.ndk-userform.um-form select[size],
.ndk-userform.um-form textarea {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: top;
    border: 1.5px solid var(--gray200) !important;
    border-radius: 6px;
}

.um-form input[type="text"].um-error,
.um-form input[type="tel"].um-error,
.um-form input[type="password"].um-error,
.ndk-userform.um-form input[type="text"].um-error,
.ndk-userform.um-form input[type="tel"].um-error,
.ndk-userform.um-form input[type="password"].um-error {
    border-color: var(--danger) !important;
}

.um-form .um-field-error,
.ndk-userform.um-form .um-field-error {
    background: var(--red700);
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 1.2 !important;
    font-weight: 600;
    margin-top: 8px;
}

.um-form .um-field-arrow,
.ndk-userform.um-form .um-field-arrow {
    top: -12px;
    left: 20px;
    color: var(--red700);
    font-size: 20px;
    line-height: 1;
}

.um-account-meta.radius-1 img {
    border-radius: 0;
}

.um-account-profile-link a {
    font-size: 14px;
    font-weight: 600;
    color: var(--link);
    line-height: 1.5;
    margin-top: 4px;
    text-transform: capitalize;
}

.um-field-checkbox:not(.um-field),
.um-field-radio:not(.um-field) {
    height: auto;
    min-height: 22px;
}
.um-field-checkbox-option,
.um-field-radio-option {
    font-size: 14px;
    font-weight: 500;
    color: var(--black) !important;
    line-height: 1.3;
    margin-left: 32px;
}
.um-field-checkbox-state,
.um-field-radio-state {
    width: 22px;
    height: 22px;
    left: 0;
    top: -3px;
    text-align: center;
}
.um-field-checkbox-state i,
.um-field-radio-state i {
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    color: var(--gray300);
}

.um-icon-android-checkbox-outline-blank:before {
    content: '';
    border: 2px solid var(--gray300);
    border-radius: 6px;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.um-icon-android-checkbox-outline:before {
    content: '';
    border: 2px solid var(--link);
    background: var(--link) url("images/checkbox.svg") no-repeat center center;
    border-radius: 6px;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 12px;
}

.ndk-userform .um-profile-meta {
    display: none;
}

@media (max-width: 840px) {
    .ndk-userform .um-field.um-field-block .uk-heading-line {
        font-size: 24px;
    }
}
@media (max-width: 640px) {
    .ndk-userform .um-field.um-field-block {
        padding: 20px 0 10px;
    }
    .ndk-userform .um-field.um-field-block:first-of-type {
        padding-top: 10px;
    }
}
@media (max-width: 480px) {
    .ndk-userform .um-field.um-field-block .uk-heading-line {
        font-size: 22px;
    }
}
@media (max-width: 370px) {
    .ndk-userform .um-field.um-field-block .uk-heading-line {
        font-size: 20px;
    }
    .ndk-userform .um-field.um-field-block:first-of-type {
        padding-top: 0px;
    }
}

/* PASS TOGGLE */

.um-field-area-password .um-toggle-password {
    width: 58px;
    line-height: 42px;
}

.um-field-area-password .um-toggle-password i {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle !important;
}

.um-field-area-password .um-toggle-password i::before {
    display: none;
}

.um-field-area-password .um-toggle-password i.um-icon-eye {
    background: url('images/ico-eye-off.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.um-field-area-password .um-toggle-password i.um-icon-eye-disabled {
    background: url('images/ico-eye-on.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


@media (min-width: 960px) {
    .ndk-userform .um-field .um-field-label>label {
        font-size: 16px !important;
    }
}

@media (max-width: 960px) {
    .ndk-userform .um-field .um-field-label>label {
        font-size: 16px !important;
    }
}

@media (max-width: 840px) {
    .um-field-label, .ndk-userform .um-field .um-field-label {
        margin-bottom: 0;
    }
    .ndk-userform .um-field .um-field-label>label {
        font-size: 15px !important;
    }
    .ndk-userform .um-field-area {
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .ndk-userform .um-field-area {
        margin-top: 8px;
    }
}


/* NOTICES */

main p.um-notice {
    padding: 15px 40px 15px 15px !important;
    margin: 0 !important;
    border-radius: 8px;
    font-weight: 600;
}

main p.um-notice i[class^=um-icon-] {
    right: 6px;
    font-size: 30px;
    width: 30px;
    cursor: pointer;
    top: calc(50% - 15px);
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

main p.um-notice i.um-icon-ios-close-empty::before {
    font-weight: 600 !important;
}

main p.um-notice.success {
    background: var(--success) !important;
}

main p.um-notice.err {
    background: var(--red500) !important;
}

main p.um-notice.warning {
    background: var(--orange400) !important;
    color: var(--alpha100) !important;
    border: 0 !important;
    padding: 15px 40px 15px 15px !important;
}

main p.um-notice.warning a {
    color: var(--alpha100) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    padding: 15px 40px 15px 15px !important;
}

/* LOGIN */

.um-page-login .um-login .ndk-userform form {
    display: block;
    margin-bottom: 20px;
}

.um-page-login .ndk-userform .um-field:not(.um-field-block) {
    margin: 20px auto;
    padding: 5px 0;
    max-width: 400px;
}
.um-page-login .ndk-userform .um-field.um-field-shortcode {
    margin: 0 auto !important;
}
.um-page-login .ndk-userform .um-field.um-field-block {
    padding: 15px 0;
}

.um-page-login .ndk-userform .um-shortcode-social > .um-field {
    margin: 0;
    padding: 0;
}

form .um-col-alt {
    margin: 15px auto;
    max-width: 480px;
}

form .um-row.ndk-form-row {
    padding: 0 30px !important;
}

form a.um-link-alt {
    color: var(--link) !important;
    font-weight: 500;
}

.um-login .um-misc-img {
    margin-bottom: 20px;
}
.um-login .um-misc-img img {
    border-radius: 0;
}
.um-login .um-misc-with-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    color: var(--emph);
    letter-spacing: normal;
    border-bottom-color: var(--divider);
    border-bottom-width: 1px;
    padding: 10px;
    margin: 0;
}
.um-login .um-misc-ul {
    padding: 0;
    margin: 0;
}
.um-login .um-misc-ul li {
    font-size: 16px;
    font-weight: 600;
    list-style: none;
    line-height: 3;
    text-align: center;
    padding: 0;
    border-bottom: 1px solid var(--gray100);
}
.um-login .um-misc-ul li a {
    font-weight: 600;
    color: var(--link);
    font-family: var(--font-display);
    text-transform: capitalize;
}
.um-login .um-misc-ul li a:hover {
    color: var(--blue);
    text-decoration: underline;
    text-decoration-color: var(--link);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 2.5px;
}

@media (max-width: 480px) {
    .um-page-login .ndk-userform .um-field:not(.um-field-block) {
        max-width: 300px;
    }
}
@media (max-width: 420px) {
    form .um-row.ndk-form-row {
        padding: 0px 20px !important;
    }
}
@media (max-width: 420px) {
    form .um-row.ndk-form-row {
        padding: 0px 10px !important;
    }
}
@media (max-width: 370px) {
    form .um-row.ndk-form-row {
        padding: 0px !important;
    }
    .um-page-login .ndk-userform .um-field:not(.um-field-block) {
        max-width: 240px;
    }
}


/* REGISTER */

.um-page-register .um-register .ndk-userform form {
    display: block;
}

.um-page-register .ndk-userform .um-field:not(.um-field-block) {
    margin: 20px auto;
    padding: 5px 0;
    max-width: 480px;
}

.um-page-register .ndk-userform .um-field.um-field-shortcode {
    margin: 0 auto !important;
}
.um-page-register .ndk-userform .um-field.um-field-shortcode>div {
    padding: 0 !important;
}

.um-page-register .ndk-userform .um-field.um-field-block {
    padding: 15px 0;
}

.um-page-register .ndk-userform .um-toggle-terms {
    font-size: 14px;
    font-weight: 600;
    color: var(--second);
    padding: 10px 20px;
    border: 1px solid var(--divider);
    border-radius: 50px;
    margin: 20px 0;
    background: var(--alpha100);
}
.um-page-register .ndk-userform .um-toggle-terms:hover {
    text-decoration: none;
    color: var(--link);
    border-color: var(--blue300);
    box-shadow: var(--shadow-xsmall);
}

.um-page-register .ndk-userform .um-hide-terms {
    font-size: 14px;
    font-weight: 600;
    color: var(--second);
}

.um-page-register .ndk-userform .um-hide-terms:hover {
    text-decoration: underline;
    text-decoration-color: var(--link);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 2.5px;
}

.um-page-register .ndk-userform .um-field.um-field-type_terms_conditions {
    margin: 30px auto;
}

.um-page-register .ndk-userform .um-field.um-field-type_terms_conditions > .um-field-area{
    padding: 10px 5px;
}

.um-page-register .ndk-userform .um-field.um-field-type_terms_conditions > .um-field-area span.um-field-checkbox-option {
    line-height: 19px;
    font-size: 14px;
    color: var(--blue900) !important;
    letter-spacing: normal;
}

@media (max-width:580px) {
    .um-page-register .ndk-userform .um-field:not(.um-field-block) {
        max-width: 400px;
    }
}
@media (max-width: 480px) {
    .um-page-register .ndk-userform .um-field.um-field-block {
        padding: 10px 0;
    }
    .um-page-register article.ndk-formpage .uk-article-title {
        margin-bottom: 0;
    }
    .um-page-register form .um-row.ndk-form-row {
        padding: 0 20px !important;
    }
    .um-page-register .ndk-userform .um-field:not(.um-field-block) {
        max-width: 340px;
        padding-bottom: 20px;
    }
    .um-page-register .ndk-userform .um-field.um-field-type_terms_conditions > .um-field-area {
        padding: 10px 0;
    }
}
@media (max-width: 420px) {
    .um-page-register form .um-row.ndk-form-row {
        padding: 0 10px !important;
    }
    .um-page-register .ndk-userform .um-field:not(.um-field-block) {
        max-width: 300px;
    }
}
@media (max-width: 370px) {
    .um-page-register form .um-row.ndk-form-row {
        padding: 0 !important;
    }
    .um-page-register .ndk-userform .um-field:not(.um-field-block) {
        max-width: none;
    }
}

/* ACCOUNT */

.um-page-account .myndk-article .article-row {
    margin-left: auto;
    margin-right: auto;
}

.um-page-loggedin .um-form .um.um-account {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.ndk-userform .um-account-main {
    padding: 20px 20px 40px 40px;
}

.ndk-userform .um-account-main .um-col-alt {
    max-width: none;
}

.ndk-userform .um-account-side {
    padding: 40px 30px;
}

.um-account .um-account-nav a {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    border-bottom: 1px solid var(--divider-gray) !important;
}

.um-account .um-account-nav a.current {
    border-bottom: 1px solid var(--blue) !important;
}

.um-account .um-account-nav span.ico {
    display: none;
}


/* ACCOUNT LEFTSIDE */

.ndk-userform .um-account-side .um-account-meta img {
    width: 80px;
}

.ndk-userform .um-account-side li {
    background: var(--alpha80);
    border-bottom: 1px solid var(--gray200);
}

.ndk-userform .um-account-side li:hover {
    background: var(--alpha80);
    border-bottom: 1px solid var(--divider);
}

.ndk-userform .um-account-side li a {
    font-family: var(--font-default);
    font-weight: 600;
    font-size: 14px;
    line-height: unset;
    padding: 15px 30px 15px 10px;
    font-size: 14px;
    letter-spacing: 0;
    height: auto;
    align-items: center;
    display: flex;
}

.ndk-userform .um-account-side li a:hover {
    background: var(--gray25);
    color: var(--link);
}

.ndk-userform .um-account-side li a span.um-account-title {
    color: var(--second);
    padding: 0;
    height: auto;
    line-height: 1.25;
}

.ndk-userform .um-account-side li a.current>*,
.ndk-userform .um-account-side li a.current:hover>* {
    color: var(--link) !important;
    font-weight: 700;
}

.ndk-userform .um-account-main div.um-account-heading i {
    display: none;
}

.ndk-userform .um-account-side li a span.um-account-icon,
.ndk-userform .um-account-side li a.current span.um-account-icon,
.ndk-userform .um-account-side li a.current:hover span.um-account-icon {
    display: none;
}

.ndk-userform .um-account-name a {}

.um-account-main div.um-account-heading {
    display: none;
    color: var(--link);
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.5;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--divider);
    margin-bottom: 10px !important;
}

.um-account-side li a span.um-account-arrow {
    color: var(--muted);
    top: calc(50% - 20px);
    float: none;
}


/* ACCOUNT RIGHTSIDE */

@media (min-width: 860px) {
    .um-form .um.um-account {
        width: auto;
    }
    .um-form .um.um-account form {
        display: flex;
        align-items: flex-start;
    }
    .um-form .um.um-account form .um-clear {
        display: none
    }
    .ndk-userform .um-account-side {
        padding: 30px;
        min-width: 300px;
    }
    .ndk-userform .um-account-main {
        padding: 30px;
        width: auto;
        flex: auto;
    }
    .um-account-main div.um-account-heading {
        display: block;
    }
    .ndk-userform .um-account-side ul {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin: 0 auto !important;
        max-width: 220px;
    }
    .ndk-userform .um-account-side li,
    .ndk-userform .um-account-side li:hover {
        border-bottom: none;
    }
    .ndk-userform .um-account-side li a {
        border: 1px solid var(--gray200) !important;
        box-shadow: inset 0 0 0 0.75px var(--blue100);
        border-radius: 60px;
        padding: 15px 20px;
        font-size: 15px;
        background: var(--alpha15) var(--linear-bread-inv);
        font-weight: 500;
    }
    .ndk-userform .um-account-side li a:hover {
        border: 1px solid var(--gray200) !important;
        background: var(--alpha100);
        color: var(--blue) !important;
        box-shadow: var(--shadow-xsmall);
    }
    .ndk-userform .um-account-side li a.current,
    .ndk-userform .um-account-side li a.current:hover {
        border: 1px solid var(--blue300) !important;
        box-shadow: inset 0 0 0 0.75px var(--blue200);
        background: var(--alpha100);
        color: var(--link) !important;
        font-weight: 700;
        box-shadow: var(--shadow-xsmall);
    }
    .um-account-side li a span.um-account-arrow {
        display: none;
    }
}
@media (min-width: 960px) {
    .um-form .um.um-account {
        max-width: 900px;
    }
    .ndk-userform .um-account-side {
        width: 320px;
    }
    .ndk-userform .um-account-main {
        padding: 30px 40px;
    }
}

@media (max-width: 860px) {
    .um-form .um.um-account.uimob800 form {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        width: 85%;
        margin: 0 auto;
    }
    .um-form .um.um-account.uimob800 .um-account-side {
        padding: 30px 15px;
        width: 80px;
        float: none;
    }
    .um-form .um.um-account.uimob800 .um-account-main {
        padding: 30px;
        flex: auto;
        width: auto;
    }
    .um-account-main div.um-account-heading {
        display: block;
        font-size: 18px;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 780px) {
    .um-form .um.um-account.uimob800 form {
        width: 90%;
    }
}

@media (max-width: 640px) {
    .um-form .um.um-account.uimob800 form {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .um-account-main div.um-account-heading {
        display: none;
    }
    .um-account-name {
        padding: 0;
    }
    .um-account-name a {
        color: var(--second);
    }
    .um-account-meta-img a img{
        height: 80px;
    }
    .um-form .um.um-account.uimob500 .um-account-main {
        padding: 30px;
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .um-form .um.um-account .um-account-nav a {
        padding: 15px 20px;
        font-size: 16px;
        height: auto;
        line-height: 1.5;
        color: var(--body) !important;
        font-weight: 600;
        border: 1px solid var(--gray200) !important;
        border-radius: 8px;
    }
    .um-form .um.um-account .um-account-nav a.current {
        color: var(--second) !important;
        background: var(--linear-bluetrans);
        font-weight: 700;
        border-radius: 8px 8px 0 0;
        border: 1px solid var(--blue200) !important;
    }
    .um-form .um.um-account .um-account-nav a span.arr {
        right: 15px;
        top: calc(50% - 21px);
        opacity: 0.5;
        mix-blend-mode: multiply;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab {
        margin: -16px 0 1px;
        border: 1px solid var(--gray200);
        padding: 25px 30px;
        border-radius: 0 0 8px 8px;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab .um-field {
        padding: 15px 10px !important;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab>div:last-child {
        padding: 15px 10px;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .um-form .um.um-account.uimob500 .um-account-main {
        padding: 30px 15px;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab {
        padding: 25px;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab .um-field {
        padding: 10px !important;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab>div:last-child {
        padding: 10px;
        margin: 0;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab>div:last-child>* {
        float: none;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab>div:last-child>.um-clear {
        display: none;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab input[type="submit"].um-button {
        padding: 0 20px !important;
        max-width: none;
        width: 100%;
        font-size: 14px !important;
    }
}
@media (max-width: 390px) {
    .um-form .um.um-account.uimob340 .um-account-main {
        padding: 30px 5px;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .um-form .um.um-account .um-account-nav + .um-account-tab {
        padding: 20px;
    }
}

/* 800px PROFILE */


div.uimob800 .ndk-userform .um-account-side .um-account-meta {
    width: 50px;
}

div.uimob800 .um-account-side ul {
    border-radius: 0;
    border-color: transparent;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

div.uimob800 .um-account-side li,
div.uimob800 .um-account-side li:hover {
    border: 0;
}

div.uimob800 .um-account-side li a {
    width: 50px;
    height: 50px;
    border-radius: 50px !important;
    background: var(--alpha15) var(--linear-bread-inv);
    box-shadow: inset 0 0 0 1.75px var(--gray100);
}

div.uimob800 .um-account-side li a:hover {
    box-shadow: inset 0 0 0 1.75px var(--gray100), var(--shadow-xsmall);
}

div.uimob800 .um-account-side li a span i {
    width: 50px !important;
    height: 50px !important;
    display: inline-block;
    padding: 0;
    background-size: 40px !important;
    background-position: center !important;
    filter: grayscale(0.5) opacity(0.5);
}

div.uimob800 .um-account-side li a span i::before {
    display: none;
}

div.uimob800 .um-account-side li a span.um-account-icontip {
    border-radius: 50px;
}

div.uimob800 .um-account-side li a span.um-account-icontip i.um-faicon-user {
    background: url('images/profile-account.svg') no-repeat;
}

div.uimob800 .um-account-side li a span.um-account-icontip i.um-faicon-asterisk {
    background: url('images/profile-pass.svg') no-repeat;
}

div.uimob800 .um-account-side li a span.um-account-icontip i.um-faicon-bell {
    background: url('images/profile-notification.svg') no-repeat;
}

div.uimob800 .um-account-side li a span.um-account-icontip i.um-faicon-info {
    background: url('images/profile-terms.svg') no-repeat;
}

div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover {
    background: var(--alpha100);
    box-shadow: inset 0 0 0 1.75px var(--blue300), var(--shadow-xsmall);
}

div.uimob800 .um-account-side li a.current span.um-account-icontip i {
    filter: none;
}

div.uimob800 .ndk-userform .um-account-main {
    padding: 30px;
    max-width: none;
    width: calc(90% - 100px);
    margin-right: auto;
}

div.uimob800 .ndk-userform .um-account-meta a,
div.uimob800 .ndk-userform .um-account-meta img {
    border: 0;
}


/* PROFILE DROP EDIT */

.um-profile-edit .um-dropdown {
    border: 1px solid var(--blue200);
    box-shadow: var(--shadow-small);
    display: block !important;
    border-radius: 50px;
    width: max-content !important;
    left: auto !important;
    right: auto !important;
    top: 0 !important;
    padding: 0 15px;
    position: relative;
    margin: auto;
}
.um-profile-edit .um-dropdown-arr {
    display: none;
}
.um-profile-edit .um-dropdown ul {
    border-radius: 50px;
    display: flex;
}

/* PROFILE */

.um-profile.um .um-profile-headericon li:nth-child(even) {
    background: transparent;
}

.um-profile.um .um-profile-headericon li:last-child {
    display: none;
}

.um-profile.um .um-profile-headericon a {
    color: var(--link);
    text-align: center;
    padding: 12.5px 10px;
    font-weight: 800;
    font-family: var(--font-default);
    font-size: 12px;
    text-transform: uppercase;
    border: 0;
    letter-spacing: 0.4px;
}

.um-profile.um .um-profile-headericon a:hover {
    color: var(--second);
}

.um-profile-edit i {
    display: none;
}

.um-profile.um .um-profile-headericon .um-profile-edit-a {
    display: block;
    padding: 0;
}

.um-profile-edit i::before {
    display: none;
}

@media (max-width: 370px) {
    .um-profile.um .um-profile-headericon a {
        padding: 10px 8px;
        font-size: 11px;
    }
}

.um-profile .ndk-userform .um-header.no-cover .um-profile-photo a.um-profile-photo-img {
    top: 0 !important;
    border-radius: 0 !important;
    width: 100px !important;
    height: auto !important;
    border: 0;
    border-bottom: 0 !important;
}

.um-page-user .ndk-userform .um-header .um-profile-photo img {
    border-radius: 0 !important;
}

.um-page-user .um-profile.um .um-name a {
    color: var(--second);
}

.um-profile .um-profile-body {
    padding: 0;
}

.um-profile .um-profile-body>div:not(.clear),
.ndk-formpage .um.um-profile .um-profile-body .um-row {
    display: flex;
    gap: 0;
    flex-direction: column;
}

.ndk-formpage .um-profile .um-profile-body>div.um-col-alt {
    display: block;
    padding-top: 20px;
    margin: 20px auto;
    max-width: none;
}
.ndk-formpage .um-profile .um-profile-body>div>div {
    margin-bottom: 20px;
}
.ndk-formpage .um-profile .um-profile-body>div>div.um-clear,
.um-profile .um-profile-body>div>div.um-clear {
    display: none;
}
.ndk-formpage .um.um-profile .um-profile-body .um-row>div {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.um-page-user .um-profile.um-viewing .um-profile-body .um-field.um-field-block .uk-heading-line {
    margin: 0px -20px;
    color: var(--emph);
}
.um-page-user .um-profile.um-viewing .ndk-userform .um-field-label {
    color: var(--emph);
    border-bottom: 2px dotted var(--gray200);
    padding: 5px 10px;
    margin: 0 !important;
}
.um-page-user .um-profile.um-viewing .ndk-userform .um-field-area {
    padding: 10px;
    margin: 0;
    line-height: 1.25;
    font-weight: 500;
    color: var(--gray600);
    letter-spacing: normal;
    font-size: 15px;
}

.um-page-user .um-profile.um-viewing .um-field.um-field-block h3:not(.uk-heading-line) {
    padding: 0 10px;
    line-height: 1;
}

.um-page-user .um-profile.um-viewing .ndk-userform .um-field:not(.um-field-block) {
    padding: 10px 0;
}


@media (max-width: 840px) {
    .ndk-formpage .um.um-profile .um-profile-body {
        max-width: 80%;
    }
    .ndk-formpage .um.um-profile .um-profile-body .um-row>div {
        width: 100%;
    }
}

@media (max-width: 780px) {
    .um-profile .um-profile-body>div>div {
        width: auto;
    }
}

@media (max-width: 640px) {
    .ndk-formpage .um.um-profile .um-profile-body {
        max-width: 90%;
    }
    .ndk-formpage .um-profile .um-profile-body>div>div,
    .um-profile .um-profile-body>div>div {
        padding: 0;
        margin-bottom: 0;
    }
    .um-page-user .um-profile.um-viewing .ndk-userform .um-field:not(.um-field-block) {
        padding: 10px;
    }
    .um-page-user .um-profile.um-viewing .um-profile-body .um-field.um-field-block .uk-heading-line {
        margin: 10px -30px;
    }
    .um-profile .ndk-userform .um-header.no-cover .um-profile-photo a.um-profile-photo-img {
        width: 90px !important;
        height: auto !important;
    }
}

@media (max-width: 580px) {
    .ndk-formpage .um.um-profile .um-profile-body {
        max-width: 100%;
    }
    .um-page-user .um-profile.um-viewing .ndk-userform .um-field:not(.um-field-block) {
        padding: 8px 0;
    }
    .um-profile .um-profile-body>div:not(.clear),
    .ndk-formpage .um.um-profile .um-profile-body .um-row {
        padding: 0 !important;
    }
    .um-page-user .um-profile.um-viewing .um-profile-body .um-field.um-field-block .uk-heading-line {
        margin: 10px 0px;
    }
}

@media (max-width: 420px) {
    .um-header {
        margin-bottom: 0;
    }
}

@media (max-width: 390px) {
    .um-profile .ndk-userform .um-header.no-cover .um-profile-photo a.um-profile-photo-img {
        width: 80px !important;
    }
}

@media (max-width: 370px) {
    .um-page-user .um-profile.um-viewing .ndk-userform .um-field-label {
        padding: 5px;
    }
    .um-page-user .um-profile.um-viewing .ndk-userform .um-field-area {
        padding: 8px 5px;
        font-size: 14px;
    }
    .um-page-user .um-profile.um-viewing .um-profile-body .um-field.um-field-block .uk-heading-line {
        margin: 5px 0px;
    }
}


/* NOTIFICATIONS */

.um-account-tab.um-account-tab-webnotifications .um-field-label {
    padding: 0;
    margin-bottom: 20px;
    font-size: 16px;
}

.um-form .um-notification-header {
    border-bottom: 2px dotted var(--gray200);
    padding: 0px 0 15px;
}
.um-form .um-notifications-filter {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    background-color: var(--alpha100);
    border-color: var(--gray200);
    color: var(--gray);
    border-width: 1.5px;
    text-transform: uppercase;
}
.um-form .um-notifications-filter:hover {
    color: var(--link);
    border-color: var(--blue200);
}
.um-form .um-notifications-filter.active {
    background: var(--link);
    border-color: var(--link);
}
body .um-new-dropdown {
    border: 1px solid var(--gray100);
    box-shadow: var(--shadow-small);
    border-radius: 8px !important;
    width: 200px !important;
    left: auto !important;
    right: 30px;
}
body .um-new-dropdown ul li a{
    padding: 15px;
    color: var(--gray);
    font-family: 'fontDefault';
    font-weight: 500;
    letter-spacing: normal;
}
body .um-new-dropdown ul li a:hover {
    color: var(--link);
    background: var(--gray25);
}
body .um-notifications-none {
    color: var(--gray500);
}
body .um-notifications-none i:before {
    color: var(--gray200);
}

@media (max-width: 480px) {
    .um-form .um-notifications-filter {
        font-size: 12px;
        padding: 10px 15px;
    }
}

/* COMPLETENESS BAR */

.um-page-loggedin .um-completeness-bar {
    background: var(--gray100);
    height: 22px;
    border: 5px solid var(--alpha100);
    box-shadow: 0 0 0 1.25px var(--divider);
}

.um-page-loggedin .um-completeness-done {
    background: var(--linear-progress);
    border-radius: 20px;
}

.um-page-user .ndk-userform .um-field.um-field-completeness_bar {
    padding: 10px;
    max-width: 320px;
    margin: auto;
}

.um-page-user .ndk-userform .um-field.um-field-completeness_bar .um-field-label {
    text-align: center;
    padding: 0;
    border: 0;
    line-height: 1;
}

.um-page-user .ndk-userform .um-field.um-field-completeness_bar .um-field-label label {
    font-size: 12px !important;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 700;
    letter-spacing: 0.5px !important;
}


/* PROFILE STATES */

.um-own-profile .myndk-article .article-row {
    margin-left: auto;
    margin-right: auto;
}

.um-own-profile .um-profile.um-viewing {
    margin-left: auto;
    margin-right: auto;
}

.um-own-profile .um-profile.um-viewing .um-form.ndk-userform .um-field-label>label {
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: 0.8px !important;
    text-transform: uppercase;
}

.um-page-user .um-header.no-cover {
    margin-top: 0px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.um-page-user .um-header.no-cover .um-profile-photo .um-page-user .um-profile.um-viewing .ndk-userform .um-field:not(.um-field-block) {
    padding: 10px 20px;
}

.um-profile.um-viewing .um-header.no-cover {
    padding-top: 60px;
}

.um-form .um-profile.um-editing {
    padding: 0;
}

.um-profile.um-editing .um-header.no-cover {
    padding-top: 20px;
}

div.uimob800.um-profile.um-editing .ndk-userform form {
    flex-direction: column;
}

div.uimob800.um-profile.um-editing .um-profile-body {
    width: 80vw;
    padding: 0 30px;
}

.um-header {
    border-color: var(--alpha0);
    border-bottom-width: 1.5px;
    border-bottom-style: dotted;
    margin-top: -30px;
    padding: 0;
}

.um-header .um-profile-edit {
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    line-height: 40px;
    margin: 0;
}

@media (max-width: 370px) {
    .um-header .um-profile-edit {
        left: -5px;
        right: -5px;
    }
}


/* NEW PASS PROFILE TAB */

.um-account-tab.um-account-tab-password>div:not(:first-child) {
    padding: 15px;
}

@media (max-width: 860px) {
    .um-account-tab.um-account-tab-password>div:not(:first-child) {
        padding: 15px;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 580px) {
    .um-account-tab.um-account-tab-password>div:not(:first-child) {
        padding: 15px 10px;
    }
}
@media (max-width: 480px) {
    .um-account-tab.um-account-tab-password>div:not(:first-child) {
        padding: 10px;
    }
}



/* TERMS TAB */


.um-account-tab-terms-conditions .um-terms-conditions-account .um-field-area {
    margin: 25px 0;
}
.um-terms-conditions-account .um-terms-conditions-post-content {
    border: 0;
    color: var(--body);
    padding: 0;
    margin: 20px 0;
}

.um-terms-conditions-account .um-terms-conditions-post-content h1 {
    font-size: 28px;
}
.um-terms-conditions-account .um-terms-conditions-post-content p {
    margin: 10px 0 20px 0 !important;
}

.um-terms-conditions-account .um-link {
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.um-terms-conditions-account .um-link {
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.um-terms-conditions-account .um-terms-conditions-controls a,
.um-terms-conditions-account a.um-toggle-terms.um-link {
    font-weight: 600;
    color: var(--link)!important;
    font-size: 13px;
    letter-spacing: normal;
    text-decoration: none;
    border: 1px solid var(--blue100) !important;
    background: var(--blue100);
    padding: 7px 15px;
    border-radius: 60px;
    display: inline-block;
}

@media (max-width: 580px) {
    .um-terms-conditions-account .um-terms-conditions-post-content h1 {
        font-size: 26px;
    }
    .um-terms-conditions-account .um-terms-conditions-post-content h2 {
        font-size: 22px;
    }
}

@media (max-width: 370px) {
    .um-terms-conditions-account .um-terms-conditions-post-content h1 {
        font-size: 22px;
    }
    .um-terms-conditions-account .um-terms-conditions-post-content h2 {
        font-size: 18px;
    }
}

/* STYLE BULLETIN NOTICE REGISTER */

.bulletin-notice{
    padding: 0 30px 0 55px;
    color: #003284;
    font-size: 16px;
}