.elementor-17 .elementor-element.elementor-element-545cd272{--display:flex;--min-height:45px;--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-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:5%;--z-index:95;}.elementor-17 .elementor-element.elementor-element-545cd272.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-1777715{--display:flex;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-17 .elementor-element.elementor-element-1777715.e-con{--flex-grow:0;--flex-shrink:0;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-17 .elementor-element.elementor-element-5841503c{--e-transform-origin-x:left;--e-transform-origin-y:center;}.elementor-17 .elementor-element.elementor-element-5841503c img{width:147px;}.elementor-17 .elementor-element.elementor-element-14d91e2{--display:flex;--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;--justify-content:center;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-17 .elementor-element.elementor-element-14d91e2.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-size:var( --e-global-typography-primary-font-size );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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-2375ca51{width:var( --container-widget-width, 103.194% );max-width:103.194%;--container-widget-width:103.194%;--container-widget-flex-grow:0;--e-transform-origin-x:center;--e-transform-origin-y:center;--e-nav-menu-horizontal-menu-item-margin:calc( 24px / 2 );}.elementor-17 .elementor-element.elementor-element-2375ca51.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-background );border-width:0px;border-radius:0px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-background );fill:var( --e-global-color-background );padding-left:8px;padding-right:8px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main .elementor-item:hover, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed .elementor-item:before, .elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-underline .elementor-item:after, .elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-overline .elementor-item:before, .elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-double-line .elementor-item:before, .elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:24px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a:hover, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a:focus, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a.highlighted, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-menu-toggle:hover, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-menu-toggle:focus{color:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a:hover, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a:focus, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown .elementor-item, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-2px !important;}.elementor-17 .elementor-element.elementor-element-2375ca51 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-2375ca51 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-2375ca51 div.elementor-menu-toggle:hover, .elementor-17 .elementor-element.elementor-element-2375ca51 div.elementor-menu-toggle:focus{color:#F7717D;}.elementor-17 .elementor-element.elementor-element-2375ca51 div.elementor-menu-toggle:hover svg, .elementor-17 .elementor-element.elementor-element-2375ca51 div.elementor-menu-toggle:focus svg{fill:#F7717D;}.elementor-17 .elementor-element.elementor-element-506018f{--display:flex;--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;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-506018f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-17 .elementor-element.elementor-element-1176769 .elementor-button{background-color:#90A955;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:150%;fill:var( --e-global-color-background );color:var( --e-global-color-background );border-style:solid;border-width:1px 1px 1px 1px;border-color:#90A955;border-radius:15px 15px 15px 15px;padding:10px 18px 10px 18px;}.elementor-17 .elementor-element.elementor-element-1176769 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-1176769 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-1176769{width:var( --container-widget-width, 125.15% );max-width:125.15%;--container-widget-width:125.15%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-1176769.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-35e7342{--display:flex;--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;}.elementor-17 .elementor-element.elementor-element-35e7342.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-6151010.elementor-social-icon{background-color:var( --e-global-color-transparent );}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-6151010.elementor-social-icon i{color:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-6151010.elementor-social-icon svg{fill:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-6f7ef20.elementor-social-icon{background-color:var( --e-global-color-transparent );}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-6f7ef20.elementor-social-icon i{color:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-6f7ef20.elementor-social-icon svg{fill:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-a5384ce.elementor-social-icon{background-color:var( --e-global-color-transparent );}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-a5384ce.elementor-social-icon i{color:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-9d6aa45 .elementor-repeater-item-a5384ce.elementor-social-icon svg{fill:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-9d6aa45{--grid-template-columns:repeat(0, auto);text-align:center;--e-transform-origin-x:right;--e-transform-origin-y:center;--grid-column-gap:5px;--grid-row-gap:0px;}.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-17 .elementor-element.elementor-element-545cd272{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-17 .elementor-element.elementor-element-5841503c{padding:0px 0px 0px 0px;text-align:start;}.elementor-17 .elementor-element.elementor-element-5841503c img{width:80px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-17 .elementor-element.elementor-element-2375ca51{padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-secondary-font-size );}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-underline .elementor-item:after, .elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-overline .elementor-item:before, .elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-double-line .elementor-item:before, .elementor-17 .elementor-element.elementor-element-2375ca51 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown .elementor-item, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:13px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a{padding-left:15px;padding-right:15px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-2px !important;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-menu-toggle{border-width:1px;border-radius:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-17 .elementor-element.elementor-element-1176769{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-1176769 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-545cd272{--width:100%;}.elementor-17 .elementor-element.elementor-element-1777715{--width:9.876%;}.elementor-17 .elementor-element.elementor-element-14d91e2{--width:64.911%;}.elementor-17 .elementor-element.elementor-element-506018f{--width:15%;}.elementor-17 .elementor-element.elementor-element-35e7342{--width:16.474%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-545cd272{--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-17 .elementor-element.elementor-element-1777715{--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;--justify-content:center;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-17 .elementor-element.elementor-element-5841503c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-5841503c img{width:80px;}.elementor-17 .elementor-element.elementor-element-14d91e2{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-secondary-font-size );}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown .elementor-item, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:15px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown{border-width:1px 1px 1px 1px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}.elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-2375ca51 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:16px !important;}.elementor-17 .elementor-element.elementor-element-2375ca51{--nav-menu-icon-size:33px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-17 .elementor-element.elementor-element-1176769{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-1176769 .elementor-button{font-size:15px;padding:12px 24px 12px 24px;}.elementor-17 .elementor-element.elementor-element-9d6aa45{text-align:center;width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-9d6aa45.elementor-element{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-545cd272 *//* ===================================================== ELEMENTOR STICKY HEADER Transparent → White + Shadow on Scroll + Mobile shrink on scroll ===================================================== */ /* ------------------------------------- TRANSITIONS (smooth) ------------------------------------- */ .elementor-location-header, .elementor-location-header .elementor-section, .elementor-location-header .elementor-container, .elementor-location-header .elementor-widget-wrap, .elementor-location-header .elementor-nav-menu a { transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.2s ease, padding 0.25s ease, transform 0.25s ease; } /* ------------------------------------- BEFORE SCROLL (DEFAULT STATE) ------------------------------------- */ .elementor-location-header, .elementor-location-header .elementor-section, .elementor-location-header .elementor-container, .elementor-location-header .elementor-widget-wrap { background-color: transparent !important; box-shadow: none !important; } /* BEFORE SCROLL: text/icons WHITE */ .elementor-location-header .elementor-nav-menu a, .elementor-location-header .elementor-social-icon i, .elementor-location-header .elementor-social-icon svg, .elementor-location-header .elementor-menu-toggle, .elementor-location-header .elementor-menu-toggle i, .elementor-location-header .elementor-menu-toggle svg { color: #ffffff !important; fill: #ffffff !important; } /* BEFORE SCROLL: active/selected = PRIMARY (green) */ .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active { color: ffffff !important; } /* Logo before scroll */ .elementor-location-header .logo-light { display: inline-block !important; } .elementor-location-header .logo-dark { display: none !important; } /* ------------------------------------- DROPDOWN — BEFORE SCROLL ------------------------------------- */ /* Dropdown panel */ .elementor-location-header .elementor-nav-menu--dropdown { background-color: #ffffff !important; } /* Dropdown items text = PRIMARY (green) */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item { color: var(--e-global-color-primary) !important; } /* Dropdown hover */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item:hover { background-color: var(--e-global-color-primary) !important; color: #ffffff !important; } /* ------------------------------------- UPON SCROLL (STICKY STATE) ------------------------------------- */ /* WHITE background + SHADOW when sticky */ .elementor-location-header .elementor-sticky--effects, .elementor-location-header .elementor-sticky--effects.elementor-section, .elementor-location-header .elementor-sticky--effects .elementor-container, .elementor-location-header .elementor-sticky--effects .elementor-widget-wrap { background-color: #ffffff !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important; } /* UPON SCROLL: text/icons = PRIMARY (green) */ .elementor-location-header .elementor-sticky--effects .elementor-nav-menu a, .elementor-location-header .elementor-sticky--effects .elementor-social-icon i, .elementor-location-header .elementor-sticky--effects .elementor-social-icon svg, .elementor-location-header .elementor-sticky--effects .elementor-menu-toggle, .elementor-location-header .elementor-sticky--effects .elementor-menu-toggle i, .elementor-location-header .elementor-sticky--effects .elementor-menu-toggle svg { color: var(--e-global-color-primary) !important; fill: var(--e-global-color-primary) !important; } /* UPON SCROLL: active item stays PRIMARY */ .elementor-location-header .elementor-sticky--effects .elementor-nav-menu--main .elementor-item.elementor-item-active { color: var(--e-global-color-primary) !important; } /* ------------------------------------- DROPDOWN — UPON SCROLL ------------------------------------- */ /* Dropdown panel stays white */ .elementor-location-header .elementor-sticky--effects .elementor-nav-menu--dropdown { background-color: #ffffff !important; } /* Dropdown items text = PRIMARY (green) */ .elementor-location-header .elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-sub-item { color: var(--e-global-color-primary) !important; } /* Dropdown hover = PRIMARY bg + WHITE text */ .elementor-location-header .elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-sub-item:hover { background-color: var(--e-global-color-primary) !important; color: #ffffff !important; } /* Logo swap on scroll */ .elementor-location-header .elementor-sticky--effects .logo-light { display: none !important; } .elementor-location-header .elementor-sticky--effects .logo-dark { display: inline-block !important; } /* ------------------------------------- MOBILE ------------------------------------- */ @media (max-width: 767px) { /* Sticky stays white + shadow on mobile */ .elementor-location-header .elementor-sticky--effects, .elementor-location-header .elementor-sticky--effects .elementor-container, .elementor-location-header .elementor-sticky--effects .elementor-widget-wrap { background-color: #ffffff !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important; } /* Mobile icons + hamburger should be PRIMARY (not white) */ .elementor-location-header .elementor-menu-toggle, .elementor-location-header .elementor-menu-toggle i, .elementor-location-header .elementor-menu-toggle svg, .elementor-location-header .elementor-social-icon i, .elementor-location-header .elementor-social-icon svg { color: var(--e-global-color-primary) !important; fill: var(--e-global-color-primary) !important; } /* ===================================================== MOBILE — SHRINK ON SCROLL (EDIT THESE LINES) ===================================================== */ /* When sticky, reduce vertical padding (this is the main "shrink") */ .elementor-location-header .elementor-sticky--effects .elementor-container { padding-top: 8px !important; /* <-- adjust */ padding-bottom: 8px !important; /* <-- adjust */ } /* Optional: shrink logo slightly on sticky */ .elementor-location-header .elementor-sticky--effects .elementor-widget-theme-site-logo img, .elementor-location-header .elementor-sticky--effects .logo img { transform: scale(0.88); /* <-- adjust (0.80–0.95 is typical) */ transform-origin: left center; } /* Optional: slightly shrink hamburger icon on sticky */ .elementor-location-header .elementor-sticky--effects .elementor-menu-toggle { transform: scale(0.92); /* <-- adjust */ transform-origin: right center; } } /* ===================================================== MOBILE: SHRINK HEADER ON SCROLL (STICKY) Add this at the very bottom ===================================================== */ @media (max-width: 767px) { /* Optional: define how small you want it */ :root{ --oniwg-mobile-sticky-pad-y: 6px; /* was likely ~16px */ --oniwg-mobile-sticky-pad-x: 12px; --oniwg-mobile-logo-scale: 0.80; /* 0.7–0.9 is typical */ } /* 1) Shrink the sticky header section padding (the “whole menu area”) */ .elementor-location-header .elementor-sticky--effects.elementor-section, .elementor-location-header .elementor-sticky--effects .elementor-container, .elementor-location-header .elementor-sticky--effects .elementor-widget-wrap { padding-top: var(--oniwg-mobile-sticky-pad-y) !important; padding-bottom: var(--oniwg-mobile-sticky-pad-y) !important; } /* Some headers use the section itself for padding */ .elementor-location-header .elementor-sticky--effects.elementor-section { padding-left: var(--oniwg-mobile-sticky-pad-x) !important; padding-right: var(--oniwg-mobile-sticky-pad-x) !important; } /* 2) Shrink the logo on sticky (covers most Elementor logo widgets) */ .elementor-location-header .elementor-sticky--effects .elementor-widget-theme-site-logo img, .elementor-location-header .elementor-sticky--effects .elementor-widget-image img, .elementor-location-header .elementor-sticky--effects .logo img { transform: scale(var(--oniwg-mobile-logo-scale)) !important; transform-origin: left center !important; transition: transform 0.3s ease !important; } /* 3) Optional: slightly tighten the hamburger/toggle block so it “feels” smaller */ .elementor-location-header .elementor-sticky--effects .elementor-menu-toggle { padding: 6px 8px !important; line-height: 1 !important; } /* 4) Optional: if your header row still feels tall, force a smaller min-height */ .elementor-location-header .elementor-sticky--effects.elementor-section { min-height: 56px !important; /* tweak: 48–64px */ } }/* End custom CSS */