@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

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

.waypoint-weather-wrap {
	background: #fff;
	text-shadow: 1px 1px 1px rgba(1, 1, 1, 1); 
    -webkit-transition: background 0.5s ease-in;
    -moz-transition: background 0.5s ease-in;
    -o-transition: background 0.5s ease-in;
    transition: background 0.5s ease-in;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
/*    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; */
    line-height: 14px;
    clear: both;
    max-width: 597px;
    max-height: 597px;
    margin: 0 auto 20px auto;
    background-size: contain; 
    background-position: center;
    background-repeat: no-repeat;
}

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




/*brace yourself for a storm, a thunderstom*/
.waypoint-weather-wrap.feel200 {
    background-image: url("img/200.webp");
    background-image: -webkit-image-set(
        url("img/200.webp") 1x
    );
    background-image: image-set(
        url("img/200.webp") type("image/webp"),
        url("img/200.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel201 {
    background-image: url("img/201.webp");
    background-image: -webkit-image-set(
        url("img/201.webp") 1x
    );
    background-image: image-set(
        url("img/201.webp") type("image/webp"),
        url("img/201.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel202 {
    background-image: url("img/202.webp");
    background-image: -webkit-image-set(
        url("img/202.webp") 1x
    );
    background-image: image-set(
        url("img/202.webp") type("image/webp"),
        url("img/202.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel210 {
    background-image: url("img/210.webp");
    background-image: -webkit-image-set(
        url("img/210.webp") 1x
    );
    background-image: image-set(
        url("img/210.webp") type("image/webp"),
        url("img/210.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel211 {
    background-image: url("img/211.webp");
    background-image: -webkit-image-set(
        url("img/211.webp") 1x
    );
    background-image: image-set(
        url("img/211.webp") type("image/webp"),
        url("img/211.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel212 {
    background-image: url("img/212.webp");
    background-image: -webkit-image-set(
        url("img/212.webp") 1x
    );
    background-image: image-set(
        url("img/212.webp") type("image/webp"),
        url("img/212.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel221 {
    background-image: url("img/221.webp");
    background-image: -webkit-image-set(
        url("img/221.webp") 1x
    );
    background-image: image-set(
        url("img/221.webp") type("image/webp"),
        url("img/221.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel230 {
    background-image: url("img/230.webp");
    background-image: -webkit-image-set(
        url("img/230.webp") 1x
    );
    background-image: image-set(
        url("img/230.webp") type("image/webp"),
        url("img/230.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel231 {
    background-image: url("img/231.webp");
    background-image: -webkit-image-set(
        url("img/231.webp") 1x
    );
    background-image: image-set(
        url("img/231.webp") type("image/webp"),
        url("img/231.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel232 {
    background-image: url("img/232.webp");
    background-image: -webkit-image-set(
        url("img/232.webp") 1x
    );
    background-image: image-set(
        url("img/232.webp") type("image/webp"),
        url("img/232.png") type("image/png")
    );
}


/*why does snoop dog carry an umbrella?  Fo Drizzle*/
.waypoint-weather-wrap.feel300 {
    background-image: url("img/300.webp");
    background-image: -webkit-image-set(
        url("img/300.webp") 1x
    );
    background-image: image-set(
        url("img/300.webp") type("image/webp"),
        url("img/300.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel301 {
    background-image: url("img/301.webp");
    background-image: -webkit-image-set(
        url("img/301.webp") 1x
    );
    background-image: image-set(
        url("img/301.webp") type("image/webp"),
        url("img/301.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel302 {
    background-image: url("img/302.webp");
    background-image: -webkit-image-set(
        url("img/302.webp") 1x
    );
    background-image: image-set(
        url("img/302.webp") type("image/webp"),
        url("img/302.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel310 {
    background-image: url("img/310.webp");
    background-image: -webkit-image-set(
        url("img/310.webp") 1x
    );
    background-image: image-set(
        url("img/310.webp") type("image/webp"),
        url("img/310.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel311 {
    background-image: url("img/311.webp");
    background-image: -webkit-image-set(
        url("img/311.webp") 1x
    );
    background-image: image-set(
        url("img/311.webp") type("image/webp"),
        url("img/311.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel312 {
    background-image: url("img/312.webp");
    background-image: -webkit-image-set(
        url("img/312.webp") 1x
    );
    background-image: image-set(
        url("img/312.webp") type("image/webp"),
        url("img/312.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel321 {
    background-image: url("img/321.webp");
    background-image: -webkit-image-set(
        url("img/321.webp") 1x
    );
    background-image: image-set(
        url("img/321.webp") type("image/webp"),
        url("img/321.png") type("image/png")
    );
}


/*Let's take a shower, while we sing, in the rain*/
.waypoint-weather-wrap.feel500 {
    background-image: url("img/500.webp");
    background-image: -webkit-image-set(
        url("img/500.webp") 1x
    );
    background-image: image-set(
        url("img/500.webp") type("image/webp"),
        url("img/500.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel501 {
    background-image: url("img/501.webp");
    background-image: -webkit-image-set(
        url("img/501.webp") 1x
    );
    background-image: image-set(
        url("img/501.webp") type("image/webp"),
        url("img/501.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel502 {
    background-image: url("img/502.webp");
    background-image: -webkit-image-set(
        url("img/502.webp") 1x
    );
    background-image: image-set(
        url("img/502.webp") type("image/webp"),
        url("img/502.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel503 {
    background-image: url("img/503.webp");
    background-image: -webkit-image-set(
        url("img/503.webp") 1x
    );
    background-image: image-set(
        url("img/503.webp") type("image/webp"),
        url("img/503.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel504 {
    background-image: url("img/504.webp");
    background-image: -webkit-image-set(
        url("img/504.webp") 1x
    );
    background-image: image-set(
        url("img/504.webp") type("image/webp"),
        url("img/504.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel511 {
    background-image: url("img/511.webp");
    background-image: -webkit-image-set(
        url("img/511.webp") 1x
    );
    background-image: image-set(
        url("img/511.webp") type("image/webp"),
        url("img/511.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel520 {
    background-image: url("img/520.webp");
    background-image: -webkit-image-set(
        url("img/520.webp") 1x
    );
    background-image: image-set(
        url("img/520.webp") type("image/webp"),
        url("img/520.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel521 {
    background-image: url("img/521.webp");
    background-image: -webkit-image-set(
        url("img/521.webp") 1x
    );
    background-image: image-set(
        url("img/521.webp") type("image/webp"),
        url("img/521.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel522 {
    background-image: url("img/522.webp");
    background-image: -webkit-image-set(
        url("img/522.webp") 1x
    );
    background-image: image-set(
        url("img/522.webp") type("image/webp"),
        url("img/522.png") type("image/png")
    );
}


/*I'm dreaming of a white, christmas*/
.waypoint-weather-wrap.feel600 {
    background-image: url("img/600.webp");
    background-image: -webkit-image-set(
        url("img/600.webp") 1x
    );
    background-image: image-set(
        url("img/600.webp") type("image/webp"),
        url("img/600.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel601 {
    background-image: url("img/601.webp");
    background-image: -webkit-image-set(
        url("img/601.webp") 1x
    );
    background-image: image-set(
        url("img/601.webp") type("image/webp"),
        url("img/601.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel602 {
    background-image: url("img/602.webp");
    background-image: -webkit-image-set(
        url("img/602.webp") 1x
    );
    background-image: image-set(
        url("img/602.webp") type("image/webp"),
        url("img/602.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel611 {
    background-image: url("img/611.webp");
    background-image: -webkit-image-set(
        url("img/611.webp") 1x
    );
    background-image: image-set(
        url("img/611.webp") type("image/webp"),
        url("img/611.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel621 {
    background-image: url("img/621.webp");
    background-image: -webkit-image-set(
        url("img/621.webp") 1x
    );
    background-image: image-set(
        url("img/621.webp") type("image/webp"),
        url("img/621.png") type("image/png")
    );
}


/*atmosphere, just a 10 letter word*/

.waypoint-weather-wrap.feel701 {
    background-image: url("img/701.webp");
    background-image: -webkit-image-set(
        url("img/701.webp") 1x
    );
    background-image: image-set(
        url("img/701.webp") type("image/webp"),
        url("img/701.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel711 {
    background-image: url("img/711.webp");
    background-image: -webkit-image-set(
        url("img/711.webp") 1x
    );
    background-image: image-set(
        url("img/711.webp") type("image/webp"),
        url("img/711.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel721 {
    background-image: url("img/721.webp");
    background-image: -webkit-image-set(
        url("img/721.webp") 1x
    );
    background-image: image-set(
        url("img/721.webp") type("image/webp"),
        url("img/721.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel731 {
    background-image: url("img/731.webp");
    background-image: -webkit-image-set(
        url("img/731.webp") 1x
    );
    background-image: image-set(
        url("img/731.webp") type("image/webp"),
        url("img/731.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel741 {
    background-image: url("img/741.webp");
    background-image: -webkit-image-set(
        url("img/741.webp") 1x
    );
    background-image: image-set(
        url("img/741.webp") type("image/webp"),
        url("img/741.png") type("image/png")
    );
}


/*Not a cloud in the... oh wait..*/
.waypoint-weather-wrap.feel800 {
    background-image: url("img/800.webp");
    background-image: -webkit-image-set(
        url("img/800.webp") 1x
    );
    background-image: image-set(
        url("img/800.webp") type("image/webp"),
        url("img/800.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel801 {
    background-image: url("img/801.webp");
    background-image: -webkit-image-set(
        url("img/801.webp") 1x
    );
    background-image: image-set(
        url("img/801.webp") type("image/webp"),
        url("img/801.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel802 {
    background-image: url("img/802.webp");
    background-image: -webkit-image-set(
        url("img/802.webp") 1x
    );
    background-image: image-set(
        url("img/802.webp") type("image/webp"),
        url("img/802.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel803 {
    background-image: url("img/803.webp");
    background-image: -webkit-image-set(
        url("img/803.webp") 1x
    );
    background-image: image-set(
        url("img/803.webp") type("image/webp"),
        url("img/803.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel804 {
    background-image: url("img/804.webp");
    background-image: -webkit-image-set(
        url("img/804.webp") 1x
    );
    background-image: image-set(
        url("img/804.webp") type("image/webp"),
        url("img/804.png") type("image/png")
    );
}


/*Its not real, if its not EXTREME*/
.waypoint-weather-wrap.feel900 {
    background-image: url("img/900.webp");
    background-image: -webkit-image-set(
        url("img/900.webp") 1x
    );
    background-image: image-set(
        url("img/900.webp") type("image/webp"),
        url("img/900.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel901 {
    background-image: url("img/901.webp");
    background-image: -webkit-image-set(
        url("img/901.webp") 1x
    );
    background-image: image-set(
        url("img/901.webp") type("image/webp"),
        url("img/901.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel902 {
    background-image: url("img/902.webp");
    background-image: -webkit-image-set(
        url("img/902.webp") 1x
    );
    background-image: image-set(
        url("img/902.webp") type("image/webp"),
        url("img/902.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel903 {
    background-image: url("img/903.webp");
    background-image: -webkit-image-set(
        url("img/903.webp") 1x
    );
    background-image: image-set(
        url("img/903.webp") type("image/webp"),
        url("img/903.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel904 {
    background-image: url("img/904.webp");
    background-image: -webkit-image-set(
        url("img/904.webp") 1x
    );
    background-image: image-set(
        url("img/904.webp") type("image/webp"),
        url("img/904.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel905 {
    background-image: url("img/905.webp");
    background-image: -webkit-image-set(
        url("img/905.webp") 1x
    );
    background-image: image-set(
        url("img/905.webp") type("image/webp"),
        url("img/905.png") type("image/png")
    );
}
.waypoint-weather-wrap.feel906 {
    background-image: url("img/906.webp");
    background-image: -webkit-image-set(
        url("img/906.webp") 1x
    );
    background-image: image-set(
        url("img/906.webp") type("image/webp"),
        url("img/906.png") type("image/png")
    );
}




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

.waypoint-weather-header {
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}
.waypoint-weather-wrap.darken .waypoint-weather-header { background: rgba(0,0,0,0.2); }


.waypoint-weather-current-temp {
	padding: 10px 5%;
	width: 30%;
	float: left;
	font-size: 66px;
	line-height: 1em;
	font-weight: 300;
}

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

.waypoint-weather-todays-stats {
	float: right;
	text-align: right;
	padding: 14px 5%;
	line-height: 1.4em;
	width: 50%;
}

.waypoint-weather-forecast { 
	border-top: solid 1px rgba(255,255,255,0.5);
	width: 90%; 
	margin: 20px auto;
	padding-top: 20px;
	clear: both; 
}

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

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

.waypoint-weather-forecast-day-temp { font-size: 1.8em; font-weight: 400; }
.waypoint-weather-forecast-day-temp sup { font-size: 0.6em; padding-left: 2px; }
.waypoint-weather-forecast-day-abbr { text-transform: uppercase; font-size: 0.8em; margin-top: 5px; padding-right: 4px;  }

.awe_tall .waypoint-weather-current-temp,
.awe_tall .waypoint-weather-todays-stats,
.awe_without_stats .waypoint-weather-current-temp { text-align: center; width: 90%; float: none; }
.awe_tall .waypoint-weather-todays-stats { padding: 0 5%; }

.awe_without_stats .waypoint-weather-forecast { margin-top: 0; }

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

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

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


.waypoint-weather-more-weather-link { padding: 5px; text-align: center; }
.waypoint-weather-more-weather-link a { color: #fff !important; text-decoration: none !important; font-size: 0.8em; }

