/*
 * Site-wide overrides, moved here from Customizer → Additional CSS.
 * Loaded after every other theme stylesheet (see inc/setup.php), as the Customizer CSS was.
 */

/* ---- Typography ---- */
body {
  font-size: 17px;
}
h1,
.home-hero h1,
.ab-hero h1,
.fc-hero h1 {
  font-size: clamp(30px, 5vw, 50px);
}
.lede,
.lede-d,
.home-hero .lede {
  font-size: 18px;
}
.prose,
.cs-body {
  font-size: 17px;
}

/* ---- Header: invisible bridge between a menu item and its dropdown, so it stays open on hover ---- */
.primary .dd::before {
  top: -12px;
  height: 12px;
}
.primary .dd.mega::before {
  top: -30px;
  height: 30px;
}
.brand-dd > .dd::before {
  top: -20px;
  height: 20px;
}

/* ---- HubSpot forms ---- */
.hs-form {
  padding: 10px;
}
.hb {
  padding: 10px;
}
.inputs-list {
  padding: 0;
  list-style-type: none;
}
.hs-form-booleancheckbox-display {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.hs-form-required {
  display: none;
}

/* ---- Footer ---- */
.site-footer form input[type="email"] {
  background: none !important;
}
.site-footer a:hover {
  color: #92dcd7;
  text-decoration: none;
}
footer .hs-form-booleancheckbox span {
  color: #fff;
}
footer .primary {
  display: block;
  position: static;
}

/* ---- Single pages ---- */
/* Client story 1608: keep the top of the hero photo in view. */
.postid-1608 .cs-hero-img {
  object-position: top;
}