/* -- Weather Forecast -- */
.clear {clear:both}
.topbar-weather {position:relative;float:left;padding:7px 15px 0 0}
.forecast-wrapper{margin-bottom:20px}
.forecast-wrapper a {text-decoration:none !important;color:#141414 !important}
.forecast-wrapper a:hover {text-decoration:none !important;color:#141414 !important}
.forecast-row {display:block;overflow:hidden}
.forecast-icon {display:inline-block;width:15%;max-width:66px;float:left;padding-top:13px;text-align:center;}
.forecast-icon .wi {vertical-align:bottom}
.forecast-icon .svg {max-width:60px;max-height:62px;}
.forecast-icon .svg path {fill:#555;}
.forecast-detail {display:inline-block;width:80%;margin-left:15px;padding-top:10px}
.forecast-detail span {font-weight:bold}
.current-wrapper {width:100%;display:block;overflow:hidden;background-size:cover;background-position:center center}
.forecast-current {width:100%;display:block;overflow:hidden;padding:20px 0;min-height:250px}
.forecast-now {width:35%;display:inline-block;float:left;text-align:center;color:#eee;text-shadow:0px 0px 4px black}
.ovc, .fg, .mist, .smoke, .dust, .fzra, .mix, .nmix, .fzrara {color:#191919 !important;text-shadow:0px 0px 0px !important}
.ovc .st0, .fg .st0, .mist .st0, .smoke .st0, .dust .st0, .fzra .st0, .mix .st0, .nmix .st0, .fzrara .st0 {fill:#191919 !important;text-shadow:0px!important}
.current-temp {display:block;font-size:74px;line-height:74px;text-align:center;padding:15px 0px 10px}
.current-temp .svg{max-width:57px;max-height:60px;margin-right:7px;-webkit-filter: drop-shadow( 0px 0px 2px #555 );filter: drop-shadow( 0px 0px 2px #555 );}
.current-temp .svg path {fill:#fefefe;}
.ovc .current-temp .svg, .fg .current-temp .svg, .mist .current-temp .svg, .smoke .current-temp .svg, .dust .current-temp .svg, .fzra .current-temp .svg, .mix .current-temp .svg, .nmix .current-temp .svg, .fzrara .current-temp .svg {-webkit-filter: drop-shadow(  0px 0px 0px transparent );filter: drop-shadow( 0px 0px 0px transparent );}}
.current-temp .svg path {fill:#fefefe;}
.current-summary {display:block;font-weight:bold;margin:5px 0;line-height:16px}
.current-cond {font-size:.85em;line-height:1.3em}
.current-cond .data-title {font-weight:bold}
.clickcast {font-weight:bold;font-size:16px;margin-top:10px}
.radarimg {width:100%;height:auto;margin-bottom:15px}
.forecast-current-detail {position:relative;width:20%;float:left;display:inline-block;text-align:center;text-shadow:0px 0px 3px black;background:rgba(0,0,0,0.6);min-height:215px;padding:10px;margin-right:8px;color:#eee;min-height:240px;font-size:13px;line-height:16px}
.forecast-current-daypart {display:block;height:45px;font-size:17px;line-height:19px}
.forecast-current-icon {margin-bottom:5px;font-size:65px}
.forecast-current-icon .svg{max-width:87px;max-height:90px;}
.forecast-current-icon .svg path {fill:#fefefe;}
.forecast-radar{margin:-5px 0 7px}
.forecast-radar img {width:100%;height:auto}
.forecast-widget{margin-top:-5px;color:#141414;overflow:hidden;background-size:cover;background-position:center center;padding:10px 5px}
.forecast-widget a{color:#141414 !important;text-decoration:none}
.forecast-widget-icon {float:left;margin-bottom:10px;display:inline-block}
.forecast-widget-row-icon {}
.forecast-widget-row-icon .svg{max-width:36px;max-height:40px;}
.forecast-widget-row-icon .svg path {fill:#fefefe;}
.forecast-widget-current {display:block;overflow:hidden;width:100%;color:#eee;text-shadow:0px 0px 4px black}
.forecast-widget-current a {text-decoration:none !important}
.forecast-widget-current a:hover {text-decoration:none !important}
.forecast-widget-summary {text-align:center;font-size:12px;line-height:15px;margin:8px 0px 15px}
.forecast-widget-temp {display:block;font-size:74px;line-height:74px;margin-top:8px;text-align:center}
.forecast-widget-temp .svg{max-width:57px;max-wheight:60px;margin-right:7px;-webkit-filter: drop-shadow( 0px 0px 2px #555 );filter: drop-shadow( 0px 0px 2px #555 );}
.forecast-widget-temp .svg path{fill:#fefefe;}
.ovc .forecast-widget-temp .svg, .fg .forecast-widget-temp .svg, .mist .forecast-widget-temp .svg, .smoke .forecast-widget-temp .svg, .dust .forecast-widget-temp .svg, .fzra .forecast-widget-temp .svg, .mix .forecast-widget-temp .svg, .nmix .forecast-widget-temp .svg, .fzrara .forecast-widget-temp .svg {-webkit-filter: drop-shadow(  0px 0px 0px transparent );filter: drop-shadow( 0px 0px 0px transparent );}}

.forecast-widget-cond {display:block;width:100%;text-align:center;text-shadow:0px 0px 4px black}
.widget-summary {font-weight:bold}
.forecast-widget-forecast {display:block;overflow:hidden}
.forecast-widget-day {display:inline-block;width:18.8%;float:left;margin:0 2px;text-align:center;color:#eee;background:rgba(0,0,0,0.6);padding:10px 1px 0px;min-height:100px}
.forecast-widget-day:last-child {margin:0px 0px 0px 2px;}
.forecast-widget-detail {font-size:11px;line-height:14px;text-align:center;margin-top:5px}
.forecast-widget-link {display:block;margin-top:15px;text-align:center;height:28px}
.rain-chance {display:block;text-align:center;margin-top:10px;text-align:center;margin-top:10px;bottom:5px;position:absolute;width:87%}
.rain-chance .svg{max-width:16px;max-height:20px;margin-right: 3px;}
.rain-chance .svg path {fill:#fefefe;}

@media (max-width:1200px) {
	.forecast-widget-day {width:18.68%}
}
@media (max-width:991px) {
	.forecast-widget-day {width:19.4%}
}
@media (max-width:670px) {
	.forecast-widget-day {width:19.2%}
}
@media (max-width:550px) {
	.forecast-widget-day {width:19.1%;margin:0px 0px 0px 3px}
	.forecast-current-detail {width:30%}
	.current-cond , .forecast2 {display:none}
	.current-temp {font-size:60px;line-height:57px}
}
@media (max-width:400px) {
	.forecast-widget-day {width:19%;}
	.forecast-current-detail {width:29%}
	.forecast-current-daypart {height: 39px;font-size: 14px;line-height: 16px;}
	.clickcast {font-size: 14px;line-height: 16px;}
}
.top20 {margin-top:20px}
.abovewx iframe{width:100% !important}
.belowwx iframe{width:100% !important}

/* -- 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;}

#srrwx_alerts {margin-bottom:15px}
ul.srrwx_alert_item {list-style:none;margin:0 !important;padding:0 !important}
.srrwx-alert{display:block;padding:10px}
.srrwx-alert span {font-weight:bold}
.srrwx-alert-info{}
.srrwx-alert-updated{display:inline-block;width:45%}
.srrwx-alert-severity{display:inline-block;width:26%}
.srrwx-alert-status{display:inline-block;width:26%}
.srrwx-alert-areas{padding:10px 0px}
.srrwx-alert-text{}
.srrwx-alert-instructions{padding-bottom:10px}
.srrwx-alert-message{}
.srrwx-acc-toggle {cursor:pointer;font-weight:bold!important;padding:5px 10px;margin-top:4px;margin-bottom:0px}
.srrwx-acc-content {}
.transition, .srrwx-acc-content, ul li i:before, ul li i:after {transition:all 0.25s ease}
#srrwx_alerts ul {list-style:none;padding:0;margin:0}
#srrwx_alerts ul li {position:relative;padding:0;margin:0}
#srrwx_alerts ul li:last-of-type {padding-bottom:0}
#srrwx_alerts ul li i {position:absolute;transform:translate(-6px, 0);margin-top:10px;right:11px}

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

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