.elementor-kit-6{--e-global-color-primary:#0B1B2E;--e-global-color-secondary:#132840;--e-global-color-text:#090909;--e-global-color-accent:#AB8755;--e-global-color-ac3e1d0:#F5F1EF;--e-global-color-6bd61f7:#E4E4E4;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;line-height:1.6em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Cormorant Garamond", Sans-serif;font-size:60px;font-weight:600;line-height:1em;}.elementor-kit-6 h2{font-family:"Cormorant Garamond", Sans-serif;font-size:44px;font-weight:600;line-height:1.1em;}.elementor-kit-6 h3{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:700;}.elementor-kit-6 h4{font-size:18px;font-weight:600;}.elementor-kit-6 h6{font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.3em;letter-spacing:1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:42px;}.elementor-kit-6 h2{font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Custom Short Entrance Animations */

/* Base state: ensures elements are hidden before animation triggers */
.elementor-invisible {
    opacity: 0;
}

/* 1. Fade In Left */
.animated.fadeInLeft {
    animation-name: shortFadeInLeft;
    animation-duration: 0.8s;
}

/* 2. Fade In Right */
.animated.fadeInRight {
    animation-name: shortFadeInRight;
    animation-duration: 0.8s;
}

/* 3. Fade In Up (Bottom) */
.animated.fadeInUp {
    animation-name: shortFadeInUp;
    animation-duration: 0.8s;
}

/* 4. Fade In Down (Top) */
.animated.fadeInDown {
    animation-name: shortFadeInDown;
    animation-duration: 0.8s;
}

/* Keyframes */

@keyframes shortFadeInLeft {
    0% { opacity: 0; transform: translateX(-100px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes shortFadeInRight {
    0% { opacity: 0; transform: translateX(100px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes shortFadeInUp {
    0% { opacity: 0; transform: translateY(100px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes shortFadeInDown {
    0% { opacity: 0; transform: translateY(-100px); }
    100% { opacity: 1; transform: translateY(0); }
}












/* Style input fields */
.um .um-form input[type="text"],
.um .um-form input[type="password"],
.um .um-form input[type="email"],
.um .um-form textarea {
    border: 1px solid #d1d5db !important;
    border-radius: 5px !important;
    padding: 25px !important;
    font-size: 15px !important;
    color: #111827 !important;
    background-color: #ffffff !important;
}

/* Field labels */
.um .um-field-label label {
    font-weight: 600 !important;
    color: #1c2b39 !important;
    letter-spacing: 0.5px;
    font-size: 14px !important;
    text-transform: uppercase;
}

/* Primary submit button (Dark Navy matching your theme) */
.um .um-button,
.um input[type="submit"].um-button {
    background-color: #101c2e !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 17px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background-color 0.2s ease !important;
}

/* Button hover state */
.um .um-button:hover,
.um input[type="submit"].um-button:hover {
    background-color: #1c2f4d !important;
}













/* 1. Global Hiding Rules */
.um-account-meta {
    display: none !important;
}

/* ONLY hide the clear div directly inside the form to prevent grid breaks. 
   Do NOT hide globally, otherwise radio buttons will break! */
.um-account form > .um-clear {
    display: none !important;
}

/* 2. Force Grid Layout for Account Page (Desktop Only) */
@media (min-width: 768px) {
    .um-account form {
        display: grid !important;
        grid-template-columns: 280px 1fr !important; /* 280px left sidebar, rest of space for main content */
        gap: 40px !important;
        align-items: start !important;
    }

    /* Place Menu at the top left */
    .um-account-side {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        float: none !important;
        margin-top: 0 !important;
    }

    /* Place Main Content Box on the right */
    .um-account-main {
        grid-column: 2 !important;
        grid-row: 1 !important; 
        width: 100% !important;
        float: none !important;
        margin-top: 0 !important;
    }
}

/* 3. Fix Field Layouts & Prevent Overlapping */
.um-account .um-field {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* 4. Main Content Area Box */
.um .um-account-main {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    padding: 35px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.02) !important;
}

/* 5. Strip Default Sidebar Background */
.um .um-account-side .um-account-nav {
    background: transparent !important;
    border: none !important;
}

.um .um-account-side ul li {
    margin-bottom: 8px !important; 
}

/* 6. Inactive Menu Items */
.um .um-account-side ul li a {
    background-color: #f7f9fa !important;
    color: #1c2b39 !important;
    border: 1px solid #eaeaea !important;
    border-radius: 6px !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}

.um .um-account-side ul li a:hover {
    background-color: #e2e8f0 !important;
}

/* 7. Active Menu Item (Text forced to white) */
.um .um-account-side ul li a.current,
.um .um-account-side ul li a.current span.um-account-title {
    background-color: #101c2e !important; 
    color: #ffffff !important;
    border-color: #101c2e !important;
}

/* 8. Fix Icon Colors */
.um .um-account-side ul li a span.um-account-icon {
    margin-right: 12px !important;
    color: #6b7280 !important; 
    font-size: 16px !important;
}

.um .um-account-side ul li a.current span.um-account-icon {
    color: #ffffff !important; 
}

/* Hide the default right-pointing arrows */
.um .um-account-side ul li a span.um-account-icon.um-faicon-angle-right {
    display: none !important;
}

/* 9. Typography & Labels */
.um-account-heading {
    color: #101c2e !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #f0f0f0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 24px !important;
}

.um-account .um-field-label label {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #6b7280 !important;
}

/* 10. Force ALL Buttons to Navy (Fixes the blue privacy buttons) */
.um-account .um-button,
.um-account input[type="submit"].um-button,
.um-account input[type="button"].um-button,
.um-account a.um-button,
.um-account button.um-button {
    background-color: #101c2e !important;
    color: #ffffff !important;
    border: 1px solid #101c2e !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    box-shadow: none !important;
}

.um-account .um-button:hover,
.um-account input[type="submit"].um-button:hover,
.um-account input[type="button"].um-button:hover,
.um-account a.um-button:hover,
.um-account button.um-button:hover {
    background-color: #1c2f4d !important;
    color: #ffffff !important;
}



.um-account-arrow {
    top: 15px !important;
}/* End custom CSS */