.footer {
  padding: $line-height-base 0;

  small,
  .footer-nav-links-secondary {
    font-size: $font-size-xs;
  }

  @media (max-width: $footer-breakpoint) {
    text-align: center;
  }
}

.footer-nav {
  background: $footer-nav-bg;

  @media (max-width: $footer-breakpoint) {
    padding-top: 0;
  }
}



.footer-nav-links {
  @include remove-native-list-styles();

  margin: 0;

  + .footer-nav-links {
    margin-top: $line-height-base / 2;
  }
}

.footer-nav-links li {
  @media (min-width: $footer-breakpoint + 1) {
    display: inline-block;
    margin-right: em($grid-gutter-width);
  }
}

.footer-nav-links a {
  color: $footer-nav-link-color;
  &:hover { color: $footer-nav-link-hover-color; }
}

.footer-nav-links-primary {
  @media (max-width: $footer-breakpoint) {
    a {
      @include make-row();

      display: block;

      padding: $padding-xl-vertical $padding-xl-horizontal;
      border-bottom: 1px solid $footer-nav-link-border-color;
    }
  }

  @media (min-width: $footer-breakpoint + 1) {
    li {
      margin-bottom: $line-height-base / 2;
    }
  }
}


.footer-nav-links-secondary a {
  display: inline-block;
  opacity: $text-muted-opacity;

  @media (max-width: $footer-breakpoint) {
    padding: $padding-small-vertical $padding-small-horizontal;
  }
}



// Vertically centers content on large screens
.footer-align {
  @media (min-width: $footer-breakpoint + 1) {
    display: flex;
    align-items: center;
  }
}

.footer-align-left,
.footer-align-right {
  float: left;
}

.footer-align-right {
  margin-top: $line-height-base;

  @media (min-width: $footer-breakpoint + 1) {
    margin-top: 0;
    text-align: right;
  }
}