/*------------------------------------*\
     #FOOTER NAV
 \*------------------------------------*/

/**
//  * 1) Global block at the bottom of each page that contains a navigation and other information
//  */
.c-footer-nav {
  margin-bottom: 2rem;
  width: 100%;

  @media all and (min-width: 47em) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
  }

  .c-social-media__icon {
    height: 26px;
    width: 26px;

    @media all and (min-width: 47em) {
      height: 16px;
      width: 16px;
    }
  }

  > .c-footer-nav__item:last-child > a {
    border-bottom: 0;
  }
}

.c-footer-nav__item {
  @media all and (min-width: 47em) {
    margin-right: 2rem;

    &:last-child {
      margin-right: 0;
    }
  }

  .has-submenu[aria-expanded="true"] .c-icon {
    transform: rotate(180deg) translateX(20px);
  }

  &.c-social-media .c-footer-nav__link {
    @media all and (min-width: 47em) {
      display: block;
      margin-bottom: 1rem;
    }
  }

  &:last-child {
    @media all and (max-width: 751px) {
      text-align: center;
    }
  }
}

ul.c-footer-nav__childlist {
  @media all and (max-width: 751px) {
    padding-bottom: 1rem;
  }
}

.c-footer-nav__link {
  border-bottom: 1px solid rgba(var(--color-neutral-white), .25);
  color: var(--color-neutral-gray-70);
  display: block;
  font-size: var(--font-size-med-3);
  font-weight: 700;
  padding: 20px 50px;
  text-decoration: none;
  text-transform: uppercase;

  @media all and (min-width: 47em) {
    border: 0;
    font-size: var(--font-size-med);
    padding: 0;
  }

  @media all and (min-width: 60em) {
    font-size: var(--font-size-med-1);
  }

  &:hover,
  &:focus {
    text-decoration: underline;
  }

  .c-primary-nav__icon.c-icon {
    color: #a2bec8;
    pointer-events: none;
    transform-origin: 92% 50%;

    @media all and (min-width: 35em) {
      transform: translateX(-20px);
    }
  }
}

.c-footer-nav__childlink {
  color: var(--color-neutral-gray-70);
  font-size: var(--font-size-med-2);
  display: block;
  padding: 2px 50px;
  text-decoration: none;

  @media all and (min-width: 47em) {
    font-size: var(--font-size-sm);
    padding: 2px 0;
  }

  @media all and (min-width: 60em) {
    font-size: 15px;
  }

  &:hover,
  &:focus {
    text-decoration: underline;

    .c-btn__icon-only {
      color: var(--color-neutral-gray-70);
    }
  }

  &.c-social-media__link {
    background: transparent;
    font-size: 0;
    transition: all var(--anim-fade-quick) var(--anim-ease);

    &:hover,
    &:focus {
      background-color: var(--primary-bg);
      box-shadow: 3px 0 5px rgba(var(--color-neutral-black), .2);

      .c-btn__icon {
        color: var(--color-neutral-white);
      }
    }

    .c-btn__icon {
      height: 24px;
      margin: 3px;
      transition: color var(--anim-fade-quick) var(--anim-ease);
      width: 24px;

      @media all and (min-width: 47em) {
        height: 1rem;
        width: 1rem;
      }
    }
  }

  .c-btn__icon-only {
    height: 12px;
    opacity: .9;
    width: 12px;
  }
}

.c-social-media--phone {
  color: var(--color-neutral-gray-70);
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 1rem;
  padding: 5px 0;

  @media all and (min-width: 47em) {
    font-size: 18px;
    padding: 0;
  }
}