/*!
 * Heading-level normalisation for the static export.
 *
 * The theme used <h4> purely for visual weight: all 156 headings were H1-H4 and
 * not one of them was a real fourth-level heading, so the outline jumped
 * H1/H2 -> H4 on 45 pages.  The tags are now at the level the document outline
 * needs (h1 > h2 > h3) and the original look is pinned back on with these
 * classes.  Loaded after site-tweaks.css, so these declarations win the cascade.
 *
 * Generated by seo_headings.py - edit that, not this file.
 */

/* --- promoted from <h4> (sidebar, footer, homepage support headings) ----- */
.keep-h4 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 135%;
  letter-spacing: .6px;
  font-weight: 800;
  color: #363636;
  text-transform: none;
  margin: 0;
}
.services-title .keep-h4 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 135%;
  letter-spacing: .6px;
  font-weight: 800;
  color: #363636;
  text-transform: none;
  margin: 0;
  color: #ff7c32;
  font-weight: 900;
  line-height: 138%;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}
.reviews-top .keep-h4 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 135%;
  letter-spacing: .6px;
  font-weight: 800;
  color: #363636;
  text-transform: none;
  margin: 0;
  color: #ff7c32;
  text-transform: uppercase;
}
.box-content .keep-h4 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 135%;
  letter-spacing: .6px;
  font-weight: 800;
  color: #363636;
  text-transform: none;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  transition: ease-in-out .5s;
}
.box-content:hover .keep-h4 {
  color: #3a5884;
}
.fifty-title .keep-h4 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 135%;
  letter-spacing: .6px;
  font-weight: 800;
  color: #363636;
  text-transform: none;
  margin: 0;
  color: #ff7c32;
  text-transform: uppercase;
}
.cta-top-title .keep-h4 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 135%;
  letter-spacing: .6px;
  font-weight: 800;
  color: #363636;
  text-transform: none;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
}
.sidebar-inner .keep-h4 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 135%;
  letter-spacing: .6px;
  font-weight: 800;
  color: #363636;
  text-transform: none;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
}
.footer-container .keep-h4 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 135%;
  letter-spacing: .6px;
  font-weight: 800;
  color: #363636;
  text-transform: none;
  margin: 0;
  color: #3a5884;
  text-transform: uppercase;
  margin: 0 0 5px;
}

/* --- promoted from <h3> (contact info blocks, doctor name, FAQ questions) - */
.keep-h3 {
  font-size: clamp(19px, 2.2vw, 28px);
  line-height: 130%;
  letter-spacing: normal;
  font-weight: 400;
  color: #ff7c32;
  text-transform: none;
  margin: 0;
}
.accordion-header .keep-h3 {
  font-size: clamp(19px, 2.2vw, 28px);
  line-height: 130%;
  letter-spacing: normal;
  font-weight: 400;
  color: #ff7c32;
  text-transform: none;
  margin: 0;
  font-size: clamp(20px, 5vw, 25px);
  line-height: 135%;
  letter-spacing: 1.15px;
}

/* --- demoted from <h1> (duplicate page/post titles) ---------------------- */
.keep-h1 {
  font-family: 'Lato', sans-serif;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 120%;
  letter-spacing: 1px;
  font-weight: 700;
  color: #363636;
  text-transform: capitalize;
  margin: 0;
}
/* the blog index styled its post teaser through `.blog #main h1 a`; re-hang it */
.blog #main .keep-h1 a {
  color: #363636;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  margin: 0;
}

/* the homepage's duplicate headline became a <p> that still looks like the H1 */
p.page-title {
  font-family: 'Lato', sans-serif;
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 124%;
  letter-spacing: 1px;
  font-weight: 700;
  color: #3a5884;
  text-transform: uppercase;
  margin: 0;
}

@media (max-width: 600px) {
  /* the theme's mobile rule for the featured-treatment cards */
  .services-content-holder .services-title .keep-h4 {
    font-size: 20px;
    letter-spacing: normal;
  }
  p.page-title {
    letter-spacing: normal;
  }
}