@use "00-base/configure" as *;


.ma__footer-links {

  @include clearfix;

  &__nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;

    @media ($bp-small-max) {
      border-bottom: 1px solid;
      margin-bottom: 20px;
      padding-bottom: 20px;
      text-align: center;
    }

    @media ($bp-small-min) {

      @include span-columns(3 of 9);
    }

    @media ($bp-x-large-min) {

      @include span-columns(2 of 9);

      @include shift(1 of 9);
    }

    &--heading {
      border-bottom: none;

      .ma__sidebar-heading {
        color: $c-gray;
        font-size: $fonts-xsmall;
      }
    }

    @media ($bp-small-max) {
      border-bottom-color: $c-bd-divider;
    }
  }

  &__items {

    @include ma-reset-list;
  }

  &__item {
    margin-bottom: 1.125em;

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

  &__link {

    @include ma-link-underline;
    padding-bottom: 3px;

    color: $c-font-base;
    font-weight: $fonts-normal;

    &:hover {
      border-bottom-color: rgba($c-font-dark,.5);
    }
  }
}