.elementor-1857 .elementor-element.elementor-element-ee61ad1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1857 .elementor-element.elementor-element-ee61ad1:not(.elementor-motion-effects-element-type-background), .elementor-1857 .elementor-element.elementor-element-ee61ad1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1857 .elementor-element.elementor-element-ee61ad1{--content-width:1300px;}}/* Start custom CSS for container, class: .elementor-element-ee61ad1 *//* ================================
   Ultimate Member Account Page
   Black + Orange Theme
================================ */
#um_account_submit_password{
    font-family: "Inter", Sans-serif;
    font-weight: 500 !important;
}

.um-account {
    max-width: 1180px;
    margin: 70px auto;
    padding: 0 20px;
    font-family: inherit;
    color: #ffffff;
}

/* Main form layout */
.um-account .um-form {
    background: #0b0b0b;
    border: 1px solid rgba(255, 115, 0, 0.28);
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
}

/* Hide honeypot */
.um-account .um_request_name {
    display: none !important;
}

/* Sidebar */
.um-account .um-account-side {
    border-radius: 16px;
    padding: 22px 22px 22px 0px ;
    width: 30%;
}

/* User meta box */
.um-account .um-account-meta {
    background: #181818;
    border: 1px solid rgba(255, 115, 0, 0.25);
    border-radius: 14px;
    padding: 22px;
    margin-bottom: 22px;
    text-align: center;
}

/* Avatar */
.um-account .um-account-meta-img img,
.um-account .um-account-meta-img-b img {
    border-radius: 50%;
    border: 3px solid #ff7300;
    box-shadow: 0 0 0 6px rgba(255, 115, 0, 0.12);
}

/* User name */
.um-account .um-account-name a {
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 800;
    text-decoration: none;
}

.um-account .um-account-profile-link a {
    color: #ff7300 !important;
    font-size: 14px;
    font-weight: 600;
}
.um-account-side ul li{
    background: transparent !important;
    padding-bottom: 15px !important;
}

/* Sidebar tabs */
.um-account .um-account-side ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.um-account .um-account-side ul li {
    margin-bottom: 10px;
}
.um-account input.um-button{
    font-family: "Inter", Sans-serif !important;
}

.um-account .um-account-side ul li a.um-account-link {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #1a1a1a;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 15px 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: "Inter", Sans-serif;
}

.um-account .um-account-side ul li a.um-account-link:hover,
.um-account .um-account-side ul li a.um-account-link.current {
    background: #ff7300;
    color: #000000 !important;
    border-color: #ff7300;
    transform: translateX(4px);
    font-family: "Inter", Sans-serif;
}

.um-account .um-account-side ul li a.current span,
.um-account .um-account-side ul li a.current i,
.um-account .um-account-side ul li a:hover span,
.um-account .um-account-side ul li a:hover i {
    color: #000000 !important;
}

/* Sidebar icons */
.um-account .um-account-icon,
.um-account .um-account-icon i {
    color: #ff7300 !important;
    font-size: 18px;
}

.um-account .um-account-title {
    font-size: 15px;
    font-weight: 700;
}

.um-account .um-account-arrow {
    margin-left: auto;
}
  
}
.um-account input.um-button, .um-account .um-button, .um-account .um-request-button{
    font-family: "Inter", Sans-serif;
    font-weight: 500 !important;
}

/* Main content */
.um-account .um-account-main {
    background: #111111;
    border: 1px solid rgba(255, 115, 0, 0.35);
    border-radius: 16px;
    padding: 35px;
    width: 70%;
    min-height: 420px;
}

/* Heading */
.um-account .um-account-heading {
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 28px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 115, 0, 0.35);
}

.um-account .um-account-heading i {
    color: #ff7300;
    margin-right: 10px;
}

/* Field spacing */
.um-account .um-field {
    margin-bottom: 22px;
}

/* Labels */
.um-account .um-field-label label,
.um-account label {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Inter", Sans-serif;
}

/* Inputs */
.um-account input.um-form-field,
.um-account input[type="text"],
.um-account input[type="email"],
.um-account input[type="password"],
.um-account select,
.um-account textarea {
    width: 100% !important;
    background: #0b0b0b !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 115, 0, 0.35) !important;
    border-radius: 3px !important;
    padding: 14px 15px !important;
    font-size: 15px !important;
    box-shadow: none !important;
    outline: none !important;
    transition: all 0.3s ease;

}

.um-account input.um-form-field:focus,
.um-account input[type="text"]:focus,
.um-account input[type="email"]:focus,
.um-account input[type="password"]:focus,
.um-account select:focus,
.um-account textarea:focus {
    border-color: #ff7300 !important;
    box-shadow: 0 0 0 3px rgba(255, 115, 0, 0.16) !important;
}

/* Disabled inputs */
.um-account input:disabled,
.um-account select:disabled,
.um-account .select2-container--disabled .select2-selection {
    opacity: 0.75;
    background: #151515 !important;
    color: #bdbdbd !important;
    cursor: not-allowed;
}

/* Select2 */
.um-account .select2-selection {
    background: #0b0b0b !important;
    border: 1px solid rgba(255, 115, 0, 0.35) !important;
    border-radius: 10px !important;
    height: 48px !important;
}

.um-account .select2-selection__rendered {
    color: #ffffff !important;
    line-height: 48px !important;
    padding-left: 15px !important;
}

.um-account .select2-selection__arrow {
    height: 48px !important;
}

/* Radio buttons */
.um-account .um-field-radio {
    background: #181818;
    border: 1px solid rgba(255, 115, 0, 0.25);
    border-radius: 10px;
    padding: 12px 14px;
    color: #ffffff;
}

.um-account .um-field-radio.active {
    border-color: #ff7300;
    background: rgba(255, 115, 0, 0.12);
}

.um-account .um-field-radio-state i {
    color: #ff7300 !important;
}

.um-account .um-field-radio-option {
    color: #ffffff !important;
}

/* Buttons */
.um-account input.um-button,
.um-account .um-button,
.um-account .um-request-button {
    background: #ff7300 !important;
    color: #000000 !important;
    border: 1px solid #ff7300 !important;
    border-radius: 10px !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: none !important;
    font-family: "Inter", Sans-serif;

}

.um-account input.um-button:hover,
.um-account .um-button:hover,
.um-account .um-request-button:hover {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    transform: translateY(-2px);
}

/* Disabled buttons */
.um-account input.um-button:disabled,
.um-account .um-button.um_account_inactive {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none !important;
}

/* Privacy export / erase boxes */
.um-account .um-field-export_data {
    background: #181818;
    border: 1px solid rgba(255, 115, 0, 0.25);
    border-radius: 14px;
    padding: 22px;
    margin-bottom: 24px;
}

.um-account .um-field-export_data .um-field-label label {
    font-size: 18px;
    color: #ff7300 !important;
}

/* Paragraphs */
.um-account .um-account-tab p {
    color: #d7d7d7;
    font-size: 15px;
    line-height: 1.7;
}

/* Error messages */
.um-account .um-field-error,
.um-account .um-error,
.um-account .um-notice {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-left: 4px solid #ff7300 !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
}

/* Mobile accordion nav */
.um-account .um-account-nav a {
    background: #111111;
    color: #ffffff !important;
    border: 1px solid rgba(255, 115, 0, 0.35);
    border-radius: 10px;
    padding: 15px 18px;
    margin-bottom: 12px;
    font-weight: 800;
    text-decoration: none;

}

.um-account .um-account-nav a.current {
    background: #ff7300;
    color: #000000 !important;
}

.um-account .um-account-nav a.current i,
.um-account .um-account-nav a.current span {
    color: #000000 !important;
}

/* Mobile responsive */
@media (max-width: 800px) {
    .um-account {
        margin: 40px auto;
        padding: 0 15px;
    }

    .um-account .um-form {
        padding: 20px;
    }

    .um-account .um-account-side,
    .um-account .um-account-main {
        width: 100% !important;
        float: none !important;
    }

    .um-account .um-account-main {
        padding: 25px 20px;
        margin-top: 20px;
    }

    .um-account .um-account-heading {
        font-size: 22px;
    }

    .um-account .um-field-radio.um-field-half,
    .um-account .um-field-radio.um-field-half.right {
        width: 100% !important;
        float: none !important;
        margin-bottom: 10px;
    }

    .um-account input.um-button,
    .um-account .um-button,
    .um-account .um-request-button {
        width: 100% !important;
        display: block;
        text-align: center;
    }
    .um-account .um-account-main{
        border: none !important;
    }
    .um-account .um-account-nav a{
        padding: 15px 33px !important; 
    }
    .um-account-nav span.ico{
        left: 5px !important;
    }
    .um-account .um-account-nav a{
        display: flex;
        align-items: center;
    }
}/* End custom CSS */