/**
 * Footer
 */

// Dependencies
@import 'config/colors';
@import 'config/dimensions';
@import 'config/media';
@import 'config/direction';
@import 'config/fonts';
@import 'config/typography';
@import 'bourbon/app/assets/stylesheets/addons/clearfix';

// Declarations
.o-footer {
  padding: 2*$spacing-base 0;
  border-top: 3px solid $color-blue-dark;
}

.o-footer__nav-list {
  @include typography-nav();
  list-style: none;
  margin: 0 0 $spacing-base;
  padding: 0;

  .type-h3 {
    margin-bottom: $spacing-base;
  }

  ul {
    list-style: none;
    margin: 0 0 (2*$spacing-base);
    padding: 0;

    > li {
      margin-bottom: $spacing-base;
    }
  }
}

.o-footer__copyright {
  margin: 0 $spacing-base;
}

// Desktop
@media screen and (min-width: $screen-desktop) {
  .o-footer__nav-list {
    display: flex;
  }

  .o-footer__column-first,
  .o-footer__column-middle {
    width: 30%;
  }

  .o-footer__column-last {
    width: 40%;
  }
}

// Tablet
@media screen and (min-width: $screen-tablet) and (max-width: $screen-desktop) {
  .o-footer__nav-list {
    flex-wrap: wrap;
    display: flex;
  }

  .o-footer__column-first {
    width: 40%;
  }

  .o-footer__column-middle {
    width: 60%;
  }

  .o-footer__column-last {
    width: 100%;
  }
}

.o-footer__copyright {
  align-items: stretch;
  @include clearfix();
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  color: $color-grey-dark;
  font-size: $font-size-xsmall;

  .icon-logo-nyc {
    width: 90px;
    height: 30px;
    float: $text-direction-start;
    margin-#{$text-direction-end}: .5*$spacing-base;
  }
}