.elementor-13 .elementor-element.elementor-element-0232807{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(44,42,40,0.09);--border-color:rgba(44,42,40,0.09);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-13 .elementor-element.elementor-element-0232807:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-0232807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(244,241,236,0.94);}.elementor-13 .elementor-element.elementor-element-8bcf7a0{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:13px;--padding-bottom:13px;--padding-left:20px;--padding-right:20px;}.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-13 .elementor-element.elementor-element-e52ddc8{width:initial;max-width:initial;text-align:start;}.elementor-13 .elementor-element.elementor-element-e52ddc8 img{width:152px;}.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 );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-13 .elementor-element.elementor-element-1305b01 .elementor-button{background-color:rgba(0,0,0,0);font-family:"Poppins", Sans-serif;font-size:10.5px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:0.4px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(0,69,26,0.30);border-radius:99px 99px 99px 99px;padding:9px 13px 9px 13px;}.elementor-13 .elementor-element.elementor-element-1305b01 .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-1305b01 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-1305b01{width:initial;max-width:initial;}.elementor-13 .elementor-element.elementor-element-1305b01.elementor-element{--order:3;}.elementor-13 .elementor-element.elementor-element-1305b01 .elementor-button-content-wrapper{flex-direction:row;}.elementor-13 .elementor-element.elementor-element-1305b01 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-13 .elementor-element.elementor-element-1305b01 .elementor-button:hover svg, .elementor-13 .elementor-element.elementor-element-1305b01 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-7f3c7ac .elementor-button{background-color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-size:10.5px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:0.4px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:99px 99px 99px 99px;padding:10px 16px 10px 16px;}.elementor-13 .elementor-element.elementor-element-7f3c7ac .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-7f3c7ac .elementor-button:focus{background-color:#C9CA1C;color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-7f3c7ac{width:initial;max-width:initial;}.elementor-13 .elementor-element.elementor-element-7f3c7ac.elementor-element{--order:4;}.elementor-13 .elementor-element.elementor-element-7f3c7ac .elementor-button:hover svg, .elementor-13 .elementor-element.elementor-element-7f3c7ac .elementor-button:focus svg{fill:var( --e-global-color-primary );}.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 );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-13 .elementor-element.elementor-element-ba3d0df{width:initial;max-width:initial;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );--nav-menu-icon-size:22px;}.elementor-13 .elementor-element.elementor-element-ba3d0df.elementor-element{--order:2;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-menu-toggle{margin-left:auto;background-color:rgba(0,0,0,0);border-width:0px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1.4em;letter-spacing:0.4px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main .elementor-item:hover, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main .elementor-item.highlighted, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-ecru );}.elementor-13 .elementor-element.elementor-element-ba3d0df .e--pointer-framed .elementor-item:before, .elementor-13 .elementor-element.elementor-element-ba3d0df .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-ecru );}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-ba3d0df .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-13 .elementor-element.elementor-element-ba3d0df .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-item:before{border-radius:99px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:99px 99px 0 0;}.elementor-13 .elementor-element.elementor-element-ba3d0df .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 99px 99px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 99px 99px 0;}.elementor-13 .elementor-element.elementor-element-ba3d0df .e--animation-shutter-in-vertical .elementor-item:after{border-radius:99px 0 0 99px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown{background-color:var( --e-global-color-warmecru );}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a:hover, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a:focus, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a.highlighted, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-menu-toggle:hover, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a:hover, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a:focus, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown .elementor-item, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:13.5px;font-weight:500;text-transform:uppercase;letter-spacing:0.4px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 12px 30px 0px rgba(44,42,40,0.14);}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:rgba(44,42,40,0.08);border-bottom-width:1px;}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-13 .elementor-element.elementor-element-ba3d0df div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-ba3d0df div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-ba3d0df div.elementor-menu-toggle:hover, .elementor-13 .elementor-element.elementor-element-ba3d0df div.elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-ba3d0df div.elementor-menu-toggle:hover svg, .elementor-13 .elementor-element.elementor-element-ba3d0df div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-menu-toggle:hover, .elementor-13 .elementor-element.elementor-element-ba3d0df .elementor-menu-toggle:focus{background-color:rgba(0,0,0,0);}.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-13 .elementor-element.elementor-element-8bcf7a0{--content-width:1280px;}}@media(max-width:1220px){.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1024px){.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-13 .elementor-element.elementor-element-1305b01.elementor-element{--order:2;}.elementor-13 .elementor-element.elementor-element-7f3c7ac.elementor-element{--order:3;}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-13 .elementor-element.elementor-element-ba3d0df.elementor-element{--order:4;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-8bcf7a0{--padding-top:10px;--padding-bottom:10px;--padding-left:14px;--padding-right:14px;}.elementor-13 .elementor-element.elementor-element-e52ddc8 img{width:128px;}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-13 .elementor-element.elementor-element-1305b01.elementor-element{--order:2;}.elementor-13 .elementor-element.elementor-element-7f3c7ac.elementor-element{--order:3;}.elementor-13 .elementor-element.elementor-element-7f3c7ac .elementor-button{font-size:10px;padding:9px 14px 9px 14px;}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-13 .elementor-element.elementor-element-ba3d0df.elementor-element{--order:4;}}/* Start custom CSS for container, class: .elementor-element-0232807 *//* ------------------------------------------------------------------ * * Mobile header layout. * * The row is nowrap with four children, and nothing was stopping flex * from shrinking them: the logo was rendering at 58-86px instead of its * intended 128px, and “Book a conversation” was breaking onto three * lines inside a 92px pill. Hence the squashed bar. * * Fix: the logo never shrinks, the burger takes only the space it needs * and sits hard right, and on phones the booking pill leaves the bar * altogether — it reappears inside the burger panel as .cw-nav-cta, so * the call to action is moved rather than lost. * ------------------------------------------------------------------ */ /* The wordmark holds the size its width control asks for instead of being squeezed by its siblings. Only flex-shrink is touched: leaving max-width alone matters, because removing it lets the image render at its natural 900px and blow the header open. */ .elementor-13 .elementor-element.elementor-element-0232807 .elementor-widget-image { flex-shrink: 0; } /* ------------------------------------------------------------------ * * The booking CTA inside the burger panel. * * It is a real WordPress menu item so it can sit in the dropdown, but * it must never double up with the yellow pill in the bar. So: shown * only in the dropdown, and only below 768px, where the pill is hidden. * ------------------------------------------------------------------ */ /* Elementor's own nav rules set display on menu items, so this needs the extra class to outrank them rather than a bare .cw-nav-cta. */ .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu .cw-nav-cta { display: none; } /* ------------------------------------------------------------------ * * The burger panel itself. * * Elementor leaves this panel position:static, so it flows inside the * nav widget and inherits that widget's content width — 141px on a * phone. Every row was wrapping in a column barely wider than the * burger. Lifting it out of flow and anchoring it to the widget's right * edge gives it a real panel width without touching the header's own * positioning, which Elementor's sticky behaviour relies on. * ------------------------------------------------------------------ */ @media (max-width: 1024px) { .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--dropdown { position: absolute; top: calc(100% + 12px); right: 0; left: auto; width: 86vw; max-width: 360px; border-radius: 14px; overflow: hidden; box-shadow: 0 16px 38px rgba(44, 42, 40, 0.20); } } @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--dropdown .cw-nav-cta { display: block; padding: 14px 20px 4px; } .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--dropdown .cw-nav-cta > a.elementor-item { background-color: #DCDD20; color: #00451A; border-radius: 99px; text-align: center; justify-content: center; padding: 13px 18px; font-weight: 600; } .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--dropdown .cw-nav-cta > a.elementor-item:hover, .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--dropdown .cw-nav-cta > a.elementor-item:focus { background-color: #C9CA1C; color: #00451A; } /* the dropdown draws a divider under every row; the pill needs none */ .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--dropdown .cw-nav-cta > a.elementor-item { border: 0; } } /* ------------------------------------------------------------------ * * Sign out. * * Injected into the primary menu for signed-in visitors only (see the * cw-member-area mu-plugin — the logout URL is nonced per request, so it * cannot live in the database as a menu item). * * It is a utility, not a destination, so it reads quieter than the * section links and never takes the active-page highlight. * ------------------------------------------------------------------ */ /* Sign out is the quietest thing in the account menu, and a hairline separates it from the places you can actually go. */ .elementor-13 .elementor-element.elementor-element-0232807 .cw-nav-signout > a { border-top: 1px solid rgba(44, 42, 40, 0.12); font-weight: 400 !important; } /* The account submenu hangs off the Hub pill. Elementor positions the submenu against the menu item, so nothing here touches the header's own layout — which matters, because a tenth top-level item wraps the row. */ .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .elementor-nav-menu--dropdown { min-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: 0 14px 32px rgba(44, 42, 40, 0.18); } /* Keep the pill's own rounding when it gains a submenu arrow. */ .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item { gap: 6px; } /* ------------------------------------------------------------------ * * The Hub as a pill button in the menu bar. * * The item stays a real WordPress menu item (Appearance > Menus), so * Colleen can rename or reorder it and the styling follows. It carries * the CSS class cw-nav-pill, which is all this block hooks onto. * * Only the horizontal desktop menu is targeted. Below 1025px the nav * collapses into Elementor's dropdown, where a pill would look wrong, * so .elementor-nav-menu--main keeps this out of the burger panel. * * Selectors are deliberately long: Elementor's own pointer=background * rules set a background and colour on hover and on the active item, * and this has to outrank them without resorting to !important. * ------------------------------------------------------------------ */ .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item { background-color: #00451A; color: #FFFFFF; border-radius: 99px; padding-right: 15px; padding-left: 15px; margin-left: 8px; transition: background-color .25s ease, box-shadow .25s ease; /* The active-page highlight is also a solid green pill, so give the Hub a button's lift. Shape alone would read as "you are here". */ box-shadow: 0 2px 6px rgba(0,69,26,0.28); } .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item:hover, .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item:focus, .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item.elementor-item-active, .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item.highlighted { background-color: #2C6F3F; color: #FFFFFF; box-shadow: 0 3px 10px rgba(0,69,26,0.34); } /* Keyboard users get a visible ring; the pill's own fill is not enough of a change on hover to read as focus. */ .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item:focus-visible { outline: 2px solid #00451A; outline-offset: 2px; } /* The nav sits at 11px, so the pill is short. A hair of extra weight and tracking stops it reading as a cramped link with a green box behind it. */ .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item { font-weight: 600; letter-spacing: .5px; } /* 1025-1220px is the band where the nav, cart and CTA are already tight (the yellow CTA is hidden there). Trim the pill's own padding rather than let the row wrap. */ @media (min-width: 1025px) and (max-width: 1220px) { .elementor-13 .elementor-element.elementor-element-0232807 .elementor-nav-menu--main .cw-nav-pill > a.elementor-item { padding-right: 12px; padding-left: 12px; margin-left: 5px; } }/* End custom CSS */