.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FCF7F1;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===========================================================
   Simply Leda — Mobile Menu Styling
   Mirrors .sl-btn.sl-btn--primary without touching it.
   =========================================================== */

@media (max-width: 767px) {

    /* 1. Full viewport height dropdown + white background */
    .elementor-nav-menu--dropdown {
        min-height: 100vh !important;
        background-color: #ffffff !important;
        padding-top: 20px !important;
    }

    /* 2. Spacing on menu items */
    .elementor-nav-menu--dropdown li.menu-item a.elementor-item {
        padding: 18px 25px !important;
        font-size: var(--sl-text-base);
        font-family: var(--sl-font-sans);
        color: var(--sl-color-text-dark);
    }

    /* 3. Bottom border between menu items */
    .elementor-nav-menu--dropdown li.menu-item {
        border-bottom: 1px solid var(--sl-color-border);
    }

    /* === Active menu item — primary brand color === */
    .elementor-nav-menu--dropdown li.menu-item a.elementor-item.elementor-item-active,
    .elementor-nav-menu--dropdown li.current-menu-item > a.elementor-item,
    .elementor-nav-menu--dropdown li.current-menu-ancestor > a.elementor-item {
        background-color: transparent !important;
        color: var(--sl-color-primary) !important;
        font-weight: 500 !important;
    }

    /* Kill the dark focus/highlight backgrounds Elementor adds by default */
    .elementor-nav-menu--dropdown li.menu-item a.elementor-item.highlighted,
    .elementor-nav-menu--dropdown li.menu-item a.elementor-item:focus {
        background-color: transparent !important;
    }

    /* === Secondary dropdown (Content > Discern / Podcast / Video) === */
    .elementor-nav-menu--dropdown ul.sub-menu {
        background-color: var(--sl-color-bg) !important;
        padding: 0 !important;
        border-top: 1px solid var(--sl-color-border) !important;
    }

    .elementor-nav-menu--dropdown ul.sub-menu li.menu-item {
        border-bottom: 1px solid var(--sl-color-border) !important;
    }

    .elementor-nav-menu--dropdown ul.sub-menu li.menu-item:last-child {
        border-bottom: none !important;
    }

    .elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.elementor-sub-item {
        padding: 14px 25px 14px 45px !important;
        font-size: var(--sl-text-sm) !important;
        font-family: var(--sl-font-sans);
        color: var(--sl-color-text-light) !important;
    }

    /* Active state inside secondary dropdown */
    .elementor-nav-menu--dropdown ul.sub-menu li.current-menu-item > a.elementor-sub-item {
        color: var(--sl-color-primary) !important;
        font-weight: 500 !important;
        background-color: transparent !important;
    }

    /* === Menu CTA button — mirrors .sl-btn.sl-btn--primary 1:1 === */
    /* .menu-btn = positioning + reset; styling matches the primary button */
    .elementor-nav-menu--dropdown li.menu-btn {
        border-bottom: none !important;
        margin-top: 30px !important;
        padding: 0 20px !important;
    }

    .elementor-nav-menu--dropdown li.menu-btn a.elementor-item {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;

        padding: 8px 24px !important;
        font-family: var(--sl-font-sans) !important;
        font-size: var(--sl-text-base) !important;
        font-weight: 500 !important;
        line-height: 130% !important;
        text-decoration: none !important;
        font-style: normal !important;

        color: var(--sl-color-surface) !important;
        background-color: var(--sl-color-primary) !important;
        background-image: none !important;

        border: 2px solid transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        cursor: pointer;

        transition:
            background-color var(--sl-transition),
            border-color var(--sl-transition),
            color var(--sl-transition),
            box-shadow var(--sl-transition);
    }

    .elementor-nav-menu--dropdown li.menu-btn a.elementor-item:hover,
    .elementor-nav-menu--dropdown li.menu-btn a.elementor-item:focus {
        color: var(--sl-color-surface) !important;
        background-color: var(--sl-color-primary-hover) !important;
        background-image: none !important;
    }

    .elementor-nav-menu--dropdown li.menu-btn a.elementor-item:focus-visible {
        outline: 2px solid var(--sl-color-accent);
        outline-offset: 2px;
    }

    /* === Hide top header CTA when mobile menu is open === */
    header:has(.elementor-menu-toggle.elementor-active) .top-schedule-btn {
        display: none !important;
    }

    /* === Swap header background (cream → white) when menu is open === */
    header:has(.elementor-menu-toggle.elementor-active),
    header:has(.elementor-menu-toggle.elementor-active) .elementor-section,
    header:has(.elementor-menu-toggle.elementor-active) .elementor-container,
    header:has(.elementor-menu-toggle.elementor-active) .e-con,
    header:has(.elementor-menu-toggle.elementor-active) .e-con-inner {
        background-color: #ffffff !important;
        background-image: none !important;
        transition: background-color 0.2s ease;
    }
}

/* === Z-index so Logo + X icon stay above the dropdown === */
.elementor-menu-toggle {
    position: relative;
    z-index: 9999 !important;
}

.simply-leda-logo {
    position: relative;
    z-index: 9999 !important;
}

.elementor-nav-menu__container.elementor-nav-menu--dropdown {
    z-index: 9998 !important;
}

/* === Hide menu CTA button on desktop/tablet === */
@media (min-width: 768px) {
    li.menu-btn {
        display: none !important;
    }
}/* End custom CSS */