/* Main site footer */

/* Variables */
.site-footer {
  /* Layout */
  --site-footer-content-max-width: 90%;

  /* Typography */
  --site-footer-font-size: 13px;
  --site-footer-line-height: 22px;

  /* Colors */
  --color-site-footer-bg          : var(--color-primary-purple);
  --color-site-footer-text        : hsl(0 0% 100% / 1);
  --color-site-footer-link        : hsl(0 0% 100% / 0.5);
  --color-site-footer-link-active : hsl(0 0% 100% / 1);
}

.site-footer {
  text-align: center;
  font-size: var(--site-footer-font-size);
  line-height: var(--site-footer-line-height);
  text-transform: uppercase;
  color: var(--color-site-footer-text); background: var(--color-site-footer-bg);
}

.site-footer ul,
.site-footer li { margin: 0; padding: 0; list-style-type: none; }
.site-footer a { text-decoration: none; color: var(--color-site-footer-link); }

.site-footer-content {
  max-width: var(--site-footer-content-max-width);
  margin: auto; padding: 60px 40px 40px;
}

.site-footer-logo { margin-bottom: 24px; }

.site-footer-info li { display: inline-block; color: var(--color-site-footer-text); }
.site-footer-info li + li::before { content: " | "; display: inline-block; margin: 0 10px; color: hsl(0 0% 100% / 0.3); }

.site-footer-regents { display: flex; justify-content: center; align-items: center; }
.site-footer-regents svg { position: relative; width: auto; height: 14px; margin-right: 4px; }

.site-footer .site-footer-links { margin: 40px 0; }
.site-footer .site-footer-links li { display: inline-block; margin: 0 12px; }
.site-footer .site-footer-links a { transition: color ease-out 200ms; }
.site-footer .site-footer-links a:hover,
.site-footer .site-footer-links a:focus,
.site-footer .site-footer-links a:active { color: var(--site-footer-link-active); }

.site-footer-extra-logos { margin-top: 50px; }
.site-footer-extra-logos img { width: auto; height: 100px; }
.site-footer-extra-logos img + img { margin-left: 12px; }