/* AVI-SPL local brand typeface overrides. */
@font-face {
  font-family: 'Salmond';
  src: url('../fonts/Salmond-Bold.otf') format('opentype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

body h1,
body h2 {
  font-family: 'Salmond', sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
}

/* Keep body copy consistent on light backgrounds. */
body p,
body li,
body dd,
body blockquote,
body .body,
body .paragraph-body,
body .w-richtext p,
body .w-richtext li {
  color: #0A1D5F !important;
  font-weight: 400 !important;
}

/* Use one fixed body-copy size throughout the site at every breakpoint. */
body .section-wrapper p:not(.bc-eyebrow),
body .section-wrapper li,
body .section-wrapper dd,
body .section-wrapper blockquote,
body .section-wrapper .body,
body .section-wrapper .paragraph-body,
body .section-wrapper .w-richtext p,
body .section-wrapper .w-richtext li {
  font-size: 17.28px !important;
}

body p.dp-reminder {
  color: #0A1D5F !important;
}

/* Preserve accessible white copy wherever the design uses a dark panel. */
body .white,
body .white p,
body .white li,
body .background p,
body .background li,
body .background dd,
body .background blockquote,
body .container.dark p,
body .container.dark li,
body .container.dark dd,
body .container.dark blockquote,
body .table-background.dark p,
body .table-background.dark li,
body .table-background.dark dd,
body .table-background.dark blockquote,
body .footer p,
body .footer li,
body .footer dd,
body .footer blockquote {
  color: #fff !important;
}

/* Introductory copy spans 90% of its content container. */
body .intro-wrapper {
  width: 100%;
  max-width: none;
}

body .intro-wrapper .paragraph-body {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}

body .column-8x4 > .left-column {
  width: 100%;
}

body .column-8x4 > .left-column .paragraph-body {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}

body .dp-introduction {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

body .bc-page .bc-intro {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

@media screen and (min-width: 992px) {
  body .intro-wrapper,
  body .column-8x4 {
    width: 90%;
    max-width: 90%;
  }

  body .column-8x4 > .left-column {
    flex: 0 0 100%;
    width: 100%;
    max-width: none;
  }

  body .column-8x4 > .right-column:empty {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body .intro-wrapper,
  body .column-8x4 > .left-column,
  body .intro-wrapper .paragraph-body {
    width: 100%;
  }

  body .dp-introduction,
  body .bc-page .bc-intro {
    grid-template-columns: minmax(0, 1fr);
  }
}