@font-face {
  font-family: "Source Sans Pro Web";
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("../fonts/sdac-hero/sourcesanspro-regular-webfont.woff2") format("woff2");
}

@font-face {
  font-family: "Source Sans Pro Web";
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url("../fonts/sdac-hero/sourcesanspro-bold-webfont.woff2") format("woff2");
}

@font-face {
  font-family: "Merriweather Web";
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: url("../fonts/sdac-hero/merriweather-300.woff2") format("woff2");
}

/* Match the root directory's hero, including MDWDS 0.50.3 prose typography,
   without changing the surrounding application's typography or layout. */
.sdac-hero.hero {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0 0 28px;
  padding: 24px 0 32px;
  border: 0;
  border-bottom: 4px solid #005ea2;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: #222;
  font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: start;
  text-transform: none;
}

.sdac-hero.hero::after {
  display: none;
}

.sdac-hero.hero .hero__inner.usa-prose {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: #222;
  font: inherit;
  letter-spacing: normal;
  text-align: start;
  text-transform: none;
}

.sdac-hero.hero .hero__inner.usa-prose > .eyebrow,
.sdac-hero.hero .hero__inner.usa-prose > h1,
.sdac-hero.hero .hero__inner.usa-prose > .hero__lede {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: start;
}

.sdac-hero.hero .hero__inner.usa-prose > .eyebrow {
  max-width: none;
  margin-bottom: 12px;
  color: #005ea2;
  font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.sdac-hero.hero .hero__inner.usa-prose > h1 {
  clear: both;
  max-width: 1100px;
  color: #1b1b1b;
  font-family: "Merriweather Web", Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1.95rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.025em;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.sdac-hero.hero .hero__inner.usa-prose > .hero__lede {
  max-width: none;
  margin-top: 16px;
  color: #555;
  font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  text-transform: none;
  hyphens: manual;
}

@media all and (min-width: 30em) {
  .sdac-hero.hero .hero__inner.usa-prose > h1 {
    font-size: 2.44rem;
  }

  .sdac-hero.hero .hero__inner.usa-prose > .hero__lede {
    font-size: 1.13rem;
  }
}

@media all and (min-width: 64em) {
  .sdac-hero.hero .hero__inner.usa-prose > h1 {
    font-size: 2.93rem;
  }
}