// —————————————————————————– // This file contains all styles related to the footer of the site/application. // —————————————————————————–

/**

* Site footer
*/

.site-footer {

border-top: 1px solid $grey-color-light;
padding: $spacing-unit 0;

}

.footer-heading {

font-size: 18px;

}

.footer-section {

font-size: 15px;
color: $grey-color;

}

.contact-list, .social-media-list, .footer-description {

list-style: none;
margin-left: 0;

}

@include media-query($on-palm) {

.footer-nav {

  // compatibility with all browsers (desktop/mobile) less
  // - IE < 10
  // - Opera (desktop/mobile) < 12.1
  // more datails: http://caniuse.com/#feat=flexbox

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

}

.contact-list,
.social-media-list {

  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;

}

}

@include media-query($on-laptop) {

.footer-section {

  // compatibility with all browsers (desktop/mobile) less
  // - IE < 10
  // - Opera (desktop/mobile) < 12.1
  // more datails: http://caniuse.com/#feat=flexbox

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

}

.footer-description,
.footer-nav {

  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;

}

}