/*
** Progetti Astratti
** www.progettiastratti.com
**
** Theme: Struttura
** Version: 5.0.0
*/

/* ======================== TYPO & FONT ======================== */
.um-meta,
#description {
    font-family: Lato !important;
    font-size: 18px !important;
    letter-spacing: normal !important;
}

/* ======================== LINKS ======================== */
.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,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color,
.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #7200E5 !important;
}

/* ======================== BUTTONS ======================== */
.um-button,
input[type=submit].um-button,
.um-export-data-button,
.um-erase-data-button,
.um-button.um-btn-auto-width {
    background: #7200E5 !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-family: Lato !important;
    font-size: 15px !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border-radius: 0 !important;
    border: 2px solid #7200E5 !important;
    padding: 10px 60px !important;
    width: 200px !important;
    height: 70px !important;
    box-sizing: border-box;
}

.um-button:hover,
input[type=submit].um-button:hover,
.um-export-data-button:hover,
.um-erase-data-button:hover {
    background: #fff !important;
    color: #7200E5 !important;
    cursor: pointer !important;
}

/* ======================== MODAL BUTTONS ======================== */
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover {
    background: #7200E5 !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-family: Lato !important;
    font-size: 15px !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border-radius: 0 !important;
    border: 0 !important;
    width: 100% !important;
    padding: 0 !important;
}

/* ======================== FILE UPLOAD & IMAGE PREVIEW ======================== */
.um-field input[type="file"] {
    width: 100% !important;
    display: block;
    box-sizing: border-box;
}

.um-field-area {
    display: flex;
    align-items: center;
    gap: 10px;
}

.um-field-area img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
}

/* ======================== AVATAR ======================== */
.um-avatar { border-radius: 100% !important; }
.um-profile-photo { padding-left: 10px !important; }

.avatar-40 {
    width: 70px !important;
    height: 70px !important;
}

@media only screen and (max-width: 768px) {
    .avatar-40 {
        width: 120px !important;
        height: 120px !important;
        margin-top: 50px !important;
    }
}

/* ======================== PASSWORD INPUT ======================== */
.um .um-form input[type="password"],
.um .um-field-password,
.um .um-field-area-password {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 0 16px 0!important;
    margin: 0!important;
    border: 0px solid #ccc !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}
.um .um-form input[type="password"] {
    text-indent: 12px;
}

/* ======================== PRIVACY CHECK ======================== */
.um-field-checkbox { 
    padding-top: 0!important;
}

/* ======================== HIDE ELEMENTS ======================== */
.um-faicon-cog,
.um-faicon-check,
.um_request_name,
#um_field_0_um_show_last_login,
.um-left,
.um-icon-help-circled,
label[for="single_user_password"] {
    display: none !important;
}

/* ======================== PLACEHOLDER ======================== */
[id^="user_stilts_year-"]::placeholder {
    font-size: 16px !important;
    font-family: Lato !important;
    color: #808480 !important;
}

/* ======================== FORM LAYOUT ======================== */
.um-form .um-field-block {
    color: #fff !important;
    text-align: center;
}

#um_field_0_username_b {
    display: flex;
    justify-content: center;
    border: 0 !important;
}

.um-form .um-col-alt-b {
    display: flex;
    justify-content: center;
}

/* ======================== MEMBER DIRECTORY ======================== */
.um-member-directory-sorting {
    display: flex !important;
    justify-content: center !important;
    padding: 20px 0 !important;
    font-size: 18px !important;
}

.um-new-dropdown {
    width: 300px !important;
    margin-top: 15px !important;
    padding: 20px !important;
    font-size: 18px !important;
    text-align: center !important;
}

.um-member-name a:link {
    text-transform: uppercase !important;
    font-size: 20px !important;
}

.um-member-card {
    border: 0 !important;
}

/* ======================== ID UNIQUE ======================== */
.um-field[data-key="um_unique_account_id"] input {
    background-color: #f2f2f2 !important;
    color: #666;
    cursor: not-allowed;
}