/**
 * @file
 * Footer regions.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.site-footer {
  position: relative; /* stack above left social bar */
  color: var(--color--white);
  background-color: var(--color--primary-50);
}

.site-footer .menu {
    margin-left: 0;
    list-style: none;
  }

.site-footer .menu ul {
      margin-left: var(--sp);
    }

.site-footer .menu li {
      margin-bottom: var(--sp0-5);
    }

.site-footer a {
    color: inherit;
  }

.site-footer a:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

footer .region {
  display: grid;
  justify-items: center;
  grid-template-columns: 1fr;
}

footer .region span.material-icons {
    color: var(--color--light-50);
  }

footer .region h2 {
    text-transform: uppercase;
  }

footer .region p {
    font-weight: 700;
  }

@media (min-width: 700px) {

footer .region {
    grid-template-columns: repeat(2, 1fr);
}
  }

@media (min-width: 1000px) {

footer .region {
    grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(var(--footer-grid-count, 3), 1fr);
}
  }

footer .region button, footer .region .button {
    border: none;
    padding: 0;
    margin: 0;
    font-weight: 700;
  }

footer .region button:hover, footer .region .button:hover, footer .region button:active, footer .region .button:active {
      border: none;
      color: inherit;
      background-color: inherit;
    }

footer .region button:focus, footer .region .button:focus, footer .region button:focus-within, footer .region .button:focus-within {
      outline-color: inherit;
      outline-offset: 2px;
      outline-style: solid;
      outline-width: 2px;
      background-color: inherit;
      color: inherit;
    }

/*@media (--nav) {
  body:not(.is-always-mobile-nav) .site-footer {
    border-inline-start: solid var(--content-left) var(--color--primary-50);
  }
}*/