.p-footer {
  --footer-spacing__main: 3rem;
  --footer-spacing__copyright: 1rem;

  background-color: var(--v-color__1--alt2);
  color: var(--v-color__1--alt3);
  font-size: 90%;
  overflow: hidden;
}

.p-footer__column a:not(.p-button):hover {
  color: var(--v-color__2);
}

.p-footer h3 {
  font-size: calc( var(--v-font-size__h3) - 3px );
  color: var(--v-color__2);
}

.p-footer__main {
  padding-top: var(--footer-spacing__main);
  padding-bottom: var(--footer-spacing__main);
}

.p-footer__column {
  flex-basis: 100%;
  text-align: center;
}

.p-footer__column .menu {
  --menu-spacing: 1rem;

  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  margin: 0 calc( var(--menu-spacing) / 2 * -1 );
}

.p-footer__column .is-menu__li {
  flex: 0 0 50%;
  padding: 0 calc( var(--menu-spacing) / 2 );
}

.p-footer__column .is-menu__a {
  text-decoration: none;
  position: relative;
  padding-left: 1.2rem;
}

.p-footer__column .is-menu__a::before {
  content: "\e900";
  font-family: 'w153c-icons-1';
  position: absolute;
  z-index: 10;
  top: 2px;
  left: 0;
  transform: rotate(-90deg);
  font-size: 85%;
}

.p-footer__copyright {
  font-size: 90%;
  padding-top: var(--footer-spacing__copyright);
  padding-bottom: var(--footer-spacing__copyright);
  background-color: var(--v-color__1--alt4);
  text-align: center;
}

@media (min-width: 1000px) {
  .p-footer__column {
    flex-basis: 33.33%;
    text-align: left;
  }

  .p-footer__copyright {
    text-align: left;
  }
}