.elementor-11000 .elementor-element.elementor-element-6d670997{--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:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11000 .elementor-element.elementor-element-4bd8d8af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11000 .elementor-element.elementor-element-4bd8d8af{text-align:start;}.elementor-11000 .elementor-element.elementor-element-4bd8d8af img{width:40%;}.elementor-11000 .elementor-element.elementor-element-11ac78fc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11000 .elementor-element.elementor-element-2f46cb5e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11000 .elementor-element.elementor-element-2f46cb5e{text-align:start;}.elementor-11000 .elementor-element.elementor-element-2f46cb5e img{width:40%;}.elementor-11000 .elementor-element.elementor-element-2324fb35{--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:2vw 2vw;--row-gap:2vw;--column-gap:2vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11000 .elementor-element.elementor-element-6953f648 .e-search-input{background-color:#00000000;font-family:var( --e-global-typography-0554ee7-font-family ), Sans-serif;font-size:var( --e-global-typography-0554ee7-font-size );font-weight:var( --e-global-typography-0554ee7-font-weight );text-transform:var( --e-global-typography-0554ee7-text-transform );line-height:var( --e-global-typography-0554ee7-line-height );letter-spacing:var( --e-global-typography-0554ee7-letter-spacing );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-abe865d );}.elementor-11000 .elementor-element.elementor-element-6953f648{--e-search-placeholder-color:var( --e-global-color-abe865d );--e-search-input-color:var( --e-global-color-abe865d );--e-search-icon-label-color:#32323200;--e-search-input-padding-block-start:6px;--e-search-input-padding-inline-start:6px;--e-search-input-padding-block-end:6px;--e-search-input-padding-inline-end:6px;}.elementor-11000 .elementor-element.elementor-element-2123d7b .elementor-button{background-color:var( --e-global-color-c7b4fc9 );font-family:"roc-grotesk", Sans-serif;font-weight:500;line-height:24px;letter-spacing:0.2px;fill:var( --e-global-color-abe865d );color:var( --e-global-color-abe865d );padding:0.6vw 1.5vw 0.6vw 1.5vw;}.elementor-11000 .elementor-element.elementor-element-2123d7b .elementor-button:hover, .elementor-11000 .elementor-element.elementor-element-2123d7b .elementor-button:focus{background-color:var( --e-global-color-b0d4a0b );color:var( --e-global-color-7fe3712b );}.elementor-11000 .elementor-element.elementor-element-2123d7b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11000 .elementor-element.elementor-element-2123d7b .elementor-button:hover svg, .elementor-11000 .elementor-element.elementor-element-2123d7b .elementor-button:focus svg{fill:var( --e-global-color-7fe3712b );}.elementor-11000 .elementor-element.elementor-element-7ccfc854 .elementor-button{background-color:#EBEAE0;font-family:"roc-grotesk", Sans-serif;font-weight:500;line-height:24px;letter-spacing:0.2px;fill:var( --e-global-color-abe865d );color:var( --e-global-color-abe865d );}.elementor-11000 .elementor-element.elementor-element-7ccfc854 .elementor-button:hover, .elementor-11000 .elementor-element.elementor-element-7ccfc854 .elementor-button:focus{background-color:var( --e-global-color-b0d4a0b );color:var( --e-global-color-7fe3712b );}.elementor-11000 .elementor-element.elementor-element-7ccfc854 .elementor-button:hover svg, .elementor-11000 .elementor-element.elementor-element-7ccfc854 .elementor-button:focus svg{fill:var( --e-global-color-7fe3712b );}.elementor-11000 .elementor-element.elementor-element-6ecf1d16 .elementor-button{background-color:#EBEAE0;font-family:"roc-grotesk", Sans-serif;font-weight:500;line-height:24px;letter-spacing:0.2px;fill:var( --e-global-color-abe865d );color:var( --e-global-color-abe865d );padding:0.6vw 1.5vw 0.6vw 1.5vw;}.elementor-11000 .elementor-element.elementor-element-6ecf1d16 .elementor-button:hover, .elementor-11000 .elementor-element.elementor-element-6ecf1d16 .elementor-button:focus{background-color:var( --e-global-color-b0d4a0b );color:var( --e-global-color-7fe3712b );}.elementor-11000 .elementor-element.elementor-element-6ecf1d16 .elementor-button:hover svg, .elementor-11000 .elementor-element.elementor-element-6ecf1d16 .elementor-button:focus svg{fill:var( --e-global-color-7fe3712b );}.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-11000 .elementor-element.elementor-element-6953f648 .e-search-input{font-size:var( --e-global-typography-0554ee7-font-size );line-height:var( --e-global-typography-0554ee7-line-height );letter-spacing:var( --e-global-typography-0554ee7-letter-spacing );}}@media(max-width:767px){.elementor-11000 .elementor-element.elementor-element-6d670997{--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-11000 .elementor-element.elementor-element-11ac78fc{--width:22%;}.elementor-11000 .elementor-element.elementor-element-2f46cb5e img{width:100%;}.elementor-11000 .elementor-element.elementor-element-2324fb35{--width:78%;--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:0.5rem 0.5rem;--row-gap:0.5rem;--column-gap:0.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11000 .elementor-element.elementor-element-6953f648 .e-search-input{font-size:var( --e-global-typography-0554ee7-font-size );line-height:var( --e-global-typography-0554ee7-line-height );letter-spacing:var( --e-global-typography-0554ee7-letter-spacing );}.elementor-11000 .elementor-element.elementor-element-2123d7b .elementor-button{padding:0.5rem 1rem 0.5rem 1rem;}.elementor-11000 .elementor-element.elementor-element-7ccfc854 .elementor-button{border-radius:200px 200px 200px 200px;padding:3vw 3vw 3vw 3vw;}}/* Start custom CSS for image, class: .elementor-element-4bd8d8af *//* ========================================================= LOGO — DESKTOP VW RESPONSIVE ========================================================= */ .header-logo { /* 200px at 1600px */ width: 30vw !important; transition: width 0.45s ease, filter 0.45s ease; /* White initially */ filter: none; } /* ========================================================= LOGO — SCROLLED ========================================================= */ .site-header.elementor-sticky--effects .header-logo { /* 140px at 1600px */ width: 18vw !important; /* White → dark grey */ filter: brightness(0) saturate(100%) invert(31%) sepia(5%) saturate(500%) hue-rotate(170deg) brightness(90%) contrast(90%); } /* ========================================================= VERY WIDE DESKTOP — 2400px+ LOCK TO PIXEL VALUES ========================================================= */ @media (min-width: 2400px) { .header-logo { width: 720px !important; } .site-header.elementor-sticky--effects .header-logo { width: 432px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2123d7b */@media (max-width: 767px) { .elementor-11000 .elementor-element.elementor-element-2123d7b .elementor-button-icon svg { transform: scale(1) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2324fb35 */.header-inner { transition: padding 0.45s ease, gap 0.45s ease; } .site-header.elementor-sticky--effects .header-inner { gap: 2vw; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6d670997 *//* ========================================================= POST CONTENT — MOBILE ========================================================= */ @media (max-width: 767px) { .post_content > .elementor { margin-left: 0 !important; margin-right: 0 !important; } } /* ========================================================= HEADER — BASE / INITIAL STATE ========================================================= */ .site-header-new { box-sizing: border-box; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 6.25vw; position: absolute; top: 0; left: 0 !important; right: 0 !important; transform: none !important; margin-left: auto !important; margin-right: auto !important; padding: 0 5vw; background: transparent; border-radius: 0; box-shadow: none; z-index: 9999; /* * IMPORTANT: * Do NOT transition width / height / padding. * Elementor changes these when sticky state toggles. * Animating them causes the temporary overshoot. */ transition: background-color 0.25s ease, border-radius 0.45s ease, box-shadow 0.45s ease; will-change: background-color, border-radius, box-shadow; } /* ========================================================= DESKTOP — SCROLLED STATE ========================================================= */ .site-header-new.elementor-sticky--effects { box-sizing: border-box; width: calc(100% - 6vw) !important; min-width: calc(100% - 6vw) !important; max-width: calc(100% - 6vw) !important; height: 4.375vw; left: 0 !important; right: 0 !important; transform: none !important; margin-left: auto !important; margin-right: auto !important; padding: 0 2.25vw; background: rgba(255, 254, 247, 0.75); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-radius: 0 0 1vw 1vw; box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.10); } /* ========================================================= LOGO — DESKTOP ========================================================= */ .site-header-new .header-logo img { width: 10.75vw; max-width: none !important; display: block; /* * Logo still smoothly changes size/color. */ transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease; will-change: width, filter; flex-shrink: 0 !important; } /* ========================================================= LOGO — DESKTOP SCROLLED ========================================================= */ .site-header-new.elementor-sticky--effects .header-logo img { /* Smaller on scroll */ width: 8vw; padding: 0.6vw 0 0 0 ; /* Grey logo */ filter: brightness(0) saturate(100%) invert(31%) sepia(5%) saturate(500%) hue-rotate(170deg) brightness(90%) contrast(90%); } /* ========================================================= HEADER — PREVENT CONTENT SHRINKING ========================================================= */ .site-header-new .header-logo { flex-shrink: 0 !important; } /* ========================================================= KEEP BUTTONS / LINKS FROM WRAPPING ========================================================= */ .site-header-new a, .site-header-new button, .site-header-new .elementor-button { white-space: nowrap; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { /* ----------------------------------------- MOBILE — INITIAL ----------------------------------------- */ .site-header-new { width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 25.64vw; position: absolute; top: 0; left: 0 !important; right: 0 !important; transform: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding: 0 4.1vw; background: transparent; border-radius: 0; box-shadow: none; overflow: visible; } /* ----------------------------------------- MOBILE — SCROLLED ----------------------------------------- */ .site-header-new.elementor-sticky--effects { width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 18vw; top: 0; left: 0 !important; right: 0 !important; transform: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding: 0 4.1vw; background: rgba(247, 246, 238, 0.96); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-radius: 0 0 6.15vw 6.15vw; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06); overflow: visible; } /* ----------------------------------------- MOBILE — INITIAL LOGO ----------------------------------------- */ .site-header-new .header-logo img { width: 29.49vw !important; max-width: none !important; display: block; flex-shrink: 0 !important; filter: none; } /* ----------------------------------------- MOBILE — SCROLLED LOGO ----------------------------------------- */ .site-header-new.elementor-sticky--effects .header-logo-mob img { /* Grey logo */ filter: brightness(0) saturate(100%) invert(31%) sepia(5%) saturate(500%) hue-rotate(170deg) brightness(90%) contrast(90%); } } /* ========================================================= TABLET 768px — 1024px ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .site-header-new { width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 11.23vw; padding: 0 5vw; } .site-header-new.elementor-sticky--effects { width: calc(100% - 4.69vw) !important; min-width: calc(100% - 4.69vw) !important; max-width: calc(100% - 4.69vw) !important; height: 9.375vw; padding: 0 2.73vw; } .site-header-new .header-logo img { width: 14.65vw !important; } .site-header-new.elementor-sticky--effects .header-logo img { width: 11.8vw !important; filter: brightness(0) saturate(100%) invert(31%) sepia(5%) saturate(500%) hue-rotate(170deg) brightness(90%) contrast(90%); } } /* ========================================================= DESKTOP 1025px+ ========================================================= */ @media (min-width: 1025px) { .site-header-new { width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 6.25vw; padding: 0 5vw; } .site-header-new.elementor-sticky--effects { width: calc(100% - 6vw) !important; min-width: calc(100% - 6vw) !important; max-width: calc(100% - 6vw) !important; height: 4.375vw; padding: 0 2.25vw; } .site-header-new .header-logo img { width: 10.75vw !important; } .site-header-new.elementor-sticky--effects .header-logo img { width: 8vw !important; filter: brightness(0) saturate(100%) invert(31%) sepia(5%) saturate(500%) hue-rotate(170deg) brightness(90%) contrast(90%); } } /* ========================================================= VERY WIDE DESKTOP — 2400px+ ========================================================= */ @media (min-width: 2400px) { .site-header-new { width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100px; padding: 0 80px; } .site-header-new.elementor-sticky--effects { width: calc(100% - 96px) !important; min-width: calc(100% - 96px) !important; max-width: calc(100% - 96px) !important; height: 70px; padding: 0 36px; border-radius: 0 0 16px 16px; } .site-header-new .header-logo img { width: 172px !important; } .site-header-new.elementor-sticky--effects .header-logo img { width: 128px !important; filter: brightness(0) saturate(100%) invert(31%) sepia(5%) saturate(500%) hue-rotate(170deg) brightness(90%) contrast(90%); } } /* ========================================================= TRANSPARENT HEADER — BORDER + SEARCH ========================================================= */ /* ========================================================= INITIAL STATE ========================================================= */ .site-header-new { border-bottom: 1px solid transparent; } /* ========================================================= SEARCH ICON — INITIAL ========================================================= */ .site-header-new .header-search .e-search-label svg circle, .site-header-new .header-search .e-search-label svg path { stroke: rgba(255, 255, 255, 0.75) !important; } /* ========================================================= SEARCH TEXT — INITIAL ========================================================= */ .site-header-new .header-search .e-search-input { color: rgba(255, 255, 255, 0.75) !important; border-color: rgba(255, 255, 255, 0.75) !important; } /* ========================================================= SEARCH PLACEHOLDER — INITIAL ========================================================= */ .site-header-new .header-search .e-search-input::placeholder { color: rgba(255, 255, 255, 0.75) !important; opacity: 1 !important; } /* ========================================================= SCROLLED STATE — GREY ========================================================= */ .site-header-new.elementor-sticky--effects { border-bottom: 1px solid rgba(50, 50, 50, 0.25) !important; } /* ========================================================= SEARCH ICON — SCROLLED ========================================================= */ .site-header-new.elementor-sticky--effects .header-search .e-search-label svg circle, .site-header-new.elementor-sticky--effects .header-search .e-search-label svg path { stroke: rgba(50, 50, 50, 0.75) !important; } /* ========================================================= SEARCH TEXT — SCROLLED ========================================================= */ .site-header-new.elementor-sticky--effects .header-search .e-search-input { color: rgba(50, 50, 50, 0.75) !important; border-color: rgba(50, 50, 50, 0.75) !important; } /* ========================================================= SEARCH PLACEHOLDER — SCROLLED ========================================================= */ .site-header-new.elementor-sticky--effects .header-search .e-search-input::placeholder { color: rgba(50, 50, 50, 0.75) !important; opacity: 1 !important; } /* ========================================================= SMOOTH SEARCH TRANSITION ========================================================= */ .site-header-new .header-search .e-search-label svg circle, .site-header-new .header-search .e-search-label svg path { transition: stroke 0.45s ease; } .site-header-new .header-search .e-search-input { transition: color 0.45s ease, border-color 0.45s ease; } .site-header-new .header-search .e-search-input::placeholder { transition: color 0.45s ease; }/* End custom CSS */