/* Page title template, based on More About the VNG.
   Requires typography.css. Keep page title styling here. */
.page-heading {
  display: block;
  margin: 0 0 20px;
  text-align: left;
}

.page-heading .page-heading-eyebrow {
  margin: 0 0 8px;
  color: #037a76;
  font-family: var(--font-body);
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
}

.page-heading .page-heading-title {
  margin: 0;
  color: #202727;
  font-family: var(--font-heading);
  font-size: clamp(1.9rem, 3vw, 2.7rem);
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.2;
  text-align: left;
  overflow-wrap: anywhere;
}

.page-heading .page-heading-description {
  margin: 16px 0 0;
  color: #315f59;
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.5;
}