/* Shared type family for the website and the local careers frame. */
:root {
  --font-family-site: Arial, Helvetica, sans-serif;
  --font-weight-body: 400;
  --font-weight-heading: 700;
}
html, body {
  font-family: var(--font-family-site);
  font-weight: var(--font-weight-body);
}
button, input, select, textarea, optgroup, option,
h1, h2, h3, h4, h5, h6,
.header #navigation > a,
.utility .utility-inner a,
.eyebrow, .button, .text-link,
.form-result pre, recruitment-current-openings,
.leaflet-container,
.leaflet-container .leaflet-tooltip,
.leaflet-container .leaflet-popup-content,
.leaflet-container .leaflet-control-zoom-in,
.leaflet-container .leaflet-control-zoom-out,
.leaflet-container a.leaflet-popup-close-button {
  font-family: var(--font-family-site);
}
#main :is(h1,h2,h3,h4,h5,h6),
.footer :is(h1,h2,h3,h4,h5,h6) {
  font-family: var(--font-family-site);
  font-weight: var(--font-weight-heading);
  font-style: normal;
}
#main h1.page-heading,
#main :is(.page-intro,.filtration-hero,.project-hero) h1 {
  font-family: var(--font-family-site);
  font-weight: var(--font-weight-heading);
}
.hero h1 em { font-family: inherit; font-weight: inherit; font-style: normal; }