@mixin footer-list-item {
  font-size: 18px;
  @include font-sans;
  @include large {
    font-size: 16px;
  }
}

@mixin footer-list-header {
  font-size: 14px;
  @include font-sans-bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

@mixin unstyled-lists {
  ul, ol, li {
    margin: 0;
    padding: 0;
  }

  ul, ol, li {
    list-style: none;
  }
}

@mixin fine-print {
  font-size: 13px;
  line-height: 1.77;
}

.main-footer {
  @include unstyled-lists;

  padding-bottom: 50px;
  @include medium {
    padding-bottom: 150px;
    padding-left: 20px;
    padding-right: 20px;
  }

  @include large {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.footer-upper-block, .footer-lower-block {
  padding-top: 75px;
  padding-bottom: 75px;
  @include clearfix();
}

.footer-content {
  padding-left: 20px;
  padding-right: 20px;
  color: $color-white;
  @include clearfix();
}

.footer-divider {
  height: 1px;
  border: 1px solid #A39B95;
  opacity: 0.5;
}

.footer-list-wrapper {
  margin-bottom: 50px;

  &.footer-list-wrapper-contact {
    margin-bottom: -25px;
  }

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

  @include medium {
    float:left;
    width: 20%;
    margin-bottom: 0;

    &.footer-list-wrapper-contact {
      margin-bottom: inherit;
      width: 25%;
    }

    &.footer-list-wrapper-contact-address {
      width: 35%;
    }
  }
}

.footer-copyright {
  @include fine-print;
  opacity: 0.5;
  margin-top: 70px;
  a {
    color: $color-white;
  }
}

ul.footer-list {
  text-align: left;
  vertical-align: top;

  li {
    &:first-child {
      @include footer-list-header();
      margin-bottom: 20px;
    }

    @include footer-list-item();
    margin-bottom: 12px;

    &.footer-social-icon {
      display: inline-block;
      font-size: 30px;
      margin-right: 5px;
    }

    &.footer-list-item-faded {
      opacity: 0.6;
    }
  }
}

.footer-app-badge-wrapper {
  $app-badge-width: 150px;
  $app-badge-height: 49px;

  width: $app-badge-width;
  display: inline-block;

  @include medium {
    display: block;
  }

  .app-badge {
    display: inline-block;
    background-size: $app-badge-width $app-badge-height;
    width: $app-badge-width;
    height: $app-badge-height;
    opacity: 0.8;
    transition: opacity 60ms linear;
    &:hover {
      opacity: 1;
    }
  }
  .ios-badge {
    background-image: url($image-ios-badge-uri);
  }
  .google-play-badge {
    background-image: url($image-google-play-badge-uri);
  }
}

.footer-link {
  opacity: 0.5;
  color: $color-white;
  transition: opacity 60ms linear;
  text-decoration: none;

  &:hover {
    color: $color-white;
    opacity: 0.6;
  }
}

.footer-language-toggle {
  .inactive {
    cursor: pointer;
  }
}

.no-footer .main-footer {
  display: none;
}
