/* Current Conditions UPDATED */
.wxcurrent-wrapper {display:block;font-family:'Open Sans', Helvetica, Arial, sans-serif;padding:15px 10px;position:relative;overflow:hidden;color:#fff;text-shadow:1px 1px 3px #222}
.wxcurrent-wrapper a {color:#fff !important}
.weathercurrent-wrapper {display:flex;overflow:hidden}
.wxcurrent-wrapper .wxcurrent {width:35%;text-align:center;float:left;padding:10px}
.wxcurrent-wrapper .wxcurrent .location {font-weight:bold;text-transform:uppercase}
.wxcurrent-wrapper .wxcurrent .curdewpoint, .wxcurrent .curpressure, .wxcurrent .curvis {display:inline-block;margin-left:5px}
.wxcurrent-wrapper .wxcurrent .currentcond{margin-top:10px;margin-bottom:5px;overflow:hidden}
.wxcurrent-wrapper .wxcurrent .summary {font-size:1.3em;line-height:1.3em;font-weight:bold}
.wxcurrent-wrapper .currentcond .icon{width:45%;float:left;text-align:right;padding-right:5px;font-size:56px;line-height:67px}
.wxcurrent-wrapper .currentcond .temp{width:55%;float:right;text-align:left;padding:10px 0 0;font-size:65px;line-height:55px;font-weight:bold}
.wxcurrent-wrapper .wxcurrent .details{margin-top:10px;font-size:13px}
.wxcurrent-wrapper .wxcurrent .clickcast{font-weight:bold;font-size:1.1em;margin-top:5px}
.wxcurrent-wrapper .wxcurrent .update-time {display:block;width:100%}
.wxcurrent-wrapper .shortcast-wrapper{height:100%}
.wxcurrent-wrapper .shortcast {display:inline-block;position:relative;width:20.5%;float:left;text-align:center;margin-left:1%;height:auto;background-color:rgba(0,0,0,0.45)}
.srrslider-slide-weather .wxcurrent-wrapper .shortcast {}
.wxcurrent-wrapper .shortcast .icon {font-size:44px;line-height:60px}
.wxcurrent-wrapper .shortcast .day {font-weight:bold;text-transform:uppercase;margin:10px 0px}
.wxcurrent-wrapper .shortcast .temp {margin:10px 0px;font-weight:bold;font-size:20px;font-size:35px;padding-bottom:12px}
.wxcurrent-wrapper .shortcast .summary {margin-bottom:10px}
.wxcurrent-wrapper .shortcast .details {font-size:inherit;padding-bottom:12px}
.wxcurrent-wrapper .shortcast .riseset {font-size:12px}
.wxcurrent-wrapper .homeweather {margin-top:20px}
.wxcurrent-wrapper .weather-sponsor {display:block;width:100%;text-align:center;margin-top:10px}

@media (max-width:767px) {
	.wxcurrent-wrapper .shortcast {width:31%;padding-top:35px}
	.wxcurrent-wrapper .shortcast.last {display:none}
	.wxcurrent .curdewpoint, .wxcurrent .curpressure, .wxcurrent .curvis {display:none}
	.wxcurrent-wrapper .shortcast_2 {display:none}
}
@media (max-width:640px) {
	.wxcurrent-wrapper {padding:15px 5px}
	.wxcurrent-wrapper .currentcond .temp {font-size:49px;line-height:55px}
	.wxcurrent-wrapper .shortcast .temp {padding-bottom:0px}
	.wxcurrent-wrapper .shortcast .details {font-size:.84em;padding-bottom:6px}
	.wxcurrent-wrapper .shortcast_0 {width:47%}
	.wxcurrent-wrapper .wxcurrent {width:50%;float:none;padding:10px}
	.wxcurrent-wrapper .shortcast_1, .wxcurrent-wrapper .shortcast_2 {display:none}
}
@media (max-width:500px) {
	.srrslider-slide-weather .wxcurrent-wrapper .wxcurrent {width:100%}
	.srrslider-slide-weather .shortcast-wrapper {display:none}
}
@media (max-width:400px) {
	.wxcurrent-wrapper .shortcast .summary {display:none}
}

/* 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 */
.weather-today {display:inline-block}
.weather-today .icon{display:inline-block}
.weather-today .summary{display:inline-block}
.weather-today .temps{display:inline-block}
.weather-today .rainclouds{display:inline-block}
.topbar-weather {position:relative;float:left;padding:7px 15px 0 0}

/* Forecast Widget UPDATED */
.weatherwidget-wrapper{font-family:'Open Sans', Helvetica, Arial, sans-serif;padding:15px 8px;position:relative;overflow:hidden;display:block;color:#fff;text-shadow:1px 1px 3px #222;margin-top:-5px;margin-bottom:20px}
.weatherwidget-wrapper a, .weatherhoriz-wrapper a{color:#fff !important;width:100%}
.weatherinside-wrapper{display:block;overflow:hidden}
.weatherwidget-wrapper .weather-radar {margin:5px 0}
.weatherwidget{text-align:center;display:block}
.weatherwidget .location{font-weight:bold;text-transform:uppercase}
.weatherwidget .curdewpoint, .weatherwidget .curpressure, .weatherwidget .curvis {display:inline-block;margin-left:5px}
.weatherwidget .currentcond{margin-top:10px;margin-bottom:5px;overflow:hidden}
.weatherwidget .summary {font-size:1.3em;line-height:1.3em;font-weight:bold}
.weatherwidget .currentcond .icon{width:45%;float:left;text-align:right;padding-right:5px;font-size:56px;line-height:67px}
.weatherwidget .currentcond .temp{width:55%;float:right;text-align:left;padding-left:5px;font-size:65px;line-height:65px;font-weight:bold}
.weatherwidget .details{margin-top:10px;font-size:.84em}
.weatherwidget .update-time{display:block;width:100%}
.weatherwidget-upcoming {display:block;margin-top:10px}
.weatherwidget-shortcast{position:relative;padding:4px 10px;margin-bottom:3px;overflow:hidden;display:block}
.weatherwidget-shortcast .day {width:90px;display:inline-block;font-weight:bold;text-transform:uppercase;font-size:13px;float:left;line-height:15px}
.weatherwidget-shortcast .icon {float:left}
.weatherwidget-shortcast .temp {margin:5px 0px;font-weight:bold;text-transform:uppercase;font-size:19px;float:left;padding-left:10px} 
.weatherwidget-shortcast .details {float:right;font-weight:bold;text-transform:uppercase;font-size:15px;margin-top:5px}
.weatherwidget-sponsor{display:block;width:100%;text-align:center;margin-top:8px;font-size:11px;line-height:13px}

.weatherhoriz-wrapper{font-family:'Open Sans', Helvetica, Arial, sans-serif;padding:10px 8px;position:relative;overflow:hidden;display:flex;color:#fff;text-shadow:1px 1px 3px #222;margin-top:-5px;margin-bottom:20px}
.weatherhoriz-shortcast{position:relative;display:inline-block;text-align:center;width:16.05%;padding:8px 5px;margin:0 .3%;float:left;height:100%}
.weatherhoriz-shortcast .day {display:block;font-weight:bold;text-transform:uppercase;font-size:15px;margin-bottom:4px;line-height:15px}
.weatherhoriz-shortcast .temp {margin:5px 0px;font-weight:bold;text-transform:uppercase;font-size:19px} 
.weatherhoriz-shortcast .details {font-weight:bold;text-transform:uppercase;font-size:15px;margin-top:5px}
.weatherhoriz-shortcast .rainclouds {}
.weatherhoriz-sponsor{display:block;width:100%;text-align:center;margin-top:8px;font-size:11px;line-height:13px}

@media (max-width:991px) {
	.weatherhoriz-shortcast{width:32.7%;margin:0 .3%}
	.wid_short_2, .wid_short_3, .wid_short_4 {display:none}
}

/*Header Widget */
.srr_weather_header {width:100%;padding:5px 0px}
.srr_weather_header .weatherwidget-wrapper {height:100%;padding:0px; margin:0px}
.srr_weather_header .temp {text-align:left;font-size:41px;line-height:41px;font-weight:bold;width:100px;float:left;text-align:center}
.srr_weather_header .icon{float:left;text-align:right;padding-right:5px;font-size:40px;line-height:40px}
.srr_weather_header .summary {text-align:left;float:left;font-size:14px;line-height:19px;display:inline-block;opacity:0.9}
	
/* Radar Maps */
.weatherng-radar {position:relative;overflow:hidden}
.weatherng-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 Next 36 Hours */
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:9%;float:left;font-weight:bold}
.weather-hourly-cond {width:8%;float:left;text-align:center}
.weather-hourly-temp {width:9%;float:left;font-weight:bold;font-size:30px;text-align:center}
.weather-hourly-summary{width:55%;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:17%}
	.weather-hourly-cond {width:14%;font-size:20px}
	.weather-hourly-temp {width:20%}
	.weather-hourly-summary{width:48%}
	.weather-hourly-wind{display:none}
}

/* Weather Daily Forecast Tab UPDATED */
.weather-tab-summary {display:block;margin-bottom:10px}
.weather-daily-wrapper {display:block;overflow:hidden;margin:5px 0px;padding:5px}
.weather-daily-day {width:9%;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:8%;float:left;text-align:center}
.weather-daily-summary-wrapper {width:55%;float:left;min-height:50px;padding-right:10px}
.weather-daily-summary {display:table-cell;vertical-align:middle;line-height:17px}
.weather-daily-temps {width:9%;float:left;font-weight:bold;margin-top:10px;text-align:center}
.weather-daily-temps .temp {font-size:30px}
.weather-daily-riseset {font-size:.81em}
.mobile-daily-precip {display:none;font-size:.81em}

@media (max-width:991px) {	
	.weather-daily-day {width:12%}
	.weather-daily-icon {width:12%}
	.weather-daily-temps {width:12%}
	.weather-daily-summary-wrapper {width:45%}
}
@media (max-width:767px) {
	.weather-daily-summary-wrapper {width:auto}
	.weather-daily-details {display:none}
	.mobile-daily-precip {display:block;margin-top:5px}
	.weather-daily-day {width:33%}
	.weather-daily-icon {width:33%}
	.weather-daily-temps {width:33%}
	.weather-daily-summary-wrapper {clear:both;width:100%}
}

/* -- Weather Alerts UPDATED -- */
.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-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-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;animation:scale 0.7s ease-in-out;background-color:rgba(237,237,237,0.3)}
.weather-alert-headlines {font-weight:bold;margin-bottom:10px}
.weather-alert-updated, .weather-alert-bullet {margin-bottom:10px}
.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-top:1px}
#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;display:block}
#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}
#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 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}
}

/* == Slider --*/
.srrslider-slide-weather .wxcurrent-wrapper {display:flex}
@media (max-width:640px) {
	.srrslider-slide-weather .wxcurrent-wrapper {display:block}
}