/* ==========================================================================
   Main.
   ========================================================================== */
.main {
  background-color: var(--color-white);
}
.layout {
  padding-top: 10px;

  > .layout__region--content {
    background: var(--color-white);
  }
}
.layout--twocol.l-67-33 > .layout__region--first {
  flex: 0 1 75%;
  background: var(--color-white);
}
.layout--twocol.l-67-33 > .layout__region--second {
  flex: 0 1 25%;
  background: var(--color-white);
}

/* ==========================================================================
   Header.
   ========================================================================== */
.main-header {
  border: 0;
}
.main-header-banner-image {
  background-color: var(--color-fg-primary);
}
.main-header-top,
.main-header-bottom {
  /* Responsive.
     ========================================================================== */
  @media screen and (min-width: 90em) {
    flex: 0;

  }
}
.main-header-middle {
  /* Responsive.
   ========================================================================== */
  @media screen and (min-width: 80em) {
    margin: 0 0 0 auto;
  }
}

/* ==========================================================================
   Footer.
   ========================================================================== */
.main-footer {
  color: var(--color-white);
  background-color: var(--color-fg-primary);

  .nav--footer,
  .block--copyright {
    color: inherit;

    a {
      color: inherit;
    }
  }
  .nav--footer {
    a:hover,
    a:focus {
      background-color: rgba(242, 242, 242, .1);
    }
  }
}
.main-footer-inner {
  background-color: var(--color-primary-700);
}