.menu--footer .menu {
  display: block;
}

.menu--footer h3 {
  font-size: 1.25rem;
  font-weight: 600;
  white-space: nowrap;
  margin-bottom: 24px;
}

@media (max-width: 1440px) {
  .menu--footer h3 {
    font-size: calc(1.05rem + 0.22222vw) ;
  }
}

.menu--footer > .menu > .menu-item:not(:last-of-type) {
  margin-bottom: 24px;
}

.menu--footer > .menu .menu .menu-item {
  margin-bottom: 16px;
  line-height: 1;
}

@media (min-width: 900px) {
  .menu--footer > .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0 96px;
  }
  .menu--footer > .menu > li:nth-child(n+2),
  .menu--footer > .menu > li:nth-last-child(n+2) {
    width: calc(50% - 48px);
    flex: 0 0 calc(50% - 48px);
  }
}

@media (min-width: 900px) {
  .menu--footer > .menu.extra-menu > li.menu-item {
    padding-right: 40px;
    margin-bottom: 40px;
  }
}

@media all and (min-width: 900px) and (min-width: 900px) {
  .menu--footer > .menu.extra-menu > li.menu-item {
    width: calc((100%/3) - 32px);
    flex: 0 0 calc((100%/3) - 32px);
  }
}

.menu--footer li {
  display: block;
}

.menu--footer .menu-item {
  font-size: 1rem;
  line-height: 1.7;
}

.menu--footer .menu-item a {
  text-decoration: none;
}

.menu--footer .menu-item a:hover, .menu--footer .menu-item a:focus, .menu--footer .menu-item a.is-active {
  text-decoration: underline;
}

/*# sourceMappingURL=menu--footer.css.map */