/* Anvil nav widget — loaded only on pages that use it */
.anvil-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;position:relative}
.anvil-nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;text-decoration:none;color:inherit}
.anvil-nav-logo img{height:38px;width:auto;display:block}
.anvil-nav-links{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.anvil-nav-links a{text-decoration:none;color:inherit;font-weight:500;opacity:.85;transition:opacity .15s}
.anvil-nav-links a:hover{opacity:1}
.anvil-nav-links .anvil-nav-cta a{opacity:1}
.anvil-nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:inherit}
.anvil-nav-burger span{display:block;width:22px;height:2px;background:currentColor;margin:5px 0;transition:transform .2s,opacity .2s}
.anvil-nav.open .anvil-nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.anvil-nav.open .anvil-nav-burger span:nth-child(2){opacity:0}
.anvil-nav.open .anvil-nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1024px){
  .anvil-nav[data-burger=tablet] .anvil-nav-burger{display:block}
  .anvil-nav[data-burger=tablet] .anvil-nav-links{
    display:none;position:absolute;top:100%;left:-28px;right:-28px;
    flex-direction:column;align-items:flex-start;gap:0;
    background:var(--anvil-surface,#fff);box-shadow:0 14px 30px rgba(0,0,0,.12);
    padding:10px 28px 20px;z-index:60}
  .anvil-nav[data-burger=tablet].open .anvil-nav-links{display:flex}
  .anvil-nav[data-burger=tablet] .anvil-nav-links li{width:100%}
  .anvil-nav[data-burger=tablet] .anvil-nav-links a{display:block;padding:12px 0}
}
@media(max-width:767px){
  .anvil-nav[data-burger=mobile] .anvil-nav-burger{display:block}
  .anvil-nav[data-burger=mobile] .anvil-nav-links{
    display:none;position:absolute;top:100%;left:-28px;right:-28px;
    flex-direction:column;align-items:flex-start;gap:0;
    background:var(--anvil-surface,#fff);box-shadow:0 14px 30px rgba(0,0,0,.12);
    padding:10px 28px 20px;z-index:60}
  .anvil-nav[data-burger=mobile].open .anvil-nav-links{display:flex}
  .anvil-nav[data-burger=mobile] .anvil-nav-links li{width:100%}
  .anvil-nav[data-burger=mobile] .anvil-nav-links a{display:block;padding:12px 0}
}

/* 0.9.0: menu alignment (desktop only) */
@media(min-width:1025px){
  .anvil-nav[data-align=left] .anvil-nav-links{margin-right:auto;margin-left:34px}
  .anvil-nav[data-align=center]{position:relative}
  .anvil-nav[data-align=center] .anvil-nav-links{position:absolute;left:50%;transform:translateX(-50%)}
  .anvil-nav[data-align=center] .anvil-nav-links .anvil-nav-cta,
  .anvil-nav[data-align=center] .anvil-nav-links .anvil-nav-phone{position:absolute;left:100%;margin-left:26px;transform:none}
}

/* 1.3.5: transparent-until-scrolled header.
   Two-class specificity (0,2,0) beats the node's own .anvil-<id> rule
   (0,1,0), so no !important is needed to null the section background. */
.anvil-sec.anvil-nav-overlay{
  background-color:transparent;background-image:none;box-shadow:none;
  transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}
.anvil-sec.anvil-nav-overlay > .anvil-overlay{display:none}
.anvil-sec.anvil-nav-overlay .anvil-nav{color:var(--anvil-nav-t-color,#fff)}

.anvil-sec.anvil-nav-overlay.anvil-nav-solid{
  background-color:var(--anvil-nav-solid-bg,var(--anvil-surface,#fff));
  box-shadow:0 1px 0 color-mix(in srgb,var(--anvil-ink,#111) 10%,transparent)}
/* NOT inherit: the section's own colour is the one picked for sitting over
   the hero (white, as a rule), and inheriting it here painted white links
   onto the light solid background. Fall back to ink, which is legible on
   every default solid background, and let solid_color override. */
.anvil-sec.anvil-nav-overlay.anvil-nav-solid .anvil-nav{color:var(--anvil-nav-s-color,var(--anvil-ink,#16303B))}
.anvil-sec.anvil-nav-overlay.anvil-nav-solid .anvil-nav-links a{opacity:1}

/* The burger dropdown always needs a real surface to sit on, even while
   the bar behind it is transparent. */
.anvil-sec.anvil-nav-overlay .anvil-nav.open .anvil-nav-links{color:var(--anvil-nav-s-color,var(--anvil-ink,#16303B))}

@media(prefers-reduced-motion:reduce){
  .anvil-sec.anvil-nav-overlay{transition:none}
}