@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;
}

}