@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.png")}
.waypoint-weather-wrap.feel201 {background-image: url("img/201.png")}
.waypoint-weather-wrap.feel202 {background-image: url("img/202.png")}
.waypoint-weather-wrap.feel210 {background-image: url("img/210.png")}
.waypoint-weather-wrap.feel211 {background-image: url("img/211.png")}
.waypoint-weather-wrap.feel212 {background-image: url("img/212.png")}
.waypoint-weather-wrap.feel221 {background-image: url("img/221.png")}
.waypoint-weather-wrap.feel230 {background-image: url("img/230.png")}
.waypoint-weather-wrap.feel231 {background-image: url("img/231.png")}
.waypoint-weather-wrap.feel232 {background-image: url("img/232.png")}


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


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


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


/*atmosphere, just a 10 letter word*/

.waypoint-weather-wrap.feel701 {background-image: url("img/701.png")}
.waypoint-weather-wrap.feel711 {background-image: url("img/711.png")}
.waypoint-weather-wrap.feel721 {background-image: url("img/721.png")}
.waypoint-weather-wrap.feel731 {background-image: url("img/731.png")}
.waypoint-weather-wrap.feel741 {background-image: url("img/741.png")}


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


/*Its not real, if its not EXTREME*/
.waypoint-weather-wrap.feel900 {background-image: url("img/900.png")}
.waypoint-weather-wrap.feel901 {background-image: url("img/901.png")}
.waypoint-weather-wrap.feel902 {background-image: url("img/902.png")}
.waypoint-weather-wrap.feel903 {background-image: url("img/903.png")}
.waypoint-weather-wrap.feel904 {background-image: url("img/904.png")}
.waypoint-weather-wrap.feel905 {background-image: url("img/905.png")}
.waypoint-weather-wrap.feel906 {background-image: url("img/906.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; }