/* Site header v1: the homepage's header strip, kept in its own file so every page shares it (as site-footer.css does).
   Self-contained and scoped to .header-wide.wb-hd, so it renders the same on the family's pages and the older ones: a white
   strip with the dark logo on the left; on the right the quiet links (Sign in, Urgent help?), the menu button, then the
   coral Book a call pill at the edge. The row spans the window (40px sides from 1025px, 56px from 1280px). The links go
   under 700px and the pill under 521px. The current page's link reads ink, without its underline. */
@font-face{font-family:'Sailec';src:url('assets/fonts/type_dynamic_-_sailec_medium-webfont.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Sailec';src:url('assets/fonts/type_dynamic_-_sailec_bold-webfont.woff2') format('woff2');font-weight:700;font-display:swap}

.header-wide.wb-hd{margin:0;padding:0;background:#fff}
.header-wide.wb-hd .header{display:flex;align-items:center;max-width:none;margin:0;padding-top:14px;padding-bottom:14px}
@media (min-width:1025px){.header-wide.wb-hd .header{padding-left:40px!important;padding-right:40px!important}}
@media (min-width:1280px){.header-wide.wb-hd .header{padding-left:56px!important;padding-right:56px!important}}
.header-wide.wb-hd .header::after,.header-wide.wb-hd .header-right::after{display:none}
.header-wide.wb-hd .header .logo{float:none;flex:none;width:118px;max-width:none;margin:0;padding:0}
@media (max-width:765px){.header-wide.wb-hd .header .logo{width:108px}}
.header-wide.wb-hd .logo img{max-width:100%;height:auto}
.header-wide.wb-hd .logo-white{display:none!important}
.header-wide.wb-hd .logo-dark{display:block!important}
.header-wide.wb-hd .header-right{float:none;display:flex;align-items:center;gap:6px;margin:0 0 0 auto;padding:0}

.header-wide.wb-hd .hp-hd{order:1;display:flex;align-items:center;gap:14px;margin-right:14px}
.header-wide.wb-hd .hp-hd-sep{display:block;width:1px;height:14px;background:#C2C5CC}
.header-wide.wb-hd .hp-hd-l{display:inline-flex;align-items:center;min-height:44px;font-family:'Sailec',sans-serif;font-weight:500;font-size:13.5px;line-height:1.2;letter-spacing:normal;text-transform:none;color:#4f5565;text-decoration:underline;text-decoration-color:#C2C5CC;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s cubic-bezier(.65,0,.35,1),text-decoration-color .2s cubic-bezier(.65,0,.35,1)}
.header-wide.wb-hd .hp-hd-l:hover,.header-wide.wb-hd .hp-hd-l:focus-visible{color:#232834;text-decoration-color:#232834}
.header-wide.wb-hd .hp-hd-l[aria-current="page"]{color:#232834;text-decoration:none}

/* the menu's injected search is not shown in the header: search stays inside the menu itself */
.header-wide.wb-hd .wbm_search{display:none}

/* the site's menu button, in ink; its 33px width is widened to a 44px tap area towards the page, with nothing moving, and
   its three bars are drawn a little smaller, scaled about their own centre so they stay level with the row */
.header-wide.wb-hd .menu_trigger{order:3;float:none;height:38px;margin:0 0 0 8px;color:#232834}
.header-wide.wb-hd .menu_trigger::after{content:"";position:absolute;top:-3px;bottom:-3px;left:-11px;right:0}
.header-wide.wb-hd .menu_trigger .slicknav_icon{transform-origin:100% 19px;scale:.82}
.header-wide.wb-hd .slicknav_icon-bar,.header-wide.wb-hd .menu_trigger .slicknav_icon span{background-color:#232834!important}

/* Book a call: the family's coral pill, set smaller for the header; it lifts on hover onto a soft blush step */
.header-wide.wb-hd .hp-hd-cta{--btn-step:#FBC0CC;--btn-ease:cubic-bezier(.5,2.5,.7,.7);order:4;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:40px;margin:0 0 0 18px;padding:0 16px 0 20px;border:1px solid transparent;border-radius:9999px;background:#FA5478;color:#fff;font-family:'Sailec',sans-serif;font-weight:700;font-size:14.5px;line-height:20px;letter-spacing:normal;text-transform:none;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 0 0 0 var(--btn-step);transition-property:transform,translate,box-shadow;transition-duration:150ms;transition-timing-function:var(--btn-ease)}
.header-wide.wb-hd a.hp-hd-cta,.header-wide.wb-hd a.hp-hd-cta:hover,.header-wide.wb-hd a.hp-hd-cta:visited{color:#fff;text-decoration:none}
.header-wide.wb-hd .hp-hd-cta::after{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}
.header-wide.wb-hd .hp-hd-cta svg.arr{display:block;flex:none;width:14px;height:14px;margin:0;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform 150ms cubic-bezier(.4,0,.2,1)}
@media (hover:hover){.header-wide.wb-hd .hp-hd-cta:hover{translate:0 -5px;box-shadow:0 5px 0 0 var(--btn-step)}.header-wide.wb-hd .hp-hd-cta:hover svg.arr{transform:translateX(2px)}}
.header-wide.wb-hd .hp-hd-cta:active{translate:0 -3px;box-shadow:0 3px 0 0 var(--btn-step)}

.header-wide.wb-hd .hp-hd-l:focus-visible,.header-wide.wb-hd .hp-hd-cta:focus-visible,.header-wide.wb-hd .menu_trigger:focus-visible{outline:2px solid #232834;outline-offset:3px}
@media (max-width:699px){.header-wide.wb-hd .hp-hd{display:none}}
@media (max-width:520px){.header-wide.wb-hd .hp-hd-cta{display:none}}
@media (prefers-reduced-motion:reduce){.header-wide.wb-hd .hp-hd-l,.header-wide.wb-hd .hp-hd-cta,.header-wide.wb-hd .hp-hd-cta svg.arr{transition:none}.header-wide.wb-hd .hp-hd-cta:hover,.header-wide.wb-hd .hp-hd-cta:active{translate:none}}