/*
	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: #425563;
    font-family: "Archer SSm A","Archer SSm B",sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 48px;
    position: relative;
    text-decoration: none;
    top: -2px;
}
.weather .icon{
	color: #fe5000;
    display: block;
    float: left;
    font-size: 54px;
    height: 50px;
    margin-right: 5px;
    position: relative;
    top: -7px;
    width: 48px;
}
.footer-section div.weather > a{
	text-decoration: none;
}

/*
|---------------------------------------------------------------------------------------
|  THEME STYLES
|---------------------------------------------------------------------------------------
*/
/*orange*/
.theme_orange_slate .weather .text {color: #425563;}
.theme_orange_slate .weather .icon{color: #fe5000;}
/*blue*/
.theme_coral_blue .weather .text {color: #236192;}
.theme_coral_blue .weather .icon{color: #f9423a;}
/*Moss*/
.theme_moss_red .weather .text {color: #da291c;}
.theme_moss_red .weather .icon{color: #4f868e;}
/*yellow*/
.theme_yellow_orange .weather .text {color: #fe5000;}
.theme_yellow_orange .weather .icon{color: #ffc72c;}
/*purple*/
.theme_purple_slate .weather .text {color: #425563;}
.theme_purple_slate .weather .icon{color: #606eb2;}
/*sky*/
.theme_sky_moss .weather .text {color: #4f868e;}
.theme_sky_moss .weather .icon{color: #5bc2e7;}


/*
|---------------------------------------------------------------------------------------
|  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) {}