/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./theme_src/scss/pages/informant.scss ***!
  \****************************************************************************************************************************************************************************************************/
.site-main {
  overflow: hidden;
}

.informant {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 64rem) {
  .informant {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 1fr 0.75fr 1.25fr;
    grid-gap: 0px 1rem;
    gap: 0px 1rem;
  }
}
.informant-container {
  padding: calc(var(--container-vertical-padding) / 2) calc(var(--container-padding) * 1px);
}
@media screen and (min-width: 64rem) {
  .informant-container {
    padding: 0 calc(var(--container-padding) * 0.5px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: column;
    grid-gap: 0px 1rem;
    gap: 0px 1rem;
  }
}
@media screen and (min-width: 80rem) {
  .informant-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.informant > section {
  display: flex;
  flex-direction: column;
}
.informant > section > div {
  flex: 1;
}
.informant-hero {
  padding-top: var(--container-vertical-padding);
  background-image: var(--gradient-yelloworange);
  grid-column: 1/-1;
  grid-row: 1/2;
}
@media screen and (min-width: 64rem) {
  .informant-hero {
    position: relative;
  }
  .informant-hero::before, .informant-hero::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50vw;
    height: 100%;
    z-index: 0;
  }
  .informant-hero::before {
    background-color: var(--color-yellow);
    left: -50vw;
  }
  .informant-hero::after {
    background-color: var(--color-orange-light);
    right: -50vw;
  }
}
@media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
  .informant-hero .informant-container {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 48rem) and (max-width: 63.9375rem) {
  .informant-hero .informant-container {
    display: flex;
    gap: 2rem;
  }
}
.informant-hero__title {
  grid-column: 2/3;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 64rem) {
  .informant-hero__title {
    display: block;
    margin-bottom: 0;
  }
}
.informant-hero__image {
  grid-column: 3/4;
  align-self: end;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 64rem) {
  .informant-hero__image {
    margin-left: 2rem;
  }
}
.informant-about {
  background-color: var(--color-white);
  grid-column: 1/-1;
  grid-row: 2/3;
  align-self: center;
}
.informant-about__content {
  grid-column: 2/4;
  padding: calc(var(--container-vertical-padding) / 2) 1rem;
  max-width: 44.375rem;
}
.informant-about figure {
  position: relative;
  margin-top: 1rem;
}
@media screen and (min-width: 64rem) {
  .informant-about figure {
    margin-top: 2rem;
  }
}
.informant-about figure::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.75em;
  left: -0.675em;
  width: 4.43em;
  height: 4.32em;
  background-image: var(--quote-watermark);
  background-size: cover;
}
.informant-about figcaption {
  font-family: "Futura Bold", -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Segoe UI, Helvetica Neue, Helvetica, Cantarell, Ubuntu, Roboto, Noto, Arial, sans-serif;
}
.informant-donate {
  position: relative;
  margin: 2rem 0 0.75rem;
  height: 100%;
  z-index: 1;
}
@media screen and (min-width: 64rem) {
  .informant-donate {
    transform: translateY(var(--container-vertical-padding));
    margin: 0;
    grid-column: 1/2;
    grid-row: 1/4;
  }
}
.informant-donate .informant-container {
  display: block;
  height: 100%;
  padding-bottom: 0;
}
@media screen and (min-width: 64rem) {
  .informant-donate .informant-container {
    height: calc(100% - var(--container-vertical-padding) * 2);
    padding: 0 0 0 1.25rem;
  }
}
@media screen and (min-width: 80rem) {
  .informant-donate .informant-container {
    padding: 0 2rem;
  }
}
.informant-donate__iframe {
  min-height: 40rem;
  border-radius: 30px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2392156863);
  height: 100%;
}
.informant-donate iframe {
  border-radius: 30px;
  min-height: inherit;
  height: 100%;
}
.informant-featuring {
  background-color: var(--color-smoke);
  grid-column: 1/-1;
  grid-row: 3/4;
}
@media screen and (min-width: 64rem) {
  .informant-featuring {
    position: relative;
  }
  .informant-featuring::before, .informant-featuring::after {
    background-color: var(--color-smoke);
    content: "";
    position: absolute;
    top: 0;
    width: 50vw;
    height: 100%;
    z-index: 0;
  }
  .informant-featuring::before {
    left: -50vw;
  }
  .informant-featuring::after {
    right: -50vw;
  }
}
.informant-featuring__content {
  grid-column: 2/4;
  padding: calc(var(--container-vertical-padding) / 2) 1rem;
  max-width: 44.375rem;
}
.informant-featuring__title {
  font-family: "Futura Book", -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Segoe UI, Helvetica Neue, Helvetica, Cantarell, Ubuntu, Roboto, Noto, Arial, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  text-transform: uppercase;
}
.informant-featuring__title::after {
  content: "";
  position: relative;
  display: block;
  background: var(--gradient-redorange);
  height: 0.5625rem;
  width: 100%;
  max-width: 15rem;
  border-radius: 30px;
  bottom: -0.25em;
  margin: 0 0 0.625em;
}
@media screen and (min-width: 48rem) {
  .informant-featuring__title::after {
    max-width: 24.375rem;
    bottom: -0.375em;
  }
}
@media screen and (min-width: 48rem) {
  .informant-featuring__title {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 64rem) {
  .informant-featuring__title {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 90rem) {
  .informant-featuring__title {
    font-size: 38px;
    font-size: 2.375rem;
  }
}
.informant-featuring__title + div {
  margin-top: 2em;
}
.informant__copy {
  font-family: "Futura Book", -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Segoe UI, Helvetica Neue, Helvetica, Cantarell, Ubuntu, Roboto, Noto, Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
}
@media screen and (min-width: 48rem) {
  .informant__copy {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 90rem) {
  .informant__copy {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.informant__copy p {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.informant__copy p em {
  font-family: "Futura Medium Italic", -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Segoe UI, Helvetica Neue, Helvetica, Cantarell, Ubuntu, Roboto, Noto, Arial, sans-serif;
}
.informant__copy--large {
  font-family: "Futura Book", -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Segoe UI, Helvetica Neue, Helvetica, Cantarell, Ubuntu, Roboto, Noto, Arial, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 48rem) {
  .informant__copy--large {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 90rem) {
  .informant__copy--large {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 90rem) {
  .informant__copy--large {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

/*# sourceMappingURL=informant.css.map*/