/**
 * Footer.
 *
 * Styles for the site-wide footer.
 */
footer[role=contentinfo] {
  background: var(--color-button-primary-background);
  color: #fff;
  padding-top: 30px;
}
footer[role=contentinfo] a {
  color: #fff;
}
footer[role=contentinfo] a:focus,
footer[role=contentinfo] a:hover,
footer[role=contentinfo] a:active {
  color: #fff;
  text-decoration: underline;
}

footer[role=contentinfo] small,
footer[role=contentinfo] ul {
  font-size: 75%;
  line-height: 1.25;
}
footer[role=contentinfo] small {
  display: block;
}
footer[role=contentinfo] ul {
  margin-top: 1em;
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  footer[role=contentinfo] ul {
    margin-top: 0;
  }
}