.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8361 .elementor-element.elementor-element-b834abe .elementor-menu-toggle{margin:0 auto;}.elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-8361 .elementor-element.elementor-element-b834abe div.elementor-menu-toggle{color:#FFFFFF;}.elementor-8361 .elementor-element.elementor-element-b834abe div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown a{padding-top:0px;padding-bottom:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-b834abe *//* TARGETS ONLY PORTRAIT IPADS AND SMALLER SCREENS — DESKTOP REMAINS 100% UNTOUCHED */
@media (max-width: 1024px) {
    
    /* 1. Main fullscreen drop window wrapper */
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown {
        position: fixed !important;
        top: 90px !important; /* Adjust if your header height changes */
        left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100svh - 90px) !important;
        z-index: 9999 !important;
        background-color: #ffffff !important;
        overflow-y: auto !important; /* Lets users scroll if the list is longer than screen height */
        
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important; 
        align-items: center !important;
        padding-top: 60px !important; /* Increased top breathing room */
        box-sizing: border-box !important;
    }

    /* 2. Main list flow and spacing */
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown nav,
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown ul.elementor-nav-menu--main {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 24px !important; /* Increased space between top-level items (Home, About, Contact) */
    }

    /* 3. Sub-menu container flattening and spacing */
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown .sub-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: static !important; 
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        margin: 24px 0 !important; /* Increased space above and below the sub-menu block */
        background-color: transparent !important;
        box-shadow: none !important;
        gap: 20px !important; /* Increased space between individual sub-menu items */
    }

    /* 4. Center-stack every single menu line list container */
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown li {
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 5. Direct Link Typography Styling & Global Hover Removal */
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown a,
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown a:hover,
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown a:focus,
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown .sub-menu a,
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown .sub-menu a:hover {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 12px 0 !important; /* Increased padding around the links for larger tap targets */
        font-size: 26px !important; /* Increased font size for a cleaner look */
        font-weight: 600 !important;
        
        /* Rigid layout coloring to clear hover color changes */
        color: #000000 !important; 
        background: transparent !important;
        background-color: transparent !important;
        text-decoration: none !important;
    }

    /* 6. Completely hide structural drop arrows */
    .elementor-8361 .elementor-element.elementor-element-b834abe .elementor-nav-menu--dropdown .sub-arrow {
        display: none !important;
    }
}/* End custom CSS */