@import 'base';
.footer {
font-family: Amazon Ember, Roboto, Helvetica Neue, Arial, sans-serif;
}
.upper-footer {
height: 60px; background-color: #e3e3e3;
}
.upper-footer-wrapper {
max-width: $defaultContentWidth; margin: auto; padding-right: 50px;
}
.footer-followus-span {
font-size: 14px; margin: 19px 16px 0px 0px; float: right; color: #808080; font-weight: 700;
}
.socialmedia-icons {
height: 31px; margin: 14px 0px 0px 0px; float: right;
}
.socialmedia-icons > a {
width: 31px; height: 31px;
}
.median-footer {
background-color: #666;
}
// default desktop styling .median-footer {
padding-top: 40px; padding-bottom: 22px; padding-left: 15px; padding-right: 15px;
}
// overwriting desktop styling for mobile @media (max-width: $convertToMobileBreakpoint) {
.median-footer { padding-top: 32px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; }
}
.median-footer-wrapper {
overflow: hidden; position: relative; max-width: $defaultContentWidth; margin: auto;
}
.median-footer-list {
padding-left: 15px; padding-right: 15px; padding-bottom: 40px;
}
.median-footer-list-header {
font-size: 15px; font-weight: 700; color: #ccc;
}
.median-footer-list > a {
@extend .median-footer-list-header;
}
.median-footer-list > ul {
margin-left: 0px; margin-top: 11px; width: 150px;
}
.median-footer-list > ul > li {
list-style-type: none; margin-top: 11px;
}
.median-footer-list > ul > li > a {
font-size: 13px; font-weight: 300; line-height: 17px; color: #ccc;
}
@include mobile-only {
.pull-right-sm { float: right !important; } .median-footer-mobile-right-col { float: right !important; }
}
.lower-footer {
height: 70px; font-size: 13px; text-align: center; vertical-align: middle; background: #333;
}
.lower-footer > p {
padding-top: 16px; color: #ccc; margin-left: auto; margin-right: auto;
}
// allows for forced wrapping of lower footer text @media (max-width: $convertToMobileBreakpoint) {
.lower-footer > p { width: 279px; }
}