/*
	This is the core css file for the weather plugin if you need to change it please extended it on your client 
*/
.weatherWrapper{
	display: block;
    margin: 0 auto;
    width: 110px;
}
.weather .temp{
	float: left;
    padding-top: 6px;
    width: auto;
}
.weather .text {
	color: #ffffff;
    font-family:'Avenir Next LT W01 Bold';
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    position: relative;
    text-decoration: none;
    text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.2);
}
.weather .icon {
	color: #ffffff;
    display: block;
    float: left;
    font-size: 25px;
    height: 32px;
    margin-right: 4px;
    position: relative;
    top: 0px;
    width: 25px;
    text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.2);
}
.footer-section div.weather > a{
	text-decoration: none;
}

/*** mobile nav styles ***/
.mobilenav .weather .iconContainer {
    position: absolute;
    right: 0;
    top: 40%;
    display: inline-block;
    background-color: #fa8322;
    width: 70px;
    height: 30px;
    border-radius: 6px; 
}
.mobilenav .weather .icon {
    top: -2px;
    left: 12px;
    margin-right: 12px;
}
.mobilenav .weather .text { line-height: 20px; }

/*
|---------------------------------------------------------------------------------------
|  MEDIA QUERIES
|---------------------------------------------------------------------------------------
*/
/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){} 
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} 
/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) {}