.elementor-75 .elementor-element.elementor-element-408485d{--display:flex;--position:absolute;--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;top:0px;}.elementor-75 .elementor-element.elementor-element-408485d:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-408485d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}body:not(.rtl) .elementor-75 .elementor-element.elementor-element-408485d{left:0px;}body.rtl .elementor-75 .elementor-element.elementor-element-408485d{right:0px;}.elementor-75 .elementor-element.elementor-element-0c56430{--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;--align-items:center;}.elementor-75 .elementor-element.elementor-element-5c5a96d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-75 .elementor-element.elementor-element-f4c96fd{--display:flex;}.elementor-75 .elementor-element.elementor-element-05f7b31 .elementor-menu-toggle{margin:0 auto;}.elementor-75 .elementor-element.elementor-element-05f7b31 .elementor-nav-menu .elementor-item{font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:0.2px;}.elementor-75 .elementor-element.elementor-element-05f7b31 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-05f7b31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-75 .elementor-element.elementor-element-05f7b31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-75 .elementor-element.elementor-element-05f7b31 .e--pointer-framed .elementor-item:before, .elementor-75 .elementor-element.elementor-element-05f7b31 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-75 .elementor-element.elementor-element-05f7b31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-75 .elementor-element.elementor-element-05f7b31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-75 .elementor-element.elementor-element-05f7b31 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-75 .elementor-element.elementor-element-05f7b31 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-75 .elementor-element.elementor-element-85fef08{--display:flex;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-0e873af.elementor-social-icon{background-color:#99686800;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-0e873af.elementor-social-icon i{color:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-0e873af.elementor-social-icon svg{fill:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-4efc39b.elementor-social-icon{background-color:#8C545400;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-4efc39b.elementor-social-icon i{color:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-4efc39b.elementor-social-icon svg{fill:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-416a720.elementor-social-icon{background-color:#FFE5E500;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-416a720.elementor-social-icon i{color:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-416a720.elementor-social-icon svg{fill:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-19d4080.elementor-social-icon{background-color:#FFE5E500;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-19d4080.elementor-social-icon i{color:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-19d4080.elementor-social-icon svg{fill:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-a06b2fa.elementor-social-icon{background-color:#FFFFFF00;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-a06b2fa.elementor-social-icon i{color:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-repeater-item-a06b2fa.elementor-social-icon svg{fill:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-98f9f9c{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-widget-container{text-align:center;}.elementor-75 .elementor-element.elementor-element-98f9f9c .elementor-social-icon{--icon-padding:0.3em;}.elementor-75 .elementor-element.elementor-element-406631b{--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-75 .elementor-element.elementor-element-406631b:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-406631b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-75 .elementor-element.elementor-element-5cf0c20{--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;--align-items:center;}.elementor-75 .elementor-element.elementor-element-a3c7a57{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-75 .elementor-element.elementor-element-4677780{--display:flex;}.elementor-75 .elementor-element.elementor-element-ee6057a .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu .elementor-item{font-size:20px;font-weight:500;text-transform:uppercase;letter-spacing:2px;}.elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-75 .elementor-element.elementor-element-ee6057a .e--pointer-framed .elementor-item:before, .elementor-75 .elementor-element.elementor-element-ee6057a .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-75 .elementor-element.elementor-element-ee6057a .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-75 .elementor-element.elementor-element-ee6057a .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--dropdown a:hover, .elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--dropdown a:focus, .elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-75 .elementor-element.elementor-element-ee6057a .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-75 .elementor-element.elementor-element-0ffd1d4{--display:flex;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-0e873af.elementor-social-icon{background-color:#99686800;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-0e873af.elementor-social-icon i{color:#000000;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-0e873af.elementor-social-icon svg{fill:#000000;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-4efc39b.elementor-social-icon{background-color:#8C545400;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-4efc39b.elementor-social-icon i{color:#000000;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-4efc39b.elementor-social-icon svg{fill:#000000;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-416a720.elementor-social-icon{background-color:#FFE5E500;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-416a720.elementor-social-icon i{color:#000000;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-416a720.elementor-social-icon svg{fill:#000000;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-19d4080.elementor-social-icon{background-color:#FFE5E500;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-19d4080.elementor-social-icon i{color:#000000;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-repeater-item-19d4080.elementor-social-icon svg{fill:#000000;}.elementor-75 .elementor-element.elementor-element-ba3890b{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-widget-container{text-align:center;}.elementor-75 .elementor-element.elementor-element-ba3890b .elementor-social-icon{--icon-padding:0.3em;}.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-75 .elementor-element.elementor-element-408485d{--content-width:1600px;}.elementor-75 .elementor-element.elementor-element-5c5a96d{--width:13%;}.elementor-75 .elementor-element.elementor-element-f4c96fd{--width:67%;}.elementor-75 .elementor-element.elementor-element-85fef08{--width:20%;}.elementor-75 .elementor-element.elementor-element-406631b{--content-width:1600px;}.elementor-75 .elementor-element.elementor-element-a3c7a57{--width:13%;}.elementor-75 .elementor-element.elementor-element-4677780{--width:67%;}.elementor-75 .elementor-element.elementor-element-0ffd1d4{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-75 .elementor-element.elementor-element-a3c7a57{--width:100%;}.elementor-75 .elementor-element.elementor-element-4677780{--width:100%;}}@media(max-width:1024px){.elementor-75 .elementor-element.elementor-element-5cf0c20{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-75 .elementor-element.elementor-element-7a04d7c img{width:150px;}.elementor-75 .elementor-element.elementor-element-4677780{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-408485d *//* 1. STICKY BACKGROUND (SCROLLED STATE) */ .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects { background-color: #fff !important; /* Brand Green */ transition: background-color 0.4s ease-in-out; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); } /* 2. TEXT & ICON COLOURS (SCROLLED STATE) */ /* This targets menu items, icons, and SVG logos in the sticky state */ .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-nav-menu .menu-item a, .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects svg, .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-menu-toggle i { color: #000 !important; fill: #000 !important; transition: all 0.4s ease-in-out; } /* 3. HOVER COLOUR (SCROLLED STATE) */ /* Keeps the hover effect as your brand yellow when header is green */ .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-nav-menu .menu-item a:hover { color: #000 !important; } /* 4. MOBILE DROPDOWN SETTINGS */ @media (max-width: 1024px) { /* Ensures the dropdown background matches the header when scrolled */ .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-nav-menu--dropdown { background-color: #7EAA37 !important; border-top: 1px solid rgba(255, 222, 34, 0.2); } /* Ensures dropdown text stays white */ .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-nav-menu--dropdown a { color: #FFFFFF !important; } } /* 5. SMOOTH RESET */ /* Ensures the transition back to transparent is smooth when scrolling to top */ .elementor-75 .elementor-element.elementor-element-408485d { transition: background-color 0.4s ease-in-out; } /* LOGO SWAP FIX (prevents the “duplicate logo” stack) */ /* Parent wrapper must be relative so the sticky logo can overlay */ .elementor-75 .elementor-element.elementor-element-408485d .logo-swap{ position: relative; } /* Default logo stays in the normal flow */ .elementor-75 .elementor-element.elementor-element-408485d .logo-swap .logo-default{ position: relative; z-index: 1; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; } /* Sticky logo is removed from flow (so it won't create a second line) */ .elementor-75 .elementor-element.elementor-element-408485d .logo-swap .logo-sticky{ position: absolute !important; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; display: none; /* IMPORTANT: stops it “stacking” */ } /* When header becomes sticky, swap */ .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .logo-swap .logo-sticky{ display: block; } .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .logo-swap .logo-default{ opacity: 0; visibility: hidden; } /* SOCIAL ICONS FIX (SCROLLED STATE) */ .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon, .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon i, .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon svg, .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon svg * { color: #000 !important; /* Font icons */ fill: #000 !important; /* SVG icons */ stroke: #000 !important; /* Some SVGs use stroke */ } /* If your social icons have a background shape you want transparent/white */ .elementor-75 .elementor-element.elementor-element-408485d.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon { background-color: transparent !important; }/* End custom CSS */