.footer-content {
  position: relative;
  display: block;
  padding: 60px 0 40px 0;
  font-size: rem(20px);
  font-weight: $font-regular;
  line-height: rem(28px);
  color: #fff;
  background-color: $color-primary;

  @include media("<xl") {
    .container--small {
      padding-right: rem(50px);
      padding-left: rem(50px);
    }
  }

  ::selection {
    color: $color-primary;
    background: #fff;
  }

  ::-moz-selection {
    color: $color-primary;
    background: #fff;
  }

  .iicon {
    fill: #fff;
    width: rem(18px);
    height: rem(18px);
  }

  .list-social .iicon {
    width: rem(30px);
    height: rem(30px);
  }

  .i-email {
    padding-top: rem(5px);
  }

  p {
    color: #fff;
  }

  strong {
    font-weight: $font-medium;
  }

  a:not(.btn) {
    display: inline-block;
    font-weight: $font-regular;
    color: #fff;
    border-bottom: 1px dotted transparent;

    &:hover,
    &:focus {
      color: #fff;
      border-bottom: 1px dotted #fff;
    }
  }
}

.nav-footer {
  margin-top: rem(35px);

  ul {
    list-style: none;
  }

  li {
    position: relative;
    margin-bottom: rem(10px);

    @include media(">=md") {
      display: inline-block;
      margin-right: rem(10px);
      margin-bottom: 0;

      &:not(:first-child) {
        margin-left: rem(5px);
      }

      &:not(:last-child)::after {
        position: absolute;
        top: rem(8px);
        right: rem(-10px);
        width: rem(1px);
        height: rem(16px);
        content: "";
        border-right: 1px solid #fff;
      }
    }
  }
}