@import "../../../scss/variables";
@import "../../../scss/breakpoints.mixins";
@import "../../../scss/typo.mixins";
@import "../../../scss/grid.mixins";

.footer-menu-item-sub-item {
  display: block;
  height: 60px;
  padding: 0;
  margin: 0;

  & + & {
    border-top: 1px solid $color-azure;

    @include media-breakpoint-up(tablet) {
      border-top: 0;
    }
  }

  @include media-breakpoint-up(tablet) {
    height: auto;
  }
}

.footer-menu-item-sub-item__link {
  display: flex;
  height: 100%;
  align-items: center;
  @extend %typo-20;
  padding: 0 map-get($grid-gutter-widths, sm);
  color: #fff;
  text-decoration: none;

  &:hover,
  &:focus {
    color: #fff;
    text-decoration: none;
  }

  @include media-breakpoint-up(tablet) {
    @include typo-16;

    height: auto;
    padding: 5px 0;
  }
}