.elementor-1026 .elementor-element.elementor-element-4ba357e9{--display:flex;--min-height:90px;--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;--justify-content:space-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-137px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:-1px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-4ba357e9:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-4ba357e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0C;}.elementor-1026 .elementor-element.elementor-element-3dd0ab0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1026 .elementor-element.elementor-element-3dd0ab0a.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-1026 .elementor-element.elementor-element-669a2d0d{width:var( --container-widget-width, 105.268% );max-width:105.268%;--container-widget-width:105.268%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-1026 .elementor-element.elementor-element-669a2d0d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-menu-toggle{margin:0 auto;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:6px;padding-right:6px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--main .elementor-item:hover, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--main .elementor-item:focus{color:#E92A2A;fill:#E92A2A;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FBD40F;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-framed .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-framed .elementor-item:after{border-color:#FBD40F;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-framed .elementor-item:before{border-width:5px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 5px 5px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:5px 5px 0 0;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:5px 0 0 5px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 5px 5px 0;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-underline .elementor-item:after, .elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-overline .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-double-line .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-669a2d0d .e--pointer-double-line .elementor-item:after{height:5px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown{background-color:#0B0B0C;border-radius:0px 0px 0px 0px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a:hover, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a:focus, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a.highlighted, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-menu-toggle:hover, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a:hover, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a:focus, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown a.highlighted{background-color:#E92A2A;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-1026 .elementor-element.elementor-element-669a2d0d .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;}.elementor-1026 .elementor-element.elementor-element-4efd0325{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1026 .elementor-element.elementor-element-4efd0325.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .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-1026 .elementor-element.elementor-element-12766952 img{width:34%;}.elementor-1026 .elementor-element.elementor-element-3a485d8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1026 .elementor-element.elementor-element-3a485d8f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-5301394c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-menu-toggle{margin:0 auto;}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:6px;padding-right:6px;}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--main .elementor-item:hover, .elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--main .elementor-item:focus{color:#E92A2A;fill:#E92A2A;}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FBD40F;}.elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-framed .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-framed .elementor-item:after{border-color:#FBD40F;}.elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-framed .elementor-item:before{border-width:5px;}.elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 5px 5px;}.elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:5px 5px 0 0;}.elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:5px 0 0 5px;}.elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 5px 5px 0;}.elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-underline .elementor-item:after, .elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-overline .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-double-line .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-5301394c .e--pointer-double-line .elementor-item:after{height:5px;}.elementor-1026 .elementor-element.elementor-element-5301394c{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--dropdown a, .elementor-1026 .elementor-element.elementor-element-5301394c .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--dropdown{background-color:#0B0B0C;}.elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--dropdown a:hover, .elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--dropdown a:focus, .elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1026 .elementor-element.elementor-element-5301394c .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-1026 .elementor-element.elementor-element-1a4a8d2{--display:flex;}.elementor-1026 .elementor-element.elementor-element-1a4a8d2:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-1a4a8d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0C;}.elementor-1026 .elementor-element.elementor-element-2cda664{--spacer-size:107px;}.elementor-1026 .elementor-element.elementor-element-6943f75{--display:flex;}.elementor-1026 .elementor-element.elementor-element-6943f75:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-6943f75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1026 .elementor-element.elementor-element-35f5153{--spacer-size:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1026 .elementor-element.elementor-element-d6753a4{--display:flex;}.elementor-1026 .elementor-element.elementor-element-d6753a4:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-d6753a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.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-1026 .elementor-element.elementor-element-0e47cdf .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:500;border-radius:0px 0px 0px 0px;padding:8px 8px 8px 8px;}.elementor-1026 .elementor-element.elementor-element-0e47cdf .elementor-button:hover, .elementor-1026 .elementor-element.elementor-element-0e47cdf .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-1026 .elementor-element.elementor-element-450c6c57{--display:flex;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1026 .elementor-element.elementor-element-450c6c57:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-450c6c57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0C;}.elementor-1026 .elementor-element.elementor-element-4c3c0639{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1026 .elementor-element.elementor-element-4e4d5110{text-align:center;}.elementor-1026 .elementor-element.elementor-element-4e4d5110 .elementor-heading-title{font-family:"Caveat Brush", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1026 .elementor-element.elementor-element-42ce81f4{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1026 .elementor-element.elementor-element-4941c755{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1026 .elementor-element.elementor-element-4941c755.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-561f7fc3{width:var( --container-widget-width, 131.219% );max-width:131.219%;--container-widget-width:131.219%;--container-widget-flex-grow:0;}.elementor-1026 .elementor-element.elementor-element-561f7fc3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-561f7fc3 img{width:63%;}.elementor-1026 .elementor-element.elementor-element-683219a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-menu-toggle{margin:0 auto;}.elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main .elementor-item:hover, .elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-1026 .elementor-element.elementor-element-1fb331fb .e--pointer-framed .elementor-item:before, .elementor-1026 .elementor-element.elementor-element-1fb331fb .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-1026 .elementor-element.elementor-element-1fb331fb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-1026 .elementor-element.elementor-element-1fb331fb .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-1026 .elementor-element.elementor-element-1fb331fb .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1026 .elementor-element.elementor-element-4ba357e9{--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-4ba357e9.e-con{--align-self:center;}.elementor-1026 .elementor-element.elementor-element-3dd0ab0a{--width:91.667px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-4efd0325{--width:136.667px;}.elementor-1026 .elementor-element.elementor-element-12766952 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1026 .elementor-element.elementor-element-12766952.elementor-element{--align-self:center;}.elementor-1026 .elementor-element.elementor-element-12766952 img{width:100%;}.elementor-1026 .elementor-element.elementor-element-3a485d8f{--width:70.667px;}.elementor-1026 .elementor-element.elementor-element-5301394c{width:var( --container-widget-width, 58.667px );max-width:58.667px;--container-widget-width:58.667px;--container-widget-flex-grow:0;}.elementor-1026 .elementor-element.elementor-element-5301394c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1026 .elementor-element.elementor-element-4ba357e9{--content-width:1208px;}.elementor-1026 .elementor-element.elementor-element-3dd0ab0a{--width:37.857%;}.elementor-1026 .elementor-element.elementor-element-4efd0325{--width:25.33%;}.elementor-1026 .elementor-element.elementor-element-3a485d8f{--width:41.086%;}.elementor-1026 .elementor-element.elementor-element-4c3c0639{--width:33.3333%;}.elementor-1026 .elementor-element.elementor-element-4941c755{--width:30.61%;}.elementor-1026 .elementor-element.elementor-element-683219a6{--width:33.3333%;}}/* Start custom CSS for nav-menu, class: .elementor-element-669a2d0d *//* ===== Base sticky styles (all viewports) ===== */ .elementor-1026 .elementor-element.elementor-element-669a2d0d.elementor-sticky--effects { background-color: rgba(0,0,0,1) !important; } .elementor-1026 .elementor-element.elementor-element-669a2d0d { transition: background-color 1s ease !important; } .logo img { max-width: 140px; height: auto; transition: all 0.5s ease; } .elementor-sticky--effects .logo img { max-width: 120px; height: auto; } /* ===== MOBILE ONLY ===== */ @media (max-width: 767px) { /* Make header black on mobile */ .elementor-1026 .elementor-element.elementor-element-669a2d0d { background-color: rgba(0,0,0,1) !important; } /* Adjust this to your real header height */ :root { --mobile-header-h: 80px; } /* Ensure header has height and sits above the dropdown */ .mobile-header, .site-header { min-height: var(--mobile-header-h); background: #000 !important; position: relative; z-index: 1000; } /* Pin the opened dropdown just under the header */ .elementor-widget-nav-menu .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container { position: fixed !important; top: var(--mobile-header-h) !important; left: 0; right: 0; height: calc(100vh - var(--mobile-header-h)) !important; overflow: auto !important; background: #000 !important; margin: 0 !important; padding-top: 12px !important; z-index: 9999; transform: none !important; visibility: visible !important; opacity: 1 !important; } /* Normalize inner dropdown block */ .elementor-widget-nav-menu .elementor-nav-menu--dropdown { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Remove stray top gaps */ .elementor-widget-nav-menu .elementor-nav-menu--dropdown a, .elementor-widget-nav-menu .elementor-nav-menu--dropdown li { margin-top: 0 !important; } /* OPTIONAL: hide the logo only while a menu is open (requires :has() support) */ .mobile-header:has(.elementor-menu-toggle.elementor-active) .logo { display: none !important; } } /* ===== If :has() is not supported, you can add a tiny JS toggle instead ===== In Elementor > Custom Code (or theme JS), add: document.addEventListener('click', e => { const t = e.target.closest('.elementor-menu-toggle'); if (!t) return; const header = document.querySelector('.mobile-header'); if (!header) return; header.classList.toggle('menu-open', t.classList.contains('elementor-active')); }); Then add this CSS (no :has()): @media (max-width: 767px) { .mobile-header.menu-open .logo { display: none !important; } } ===== *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4ba357e9 *//* ===== Base sticky styles (all viewports) ===== */ .elementor-1026 .elementor-element.elementor-element-4ba357e9.elementor-sticky--effects { background-color: rgba(0,0,0,1) !important; } .elementor-1026 .elementor-element.elementor-element-4ba357e9 { transition: background-color 0s ease !important; } .logo img { max-width: 140px; height: auto; transition: all 0.5s ease; } .elementor-sticky--effects .logo img { max-width: 120px; height: auto; } /* ===== MOBILE ONLY ===== */ @media (max-width: 767px) { /* Make header black on mobile */ .elementor-1026 .elementor-element.elementor-element-4ba357e9 { background-color: rgba(0,0,0,1) !important; } /* Adjust this to your real header height */ :root { --mobile-header-h: 80px; } /* Ensure header has height and sits above the dropdown */ .mobile-header, .site-header { min-height: var(--mobile-header-h); background: #000 !important; position: relative; z-index: 1000; } /* Pin the opened dropdown just under the header */ .elementor-widget-nav-menu .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container { position: fixed !important; top: var(--mobile-header-h) !important; left: 0; right: 0; height: calc(100vh - var(--mobile-header-h)) !important; overflow: auto !important; background: #000 !important; margin: 0 !important; padding-top: 12px !important; z-index: 9999; transform: none !important; visibility: visible !important; opacity: 1 !important; } /* Normalize inner dropdown block */ .elementor-widget-nav-menu .elementor-nav-menu--dropdown { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Remove stray top gaps */ .elementor-widget-nav-menu .elementor-nav-menu--dropdown a, .elementor-widget-nav-menu .elementor-nav-menu--dropdown li { margin-top: 0 !important; } /* OPTIONAL: hide the logo only while a menu is open (requires :has() support) */ .mobile-header:has(.elementor-menu-toggle.elementor-active) .logo { display: none !important; } } /* ===== If :has() is not supported, you can add a tiny JS toggle instead ===== In Elementor > Custom Code (or theme JS), add: document.addEventListener('click', e => { const t = e.target.closest('.elementor-menu-toggle'); if (!t) return; const header = document.querySelector('.mobile-header'); if (!header) return; header.classList.toggle('menu-open', t.classList.contains('elementor-active')); }); Then add this CSS (no :has()): @media (max-width: 767px) { .mobile-header.menu-open .logo { display: none !important; } } ===== *//* End custom CSS */