.site-footer {
border-top: 1px solid $grey-color-light; padding: $spacing-unit 0;
}
.footer-heading {
@include relative-font-size(1.125); margin-bottom: $spacing-unit / 2;
}
.contact-list, .social-media-list {
list-style: none; margin-left: 0;
}
.footer-col-wrapper {
@include relative-font-size(0.9375); color: $grey-color; margin-left: -$spacing-unit / 2; margin-right: -$spacing-unit / 2; @extend %clearfix;
}
.footer-col {
float: left; margin-bottom: $spacing-unit / 2; padding-left: $spacing-unit / 2; padding-right: $spacing-unit / 2;
}
.footer-col-left {
width: -webkit-calc(45% - (#{$spacing-unit} / 2)); width: calc(45% - (#{$spacing-unit} / 2)); float: left; text-align: left;
}
.footer-col-right {
width: -webkit-calc(45% - (#{$spacing-unit} / 2)); width: calc(45% - (#{$spacing-unit} / 2)); float: right; text-align: right;
}
@include media-query($on-laptop) {
.footer-col-left { width: -webkit-calc(50% - (#{$spacing-unit} / 2)); width: calc(50% - (#{$spacing-unit} / 2)); } .footer-col-right { width: -webkit-calc(100% - (#{$spacing-unit} / 2)); width: calc(100% - (#{$spacing-unit} / 2)); }
}
@include media-query($on-palm) {
.footer-col { float: none; width: -webkit-calc(100% - (#{$spacing-unit} / 2)); width: calc(100% - (#{$spacing-unit} / 2)); }
}