/* Current Conditions */
.wxcurrent-wrapper {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
.wxcurrent-wrapper{padding:15px 10px;position:relative;overflow:hidden;display:block;color: #fff;text-shadow: 1px 1px 3px #222;margin-bottom:20px;}
.forecastcurrent-wrapper {display: block;overflow: hidden;}
.wxcurrent{width:35%;text-align:center;float:left;padding:10px;}
.wxcurrent .location{font-weight:bold;text-transform:uppercase}
.wxcurrent .curdewpoint, .wxcurrent .curpressure, .wxcurrent .curvis {display:inline-block;margin-left:5px;}
.wxcurrent .currentcond{margin-top:10px;margin-bottom:5px;overflow:hidden;}
.wxcurrent .summary {font-size: 1.3em;line-height: 1.3em;font-weight: bold;}
.currentcond .icon{width: 45%;float: left;text-align: right;padding-right:5px;font-size: 56px;line-height: 67px;}
.currentcond .temp{width: 55%;float: right;text-align: left;padding-left:5px;font-size:70px;line-height:35px;font-weight:bold}
.wxcurrent .details{margin-top:10px;font-size:.84em;}
.wxcurrent .clickcast{font-weight: bold;font-size: 1.1em;margin-top: 5px;}
.wxcurrent .update-time {display:block;width:100%;}
.shortcast {display:inline-block;position:relative;width:20%;float:left;text-align:center;height:100%;margin-left:5px;margin-right:5px;padding:10px;margin-bottom:-500px;padding-bottom:500px;}
.shortcast {background-color:rgba(0,0,0,0.45);}
.shortcast .icon {font-size: 44px;line-height:60px;}
.shortcast .day {font-weight:bold;text-transform:uppercase;margin-bottom:15px;}
.shortcast .temps {margin:5px 0px;font-weight:bold;font-size:20px} 
.shortcast .temps .hightemp{font-size:35px}
.shortcast .temps .lowtemp{font-size:18px} 
.shortcast .summary {margin-bottom:10px;}
.shortcast .details {font-size:inherit;}
.shortcast .rainclouds {}
.shortcast .riseset {font-size:.81em;}
.homeweather {margin-top:20px;}
.forecast-sponsor {display:block;width:100%;text-align:center;margin-top:10px;}

@media (max-width:767px) {
	.shortcast {width:30%;}
	.shortcast.last {display:none;}
	.wxcurrent .curdewpoint, .wxcurrent .curpressure, .wxcurrent .curvis {display:none;}
}
@media (max-width:640px) {
	.wxcurrent-wrapper{padding:15px 5px;}
	.currentcond .temp{font-size:55px;line-height:60px;}
	.shortcast .riseset {display:none;}
	.shortcast .details {font-size:.84em;padding-bottom:6px;}
}
@media (max-width:500px) {
	.shortcast {padding-left:5px;padding-right:5px;}
	.wxcurrent{width:100%;float:none;padding:10px;}
	.shortcast-wrapper {display:block;}
	.shortcast.last {display:inline-block;}
}

/* Hourly Conditions */
.hourly-row{font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
.hourly-row{display:block;overflow:hidden;color:#ffffff;margin-bottom:20px;}
.hourly-hours{position:relative;display:flex;align-items: stretch}
.hourly-wrapper {width:16.667%;padding:0px 5px;float:left;display:flex;align-items: stretch}
.hourly-box {width:100%;text-align:center;align-items: stretch;padding: 10px;}
.hourly-heading {text-align:center;}
.hourly-time {font-weight:bold;text-transform:uppercase;margin-bottom:8px;}
.hourly-cond {font-size: 20px; text-align:center;display:block;overflow:hidden;margin-bottom:5px;}
.hourly-cond .icon{width: 50%;float: left;text-align: right;padding-right:2px;font-size: 21px;line-height: 30px;}
.hourly-cond .temp{width: 50%;float: right;text-align: left;padding-left:2px;font-size:21px;line-height:24px;font-weight:bold}
.daytime {background-color: #375ec5;}
.nighttime {background-color: #272727;}
.daynight1 {background-color: #4663a4;}
.daynight2 {background-color: #49546e;}
.daynight3 {background-color: #3c414b;}

@media (max-width:640px) {
	.hourly-hours{display:block;}
	.hourly-wrapper{width:49%;margin-bottom:10px;}
}

/* Daily Forecast */
.week-summary {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
.week-summary {display:block;margin-bottom: 5px;padding: 5px 10px;background: #555;color: #efefef;}
.week-summary span{font-weight:bold;}
.daily-wrapper{font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
.daily-wrapper {display:block;overflow:hidden;background-color: #4a6299;margin: 5px 0px;padding: 5px;color: #fff;}
.daily-day {width:70px;float:left;padding-top:5px;font-weight:bold;text-transform:uppercase;text-align:center;}
.daily-icon {width:65px;float:left;text-align:center;font-size: 35px;line-height: 55px;}
.daily-summary-wrapper {width:50%;float:left;display:table;min-height:50px;}
.daily-summary {display:table-cell;vertical-align:middle;}
.daily-temps {width:110px;float:left;font-weight:bold;text-align:center;margin-top: 6px;}
.daily-temps .hightemp{font-size:35px}
.daily-temps .lowtemp{font-size:18px} 
.daily-details {width:110px;float:left;display:inline-block;min-height:50px;margin-left:10px;margin-top:5px}
.daily-precip {}
.daily-precip .precipprob{display:inline-block;margin-right:7px;}
.daily-riseset {font-size:.81em;}

@media (max-width:1000px) {	
	.daily-precip-wrapper {min-height:0px;}
}
@media (max-width:767px) {
	.daily-summary-wrapper, .daily-precip-wrapper, .daily-riseset {width:100%;float:left;display:block;min-height:0px;}
	.daily-left {display:inline-block;height:70px;float:left;width:45%}
	.daily-right {display:inline-block;float:left;width:54%}
	.daily-rise {width:100px; float:left;}
}
@media (max-width:640px) {
	.daily-summary {width:80%;float:none;margin:0 auto;display:block;padding-bottom:5px;}
	.daily-precip{width:100%;display:block}
	.daily-rise {display:inline-block;width:100px;float:none;}
	.daily-left {display:block;height:auto;float:none;margin:0 auto;}
	.daily-right {display:block;float:none;width:100%;text-align:center;}
	.daily-temps {margin-bottom:5px}
	.daily-temps, .daily-details {width:100%;float:none;display:block;overflow:hidden;}
}

/* Today Forecast */
.forecast-today {display:inline-block;}
.forecast-today .icon{display:inline-block;}
.forecast-today .summary{display:inline-block;}
.forecast-today .temps{display:inline-block;}
.forecast-today .rainclouds{display:inline-block;}
.topbar-weather {position: relative;float: left;padding: 7px 15px 0 0;}

/* Forecast Widget */
.forecastwidget-wrapper{font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
.forecastwidget-wrapper{padding:15px 8px;position:relative;overflow:hidden;display:block;color: #fff;text-shadow: 1px 1px 3px #222;margin-top: -5px;margin-bottom:20px;}
.forecastwidget-wrapper a {color: #fff !important;}
.forecastinside-wrapper{display: block;overflow: hidden;}
.forecastwidget{text-align:center;display:block;}
.widget_srr_forecast_widget .forecast-radar {margin: -5px 0 7px;}
.widget_srr_forecast_widget .forecast-radar img {width: 100%;height: auto;}
.forecastwidget .location{font-weight:bold;text-transform:uppercase}
.forecastwidget .curdewpoint, .forecastwidget .curpressure, .forecastwidget .curvis {display:inline-block;margin-left:5px;}
.forecastwidget .currentcond{margin-top:10px;margin-bottom:5px;overflow:hidden;}
.forecastwidget .summary {font-size: 1.3em;line-height: 1.3em;font-weight: bold;}
.forecastwidget .currentcond .icon{width: 45%;float: left;text-align: right;padding-right:5px;font-size: 56px;line-height: 67px;}
.forecastwidget .currentcond .temp{width: 55%;float: right;text-align: left;padding-left:5px;font-size:70px;line-height:35px;font-weight:bold}
.forecastwidget .details{margin-top:10px;font-size:.84em;}
.forecastwidget .update-time{display:block;width:100%;}
.forecastwidget-upcoming {display:block;}
.forecastwidget-shortcast{display:inline-block;position:relative;width:18.87%;text-align:center;height:100%;margin:10px auto 2px;padding:5px;margin-bottom:-500px;padding-bottom:500px;}
.forecastwidget-shortcast{background-color:rgba(0,0,0,0.45);}
.forecastwidget-shortcast .day {font-weight:bold;text-transform:uppercase;margin-bottom:5px;font-size:12px;}
.forecastwidget-shortcast .icon {font-size: 19px; line-height: 27px;}
.forecastwidget-shortcast .temps {margin:5px 0px;font-weight:bold;font-size:20px} 
.forecastwidget-shortcast .temps .hightemp{font-size:25px}
.forecastwidget-shortcast .temps .lowtemp{font-size:18px} 
.forecastwidget-shortcast .details {font-size:.81em;padding-bottom:5px;}
.forecastwidget-shortcast .rainclouds {}
.forecastwidget-sponsor{display:block;width:100%;text-align:center;margin-top: 8px;font-size: 11px;line-height: 13px;}

/* Weather Backgrounds */
.wxbg{background-size: cover;background-position: center center;}
.wxbg.clear-day-day{background-image:url('../bgs/clear-day.jpg');}
.wxbg.clear-day-night{background-image:url('../bgs/clear-day.jpg');}
.wxbg.clear-night-night{background-image:url('../bgs/clear-night.jpg');}
.wxbg.rain-day{background-image:url('../bgs/rain-day.jpg');}
.wxbg.rain-night{background-image:url('../bgs/rain-night.jpg');}
.wxbg.snow-day{background-image:url('../bgs/snow-day.jpg');}
.wxbg.snow-night{background-image:url('../bgs/snow-night.jpg');}
.wxbg.sleet-day{background-image:url('../bgs/sleet-day.jpg');}
.wxbg.sleet-night{background-image:url('../bgs/sleet-night.jpg');}
.wxbg.wind-day{background-image:url('../bgs/wind-day.jpg');}
.wxbg.wind-night{background-image:url('../bgs/wind-night.jpg');}
.wxbg.fog-day{background-image:url('../bgs/fog-day.jpg');}
.wxbg.fog-night{background-image:url('../bgs/fog-night.jpg');}
.wxbg.cloudy-day{background-image:url('../bgs/cloudy-day.jpg');}
.wxbg.cloudy-night{background-image:url('../bgs/cloudy-night.jpg');}
.wxbg.partly-cloudy-day-day, .wxbg.partly-cloudy-night-day{background-image:url('../bgs/partly-cloudy-day.jpg');}
.wxbg.partly-cloudy-night-night, .wxbg.partly-cloudy-day-night{background-image:url('../bgs/partly-cloudy-night.jpg');}
.wxbg.hail-day{background-image:url('http://www.poncapost.com/wp-content/plugins/srr-forecast/includes/bgs/storm.jpg');}
.wxbg.hail-night{background-image:url('http://www.poncapost.com/wp-content/plugins/srr-forecast/includes/bgs/storm.jpg');}
.wxbg.thunderstorm-day{background-image:url('http://www.poncapost.com/wp-content/plugins/srr-forecast/includes/bgs/storm.jpg');}
.wxbg.thunderstorm-night{background-image:url('http://www.poncapost.com/wp-content/plugins/srr-forecast/includes/bgs/storm.jpg');}
.wxbg.tornado-day{background-image:url('http://www.poncapost.com/wp-content/plugins/srr-forecast/includes/bgs/storm.jpg');}
.wxbg.tornado-night{background-image:url('http://www.poncapost.com/wp-content/plugins/srr-forecast/includes/bgs/storm.jpg');}

/* Dark Sky Radar */
.darksky-radar {position: relative;padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden;}
.darksky-radar iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.weather-radar img {width:100%;height:auto;}

/* Weather Page */
.weather-index-location {display:block;margin-bottom:10px;padding-left:2px;}
.weather-index-location h3{font-size: 21px;}
.weather-current-wrapper {display:block;margin:15px -15px;}
.weather-right-now-container {width:42%;float:left;border-right:1px solid #f1f1f1;}
.weather-right-now-extended {width:57%;float:left;}
.weather-right-now {margin-bottom:20px;}
.weather-right-now-icon {font-size: 80px;margin-right:40px;margin-left: 20px;margin-top:10px;}
.weather-right-now-head {color:#555;font-size:14px;margin-top: 0;margin-bottom:5px;text-transform: uppercase;}
.weather-right-now-temp {font-size: 44px;line-height: 48px;font-weight: bold;}
.weather-right-now-condition {opacity: .7;}
.weather-right-now-details li span {font-weight: bold;}
.weather-right-now-details .list-unstyled {margin: 0px;padding:0px;list-style-type: none;font-size:13px;line-height:18px;}
.weather-right-now-extended .extended-day {display:block;margin-bottom:10px;}
.now-column {width:50%;padding:0px 15px}

.weather-info-wrapper{display:block;margin-bottom:20px;overflow: hidden;}

.weather-tabs {float: none;list-style: none;padding: 0;margin: 10px 0px;}
.weather-tabs:after {content: '';display: table;clear: both;}
.weather-tabs input[type=radio] {display:none;}
.weather-tabs label {float: left;padding:10px 20px;margin-right:6px;text-decoration: none;text-align: center;cursor: pointer;-webkit-transition: all 0.5s; transition: all 0.5s;margin-bottom:-1px}
.weather-tab-summary {border-bottom: 1px solid #eee;margin-bottom:8px;padding-bottom:8px;}
.weather-tab-content {display: none;width: 100%;float: left;box-sizing: border-box;background-color:#ffffff;border-top: 1px solid #aaa;}
.weather-tab-content * {-webkit-animation: scale 0.7s ease-in-out;-moz-animation: scale 0.7s ease-in-out;animation: scale 0.7s ease-in-out;}
@keyframes scale {
	0% {transform: scale(0.9);opacity: 0;}
	50% {transform: scale(1.01);opacity: 0.5;}
	100% {transform: scale(1);opacity: 1;}
}
.weather-tabs [id^="weather-tab"]:checked + label {}
#weather-tab1:checked ~ #weather-tab-content1,#weather-tab2:checked ~ #weather-tab-content2,#weather-tab3:checked ~ #weather-tab-content3 {display: block;}
@media (max-width: 768px) {
	.weather-right-now-container {width:300px;float:none;margin:0 0 10px;border-right:none;}
	.weather-right-now-extended {width:100%;float:none;}
	.weather-tabs label {padding: 10px 15px;}
}
@media (min-width: 768px) {
    .weather-tabs label span {display: inline-block;}
}

/* Weather Upcoming Tab */
h4.weather-title {padding-left:7px;padding-bottom:0px;margin-bottom:0px;}
.header-weather-cols {background-color: rgba(0,0,0,.02);border-bottom: 2px solid rgba(0,0,0,.05);border-top: 1px solid rgba(0,0,0,.05);text-transform: uppercase;font-weight: bold;font-size: 12px;padding: 5px 0;height: 31px;margin-bottom:3px;}
.weather-hourly-wrapper {display: block;overflow:hidden;padding:6px 0px;line-height:36px;border-bottom: 1px solid #eee;}
.weather-hourly-time {width:10%;float:left;font-weight:bold;}
.weather-hourly-cond {width:15%;float:left;font-weight:bold;font-size: 24px;text-align:center;}
.weather-hourly-cond .wi{font-size: 30px;line-height: 40px;margin-right: 10px;}
.weather-hourly-summary{width:45%;float:left;}
.weather-hourly-precip{width:12%;float:left;}
.weather-hourly-wind{width:18%;float:left;}
@media (max-width:1199px) {
	.weather-hourly-time {width:10%;}
	.weather-hourly-cond {width:20%;}
	.weather-hourly-summary{width:35%;}
	.weather-hourly-precip{width:17%;}
	.weather-hourly-wind{width:18%;}
}
@media (max-width:550px) {
	.weather-hourly-time {width:13%;}
	.weather-hourly-cond {width:25%;font-size: 20px;}
	.weather-hourly-cond .wi{font-size: 25px;line-height:30px;margin-right:8px;}
	.weather-hourly-summary{width:37%;}
	.weather-hourly-precip{width:25%;}
	.weather-hourly-wind{display:none;}
}

/* Weather Daily Forecast Tab*/
.weather-summary {display:block;margin:2px 0px 0px 6px;}
.weather-daily-wrapper{}
.weather-daily-wrapper {display:block;overflow:hidden;margin: 5px 0px;padding: 5px;border-bottom: 1px solid #efefef;}
.weather-daily-day {width:10%;float:left;padding-top:10px;line-height: 15px;font-weight:bold;text-transform:uppercase;text-align:left;}
.weather-daily-day span {font-weight:normal;opacity:0.6;}
.weather-daily-icon {width:10%;float:left;font-size: 35px;line-height: 55px;}
.weather-daily-summary-wrapper {width:50%;float:left;display:table;min-height:50px;}
.weather-daily-summary {display:table-cell;vertical-align:middle;line-height: 17px;}
.weather-daily-temps {width:12%;float:left;font-weight:bold;margin-top:13px;}
.weather-daily-temps .hightemp{font-size:25px}
.weather-daily-temps .lowtemp{font-size:18px;opacity:0.6} 
.weather-daily-details {margin-top: 12px;}
.weather-daily-details .precipprob{display:inline-block;margin-right:7px;}
.weather-daily-riseset {font-size:.81em;}
.mobile-daily-precip {display:none;font-size:.81em;}

@media (max-width:1199px) {	
	.weather-daily-summary-wrapper {}
}
@media (max-width:767px) {
	.weather-daily-summary-wrapper {width:auto;}
	.weather-daily-details {display:none;}
	.mobile-daily-precip {display:inline-block;}
}
@media (max-width:640px) {
	.weather-daily-day {width:15%;}
	.weather-daily-icon {width:15%;}
	.weather-daily-temps {width:15%;}
	.weather-daily-summary-wrapper {clear:both;width:100%;}
	
}
@media (max-width:550px) {
	.weather-daily-day {width:15%;text-align:center;}
	.weather-daily-icon {width:15%;text-align:center;}
	.weather-daily-temps {width:22%;text-align:center;}
}

/* -- Weather Alerts -- */
.wx_error {padding:7px;background:#555;color:#aaa;font-size:.8em;line-height:.9em;}
.wx_error a {color:#ccc;}
.wx_error a:hover {color:#eee !important;}

#weather_alerts {}
.weather-acc-toggle {color: #FFF;background: rgba(221, 0, 0, 0.8);}
ul.weather_alert_item {list-style:none;margin:0 !important;padding:0 !important}
.weather-alert{display:block;padding:10px}
.weather-alert span {font-weight:bold}
.weather-alert-info{}
.weather-alert-updated{display:inline-block;width:45%}
.weather-alert-severity{display:inline-block;width:26%}
.weather-alert-status{display:inline-block;width:26%}
.weather-alert-areas{padding:10px 0px}
.weather-alert-text{}
.weather-alert-instructions{padding-bottom:10px}
.weather-alert-message{}
.weather-acc-toggle {cursor:pointer;font-weight:bold!important;padding:10px;margin-top:0px;margin-bottom:0px}
.weather-acc-content {-webkit-animation: scale 0.7s ease-in-out;-moz-animation: scale 0.7s ease-in-out;animation: scale 0.7s ease-in-out;background-color:rgba(237,237,237,0.3);}
.transition, .weather-acc-content, ul li i:before, ul li i:after {transition:all 0.25s ease}
#weather_alerts ul {list-style:none;padding:0;margin:0}
#weather_alerts ul li {position:relative;padding:0;margin:0}
#weather_alerts ul li:last-of-type {padding-bottom:0}
#weather_alerts ul li i {position:absolute;transform:translate(-6px, 0);margin-top:10px;right:11px}

#weather_alerts ul li input[type=checkbox] {position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0}
#weather_alerts ul li input[type=checkbox] ~ .weather-acc-content,#weather_alerts ul li input[type=checkbox]: ~ .weather-acc-content .weather-alert {position:relative;margin-top:0;max-height:0;display:block;transform:translate(0, 50%)}
#weather_alerts ul li input[type=checkbox]:checked ~ .weather-acc-content .weather-alert ,#weather_alerts ul li input[type=checkbox]:checked ~ .weather-acc-content {position:relative;margin-top:0;max-height:0;display:none;transform:translate(0, 50%)}
#weather_alerts ul li input[type=checkbox]:checked ~ i:before {transform:translate(2px, 0) rotate(45deg)}
#weather_alerts ul li input[type=checkbox]:checked ~ i:after {transform:translate(-2px, 0) rotate(-45deg)}

.home #weather_alerts {margin-bottom:20px;}
.home #weather_alerts h5 {margin-top:0px;}

@media (max-width:670px) {
	.weather-alert-updated{display:inline-block;width:100%}
	.weather-alert-severity{display:none}
	.weather-alert-status{display:none}
}