/* NEW FOOTER */

.o-footer {
  background: $black;
  padding: $base-space * 3 0;
  position: relative
}

.o-footer__title {
  color:$lightgray;
  text-transform: uppercase;
  letter-spacing:1px;
  font-weight: 600;
  font-size: 1.3rem;
}

.o-footer__menu-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.3rem;
  clear: both;

  li {margin-bottom: 0.2rem;}

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

  li a {
    color: darken($lightgray,30%);
    text-decoration: none;
    @include animate;

    &:hover,&:focus { color: $lightgray;}
  }
}

.o-footer__menu-list--inline {
  
  li { 
    display: inline-block; 
    margin-bottom: 0;
  }

  li a { margin: 0 0.4rem; }

}

.o-footer__payment-logos {
  height: 3.6rem;
  display: inline-block;
}


.o-footer__separator {
  width: $base-space * 3.4;
  margin: $base-space * 0.25 0 $base-space * 0.75;
  border: 1px solid darken($lightgray,50%);
}

.o-footer__copyright {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 2.0rem;
  color: darken($lightgray,30%);
  font-size: 1.2rem;
}

.o-footer__small-logo {
  width: 6rem;
  display: block;
  margin: 0 auto;
}

.o-footer__full-logo {
  height: 2.2rem;
  display: inline-block;
  margin-top: 2rem;
}

.o-footer__mobile-nav {
  text-align: center;

  li {display: inline-block;}

  li a { margin: 0 0.4rem;}
}

/* MEDIA QUERIES */


@media screen and (max-width:64em)  {
  .o-footer {
    background: $black;
    padding: $base-space 0;
  }
}

@media screen and (max-width:50em)  {
  .is-desktop {display: none;}
  .is-mobile {display: block;}
}

@media screen and (min-width:50em)  {

  .push-front {padding-bottom: 24rem;}
  .footer-front {margin-top: -24rem}


  .is-desktop {display: block;}
  .is-mobile {display: none;}

  .o-footer {
    background: $black;
    padding: $base-space * 3 0;
  }
}