/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Grid system definition for the footer top and footer bottom layouts.
 */

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.site-footer {
  position: relative;
  z-index: 1;
}

.site-footer .region > .region--footer_top__inner {
  margin-block: var(--sp0-75);
  padding-inline: var(--sp);
}

@media (min-width: 31.25rem) {
  .site-footer .region > .region--footer_top__inner {
    margin-block: var(--sp0-5);
    padding-inline: var(--sp0-75);
  }
}

.site-footer__inner {
  padding-block: var(--sp2);
}

@media (min-width: 75rem) {
  .site-footer__inner {
    max-width: unset;
    padding-block: var(--sp4) var(--sp13);
    padding-inline: calc(50% - var(--max-width) / 2);
  }
}

.region--footer-top {
  background-color: var(--color--shadow);
}

.region--footer-bottom {
  margin-block: 0.9375rem;
}

.region--footer_top__inner,
.region--footer_bottom__inner {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 75rem) {
  .region--footer_top__inner > *,
  .region--footer_bottom__inner > * {
    flex: 1;
    flex-basis: unset;
  }
}