/**
 * @file
 * Site Footer.
 */

:where([data-theme="dgsom"]) {
  --site-footer-bg-color: var(--midnight-joshua-tree);
  --site-footer-clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%);
  --site-footer-padding-block-start: var(--size-30);
}

:where([data-theme="dgsom"]) .has-related .site-footer {
  margin-top: -200px;
}

:where([data-theme="labs-dynamic"]) {
  --site-footer-bg-color: var(--midnight-joshua-tree);
  --site-footer-clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%);
  --site-footer-padding-block-start: var(--size-30);
}

:where([data-theme="labs-dynamic"]) .has-related .site-footer {
  margin-top: -200px;
}

.site-footer {
  background-color: var(--ucla-blue);
  background-color: var(--site-footer-bg-color, var(--ucla-blue));
  color: var(--white);
  -webkit-clip-path: none;
  clip-path: none;
  -webkit-clip-path: var(--site-footer-clip-path, none);
  clip-path: var(--site-footer-clip-path, none);
  -webkit-padding-after: var(--size-8);
  padding-block-end: var(--size-8);
  -webkit-padding-before: var(--size-20);
  padding-block-start: var(--size-20);
  -webkit-padding-before: var(
    --site-footer-padding-block-start,
    var(--size-20)
  );
  padding-block-start: var(--site-footer-padding-block-start, var(--size-20));
  position: relative;
}

.site-footer__content {
  -webkit-margin-after: var(--size-4);
  margin-block-end: var(--size-4);
}

@media (min-width: 1280px) {
  .site-footer__utility {
    align-items: center;
  }
}

@media (--desktop) {
  .site-footer__utility {
    align-items: center;
  }
}

.site-footer__branding {
  grid-column: 1 / 7;
  -webkit-margin-after: var(--size-6);
  margin-block-end: var(--size-6);
}

@media (min-width: 1280px) {
  .site-footer__branding {
    grid-column: 1 / 6;
  }
}

@media (--desktop) {
  .site-footer__branding {
    grid-column: 1 / 6;
  }
}

.site-footer__menu {
  grid-column: 1 / 7;
}

@media (min-width: 1280px) {
  .site-footer__menu {
    grid-column: 6 / 13;
  }
}

@media (--desktop) {
  .site-footer__menu {
    grid-column: 6 / 13;
  }
}

.site-footer__utility ~ .site-footer__extra {
  -webkit-margin-before: var(--size-6);
  margin-block-start: var(--size-6);
}

.site-footer__extra {
  display: block;
}