/* Current Conditions */
.wxcurrent-wrapper {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-left:5px;font-size:70px;line-height:55px;font-weight:bold}
.wxcurrent-wrapper .wxcurrent .details{margin-top:10px;font-size:.84em}
.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%;padding:10px;height:auto;background-color:rgba(0,0,0,0.45)}
.srrslider-slide-weather .wxcurrent-wrapper .shortcast {height:150%}
.wxcurrent-wrapper .shortcast .icon {font-size: 44px;line-height:60px}
.wxcurrent-wrapper .shortcast .day {font-weight:bold;text-transform:uppercase;margin-bottom:10px}
.wxcurrent-wrapper .shortcast .temps {margin:5px 0px;font-weight:bold;font-size:20px} 
.wxcurrent-wrapper .shortcast .temps .hightemp{font-size:35px}
.wxcurrent-wrapper .shortcast .temps .lowtemp{font-size:18px} 
.wxcurrent-wrapper .shortcast .summary {margin-bottom:10px}
.wxcurrent-wrapper .shortcast .details {font-size:inherit}
.wxcurrent-wrapper .shortcast .rainclouds {}
.wxcurrent-wrapper .shortcast .riseset {font-size:.81em}
.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%;margin-top:-30px;padding-top:35px}
	.wxcurrent-wrapper .shortcast.last {display:none}
	.wxcurrent .curdewpoint, .wxcurrent .curpressure, .wxcurrent .curvis {display:none}
}
@media (max-width:640px) {
	.wxcurrent-wrapper {padding:15px 5px}
	.wxcurrent-wrapper .currentcond .temp {font-size:49px;line-height:55px}
	.wxcurrent-wrapper .shortcast .details {font-size:.84em;padding-bottom:6px}
}
@media (max-width:500px) {
	.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}
	.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}
}

.nwsfeed-wrapper {padding:0px 10px;font-size: .9em;font-family: monospace}

/* 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 */
.weatherwidget-wrapper{font-family: 'Open Sans', Helvetica, Arial, sans-serif}
.weatherwidget-wrapper{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 {color: #fff !important}
.weatherinside-wrapper{display: block;overflow: hidden}
.weatherwidget{text-align:center;display:block}
.widget_srr_weather_widget .weather-radar {margin: -5px 0 7px}
.widget_srr_weather_widget .weather-radar img {width: 100%;height: auto}
.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:70px;line-height:35px;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.last {margin-right:0px}
.weatherwidget-shortcast .day {width:50px;display: inline-block;font-weight:bold;text-transform:uppercase;font-size:13px;width:55px}
.weatherwidget-shortcast .icon {line-height: 29px}
.weatherwidget-shortcast .temps {margin:5px 0px;font-weight:bold;text-transform:uppercase;font-size:13px} 
.weatherwidget-shortcast .details {float:right;font-weight:bold;text-transform:uppercase;font-size:13px;margin-top:5px}
.weatherwidget-shortcast .rainclouds {}
.weatherwidget-sponsor{display:block;width:100%;text-align:center;margin-top: 8px;font-size: 11px;line-height: 13px}

.weatherhoriz-shortcast{position: relative;display: inline;text-align: center;width:16.05%;margin: 0 .3%;float: left}
.wxshade {overflow:hidden;display:block;margin:0 2px;padding:4px 10px}
.weatherhoriz-shortcast .day {display:block;font-weight:bold;text-transform:uppercase;font-size:15px;margin-bottom:4px}
.weatherhoriz-shortcast .icon {line-height:14px}
.weatherhoriz-shortcast .temps {margin:5px 0px;font-weight:bold;text-transform:uppercase;font-size:21px} 
.weatherhoriz-shortcast .details {font-weight:bold;text-transform:uppercase;font-size:13px;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 .currentcond .temp {text-align: left;font-size: 41px;line-height: 41px;font-weight: bold}
.srr_weather_header .currentcond .icon{float: left;text-align: right;padding-right:5px;font-size: 40px;line-height: 40px}
.srr_weather_header .currentcond {width:140px;float: left;display: inline-block}
#mobilemenu-sidebar-wrap .srr_weather_header .currentcond {width:100%;float:none;display:block;overflow:hidden}
.srr_weather_header .summary {float: left;font-size: 14px;line-height: 19px;display: inline-block;opacity:0.9}
	
/* Radar Maps */
.darksky-radar, .weatherng-radar {position: relative;overflow: hidden}
.darksky-radar iframe, .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 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:15%}
	.weather-hourly-cond {width:16%;font-size: 20px}
	.weather-hourly-cond .wi, .weather-hourly-precip{display:none}
	.weather-hourly-summary{width:55%}
	.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-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;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-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}
}