/* ============================================================
 * 12. FOOTER
 * ============================================================ */
.site-footer .site-info {
  background-color: var(--color-primary-hover);
  font-family: var(--ff-light);
  color: #fff;
}
.site-footer .footer-navigation ul.footer-menu li a {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
}
.site-footer .footer-navigation ul.footer-menu li a:hover { color: #fff; }

#colophon a,
#colophon .footer-info,
#colophon .copyright { color: #fff !important; }
#colophon a:hover,
#colophon a:focus {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

#colophon.site-footer { flex-shrink: 0; }
.footer-a11y-link { color: #fff !important; text-decoration: underline !important; }