.elementor-235346 .elementor-element.elementor-element-0dbb356{--display:flex;--min-height:8vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#747474;--border-color:#747474;--border-radius:50px 50px 50px 50px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-235346 .elementor-element.elementor-element-f5e927e{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-235346 .elementor-element.elementor-element-eb2ce40 > .elementor-widget-container{padding:0px 0px 0px 25px;}.elementor-235346 .elementor-element.elementor-element-eb2ce40{text-align:start;}.elementor-235346 .elementor-element.elementor-element-17faaa3{--display:flex;}.elementor-235346 .elementor-element.elementor-element-17faaa3.e-con{--flex-grow:0;--flex-shrink:0;}.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-235346 .elementor-element.elementor-element-60cc3f7 .elementor-menu-toggle{margin-left:auto;background-color:#111111;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:700;letter-spacing:-0.9px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--main .elementor-item:hover, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown{background-color:#FFFFFF00;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E4E4E4;border-radius:5px 5px 5px 5px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a:hover, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a:focus, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a.highlighted, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-menu-toggle:hover, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a:hover, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a:focus, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a.highlighted{background-color:#3A3A3A;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown .elementor-item, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a{padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#FFFFFF;border-bottom-width:0px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:18px !important;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-235346 .elementor-element.elementor-element-45dd140{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-235346 .elementor-element.elementor-element-250c598 .elementor-button{background-color:transparent;font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(235deg, #002239 0%, #262100 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B4F0C;border-radius:10px 10px 10px 10px;padding:15px 22px 15px 22px;}.elementor-235346 .elementor-element.elementor-element-250c598 > .elementor-widget-container{padding:0px 25px 0px 0px;}.elementor-235346 .elementor-element.elementor-element-250c598 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-235346{padding:15px 150px 0px 150px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-235346 .elementor-element.elementor-element-f5e927e{--width:40%;}.elementor-235346 .elementor-element.elementor-element-17faaa3{--width:50%;}.elementor-235346 .elementor-element.elementor-element-45dd140{--width:25%;}}@media(max-width:767px){.elementor-235346 .elementor-element.elementor-element-0dbb356{--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-235346 .elementor-element.elementor-element-f5e927e{--width:40%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-235346 .elementor-element.elementor-element-eb2ce40{width:100%;max-width:100%;text-align:start;}.elementor-235346 .elementor-element.elementor-element-eb2ce40 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-235346 .elementor-element.elementor-element-eb2ce40.elementor-element{--align-self:flex-start;}.elementor-235346 .elementor-element.elementor-element-17faaa3{--width:3.807%;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown .elementor-item, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:18px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown{border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--dropdown a{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-235346 .elementor-element.elementor-element-60cc3f7 .elementor-menu-toggle{border-radius:50px;}.elementor-235346 .elementor-element.elementor-element-45dd140{--width:40%;}.elementor-235346{padding:10px 10px 0px 10px;}}/* Start custom CSS for container, class: .elementor-element-0dbb356 *//* ========================================== 1. STAGE ONE: FIX THE MAIN HEADER CONTAINER ========================================== */ /* Strip any color blocks interfering with transparency layers */ .main-glass-header { background: transparent !important; background-color: transparent !important; position: relative; } /* Move the header blur to an isolated layer so it doesn't trap child menus */ .main-glass-header::before { content: "" !important; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1) !important; /* Adjust header tint here */ backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; z-index: -1 !important; /* Kept safely behind header text items */ } /* Ensure nothing clips out the dropdown */ .main-glass-header, .main-glass-header .elementor-widget-container { overflow: visible !important; transform: none !important; will-change: auto !important; } /* ========================================== 2. STAGE TWO: STYLISE THE DROPDOWN MENU ========================================== */ /* Neutralise default background colors set by Elementor/Theme panels */ .main-glass-header .sub-menu, .main-glass-header ul.sub-menu { background: transparent !important; background-color: transparent !important; position: absolute; } /* Build a clean, isolated pseudo-layer behind dropdown options */ .main-glass-header .sub-menu::before, .main-glass-header ul.sub-menu::before { content: "" !important; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; /* Transparent Canvas to give the blur a layer to display against */ background: rgba(255, 255, 255, 0.1) !important; /* Dropdown Glassmorphism specs */ box-shadow: 0 0px 0px 0 rgba(31, 38, 135, 0.37) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; z-index: -1 !important; border-radius: 8px !important; /* Clean rounded edges */ border: 1px solid rgba(255, 255, 255, 0.15) !important; } @media (max-width: 1024px) { /* 1. Neutralise parent transforms and structural divider frameworks */ .main-glass-header .elementor-menu-toggle, .main-glass-header .elementor-nav-menu--dropdown, .main-glass-header .elementor-widget-container, .main-glass-header .wp-block-navigation { transform: none !important; will-change: auto !important; border: none !important; box-shadow: none !important; } /* 2. ABSOLUTE PURGE OF THE SUBMENU BOTTOM BORDER LINE AND TOGGLE INDICATORS */ .main-glass-header .elementor-menu-toggle::after, .main-glass-header .elementor-menu-toggle::before, .main-glass-header .elementor-nav-menu--dropdown hr, .main-glass-header .elementor-nav-menu--dropdown .divider, .main-glass-header .elementor-nav-menu--dropdown .menu-item::after { display: none !important; content: none !important; height: 0px !important; border: none !important; } /* 3. FIX FIXED POSITIONING CONTAINER FOR GLASS PANEL */ .main-glass-header .elementor-nav-menu--dropdown, .main-glass-header div[data-elementor-type="header"] .elementor-nav-menu--dropdown, .main-glass-header .elementor-navigation-mobile { background: transparent !important; background-color: transparent !important; position: fixed !important; width: 90vw !important; min-width: 90vw !important; max-width: 480px !important; left: 50% !important; transform: translateX(-50%) !important; top: 75px !important; /* Tweak this line to raise or lower the floating menu */ box-sizing: border-box !important; border-radius: 14px !important; /* Retain scrolling capabilities if the menu exceeds max-height */ overflow-y: auto !important; overflow-x: hidden !important; /* Wipe any ghost box-shadows generating dark bottom rows */ box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important; border: none !important; } /* 3.5 ALLOW MENU TO GROW DYNAMICALLY WITH SUBMENUS */ /* Target the dropdown ONLY when the header detects the hamburger toggle is active */ .main-glass-header:has(.elementor-menu-toggle.elementor-active) .elementor-nav-menu--dropdown, .main-glass-header:has(.elementor-menu-toggle.elementor-active) .elementor-navigation-mobile { height: max-content !important; max-height: 85vh !important; /* Caps the growth so it doesn't fall off the phone screen */ } /* 4. Glassmorphism backdrop layer injection */ .main-glass-header .elementor-nav-menu--dropdown::before, .main-glass-header .elementor-navigation-mobile::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background: rgba(255, 255, 255, 0.3) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; z-index: -1 !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 14px !important; } /* 5. Strip individual links of nested background borders */ .main-glass-header .elementor-nav-menu--dropdown ul, .main-glass-header .elementor-nav-menu--dropdown li, .main-glass-header .elementor-nav-menu--dropdown a { border: none !important; border-top: 0px none transparent !important; border-bottom: 0px none transparent !important; box-shadow: none !important; } .main-glass-header .elementor-nav-menu--dropdown ul.elementor-nav-menu { padding: 15px !important; width: 100% !important; box-sizing: border-box !important; } } @media (max-width: 1024px) { /* Completely hide submenu - no blank space */ .main-glass-header .elementor-nav-menu--dropdown .sub-menu { display: none !important; position: relative !important; top: auto !important; left: auto !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Show only when JS adds this class */ .main-glass-header .elementor-nav-menu--dropdown .sub-menu.is-open { display: block !important; } /* Indent submenu links */ .main-glass-header .elementor-nav-menu--dropdown .sub-menu a { padding-left: 30px !important; display: block !important; } } @media (max-width: 1024px) { .main-glass-header .elementor-nav-menu--dropdown .sub-menu { left: 50% !important; transform: translateX(-50%) !important; width: 90% !important; margin-left: auto !important; margin-right: auto !important; } }/* End custom CSS */