.elementor-37 .elementor-element.elementor-element-8206802{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-37 .elementor-element.elementor-element-14892b1{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-37 .elementor-element.elementor-element-6498868{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-22d9093 );}.elementor-37 .elementor-element.elementor-element-fc1f1be .e--pointer-framed .elementor-item:before, .elementor-37 .elementor-element.elementor-element-fc1f1be .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-22d9093 );}.elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-22d9093 );}.elementor-37 .elementor-element.elementor-element-fc1f1be .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-37 .elementor-element.elementor-element-fc1f1be .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-22d9093 );}.elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--dropdown a.highlighted, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-menu-toggle:hover, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-d6deacb );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main .elementor-item:hover, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main .elementor-item.highlighted, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-50f26a7 );fill:var( --e-global-color-50f26a7 );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-22d9093 );}.elementor-37 .elementor-element.elementor-element-ba66a4f .e--pointer-framed .elementor-item:before, .elementor-37 .elementor-element.elementor-element-ba66a4f .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-22d9093 );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-13a48de );}.elementor-37 .elementor-element.elementor-element-ba66a4f .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-37 .elementor-element.elementor-element-ba66a4f .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-13a48de );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown{background-color:var( --e-global-color-50f26a7 );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a.highlighted, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-menu-toggle:hover, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-d6deacb );}.elementor-37 .elementor-element.elementor-element-bbe51fa{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-37 .elementor-element.elementor-element-bdab257 .elementor-button{background-color:var( --e-global-color-d6deacb );}.elementor-37 .elementor-element.elementor-element-bdab257 .elementor-button:hover, .elementor-37 .elementor-element.elementor-element-bdab257 .elementor-button:focus{background-color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-71b83eb{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-37 .elementor-element.elementor-element-ce942f5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-56bc24c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-9043388 .elementor-button{background-color:var( --e-global-color-d6deacb );font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-37 .elementor-element.elementor-element-9043388 .elementor-button:hover, .elementor-37 .elementor-element.elementor-element-9043388 .elementor-button:focus{background-color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-d6546d5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-50f26a7 );}.elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-nav-menu--dropdown a.highlighted, .elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-menu-toggle:hover, .elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-5e21e54 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-d6deacb );}.elementor-37 .elementor-element.elementor-element-5e21e54 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-5e21e54 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-16b8265 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-50f26a7 );}.elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-50f26a7 );}.elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a.highlighted, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-menu-toggle:hover, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-d6deacb );}.elementor-37 .elementor-element.elementor-element-16b8265 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-16b8265 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-16b8265 div.elementor-menu-toggle:hover, .elementor-37 .elementor-element.elementor-element-16b8265 div.elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-16b8265 div.elementor-menu-toggle:hover svg, .elementor-37 .elementor-element.elementor-element-16b8265 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-16b8265 .elementor-menu-toggle:hover, .elementor-37 .elementor-element.elementor-element-16b8265 .elementor-menu-toggle:focus{background-color:var( --e-global-color-50f26a7 );}.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-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--main .elementor-item{padding-left:15px;padding-right:15px;}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main .elementor-item{padding-left:15px;padding-right:15px;}.elementor-37 .elementor-element.elementor-element-bdab257.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37 .elementor-element.elementor-element-9043388.elementor-element{--flex-grow:0;--flex-shrink:0;}}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-14892b1{--width:20%;}.elementor-37 .elementor-element.elementor-element-bbe51fa{--width:20%;}.elementor-37 .elementor-element.elementor-element-ce942f5{--width:10%;}.elementor-37 .elementor-element.elementor-element-56bc24c{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-37 .elementor-element.elementor-element-14892b1{--width:19%;}.elementor-37 .elementor-element.elementor-element-bbe51fa{--width:30%;}.elementor-37 .elementor-element.elementor-element-ce942f5{--width:19%;}.elementor-37 .elementor-element.elementor-element-56bc24c{--width:30%;}}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-14892b1{--width:30%;}.elementor-37 .elementor-element.elementor-element-6498868{--width:70%;}.elementor-37 .elementor-element.elementor-element-fc1f1be.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-fc1f1be .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;}.elementor-37 .elementor-element.elementor-element-ba66a4f.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-ba66a4f .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;}.elementor-37 .elementor-element.elementor-element-bbe51fa{--width:100%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-37 .elementor-element.elementor-element-71b83eb{--justify-content:space-between;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:10px;}.elementor-37 .elementor-element.elementor-element-ce942f5{--width:45%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-37 .elementor-element.elementor-element-56bc24c{--width:45%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-37 .elementor-element.elementor-element-9043388 .elementor-button{font-size:13px;padding:10px 10px 10px 10px;}.elementor-37 .elementor-element.elementor-element-d6546d5{--width:70%;--justify-content:flex-end;}.elementor-37 .elementor-element.elementor-element-5e21e54.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-16b8265.elementor-element{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-8206802 *//* ---------- 0) PREVENT FLASH ON LOAD (FOUC) ---------- */ .elementor-element-8206802 .logo-dark, .elementor-element-8206802 .menu-dark { display: none !important; } .elementor-element-8206802 .logo-light { display: block !important; } .elementor-element-8206802 .menu-light { display: flex !important; } /* ---------- 1) POSITIONING (NO GAP + CONTINUATION) ---------- */ /* Base shared positioning */ .elementor-element-8206802{ top: 0; left: 0; right: 0; width: 100%; z-index: 9999; will-change: background, padding, box-shadow; transition: background 0.6s ease, padding 0.6s ease, box-shadow 0.6s ease; } /* TOP (light) state: overlay hero so there is NO gap */ .elementor-element-8206802.elementor-sticky--active:not(.elementor-sticky--effects){ position: fixed !important; } /* SCROLLED (dark) state: truly sticks to top */ .elementor-element-8206802.elementor-sticky--active.elementor-sticky--effects{ position: fixed !important; } /* Smooth feel for inner items (optional) */ .elementor-element-8206802 *{ transition: color 0.6s ease, opacity 0.6s ease, transform 0.6s ease; } /* ---------- 2) LOGO + MENU SWAP ---------- */ /* TOP (light) state */ .elementor-element-8206802.elementor-sticky--active:not(.elementor-sticky--effects) .logo-light { display:block !important; } .elementor-element-8206802.elementor-sticky--active:not(.elementor-sticky--effects) .logo-dark { display:none !important; } .elementor-element-8206802.elementor-sticky--active:not(.elementor-sticky--effects) .menu-light { display:flex !important; } .elementor-element-8206802.elementor-sticky--active:not(.elementor-sticky--effects) .menu-dark { display:none !important; } /* SCROLLED (dark) state */ .elementor-element-8206802.elementor-sticky--active.elementor-sticky--effects .logo-light { display:none !important; } .elementor-element-8206802.elementor-sticky--active.elementor-sticky--effects .logo-dark { display:block !important; } .elementor-element-8206802.elementor-sticky--active.elementor-sticky--effects .menu-light { display:none !important; } .elementor-element-8206802.elementor-sticky--active.elementor-sticky--effects .menu-dark { display:flex !important; } /* ---------- 3) BACKGROUND CHANGE ---------- */ /* Transparent over hero */ .elementor-element-8206802.elementor-sticky--active:not(.elementor-sticky--effects){ background: transparent !important; box-shadow: none !important; } /* White background after scroll */ .elementor-element-8206802.elementor-sticky--active.elementor-sticky--effects{ background: #ffffff !important; box-shadow: 0 8px 30px rgba(0,0,0,0.08); } /* ---------- 4) HEADER SHRINK ---------- */ /* Taller over hero */ .elementor-element-8206802.elementor-sticky--active:not(.elementor-sticky--effects){ padding-top: 15px !important; padding-bottom: 15px !important; } /* Smaller after scroll */ .elementor-element-8206802.elementor-sticky--active.elementor-sticky--effects{ padding-top: 5px !important; padding-bottom: 5px !important; } /* Menu links often control height; shrink them too */ .elementor-element-8206802.elementor-sticky--active.elementor-sticky--effects .elementor-nav-menu a{ padding-top: 15px !important; padding-bottom: 15px !important; line-height: 1.1 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-71b83eb *//* ========================================================= MOBILE ONLY — HUK Header (wrapper: .elementor-element-71b83eb) Uses widget classes: logo-light, logo-dark, menu-light, menu-dark ========================================================= */ @media (max-width: 767px) { /* ---------- 0) Prevent flash on load (FOUC) ---------- */ .elementor-element-71b83eb .logo-dark, .elementor-element-71b83eb .menu-dark { display: none !important; } .elementor-element-71b83eb .logo-light { display: block !important; } .elementor-element-71b83eb .menu-light { display: block !important; } /* ---------- 1) Make LIGHT header also sticky/scrollable ---------- */ /* Elementor adds .elementor-sticky--active while sticky is engaged */ .elementor-element-71b83eb.elementor-sticky--active{ position: fixed !important; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; will-change: background, padding, box-shadow; transition: background 0.6s ease, padding 0.6s ease, box-shadow 0.6s ease; } /* ---------- 2) Swap logos + menus based on sticky effects ---------- */ /* TOP (light): active but NOT effects */ .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects) .logo-light { display: block !important; } .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects) .logo-dark { display: none !important; } .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects) .menu-light { display: block !important; } .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects) .menu-dark { display: none !important; } /* SCROLLED (dark): active + effects */ .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects .logo-light { display: none !important; } .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects .logo-dark { display: block !important; } .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects .menu-light { display: none !important; } .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects .menu-dark { display: block !important; } /* ---------- 3) Header background: transparent → white ---------- */ .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects){ background: transparent !important; box-shadow: none !important; } .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects{ background: #ffffff !important; box-shadow: 0 8px 30px rgba(0,0,0,0.08); } /* ---------- 4) Shrink header padding ---------- */ .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects){ padding-top: 14px !important; padding-bottom: 14px !important; } .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects{ padding-top: 8px !important; padding-bottom: 8px !important; } /* ---------- 5) Hamburger icon color (applies to BOTH menus) ---------- */ /* TOP (light): white */ .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-menu-toggle{ color: #ffffff !important; } .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-menu-toggle svg{ fill: #ffffff !important; } /* SCROLLED (dark): black */ .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects .elementor-menu-toggle{ color: #000000 !important; } .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects .elementor-menu-toggle svg{ fill: #000000 !important; } /* ---------- 6) Dropdown panel + link colors ---------- */ /* TOP (light): dark glass dropdown + white links */ .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-nav-menu--dropdown{ background: rgba(0,0,0,0.86) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: none !important; } .elementor-element-71b83eb.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-nav-menu--dropdown a{ color: #ffffff !important; } /* SCROLLED (dark): white dropdown + black links */ .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects .elementor-nav-menu--dropdown{ background: #ffffff !important; border: none !important; } .elementor-element-71b83eb.elementor-sticky--active.elementor-sticky--effects .elementor-nav-menu--dropdown a{ color: #000000 !important; } /* Comfortable tap targets */ .elementor-element-71b83eb .elementor-nav-menu--dropdown a{ padding-top: 14px !important; padding-bottom: 14px !important; line-height: 1.2 !important; } }/* End custom CSS */