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

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

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

/**
 * Special colors for footer that has a dark background.
 */

.site-footer .text-content {
  color: inherit;
}

.site-footer .text-content p {
    margin-top: 0;
  }

.site-footer .text-content * {
    color: inherit;
  }

.site-footer .text-content a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--color--white);
    box-shadow: none;
    display: flex;
    gap: var(--sp0-25);
  }

.site-footer .text-content a:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
      color: var(--color--white);
      box-shadow: none;
    }

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

.site-footer .text-content h2, .site-footer h2.block__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.29375rem;
    text-align: left;
    color: var(--color--light-50);
    border-bottom: 0;
  }

.site-footer .text-content h3 {
    margin-bottom: var(--sp0-25);
  }

.site-footer .text-content h3, .site-footer .text-content a {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.7775rem;
    text-align: left;

  }

.site-footer ul {
    padding: 0;
    margin: 0;
  }

.site-footer ul.inline {
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      text-align: left;
      flex-direction: row;
      gap: var(--sp);
      align-items: center;
      margin-bottom: var(--sp);
    }

.site-footer ul.inline li a {
        min-width: 20px;
        display: block;
      }

.site-footer ul li{
      padding: 0;
      margin: 0;
    }

.site-footer ul li::before {
        content: "";
        width: 0;
        height: 0;
        background-color: inherit;
        border-radius: 0.75rem;
        display: none;
        left: 0px;
        top: 0;
        padding: 0;
      }

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

.site-footer__inner img {
    max-width: 250px;
  }

@media (min-width: 1200px) {

.site-footer__inner {
    padding-top: var(--sp4);
    padding-bottom: var(--sp2);
}
  }

.display-version {
  display: flex;
  justify-content: center;
  background: var(--color--secondary-50);
  color: var(--color--white);
  margin: 0;
  padding: 7px 0;
}

.display-version p {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.00938rem;
  }

.region--footer_top__inner > *, .region--footer_bottom__inner > * {
    margin-bottom: var(--sp2);
  }

@media (min-width: 700px) {

.region--footer_top__inner > *, .region--footer_bottom__inner > * {
      flex: 1;
      margin-bottom: 0;
  }

      .region--footer_top__inner > *:not(:last-child), .region--footer_bottom__inner > *:not(:last-child) {
        margin-right: var(--sp2);
      }
    }

@media (min-width: 700px) {

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