.weather-widget {
	margin-bottom:28px;
}
/*****current****/
.weather-widget.current img.icon { float: left; background: #fff; margin: 5px 15px 0 0; }
.weather-widget.current .info {  }
.weather-widget.current .info div.location { margin: 5px 0 0 0;}
.weather-widget.current a.forecastLink { display: block; font-weight: normal; }

.weather-widget div.location { margin: 10px 0; font-size: 14px; text-transform: capitalize; }
.weather-widget hr { border: none; border-top: solid 1px #ccc; margin: 10px 0; }
.weather-widget div.current { margin: 10px 0; font-size: 14px; }
.weather-widget div.current div.col1 { float: left; width: 48%}
.weather-widget div.current div.col2 { float: left; margin-left: 3%; width: 48%; }

.weather-widget div.current div.col1 img.icon { float: left; }
.weather-widget div.current div.col1 div.info { float: left; margin-left: 20px; }
.weather-widget div.current div.col1 div.info div.temperature { font-size: 18px; font-weight: bold; }

.weather-widget div.current div.col2 label { font-weight: bold; width: 50%; display: inline-block; }

#cms-sidebar .weather-widget .current .col2 label { color: #888; }

/*****7 day forecast****/

.weather-widget p { margin: 5px 0; }

.weather-widget .forecast { margin: 25px 0 0 0; border-collapse: collapse; width:100%; }
.weather-widget .forecast .forecast_day { float:left; text-align: center;}
.weather-widget .forecast .forecast_summary { 
	float:left; 
	width: 12.5%; 
	font-weight: bold; 
	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.weather-widget .forecast .forecast_days { 
	float:left; 
	width: 87.5%; 
	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.weather-widget .forecast .forecast_day { 
	float:left; 
	text-align: center;
	width:12.5%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.weather-widget .forecast .day_label { font-weight: bold; text-align:center; font-size: 14px;padding: 5px 0; color: #444; }

.weather-widget .forecast .forecast_summary .day_label { color: #fff; background: #666; font-size: 12px; }
.weather-widget .forecast .c1 { background: #ccc; }
.weather-widget .forecast .c0 { background: #ddd; }

#cms-sidebar .weather-widget .c0, #cms-sidebar .weather-widget .c1 { background: #444 !important; }
#cms-sidebar .weather-widget .forecast .day_label { color: #FFF; }

.weather-widget .forecast .day_field { padding: 10px 2px; line-height: 15px; font-size: 11px; }
.weather-widget .forecast .forecast_summary .day_field { font-size: 12px; }
.weather-widget .forecast .day_icon { height: 30px; padding:14px;}
.weather-widget .forecast .description { /*height: 60px;*/ word-wrap:break-word; }
.weather-widget .forecast .high_temp, .weather-widget .forecast .low_temp { font-size: 12px; font-weight: bold; }

.weather-widget .forecast .mobile_label { display:none; font-weight: bold; width: 50%; font-size: 12px; }

/*.weather-widget .forecast td { text-align: center; padding: 10px 0; line-height: 15px; font-size: 11px; }*/
.weather-widget .forecast .icons img { vertical-align: middle; margin: 10px 0 0 0; }

.weather-widget .forecast .day_icon img { height: 30px; }

.weather-widget .linkback, .weather-widget .linkback a { font-size:10px; color: #888888 !important; }


/****************************** Mobile Support ********************************/
@media all and (max-width: 600px) and (min-width: 1px) {
	.weather-widget div.current div.col1 { width: 100%;}
	.weather-widget div.current div.col2 { margin-left: 0%; width: 100%; margin-top:28px; }
	
	.weather-widget .forecast .c1 { background: #ddd; }
	
	.weather-widget .forecast .mobile_label { display: inline-block; }
	
	.weather-widget .forecast .forecast_summary { display: none; }
	.weather-widget .forecast .forecast_day { width: 100%; }
	.weather-widget .forecast_days { width: 100%; }
	
	.weather-widget .forecast .forecast_day .day_info { 
		float:left; 
		width:40%; 
		padding-right: 2.5%;
		padding-left: 2.5%; 
	}
	.weather-widget .forecast .forecast_day .day_info2 { float:left; width:55%; text-align: left; padding: 5px 0px; }
	.weather-widget .forecast .day_field { padding: 5px 2px; }
}