@font-face {
	  font-family: "iconvault";
	  src: url("/templates/azure/fonts/ForecastFont/iconvault_forecastfont.eot");
	  src: url("/templates/azure/fonts/ForecastFont/iconvault_forecastfont.eot?#iefix") format("embedded-opentype"),
	       url("/templates/azure/fonts/ForecastFont/iconvault_forecastfont.woff") format("woff"),
	       url("/templates/azure/fonts/ForecastFont/iconvault_forecastfont.ttf") format("truetype"),
	       url("/templates/azure/fonts/ForecastFont/iconvault_forecastfont.svg#iconvault") format("svg");
	  font-weight: normal;
	  font-style: normal;
	}
	
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'iconvault';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 6em;

}

@media only screen and (min-width: 479px) and (max-width: 678px){
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'iconvault';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;}
}

/* -----BaseCloud----- */

	.basecloud:before  {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f105';
	position:absolute;
	color:rgb(204, 204, 204);
	}
	
	
	
/* -----windyraincloud----- */

	.windyraincloud:before  {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f111';
	position:absolute;
	color:rgb(204, 204, 204);
	}
	
/* -----Windysnowcloud----- */

	.windysnowcloud:before  {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f109';
	position:absolute;
	color:rgb(204, 204, 204);
	}

/* -----Basethundercloud----- */

	.basethundercloud:before  {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f105';
	position:absolute;
	color:#000;

	}


/* -----Thunder----- */

	.icon-thunder::before  {
	content: "\f114";
	position:absolute;
	color:rgb(255, 165, 0);
	}

/* -----Sunny----- */

	.icon-sunny::after {
	content: "\f101";
	color:rgb(255, 165, 0);
	position: absolute;
	}
	.awesome-weather-wrap .icon-sunny::after {
		margin-top: 6px;
	}

/* -----Drizzle----- */

	.icon-drizzle::before  {
	content: "\f10a";
	color: #82b2e4;
	position: absolute;
}

/* -----Hail----- */

	.icon-hail::before {
	content: "\f10f";
	position:absolute;
	color:rgb(204, 204, 204);}

/* -----Showers----- */

	.icon-showers::before  {
	content: "\f104";
	position:absolute;
	color:#82b2e4;
}

/* -----Rainy----- */

	.icon-rainy::before {
	content: "\f107";
	position:absolute;
	color:#4681c3;
	}

/* -----Snowy----- */

	.icon-snowy::before  {
	content: "\f10b";
	position:absolute;
	color:#acd3f3;
	}

/* -----Frosty----- */

	.icon-frosty::before {
	content: "\f102";
	position:absolute;
	color:#85d8f7;
	}

/* -----Windy----- */

	.icon-windy::before  {
	content: "\f115";
	position:absolute;
	color:rgb(204, 204, 204);
	}

/* -----WindyRain----- */

	.icon-windyrain::before {
	content: "\f10e";
	position:absolute;
	color:#acd3f3;
	}

/* -----WindySnow----- */

	.icon-windysnow::before {
	content: "\f103";
	position:absolute;
	color:#acd3f3;
	}

/* -----Sleet----- */

	.icon-sleet::before  {
	content: "\f10c";
	position:absolute;
	color:#acd3f3;
	}

/* -----Moon----- */

	.icon-moon::after {
	content: "\f10d";
	color:rgb(128, 255, 255);
	position: absolute;
	}

/* -----Night----- */

	.icon-night::after {
	content: "\f100";
	position:absolute;
	color:rgb(255, 165, 0);
	}


/* -----Sun----- */

	.icon-sun::after {
	content: "\f113";
	color:rgb(255, 165, 0);
	position: absolute;
	}

/* -----Cloud----- */

	.icon-cloud::after {
	content: "\f106";
	color:rgb(204, 204, 204);
	position: absolute;
	}
	
/* -----Cloud small----- */

	.icon-cloud-s::after {
	content: "\f106";
	color:rgb(204, 204, 204);
	position: absolute;
	font-size: 0.85em;
	padding-top: 0.1em;
	padding-left: 0.1em;
	}


/* -----Sunrise----- */

	.icon-sunrise:before  {
	content: '\f112';
	color:rgb(255, 165, 0);
	position: absolute;
	}

/* -----Sunset----- */

	.icon-sunset:before  {
	content: '\f110';
	color:#f96f23;
	position: absolute;
	}

/* -----Mist----- */

	.icon-mist:before  {
	content: '\f108';
	color:rgb(204, 204, 204);
	position: absolute;
	}
	
	
	


.awecf:before, .awecf:after { content: " "; display: table; }
.awecf:after { clear: both; }
.awecf { *zoom: 1; }

.awesome-weather-wrap {
	background: #333; transition: background 0.5s ease-in; 
    font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3); color: #fff;
    clear: both;
}

.awesome-weather-wrap div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.awesome-weather-wrap.darken { text-shadow: 0 1px 1px rgba(0,0,0,0.9); }

.awesome-weather-wrap.temp1 { background-color: #4d76b4;}
.awesome-weather-wrap.temp2 { background-color: #4f79b5;}
.awesome-weather-wrap.temp3 { background-color: #537eb8;}
.awesome-weather-wrap.temp4 { background-color: #5982ba;}
.awesome-weather-wrap.temp5 { background-color: #6086bb;}
.awesome-weather-wrap.temp6 { background-color: #6d85b6;}
.awesome-weather-wrap.temp7 { background-color: #7c85b0;}
.awesome-weather-wrap.temp8 { background-color: #8b84ab;}
.awesome-weather-wrap.temp9 { background-color: #9b83a5;}
.awesome-weather-wrap.temp10 { background-color: #a583a1;}
.awesome-weather-wrap.temp11 { background-color: #b0839d;}
.awesome-weather-wrap.temp12 { background-color: #ba829a;}
.awesome-weather-wrap.temp13 { background-color: #c48296;}
.awesome-weather-wrap.temp14 { background-color: #cd8292;}
.awesome-weather-wrap.temp15 { background-color: #d6818f;}
.awesome-weather-wrap.temp16 { background-color: #df818c;}
.awesome-weather-wrap.temp17 { background-color: #e97d83;}
.awesome-weather-wrap.temp18 { background-color: #f07878;}
.awesome-weather-wrap.temp19 { background-color: #f3716f;}
.awesome-weather-wrap.temp20 { background-color: #f36c67;}

.awesome-weather-cover { width: 100%; height: 100%; background-size: cover; }
.awesome-weather-darken { width: 100%; height: 100%; background: rgba(0,0,0,0.3); }

.awesome-weather-header {
	font-family: "Ubuntu Condensed",sans-serif;
	background: rgba(0,0,0,0.1);
	font-size: 17px;
    font-weight: normal;
    padding: 11px 22px;
    text-transform: uppercase;
}
.awesome-weather-wrap.darken .awesome-weather-header { background: rgba(0,0,0,0.2); }

.awesome-weather-current-temp {
	padding: 20px 0 20px 10px;
	min-width: 170px;
	float: left;
	font-size: 51px;
	line-height: 1em;
	font-weight: 300;
	position: relative;
}

.awesome-weather-current-temp ul { font-size: 0.3em; display: inline-block;}

.awesome-weather-current-temp img { width: 40%; height: auto; position: absolute;}

.awesome-weather-current-temp sup { font-size: 24px; top: -1.3em; padding-left: 3px; }

.awesome-weather-todays-stats {
	float: right;
	text-align: right;
	padding: 15px 15px 15px 0;
	line-height: 1.4em;
}
.awe_tall .awesome-weather-todays-stats { padding: 0 10px 15px 10px; }

.awesome-weather-forecast { 
	border-top: solid 1px rgba(255,255,255,0.5);
	width: 100%; 
	margin-right: auto; margin-left: auto;
	padding: 15px 10px;
	clear: both;
}

.awesome-weather-forecast-day {
	width: 18%;
	margin: 0 1%;
	float: left;
	text-align: center;
	font-weight: 400;
}

.awe_days_2 .awesome-weather-forecast-day { width: 48%; }
.awe_days_3 .awesome-weather-forecast-day { width: 31%; }
.awe_days_4 .awesome-weather-forecast-day { width: 23%; }

.awesome-weather-forecast-day-temp { font-size: 1.3em; font-weight: 300; margin-top: 10px; }
.awesome-weather-forecast-day-temp sup { font-size: 0.6em; padding-left: 2px; }
.awesome-weather-forecast-day-abbr { text-transform: uppercase; font-size: 1em; font-weight: bold; padding-right: 4px;  }

.awe_tall .awesome-weather-current-temp,
.awe_tall .awesome-weather-todays-stats,
.awe_without_stats .awesome-weather-current-temp { text-align: center; width: 100%; float: none; }

#sidebar .awe_wide .awesome-weather-current-temp,
#secondary .awe_wide .awesome-weather-current-temp { font-size: 51px; }

#sidebar .awe_wide .awesome-weather-current-temp sup,
#secondary .awe_wide .awesome-weather-current-temp sup { font-size: 18px; }

#sidebar .awe_wide .awesome-weather-todays-stats,
#secondary .awe_wide .awesome-weather-todays-stats { font-size: 12px; }

.awesome-weather-more-weather-link { padding: 10px; text-align: center; border-top: solid 1px rgba(255,255,255,0.5); }
.awesome-weather-more-weather-link a { color: #fff !important; text-decoration: none !important; font-size: 0.8em; }