/**
 * Contains functions and mixins for breakpoints.
 */
/**
 * Map manipulation functions.
 */
.banner {
  position: relative; }

.banner-image {
  position: relative;
  height: 25rem;
  --banner-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
  background-image: var(--banner-image), var(--vignette-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
  background-repeat: no-repeat;
  background-position: center center, right bottom, left top;
  background-size: cover;
  z-index: -1; }
  @media (min-width: 76.5rem) {
    .banner-image {
      height: 40rem;
      background-size: cover, 100% 100%, 100% 100%; } }

.banner-primary-content {
  margin-top: -22rem;
  margin-bottom: 2rem; }
  .banner-primary-content .banner-content {
    background: var(--color-gray-8);
    font-size: var(--font-size-m);
    color: var(--color-navy);
    overflow-wrap: break-word;
    min-height: 25rem;
    box-sizing: border-box;
    padding: var(--space-l); }
    @media (min-width: 76.5rem) {
      .banner-primary-content .banner-content {
        min-height: 33.5rem;
        width: calc(50% - 7.5rem);
        margin: 0;
        padding: 5rem; } }
  @media (min-width: 76.5rem) {
    .banner-primary-content {
      margin-top: -27rem;
      margin-bottom: 4.5rem; } }

.banner-secondary-content {
  background: var(--color-accent-wcag);
  color: var(--color-white);
  margin-top: -1px;
  height: 4rem; }
  .banner-secondary-content a {
    color: var(--color-white); }
  @media (min-width: 76.5rem) {
    .banner-secondary-content {
      position: absolute;
      top: 39rem;
      left: calc(50% - 5vw); } }

.banner-links {
  border-bottom: 1px solid var(--color-gray-8);
  margin-top: -2rem;
  margin-bottom: 2rem; }
  @media (min-width: 76.5rem) {
    .banner-links {
      display: block;
      margin-top: -15rem;
      margin-bottom: 7.5rem;
      height: 7.5rem; }
      .banner-links .width-container {
        height: 100%; }
      .banner-links .banner-content {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end; } }

.node-43031 figure.image img,
.node-43311 figure.image img {
  width: 450px !important; }