.elementor-11 .elementor-element.elementor-element-4f073ddc{--display:flex;--min-height:70px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;--z-index:95;}.elementor-11 .elementor-element.elementor-element-4f073ddc:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-4f073ddc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F500;}.elementor-11 .elementor-element.elementor-element-66f8727c{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-11 .elementor-element.elementor-element-66f8727c.e-con{--align-self:center;--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-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-bf70ead{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-bf70ead img{width:100%;height:68px;object-fit:contain;object-position:center center;}.elementor-11 .elementor-element.elementor-element-bf70ead.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-325874d4{--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:flex-end;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right: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-11 .elementor-element.elementor-element-2bf2dd2 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main .elementor-item:hover, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main .elementor-item:focus{color:#324A6D;fill:#324A6D;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#324A6D;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed .elementor-item:before, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed .elementor-item:after{border-color:#324A6D;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#324A6D;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#324A6D;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#324A6D;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-underline .elementor-item:after, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-overline .elementor-item:before, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-double-line .elementor-item:before, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2{--e-nav-menu-horizontal-menu-item-margin:calc( 49px / 2 );}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:49px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown a, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown a:hover, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown a:focus, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown .elementor-item, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-2bf2dd2 div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main .elementor-item:hover, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main .elementor-item:focus{color:#324A6D;fill:#324A6D;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#324A6D;}.elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed .elementor-item:before, .elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed .elementor-item:after{border-color:#324A6D;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#324A6D;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#324A6D;}.elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#324A6D;}.elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-underline .elementor-item:after, .elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-overline .elementor-item:before, .elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-double-line .elementor-item:before, .elementor-11 .elementor-element.elementor-element-7901013c .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-11 .elementor-element.elementor-element-7901013c{--e-nav-menu-horizontal-menu-item-margin:calc( 49px / 2 );}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:49px;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown a, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown a:hover, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown a:focus, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown .elementor-item, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-11 .elementor-element.elementor-element-7901013c div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-7901013c div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-49e03c5 .elementor-button{font-family:"Inter", Sans-serif;font-weight:500;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:100px 100px 100px 100px;padding:10px 45px 10px 45px;}.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-11 .elementor-element.elementor-element-4f073ddc{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-11 .elementor-element.elementor-element-bf70ead img{height:27px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown .elementor-item, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown .elementor-item, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-4f073ddc{--width:500px;--min-height:50px;--justify-content:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-66f8727c{--width:35.944%;--min-height:52px;--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;--justify-content:center;--align-items:flex-start;--margin-top:6px;--margin-bottom:0px;--margin-left:-10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-66f8727c.e-con{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-bf70ead{text-align:start;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-bf70ead img{width:188px;height:43px;object-fit:contain;}.elementor-11 .elementor-element.elementor-element-bf70ead.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-325874d4{--width:55%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-11 .elementor-element.elementor-element-2bf2dd2{--nav-menu-icon-size:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-2bf2dd2 .elementor-menu-toggle{border-radius:0px;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-7901013c .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-11 .elementor-element.elementor-element-7901013c{--nav-menu-icon-size:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-7901013c .elementor-menu-toggle{border-radius:0px;}.elementor-11 .elementor-element.elementor-element-49e03c5 .elementor-button{font-size:12px;padding:10px 30px 10px 30px;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-66f8727c{--width:38%;}.elementor-11 .elementor-element.elementor-element-325874d4{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-66f8727c{--width:15%;}.elementor-11 .elementor-element.elementor-element-325874d4{--width:85%;}}/* Start custom CSS for nav-menu, class: .elementor-element-2bf2dd2 *//* ========================================================= MOBILE HAMBURGER + MOBILE MENU ========================================================= */ @media (max-width: 767px) { /* ========================================= HEADER ========================================= */ .elementor-location-header, .elementor-location-header > *, .elementor-location-header .elementor-section, .elementor-location-header .elementor-container, .elementor-location-header .e-con, .elementor-location-header .e-con-inner, .elementor-location-header .elementor-widget-wrap, .elementor-location-header .elementor-widget-container, .elementor-location-header .elementor-widget-nav-menu, .elementor-location-header .elementor-widget-wordpress-menu { overflow: visible !important; } .elementor-location-header { z-index: 999999 !important; } /* ========================================= HAMBURGER ========================================= */ .elementor-location-header .elementor-menu-toggle { position: relative !important; z-index: 1000001 !important; width: 38px !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 7px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; } .elementor-location-header .elementor-menu-toggle svg { width: 21px !important; height: 21px !important; stroke-width: 1.25 !important; transition: color 0.25s ease, stroke 0.25s ease !important; } .elementor-location-header .elementor-menu-toggle svg path, .elementor-location-header .elementor-menu-toggle svg line { stroke-width: 1.25 !important; stroke: currentColor !important; } /* ========================================= TRANSPARENT HEADER HAMBURGER WHITE ========================================= */ .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle:not(.elementor-active), .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle:not(.elementor-active) i, .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle:not(.elementor-active) svg, .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle:not(.elementor-active) path { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } /* ========================================= FILLED / SCROLLED HEADER HAMBURGER BLACK ========================================= */ .elementor-location-header.header-scrolled .elementor-menu-toggle, .elementor-location-header.header-scrolled .elementor-menu-toggle i, .elementor-location-header.header-scrolled .elementor-menu-toggle svg, .elementor-location-header.header-scrolled .elementor-menu-toggle path { color: #1a1a1a !important; fill: #1a1a1a !important; stroke: #1a1a1a !important; } /* ========================================= MENU OPEN HEADER WHITE ========================================= */ .elementor-location-header:has(.elementor-menu-toggle.elementor-active), .elementor-location-header:has(.elementor-nav-menu--toggle.elementor-active), .elementor-location-header:has(.elementor-nav-menu__container.elementor-active) { background: #ffffff !important; box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; } /* ========================================= MENU OPEN DARK LOGO ========================================= */ .elementor-location-header:has(.elementor-menu-toggle.elementor-active) .elementor-widget-site-logo img, .elementor-location-header:has(.elementor-nav-menu--toggle.elementor-active) .elementor-widget-site-logo img, .elementor-location-header:has(.elementor-nav-menu__container.elementor-active) .elementor-widget-site-logo img { content: url("https://woodheadandco.com.au/wp-content/uploads/2026/08/woodheadco-sitelogo.png") !important; filter: none !important; } /* ========================================= MENU OPEN HAMBURGER / CLOSE BLACK ========================================= */ .elementor-location-header:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle, .elementor-location-header:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle i, .elementor-location-header:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle svg, .elementor-location-header:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle path, .elementor-location-header:has(.elementor-nav-menu--toggle.elementor-active) .elementor-menu-toggle, .elementor-location-header:has(.elementor-nav-menu--toggle.elementor-active) .elementor-menu-toggle i, .elementor-location-header:has(.elementor-nav-menu--toggle.elementor-active) .elementor-menu-toggle svg, .elementor-location-header:has(.elementor-nav-menu--toggle.elementor-active) .elementor-menu-toggle path { color: #1a1a1a !important; fill: #1a1a1a !important; stroke: #1a1a1a !important; } /* ========================================= DROPDOWN ========================================= */ .elementor-location-header .elementor-nav-menu--dropdown, .elementor-location-header .elementor-nav-menu__container { background: #ffffff !important; border: none !important; border-radius: 0 0 8px 8px !important; box-shadow: 0 18px 35px rgba(0,0,0,0.08) !important; padding: 18px 0 24px !important; z-index: 999999 !important; } /* ========================================= MOBILE LINKS ========================================= */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-item, .elementor-location-header .elementor-nav-menu__container .elementor-item { color: #1a1a1a !important; font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.3 !important; padding: 13px 28px !important; background: transparent !important; } /* Active page */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-location-header .elementor-nav-menu__container .elementor-item.elementor-item-active, .elementor-location-header .current-menu-item > .elementor-item { color: #508C64 !important; } /* Hover */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-location-header .elementor-nav-menu__container .elementor-item:hover { color: #508C64 !important; background: transparent !important; } /* Remove desktop underline */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-item::after, .elementor-location-header .elementor-nav-menu__container .elementor-item::after { display: none !important; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-7901013c *//* ========================================= DESKTOP NAV COLOURS BY HEADER STATE ========================================= */ @media (min-width: 768px) { /* ----------------------------------------- TRANSPARENT HEADER Normal links = white Active = green ----------------------------------------- */ .elementor-location-header:not(.header-scrolled) .elementor-nav-menu--main .elementor-item { color: #ffffff !important; } .elementor-location-header:not(.header-scrolled) .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-location-header:not(.header-scrolled) .elementor-nav-menu--main .current-menu-item > .elementor-item { color: #508C64 !important; } /* ----------------------------------------- FILLED / SCROLLED HEADER Normal links = black Active = green ----------------------------------------- */ .elementor-location-header.header-scrolled .elementor-nav-menu--main .elementor-item { color: #1a1a1a !important; } .elementor-location-header.header-scrolled .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-location-header.header-scrolled .elementor-nav-menu--main .current-menu-item > .elementor-item { color: #508C64 !important; } /* ----------------------------------------- HOVER Always green ----------------------------------------- */ .elementor-location-header .elementor-nav-menu--main .elementor-item:hover { color: #508C64 !important; } /* ----------------------------------------- UNDERLINE BASE ----------------------------------------- */ .elementor-location-header .elementor-nav-menu--main .elementor-item { position: relative !important; } .elementor-location-header .elementor-nav-menu--main .elementor-item::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 0 !important; height: 2px !important; background: #508C64 !important; transform: translateX(-50%) !important; opacity: 1 !important; transition: width 0.3s ease !important; } /* Hover underline grows */ .elementor-location-header .elementor-nav-menu--main .elementor-item:hover::after { width: 100% !important; } /* Active underline always visible */ .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after, .elementor-location-header .elementor-nav-menu--main .current-menu-item > .elementor-item::after { width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f073ddc *//* ========================================================= WOODHEAD & CO COMPLETE HEADER CSS ========================================================= */ /* ========================================================= MOBILE HEADER ========================================================= */ @media (max-width: 767px) { /* ========================================= MAIN HEADER ========================================= */ .elementor-location-header { min-height: 0 !important; height: auto !important; padding: 0 !important; transform: translateY(0) !important; z-index: 99999 !important; } /* Keep header row compact */ .elementor-location-header > .elementor-section, .elementor-location-header > .e-con, .elementor-location-header .elementor-container, .elementor-location-header .e-con-inner { min-height: 0 !important; height: auto !important; } /* ========================================= MAIN ROW ========================================= */ .elementor-location-header .elementor-container { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; padding: 12px 16px 12px 6px !important; gap: 0 !important; } /* ========================================= LOGO ========================================= */ .elementor-location-header .elementor-widget-site-logo { width: auto !important; margin-right: auto !important; flex-shrink: 0 !important; } .elementor-location-header .elementor-widget-site-logo img { height: 28px !important; width: auto !important; } /* ========================================= MOBILE NAV ========================================= */ .elementor-location-header .elementor-widget-nav-menu, .elementor-location-header .elementor-widget-wordpress-menu { width: auto !important; margin-right: 10px !important; } /* ========================================= HAMBURGER ========================================= */ .elementor-location-header .elementor-menu-toggle { width: 38px !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 7px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; } .elementor-location-header .elementor-menu-toggle svg { width: 21px !important; height: 21px !important; fill: none !important; stroke-width: 1.25 !important; transition: color 0.25s ease, stroke 0.25s ease !important; } .elementor-location-header .elementor-menu-toggle svg path, .elementor-location-header .elementor-menu-toggle svg line { stroke-width: 1.25 !important; stroke: currentColor !important; } /* ========================================= TRANSPARENT HEADER WHITE HAMBURGER ========================================= */ .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle, .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle i, .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle svg, .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle path, .elementor-location-header:not(.header-scrolled) .elementor-menu-toggle line { color: #ffffff !important; stroke: #ffffff !important; } /* ========================================= FILLED HEADER BLACK HAMBURGER ========================================= */ .elementor-location-header.header-scrolled { background: #ffffff !important; box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; } .elementor-location-header.header-scrolled .elementor-menu-toggle, .elementor-location-header.header-scrolled .elementor-menu-toggle i, .elementor-location-header.header-scrolled .elementor-menu-toggle svg, .elementor-location-header.header-scrolled .elementor-menu-toggle path, .elementor-location-header.header-scrolled .elementor-menu-toggle line { color: #1a1a1a !important; stroke: #1a1a1a !important; } /* ========================================= MENU OPEN WHITE HEADER ========================================= */ .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) { background: #ffffff !important; box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; } /* ========================================= MENU OPEN DARK LOGO ========================================= */ .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-widget-site-logo img { content: url("https://woodheadandco.com.au/wp-content/uploads/2026/08/woodheadco-sitelogo.png") !important; filter: none !important; } /* ========================================= MENU OPEN BLACK HAMBURGER / CLOSE ========================================= */ .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle, .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle i, .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle svg, .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle path, .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle line { color: #1a1a1a !important; stroke: #1a1a1a !important; } /* ========================================= CONTACT BUTTON ========================================= */ .elementor-location-header .elementor-widget-button { width: auto !important; } .elementor-location-header .elementor-widget-button .elementor-button { font-size: 11px !important; padding: 8px 24px !important; border-radius: 100px !important; } .elementor-location-header .elementor-widget-button .elementor-button, .elementor-location-header .elementor-widget-button .elementor-button * { color: #ffffff !important; } /* ========================================= PREVENT ELEMENTOR STRETCH ========================================= */ .elementor-location-header .elementor-container > .e-con, .elementor-location-header .elementor-container > .elementor-element { width: auto !important; max-width: none !important; flex-grow: 0 !important; flex-basis: auto !important; } /* ========================================= MOBILE DROPDOWN ========================================= */ .elementor-location-header .elementor-nav-menu--dropdown, .elementor-location-header .elementor-nav-menu__container { background: #ffffff !important; border: none !important; border-radius: 0 0 8px 8px !important; box-shadow: 0 12px 40px rgba(0,0,0,0.10) !important; padding: 18px 0 22px !important; z-index: 999999 !important; } /* ========================================= MOBILE LINKS ========================================= */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-item, .elementor-location-header .elementor-nav-menu__container .elementor-item { color: #1a1a1a !important; font-family: 'DM Sans', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.3 !important; padding: 14px 28px !important; background: transparent !important; } /* Active mobile page */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-location-header .elementor-nav-menu__container .elementor-item.elementor-item-active, .elementor-location-header .current-menu-item > .elementor-item { color: #508C64 !important; } /* Hover */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-location-header .elementor-nav-menu__container .elementor-item:hover { color: #508C64 !important; background: transparent !important; } /* Remove underline from mobile dropdown */ .elementor-location-header .elementor-nav-menu--dropdown .elementor-item::after, .elementor-location-header .elementor-nav-menu__container .elementor-item::after { display: none !important; } } /* ========================================================= DESKTOP NAV EXISTING WORKING VERSION ========================================================= */ @media (min-width: 768px) { /* ========================================= TRANSPARENT HEADER NORMAL LINKS WHITE ========================================= */ .elementor-location-header:not(.header-scrolled) .elementor-nav-menu--main .elementor-item { color: #ffffff !important; } /* Active stays green */ .elementor-location-header:not(.header-scrolled) .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-location-header:not(.header-scrolled) .elementor-nav-menu--main .current-menu-item > .elementor-item { color: #508C64 !important; } /* ========================================= FILLED HEADER NORMAL LINKS BLACK ========================================= */ .elementor-location-header.header-scrolled .elementor-nav-menu--main .elementor-item { color: #1a1a1a !important; } .elementor-location-header.header-scrolled .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-location-header.header-scrolled .elementor-nav-menu--main .current-menu-item > .elementor-item { color: #508C64 !important; } /* ========================================= DESKTOP HOVER ========================================= */ .elementor-location-header .elementor-nav-menu--main .elementor-item:hover { color: #508C64 !important; } /* ========================================= DESKTOP UNDERLINE ========================================= */ .elementor-location-header .elementor-nav-menu--main .elementor-item { position: relative !important; text-decoration: none !important; transition: color 0.3s ease !important; } .elementor-location-header .elementor-nav-menu--main .elementor-item::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 0 !important; height: 2px !important; background: #508C64 !important; transform: translateX(-50%) !important; opacity: 1 !important; transition: width 0.3s ease !important; } /* Hover grows underline */ .elementor-location-header .elementor-nav-menu--main .elementor-item:hover::after { width: 100% !important; } /* Active underline */ .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after, .elementor-location-header .elementor-nav-menu--main .current-menu-item > .elementor-item::after { width: 100% !important; } } /* ========================================================= CONTACT PAGE ONLY DESKTOP + MOBILE DOES NOT AFFECT ANY OTHER PAGE ========================================================= */ /* ========================================= CONTACT HEADER TRANSPARENT OVER VIDEO ========================================= */ body:has(.wc-contact-page) .elementor-location-header { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; transform: translateY(0) !important; z-index: 99999 !important; } /* ========================================= REMOVE INNER HEADER BACKGROUNDS CONTACT ONLY ========================================= */ body:has(.wc-contact-page) .elementor-location-header > .elementor-section, body:has(.wc-contact-page) .elementor-location-header > .e-con, body:has(.wc-contact-page) .elementor-location-header .elementor-container, body:has(.wc-contact-page) .elementor-location-header .e-con, body:has(.wc-contact-page) .elementor-location-header .e-con-inner, body:has(.wc-contact-page) .elementor-location-header .elementor-widget-wrap, body:has(.wc-contact-page) .elementor-location-header .elementor-widget-container { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* ========================================= CONTACT LOGO FORCE WHITE ========================================= */ body:has(.wc-contact-page) .elementor-location-header .elementor-widget-site-logo img, body:has(.wc-contact-page) .elementor-location-header .elementor-widget-image img { content: url("https://woodheadandco.com.au/wp-content/uploads/2026/08/Woodheadco-white.png") !important; filter: none !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= CONTACT DESKTOP ONLY ========================================================= */ @media (min-width: 768px) { /* HARD DESKTOP WHITE LOGO OVERRIDE This is the only material change. */ body:has(.wc-contact-page) .elementor-location-header .elementor-widget-site-logo img, body:has(.wc-contact-page) .elementor-location-header .elementor-widget-image img, body:has(.wc-contact-page) .elementor-location-header.header-scrolled .elementor-widget-site-logo img, body:has(.wc-contact-page) .elementor-location-header:not(.header-scrolled) .elementor-widget-site-logo img { content: url("https://woodheadandco.com.au/wp-content/uploads/2026/08/Woodheadco-white.png") !important; filter: none !important; opacity: 1 !important; visibility: visible !important; } /* Contact normal links white */ body:has(.wc-contact-page) .elementor-location-header .elementor-nav-menu--main .elementor-item { color: #ffffff !important; } /* Contact active page green */ body:has(.wc-contact-page) .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active, body:has(.wc-contact-page) .elementor-location-header .elementor-nav-menu--main .current-menu-item > .elementor-item { color: #508C64 !important; } /* Contact hover green */ body:has(.wc-contact-page) .elementor-location-header .elementor-nav-menu--main .elementor-item:hover { color: #508C64 !important; } /* Keep active underline */ body:has(.wc-contact-page) .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after, body:has(.wc-contact-page) .elementor-location-header .elementor-nav-menu--main .current-menu-item > .elementor-item::after { width: 100% !important; } } /* ========================================================= CONTACT MOBILE ONLY ========================================================= */ @media (max-width: 767px) { /* Contact header remains transparent */ body:has(.wc-contact-page) .elementor-location-header { position: absolute !important; top: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* ========================================= CONTACT WHITE LOGO ========================================= */ body:has(.wc-contact-page) .elementor-location-header .elementor-widget-site-logo img, body:has(.wc-contact-page) .elementor-location-header .elementor-widget-image img { content: url("https://woodheadandco.com.au/wp-content/uploads/2026/08/Woodheadco-white.png") !important; filter: none !important; opacity: 1 !important; visibility: visible !important; } /* ========================================= CONTACT HAMBURGER WHITE ========================================= */ body:has(.wc-contact-page) .elementor-location-header .elementor-menu-toggle, body:has(.wc-contact-page) .elementor-location-header .elementor-menu-toggle i, body:has(.wc-contact-page) .elementor-location-header .elementor-menu-toggle svg, body:has(.wc-contact-page) .elementor-location-header .elementor-menu-toggle path, body:has(.wc-contact-page) .elementor-location-header .elementor-menu-toggle line { color: #ffffff !important; stroke: #ffffff !important; } /* ========================================= KEEP CONTACT CONTENT CLEAR OF HEADER ========================================= */ body:has(.wc-contact-page) .wc-contact-page { padding-top: 68px !important; } /* ========================================= CONTACT MOBILE MENU OPEN HEADER WHITE ========================================= */ body:has(.wc-contact-page) .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) { background: #ffffff !important; background-color: #ffffff !important; box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; } /* Open menu dark logo */ body:has(.wc-contact-page) .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-widget-site-logo img, body:has(.wc-contact-page) .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-widget-image img { content: url("https://woodheadandco.com.au/wp-content/uploads/2026/08/woodheadco-sitelogo.png") !important; filter: none !important; } /* Open menu black hamburger */ body:has(.wc-contact-page) .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle, body:has(.wc-contact-page) .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle i, body:has(.wc-contact-page) .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle svg, body:has(.wc-contact-page) .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle path, body:has(.wc-contact-page) .elementor-location-header:has( .elementor-menu-toggle.elementor-active ) .elementor-menu-toggle line { color: #1a1a1a !important; stroke: #1a1a1a !important; } }/* End custom CSS */