@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,500&display=swap');

h1, h2, h3, h4, h5, h6, p, div, span {
  font-family: 'Roboto', sans-serif;
  font-display: swap;
}

h1 {
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-blue);
  font-size: var(--text-heading-xl);
  line-height: var(--line-height-tight);
  margin-bottom: 0.5em;
}

h2,
h2 a {
  font-size: var(--text-heading-xl);
  color: var(--color-brand-body);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: 0.4em;
}

h3,
h3 a {
  font-size: var(--font-size-2xl);
  color: var(--color-brand-green);
  text-transform: uppercase;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
  margin-bottom: 0.35em;
}

/* Heading spacing, ported from Parks: no top margin (Bootstrap adds 20px, which
   stacked on top of each section's own spacing and made gaps uneven). A heading
   that follows body copy inside a section gets generous space above instead. */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {
  margin-top: 1.5em;
}

.header__container h3,
.header__container h3 a {
  color: var(--color-brand-white);
  text-transform: uppercase;
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.5em;
}

#block-corporateplus-headerphonenumber .block {
  padding: 0 0 5px 0;
}

h4,
h4 a {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
  margin-bottom: 0.3em;
}

h5,
h5 a {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
}

h6,
h6 a {
  font-size: var(--font-size-base);
  color: var(--color-brand-orange);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
}