.elementor-11 .elementor-element.elementor-element-1317e5f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 38px 0px rgba(0,0,0,0.1);}.elementor-11 .elementor-element.elementor-element-1317e5f:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-1317e5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(255, 255, 255, 0);}.elementor-11 .elementor-element.elementor-element-1317e5f.e-con{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-f24fb5f{--display:flex;}.elementor-11 .elementor-element.elementor-element-5f1b98f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-5f1b98f:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-5f1b98f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5568BB00;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-fc88196{padding:10px 0px 10px 0px;}.elementor-11 .elementor-element.elementor-element-5ae1d4a{--display:flex;}.elementor-11 .elementor-element.elementor-element-9a229c7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-menu-toggle{margin-left:auto;background-color:rgba(0,0,0,0);}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu .elementor-item{font-size:15px;font-weight:500;}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-top:12px;padding-bottom:12px;}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-framed .elementor-item:before,
					.elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-3df37e6 );}.elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-framed .elementor-item:before{border-width:3px;}.elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 3px 3px;}.elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:3px 3px 0 0;}.elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:3px 0 0 3px;}.elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 3px 3px 0;}.elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-underline .elementor-item:after,
					 .elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-overline .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-double-line .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-94d133e .e--pointer-double-line .elementor-item:after{height:3px;}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a, .elementor-11 .elementor-element.elementor-element-94d133e .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown{background-color:var( --e-global-color-e8c4ac7 );}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a:hover,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a:focus,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a.highlighted,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-menu-toggle:hover,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-menu-toggle:focus{color:var( --e-global-color-a8add48 );}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a:hover,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a:focus,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-a8add48 );background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-94d133e div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-94d133e div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-090857d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-a8d7a4d .elementor-button{background-color:rgba(255,171,0,0);font-family:"Nunito", Sans-serif;font-size:1.1em;font-weight:400;fill:var( --e-global-color-a8add48 );color:var( --e-global-color-a8add48 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-a8add48 );border-radius:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-a8d7a4d .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-a8d7a4d .elementor-button:focus{background-color:var( --e-global-color-a8add48 );color:var( --e-global-color-primary );border-color:var( --e-global-color-a8add48 );}.elementor-11 .elementor-element.elementor-element-a8d7a4d .elementor-button:hover svg, .elementor-11 .elementor-element.elementor-element-a8d7a4d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-5fa2b42{--display:flex;}.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-11 .elementor-element.elementor-element-f24fb5f{--width:8%;}.elementor-11 .elementor-element.elementor-element-5f1b98f{--width:10%;}.elementor-11 .elementor-element.elementor-element-5ae1d4a{--width:8%;}.elementor-11 .elementor-element.elementor-element-9a229c7{--width:54%;}.elementor-11 .elementor-element.elementor-element-090857d{--width:16%;}.elementor-11 .elementor-element.elementor-element-5fa2b42{--width:8%;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-1317e5f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-1317e5f{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-f24fb5f{--width:33%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-5f1b98f{--width:33%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-fc88196{padding:0% 0% 0% 0%;text-align:center;}.elementor-11 .elementor-element.elementor-element-fc88196 img{width:13%;max-width:1%;}.elementor-11 .elementor-element.elementor-element-5ae1d4a{--width:33%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-9a229c7{--width:33%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-94d133e{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-94d133e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}.elementor-11 .elementor-element.elementor-element-090857d{--width:66%;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-11 .elementor-element.elementor-element-a8d7a4d .elementor-button{font-size:0.9rem;padding:.70rem .70rem .70rem .70rem;}.elementor-11 .elementor-element.elementor-element-5fa2b42{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for image, class: .elementor-element-fc88196 *//* Smooth transitions */
.header {
  transition: background-color 0.3s ease, padding 0.3s ease;
}
.header .logo {
  transition: transform 0.3s ease;
}

/* When Elementor marks the header as sticky */
.header.elementor-sticky--active {
  background-color: rgba(255, 255, 255, 0.7); /* white at 70% opacity */
}

/* Shrink logo to 80% of its original size (i.e. 20% smaller) */
.header.elementor-sticky--active .logo {
  transform: scale(0.8);
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-94d133e *//* Smooth color transition for menu text */
.topmenu,
.topmenu a {
  color: #ffffff;
  transition: color 0.3s ease;
}

/* Switch menu text to blue once you scroll past the Effects Offset */
.header.elementor-sticky--effects .topmenu,
.header.elementor-sticky--effects .topmenu a {
  color: #0073e6 !important;
}

/* Hover state for menu links (both normal and sticky) */
.topmenu a:hover,
.header.elementor-sticky--effects .topmenu a:hover {
  color: #c42a2b !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1317e5f *//* initial state */
.header {
  background-color: transparent;
  transition: background-color 3s ease, padding 0.3s ease;
}
.header .logo {
  transform: scale(1) !important;
  transition: transform 0.3s ease;
}

/* only after you’ve scrolled past your Effects Offset */
.header.elementor-sticky--effects {
  background-color: rgba(255, 255, 255, 0.9) !important; /* white @ 70% */
}
.header.elementor-sticky--effects .logo {
  transform: scale(0.8) !important; /* shrink to 80% = 20% smaller */
}
/* default logo */
.header .logo {
  content: url('https://withaar.co.za/wp-content/uploads/2025/07/Withaar_logo-white.webp');
  display: inline-block;       /* ensure it’s treated like a replaced element */
  width: auto; height: auto;   /* maintain natural size—or force your own */
}

/* swapped‐in logo when sticky */
.header.elementor-sticky--effects .logo {
  content: url(https://withaar.co.za/wp-content/uploads/2025/06/Withaar_logo-1-transparent-2.webp) !important;
}


/* Style after scrolling – requires "scrolled" class on header */
.header.elementor-sticky--effects #headercta {
    background-color: #5568BB; /* Static colour after scroll */
    color: #ffffff;
}

/* Hover style after scrolling */
.header.elementor-sticky--effects #headercta:hover {
    background-color: #C42A2B; /* Hover colour after scroll */
    color: #ffffff;
}/* End custom CSS */