.lin-icon-arrow-left {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAu0lEQVQoU43RMQ7CIBQGYJ+aNqZhcHP0Og2r5ZAlYe0pegQGV4ZONdGCQR4pTUVQGeHLn/89YJM5dV2XhJC7MeYshLhCygUU3hB/wBjN+PYGM0i3bVss8BvCVA+bprkAAF/3tdZOnPMy3ME/yCcyxmw8uZSy6Pter++BUnqsqmr4hX3HHHY9967ncxlmTsO+2g21W6eHGvHCsbNxcBvj1BemsE7+Naa5ZOzmk5VShyzE1bnOwziOp67rHi8Lg159blQ4tAAAAABJRU5ErkJggg==) 50% 50% no-repeat;
}

.lin-icon-arrow-right {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAw0lEQVQoU43QvQ7CIBAHcC+l2sROHVgd+gh9ga5dSeAhiyvhdRzdHGpjalS8I7ahn/EGSODH8QfYYQkhToyxS9M0ibW2o7VpQY/6jTUMSqk7omPYYQkDAcRPnOIt7OE/eICEpZQdAOzDzs45qbU+j+AWnsGiKOI8zynzqEZwDbVtmw0Q80WY7zXtRMgYc/NwqRM+4o2PoC9zZGDluk9d16xHHi589gx5WJZlwjl//LIRiqY5PaShqqpDmqZXzJSF14UHvlrtY1bzkubyAAAAAElFTkSuQmCC) 50% 50% no-repeat;
}
.sc-wx-base {
	position: relative;
	font-size: 13px;
}

/*********************************
 == Weather Gallery Styles
 *********************************/
.sc-wxgallery-base {
	font-size: 13px;
}

.sc-wxgallery-base .wxgallery_wrap .wxgallerysequence, .sc-wxgallery-base .wxgallery_wrap .wxgalleryimage {
	text-align: center;
}

.sc-wxgallery-base .wxgallery_wrap .bye * {
	margin: 0;
}

.sc-wxgallery-base .wxgallery_wrap .bye {
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.sc-wxgallery-base .slider-panel-wrap {
	margin-top: 6px;
}

.sc-wxgallery-base .wxgalleryscrollitem {
	float: left;
	height: 100%;
	width: 25%;
	position: relative;
	text-align: center;
	padding: 0 3px;
}

.sc-wxgallery-base .wxgalleryscrollitem div {
	cursor: pointer;
}

.sc-wxgallery-base .wxgalleryscrollitem .wxgallerythumb {
	height: 63px;
	overflow: hidden;
}

.sc-wxgallery-base .wxgallery_item .wxgalleryimage img, .sc-wxgallery-base .wxgallery_item .wxgallerysequence img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.sc-wxgallery-base .wxgalleryscrollitem .wxgallerythumb img {
	width: auto;
	max-height: 100%;
}

/*********************************
 == Forecast Search
 **********************************/
#mg-wxgeo {
	position: absolute;
	z-index: 1;
	background-color: #EFEFEF;
	border: 1px solid #DADADA;
	padding: 10px;
	width: 200px;
}

.sc-wx-base .mg-wxgeo-toggle {
	display: inline-block;
	padding: 4px 4px 0 10px;
}

#mg-wxgeo .mg-wxgeo-findme,
.sc-wx-base .mg-wxgeo-toggle {
	color: #347ca8;
	text-decoration: underline;
	cursor: pointer;
}

#mg-wxgeo .wxcaret {
	width: 20px;
	position: absolute;
	top: -8px;
	right: 10px;
	border-bottom: 8px solid rgb(218,218,218);
	border-left: 10px solid rgba(0,0,0,0);
	border-right: 10px solid rgba(0,0,0,0);
}

#mg-wxgeo .mg-wxgeo-findme:hover,
.sc-wx-base .mg-wxgeo-toggle:hover,
#mg-wxgeo .mg-wxgeo-findme:hover,
#mg-wxgeo .mg-wxgeo-close:hover {
	text-decoration: none;
}

#mg-wxgeo .ui-autocomplete {
	z-index: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: white;
}

#mg-wxgeo select.mg-wxgeo-saved {
	width: 130px;
	margin-right: 2px;
}

#mg-wxgeo hr {
	margin: 6px 0;
}

#mg-wxgeo .mg-wxgeo-options {
	position: absolute;
}

#mg-wxgeo ul.ui-autocomplete.ui-menu {
	padding: 2px;
	border: 1px solid #DADADA;
}

#mg-wxgeo .ui-autocomplete .ui-menu-item {
	box-sizing: border-box;
	padding: 2px 4px;
	margin: 0;
	white-space: nowrap;
}

#mg-wxgeo .ui-autocomplete .ui-menu-item.ui-state-focus {
	border: 1px solid #DADADA;
	background-color: #FAFAFA;
	padding: 1px 3px;
}

#mg-wxgeo .mg-wxgeo-select button {
	padding: 3px 4px;
}

.sc-wx-base .loading {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.65);
	text-align: center;
	opacity: 1;
	z-index: 1000;
}
.sc-wx-base .loading.off {
	opacity: 0;
}
.sc-wx-base .loading span {
	display: inline-block;
	position: relative;
	top: 50%;
	padding: 4px 10px;
	border-radius: 15px;
	background-color: #454545;
	color: #CECECE;
}


/*********************************
 == Current Conditions
 **********************************/
.sc-wx-base .conditions-menu-wrap-outer {
	width: 100%;
	position: absolute;
	top: 34px;
	right: 0;
	max-width: 285px;
	overflow: visible;
	z-index: 1;
}

.sc-wx-base .conditions-menu-carot {
	float: right;
	width: 20px;
	position: absolute;
	top: -8px;
	right: 20px;
	border-bottom: 8px solid rgb(218,218,218);
	border-left: 10px solid rgba(0,0,0,0);
	border-right: 10px solid rgba(0,0,0,0);
}

.sc-wx-base .conditions-menu-wrap {
	width: 100%;
	max-height: 305px;
	padding: 0;
	overflow-y: scroll;
	background-color: rgb(255,255,255);
	box-shadow: -2px 2px 3px 0 rgba(0,0,0,0.4);
	-webkit-overflow-scrolling: touch;
}

.sc-wx-base .conditions-data-wrap-all {
	background-color: rgb(255,255,255);
	overflow: visible;
}

.sc-wx-base .condition-location-cam {
	float: right;
	font-size: 1em;
	width: 17px;
	height: 14px;
	text-align: left;
	line-height: 20px;
	color: rgba(69,69,69,0);
	overflow: hidden;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMzE1Qjg0NTdEMjRFMzExODJERThCQjI4RUMwNzc1NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MDdGNTdENzI0N0YxMUUzOTA5N0U2Q0NENTFERjAzNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MDdGNTdENjI0N0YxMUUzOTA5N0U2Q0NENTFERjAzNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMzE1Qjg0NTdEMjRFMzExODJERThCQjI4RUMwNzc1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMzE1Qjg0NTdEMjRFMzExODJERThCQjI4RUMwNzc1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoaCNC4AAAFWSURBVHjalNJLK0RxGMfxczgWLimXLJCsLBGKXDauGxbKSrJQFpa2FK/ARll4AUons0AWcs00YeSSFVZIbJBLWbl9n/qdmqaZE099mjmdmef/fy6u7/sOUYVqHODO+Wd4+hzGJL5wiA3s4Ayvf03ShQecoA3NmMYT9pQ0igt8pkpShgbMYhyFqEM7OtEvFlfYwjbiuA2S2KkZWNMPn7EpE6hEk27bgjH5wDF2LUmvenGfpuRrWUQPVrGiw630ErtBBTJxihim0Iq8pGTlmEcWLvGing26jLhI47X6u1EPV2VFVeYRZtSnxBhAjas9ST4x6EGjDnBTlGn9ykaHl+KlLdsSljGKRxQnjN7K91VSxPbLC9mhUsxp2WwBR/COWpwjF0PYD0tyo5HGtBeW4E3L56ixC4kba1GAHHzr+cfGp+9xJQhde0dX79OfgyT5WNf408avAAMAdqFVGyBW8GcAAAAASUVORK5CYII=");
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	position: absolute;
	top: 6px;
	right: 6px;
	background-position: 0 0;
	background-repeat: no-repeat no-repeat;
}

.sc-wx-base .condition-location-temp {
	float: right;
	width: 50px;
	height: 14px;
	text-align: left;
	line-height: 1em;
	position: absolute;
	top: 6px;
	right: 6px;
}

.sc-wx-base .condition-location-name {
	line-height: 1em;
	overflow: hidden;
}

.sc-wx-base .location-data-wrap {
	display: none;
}

.sc-wx-base .active.location-data-wrap {
	display: block;
}

.sc-wx-base .data-conditions-wrap {
	float: left;
	height: 120px;
	width: 50%;
}

.sc-wx-base .data-temp {
	font-size: 2em;
	text-align: center;
	font-weight: 700;
	line-height: 1.6em;
	color: rgb(69,69,69);
}

.sc-wx-base .noicon .data-temp {
	text-align: left;
	padding-left: 8px;
}

.sc-wx-base .data-name {
	font-size: 1.25em;
	text-align: left;
	line-height: 1em;
	color: rgb(69,69,69);
	padding: 6px;
	overflow: hidden;
}

.sc-wx-base .data-group-label-wrap {
	width: 40%;
}

.sc-wx-base .data-group-label {
	font-size: .8em;
	text-align: left;
	line-height: 1.6em;
	color: rgb(69,69,69);
}

.sc-wx-base .data-group-data-wrap {
	float: right;
	width: 60%;
}

.sc-wx-base .data-group-data {
	font-size: .85em;
	text-align: left;
	font-weight: 700;
	line-height: 1.6em;
	color: rgb(69,69,69);
}

.sc-wx-base .data-cam {
	clear: both;
	width: 100%;
	padding-top: 6px;
}

.sc-wx-base .cam-img {
	width: 100%;
	color: rgb(0,0,0);
}

.sc-wx-base .cam-sponsor {
	font-size: .85em;
	text-align: right;
	line-height: 1.6em;
	color: rgb(69,69,69);
	padding-right: 5px;
}

.sc-wx-base .data-condition-icon {
	display: block;
	max-width: 100%;
	max-height: 100%;
	color: rgb(0,0,0);
	margin: 0 auto;
}

.sc-wx-base .conditions-menu-item {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 6px;
	margin-bottom: 1px;
	background-color: rgb(218,218,218);
}

.sc-wx-base .active.conditions-menu-item .condition-location-active {
	border-left: 5px solid #454545;
	border-top: 5px solid rgba(0,0,0,0);
	border-bottom: 5px solid rgba(0,0,0,0);
	margin: 1px 0;
	padding-right: 4px;
	float: left;
}

.sc-wx-base .conditions-menu-item :hover {
	text-decoration: underline;
	cursor: pointer;
}

.sc-wx-base .data-condition-icon-wrap {
	height: 65%;
	margin: 0 auto;
	padding-top: 3px 0;
	max-height: 100px;
	max-width: 100px;
}

.sc-wx-base .data-group {
	float: left;
	max-width: 190px;
	width: 100%;
}

.sc-wx-base .data-condition-extra-wrap {
	float: right;
	height: 120px;
	width: 50%;
	padding: 10px 0;
	max-width: 400px;
}

.sc-wx-base .textspan {
	font-size: 1em;
	line-height: 1em;
	font-weight: 500;
}

.sc-wx-base .data-location-change {
	float: right;
	font-size: .8em;
	text-align: left;
	line-height: 1.4em;
	padding: 6px;
	cursor: pointer;
}

.content-area .sc-wx-base .data-name {
	font-size: 1.25em;
}

.content-area .sc-wx-base .data-group {
	width: 50%;
	float: left;
}

.content-area .sc-wx-base .hascam .data-group {
	width: 100%;
}

.content-area .sc-wx-base .hasicon .data-temp {
	width: 50%;
	float: left;
	height: 75px;
	text-align: left;
	line-height: 75px;
}

.content-area .sc-wx-base .hascam .data-temp {
	font-size: 2em;
	width: 50%;
	float: left;
	color: rgb(218,218,218);
	text-shadow: rgb(0,0,0) 1px 2px 7px;
	height: 65px;
	line-height: 65px;
	text-align: left;
	padding: 0;
}

.content-area .sc-wx-base .noicon .data-temp {
	width: 100%;
	text-align: center;
}

.content-area .sc-wx-base .nocam .data-conditions-wrap {
	height: 75px;
	width: 40%;
}

.content-area .sc-wx-base .hascam .data-conditions-wrap {
	padding: 0 10px 0 0;
	position: absolute;
	width: 140px;
	top: 34px;
	left: 0;
	height: 65px;
	background-color: rgba(0,0,0,0.35);
}

.content-area .sc-wx-base .hascam.noicon .data-conditions-wrap {
	padding: 0;
	width: 90px;
}

.content-area .sc-wx-base .conditions-menu-wrap {
	width: 100%;
}

.content-area .sc-wx-base .data-condition-icon-wrap {
	width: 50%;
	float: left;
	height: 100%;
}

.content-area .sc-wx-base .data-group-label-wrap {
	width: 40%;
}

.content-area .sc-wx-base .data-group-data-wrap {
	width: 60%;
}

.content-area .sc-wx-base .hascam .data-group-data-wrap, .sc-wx-base .hascam .data-group-label-wrap {
	width: 50%;
}

.content-area .sc-wx-base .location-data-wrap {
	position: relative;
}

.content-area .sc-wx-base .nocam .data-condition-extra-wrap {
	float: right;
	height: 80px;
	width: 60%;
}

.content-area .sc-wx-base .hascam .data-condition-extra-wrap {
	position: absolute;
	width: 170px;
	top: 37px;
	right: 3px;
	background-color: rgba(255,255,255,0.8);
	padding: 10px;
}

.content-area .sc-wx-base .data-cam {
	margin-top: 0;
	margin-left: 0;
	clear: none;
	margin-right: 0;
	margin-bottom: 0;
}

/********************************
** WSI MAX WIDGET DAILY FORECAST
*********************************/
.wx-skin-default #wsi-mw-wxdaily .wx-daily-widget .wx-horizontal-format {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wx-skin-default #wsi-mw-wxdaily .wx-daily-widget-simple .wx-horizontal-format .wx-content .wx-summary.wx-horizontal .jcarousel-clip-horizontal {
	width: 100%;
}

.wx-skin-default #wsi-mw-wxdaily .wx-daily-widget-simple .wx-horizontal-format .wx-content .wx-summary.wx-horizontal ul.wx-summary-list {
	width: auto; /* content width */
	height: 100%;
}

.wx-skin-default .wx-daily-widget .wx-horizontal-format .wx-content .wx-summary.wx-horizontal ul.wx-summary-list li.wx-day-summary {
	height: 100%;
}

.wx-skin-default #wsi-mw-wxdaily .wx-panel-carousel-widget .wx-horizontal-format .wx-content .wx-summary.wx-horizontal ul.wx-summary-list li.wx-summary-item .wx-wrapper {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 100%;
	min-height: 157px;
}

/********************************
** WSI MAX WIDGET HOURLY FORECAST
*********************************/
.wx-skin-default {
	width: 100% !important;
}

.wx-skin-default #wsi-mw-wxhourly .wx-hourly-widget .wx-full-width-format {
	width: 100% !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wx-skin-default #wsi-mw-wxhourly .wx-hourly-widget .wx-full-width-format .wx-content .wx-summary.wx-horizontal .jcarousel-clip-horizontal {
	width: 100% !important;
}

.wx-skin-default #wsi-mw-wxhourly .wx-hourly-widget .wx-full-width-format .wx-content .wx-summary.wx-horizontal ul.wx-summary-list {
	width: auto; /* content width */
	height: 100%;
}

.wx-skin-default .wx-hourly-widget .wx-full-width-format .wx-content .wx-summary ul.wx-summary-list li.wx-summary-item {
	height: 100%;
}

.wx-skin-default #wsi-mw-wxhourly .wx-hourly-widget.wx-panel-carousel-widget .wx-full-width-format .wx-content .wx-summary.wx-horizontal ul.wx-summary-list li.wx-summary-item .wx-wrapper {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 100%;
	min-height: 157px;
}

/********************************
** WSI MAX WIDGET CURRENT CONDITIONS
*********************************/
#wsi-mw-wxconditions {
	width: auto;
}

/********************************
** WSI MAX WIDGET LOCATION SEARCH
*********************************/
#wsi-mw-wxsearch {
	width: auto;
}

/********************************
** MAX MAP RADAR WIDGET
*********************************/
#wsi-mw-wxradar {
	position: relative;
	width: 100%;
	min-height: 375px;
	padding-bottom: 65%;
}

#wsi-mw-wxradar #__wxMap {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}

#wsi-mw-wxradar #responsive_wxMap_UI .layersDialog .layerOption {
	height: 68px;
	line-height: 1.2em;
	padding-top: 31px;
}

#wsi-mw-wxradar #__wxMap .leaflet-container a.leaflet-popup-close-button {
	padding: 0;
	height: 16px;
}

#wsi-mw-wxradar #__wxMap {
	z-index: 0;
}


/*********************************
 == Forecast Graph
 **********************************/
.sc-wx-base .fchourlygraph {
	position: relative;
	float: left;
	height: 100%;
	width: 100%;
	min-height:220px;
}

.wxcGraphHeaderContainer {
	position: absolute;
	display: none;
	padding-left: 0;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	height: 20px;
	overflow: hidden;
	margin: 0 2px 0 25px;
	border: 3px solid #DADADA;
	border-bottom-style: none;
	background-color: #f4f4f4;
}

.wxcGraphHeaderContainer .header {
	position: relative;
}

.wxcGraphHeaderContainer .header .day {
	border-right: 1px solid #DADADA;
	text-align: center;
	overflow: hidden;
	float: left;
	height: 20px;
	margin-left: 1px;
}

.wxcGraphHeaderContainer .header .day:last-child {
	border-right: none;
}

.wxcGraphHeaderContainer .header .day .label {
	display: block;
	margin: auto;
	padding-top: 1px;
	color: #454545;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 0 0 #000;
	white-space: nowrap;
	line-height: 1.25em;
}

.wxcGraph {
	position: relative;
	margin-top: 16px;
	height: 227px;
	width: 100%;
	float: left;
	color: #000;
}

.wxcGraph .tickLabel {
	font-size: 12px;
	white-space: nowrap;
}

.wxcGraphHover {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid #454545;
	background: rgba(69,69,69,0.85);
	box-shadow: inset 0 0 0 #008800, 0 0 12px rgba(0,0,0,0.35);
	padding: 5px;
	color: #FFF;
	text-shadow: 0 1px 1px black;
}

.wxcGraphHover .timeStamp {
	position: absolute;
	right: 10px;
	font-size: 1em;
	font-weight: bold;
}

.wxcGraphHover .infoContainer {
	float: left;
	width: 125px;
	font-size: 12px;
	position: relative;
	height: 100%;
}

.wxcGraphHover .infoContainer .value {
	font-weight: bold;
}

.wxcGraphHover .infoContainer .temperature {
	font-weight: bold;
	font-size: 36px;
	padding: 0 0 0 5px;
}

.wxcGraphHover .image {
	position: absolute !important;
	top: 22px;
	right: 8px;
	width: 100px;
}

.wxcGraphHover .arrowLeft {
	width: 9px;
	position: absolute !important;
	top: 0;
	left: -9px;
}

.wxcGraphHover .arrowRight {
	width: 9px;
	position: absolute !important;
	top: 0;
	right: -9px;
}

.wxcGraphHover .infoContainer .varlist {
	margin-bottom: 3px;
}

.wxcInfoMessage {
	display: none;
	position: absolute;
	top: 63px;
	left: 50%;
	font-size: 18px;
	color: white;
	background-color: #201812;
	border-radius: 10px;
	z-index: 999999;
	padding: 5px 15px;
	text-shadow: 0 0 1px black;
	white-space: nowrap;
}

/*************************
 == Hourly Forecast
 **************************/
.sc-wx-base .fcast_type {
	white-space: nowrap;
}

.sc-wx-base .hr-fcast-time {
	width: 100%;
	padding: 8px 0;
}

.sc-wx-base .hr-fcast-icon-wrap {
	background-color: rgb(236,236,236);
	height: 40px;
	width: 100%;
}

.sc-wx-base .hr-fcast-detail {
	width: 102.676282%;
	min-height: 20px;
}

.sc-wx-base .date-day, .sc-wx-base .date-time {
	font-size: 1em;
	text-align: center;
	line-height: 1em;
}

.sc-wx-base .date-time {
	font-weight: 700;
	font-size: 1.4em;
	font-variant: small-caps;
}

.sc-wx-base .hr-fcast-icon {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block;
}

.sc-wx-base .hr-fcast-temp {
	font-size: 1.1em;
	text-align: center;
	font-weight: 700;
	line-height: 1.3em;
}

.sc-wx-base .hr-fcast-time-wrap {
	float: left;
	width: 60px;
	background-color: #FFF;
	border-right: 1px solid rgb(206,206,206);
	border-bottom: 1px solid rgb(206,206,206);
}

.sc-wx-base .hr-fcast-precip {
	font-size: .8em;
	text-align: center;
	line-height: 1.4em;
	padding: 6px 0;
}

.sc-wx-base .hr-fcast-wrap {
	display: none;
	/*height: 153px;*/
	width: 100%;
	min-height: 50px;
	position: relative;
	top: 0;
	left: 0;
	border: 1px solid rgb(206,206,206);
}

.sc-wx-base .hr-fcast-content {
	height: 100%;
	/*padding-right: 20px;*/
	overflow: hidden;
	background-color: rgb(206,206,206);
}

.sc-wx-base .hr-fcast-scroller {
	height: 100%;
	width: 100%;
	min-height: 100px;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.sc-wx-base .hr-fcast-recip-label {
}

.sc-wx-base .hr-fcast-recip-data {
}

.sc-wx-base .scroll-indicator {
	float: left;
	width: 28px;
	position: absolute;
	left: auto;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgb(255,255,255) 52%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgb(255,255,255) 52%);
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	top: 0;
	height: 150px;
	border-bottom: 1px solid rgb(206,206,206);
	/*padding: 52px 0 0;*/
	right: 0;
	background-position: 0 0;
	background-repeat: repeat repeat;
}

.sc-wx-base .scroll-right-icon {
	height: 100%;
	width: 50%;
	float: right;
}

/*************************
 == Extended Forecast
 **************************/
.sc-wx-base .ext-fcast-wrap {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	border-right: 1px solid rgb(206,206,206);
}

.sc-wx-base .ext-fcast-date-wrap {
	float: left;
	padding: 3px 0 0;
	overflow: hidden;
	position: relative;
	border: 1px solid rgb(206,206,206);
	border-right: none;
}

.sc-wx-base .ext-fcast-date-wrap:last-child {
	float: none;
}

.sc-wx-base .ex-fcast-date {
	float: left;
	width: 100%;
	padding: 6px 0;
}

.sc-wx-base .date-num {
	font-size: 1.6em;
	text-align: center;
	font-weight: 700;
	line-height: 1em;
}

.sc-wx-base .date-abbr {
	font-size: 1em;
	text-align: center;
	line-height: 1em;
}

.sc-wx-base .ex-fcast-icon-wrap {
	float: left;
	width: 100%;
	padding: 6px 8px;
	background-color: rgb(236,236,236);
}

.sc-wx-base .ex-fcast-icon {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.sc-wx-base .ex-fcast-detail {
	float: left;
	width: 100%;
	min-height: 20px;
}

.sc-wx-base .ex-fcast-description {
	float: left;
	width: 100%;
	font-size: .85em;
	text-align: center;
	line-height: 1.4em;
	min-height: 75px;
	padding: 6px 3px;
}

.sc-wx-base .temp-hi-low {
	float: right;
	width: 100%;
}

.sc-wx-base .ex-fcast-temps {
	float: left;
	font-size: .9em;
	width: 100%;
	text-align: center;
	font-weight: 700;
	line-height: 1.9em;
	background-color: rgb(236,236,236);
}

.sc-wx-base .precip {
	float: right;
	width: 100%;
	overflow: hidden;
}

.sc-wx-base .precip-label {
	float: left;
	font-size: .85em;
	width: 100%;
	text-align: center;
	line-height: 1.9em;
	background-color: rgb(255,255,255);
}

.sc-wx-base .precip-data {
	float: left;
	font-size: .9em;
	width: 100%;
	text-align: center;
	font-weight: 700;
	line-height: 1.9em;
	background-color: rgb(236,236,236);
}

@media only screen and (max-width: 991px) {

	/**
	 == Extended Forecast
	 **/
	.sc-wx-base .ext-fcast-wrap {
		border-right-width: 0;
	}

	.sc-wx-base .ext-fcast-date-wrap {
		width: 100% !important;
		padding: 3px 10px;
		border-bottom-color: rgb(206,206,206);
		border-width: 0 0 1px;
		border-bottom-style: solid;
		height: 65px;
		border-top-color: rgb(206,206,206);
	}

	.sc-wx-base .ex-fcast-date {
		padding: 8px 10px 10px 0;
		width: 40px;
	}

	.sc-wx-base .ex-fcast-icon-wrap {
		width: 57px;
		padding: 3px 3px 0;
		background-color: rgb(255,255,255);
	}

	.sc-wx-base .ex-fcast-detail {
		padding: 8px 0 0 106px;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		float: none;
		clear: none;
		margin-top: 0;
	}

	.sc-wx-base .ex-fcast-description {
		min-width: 100%;
		line-height: 1.4em;
		border-bottom: 1px solid rgb(236, 236, 236);
		margin: 0 0 -1px;
		clear: none;
		height: 23px;
		overflow: hidden;
		text-align: left;
		font-size: 1em;
		padding: 0;
		min-height: 0;
	}

	.sc-wx-base .temp-hi-low {
		border-top: 1px solid rgb(236, 236, 236);
		margin: 0;
		clear: none;
		float: left;
		padding: 0 0 10px;
		width: auto;
	}

	.sc-wx-base .ex-fcast-temps {
		width: auto;
		text-align: left;
		margin: 0 8px 0 0;
		background-color: rgb(255,255,255);
	}

	.sc-wx-base .precip {
		border-top: 1px solid rgb(236, 236, 236);
		margin: 0;
		clear: none;
		float: left;
		width: auto;
		padding: 0 0 10px;
	}

	.sc-wx-base .precip-label {
		text-align: left;
		width: auto;
		margin: 0 8px 0 0;
		line-height: 2.1em;
		background-color: rgb(255,255,255);
	}

	.sc-wx-base .precip-data {
		width: auto;
		background-color: rgb(255,255,255);
	}

	/**
	 == Hourly Forecast
	 **/
	.sc-wx-base .hr-fcast-wrap {
		float: none;
		margin: 0;
		clear: none;
		width: 100%;
		min-height: 50px;
		display: block;
	}

	.sc-wx-base .fchourlygraph {
		display: none;
	}

	.sc-wx-base .hr-fcast-detail {
		padding-top: 4px;
		height: auto;
	}

	.sc-wx-base .hr-fcast-precip {
		margin: 0;
		clear: none;
	}

	.sc-wx-base .hr-fcast-content {
		float: none;
		margin: 0;
		clear: none;
		border-radius: 0;
		overflow: hidden;
		background-color: rgb(255,255,255);
	}

	.sc-wx-base .hr-fcast-scroller {
		float: none;
		height: 100%;
		margin: 0;
		clear: none;
		width: 100%;
		min-height: 100px;
	}

	.sc-wx-base .hr-fcast-time-wrap {
		height: 150px;
		clear: none;
	}
}

@media only screen and (max-width: 767px) {
	/**
	 == Current Conditions
	 **/
	.sc-wx-base .data-name {
		font-size: 1.25em;
	}

	.sc-wx-base .conditions-menu-item {
	}

	.sc-wx-base .data-group {
		width: 50%;
		float: left;
	}

	.sc-wx-base .hascam .data-group {
		width: 100%;
	}

	.sc-wx-base .hasicon .data-temp {
		width: 50%;
		float: left;
		height: 75px;
		text-align: left;
		line-height: 75px;
	}

	.sc-wx-base .hascam .data-temp {
		font-size: 2em;
		width: 50%;
		float: left;
		color: rgb(218,218,218);
		text-shadow: rgb(0,0,0) 1px 2px 7px;
		height: 65px;
		line-height: 65px;
		text-align: left;
		padding: 0;
	}

	.sc-wx-base .noicon .data-temp {
		width: 100%;
		text-align: center;
	}

	.sc-wx-base .nocam .data-conditions-wrap {
		height: 75px;
		width: 40%;
	}

	.sc-wx-base .hascam .data-conditions-wrap {
		padding: 0 10px 0 0;
		position: absolute;
		width: 140px;
		top: 34px;
		left: 0;
		height: 65px;
		background-color: rgba(0,0,0,0.35);
	}

	.sc-wx-base .hascam.noicon .data-conditions-wrap {
		padding: 0;
		width: 90px;
	}

	.sc-wx-base .conditions-menu-wrap {
		width: 100%;
	}

	.sc-wx-base .data-condition-icon-wrap {
		width: 50%;
		float: left;
		height: 100%;
	}

	.sc-wx-base .data-group-label-wrap {
		width: 40%;
	}

	.sc-wx-base .data-group-data-wrap {
		width: 60%;
	}

	.sc-wx-base .hascam .data-group-data-wrap, .sc-wx-base .hascam .data-group-label-wrap {
		width: 50%;
	}

	.sc-wx-base .location-data-wrap {
		position: relative;
	}

	.sc-wx-base .nocam .data-condition-extra-wrap {
		float: right;
		height: 80px;
		width: 60%;
	}

	.sc-wx-base .hascam .data-condition-extra-wrap {
		position: absolute;
		width: 170px;
		top: 37px;
		right: 3px;
		background-color: rgba(255,255,255,0.8);
		padding: 10px;
	}

	.sc-wx-base .data-cam {
		margin: 0;
		clear: none;
	}

	/**
	 == Extended Forecast
	 **/
	.sc-wx-base .ext-fcast-date-wrap {
		width: 100% !important;
	}

	/**
	 == Hourly Forecast
	 **/
	.sc-wx-base .scroll-indicator {
		top: 0;
		left: auto;
		width: 35px;
	}
}

@media only screen and (max-width: 480px) {

	/**
	 == Weather Gallery
	 **/
	.sc-wxgallery-base .wxgalleryscrollitem {
		width: 50%;
		margin-bottom: 6px;
	}
	.sc-wxgallery-base .wxgalleryscrollitem:nth-child(odd) {
		clear: left;
	}

	/**
	 == Current Conditions
	 **/
	.content-area .sc-wx-base .data-group, .sc-wx-base .data-group {
		width: 100%;
		max-width: none;
	}

	.content-area .sc-wx-base .data-group-data-wrap, .sc-wx-base .data-group-data-wrap {
		width: 60%;
	}

	.content-area .sc-wx-base .data-group-label-wrap, .sc-wx-base .data-group-label-wrap {
		width: 40%;
	}

	.content-area .sc-wx-base .data-group-data, .sc-wx-base .data-group-data {
		text-align: left;
	}

	.content-area .sc-wx-base .data-group-label, .sc-wx-base .data-group-label {
		text-align: left;
	}

	.content-area .sc-wx-base .nocam .data-condition-extra-wrap, .sc-wx-base .nocam .data-condition-extra-wrap {
		height: 120px;
	}

	.content-area .sc-wx-base .hascam .data-condition-extra-wrap, .sc-wx-base .hascam .data-condition-extra-wrap {
		position: static;
		background-color: rgba(0,0,0,0);
		width: 60%;
	}

	.content-area .sc-wx-base .data-name, .sc-wx-base .data-name {
		font-size: 1.25em;
	}

	.content-area .sc-wx-base .hascam .data-conditions-wrap, .content-area .sc-wx-base .data-conditions-wrap, .sc-wx-base .hascam .data-conditions-wrap, .sc-wx-base .data-conditions-wrap {
		position: static;
		padding: 0;
		background-color: rgba(0,0,0,0);
		height: 120px;
		width: 40%;
	}

	.content-area .sc-wx-base .conditions-menu-wrap, .sc-wx-base .conditions-menu-wrap {
		width: 100%;
	}

	.content-area .sc-wx-base .data-condition-icon-wrap, .sc-wx-base .data-condition-icon-wrap {
		float: none;
		height: 65%;
	}

	.content-area .sc-wx-base .hasicon .data-temp, .sc-wx-base .hasicon .data-temp {
		text-align: center;
		line-height: 1.6em;
		float: none;
		width: 100%;
	}

	.content-area .sc-wx-base .hascam .data-temp, .sc-wx-base .hascam .data-temp {
		color: rgb(69,69,69);
		text-shadow: rgba(0,0,0,0) 1px 2px 7px;
		font-size: 2em;
		text-align: center;
		line-height: 1.6em;
		float: none;
		width: 100%;
	}

	.content-area .sc-wx-base .noicon .data-temp, .sc-wx-base .noicon .data-temp {
		text-align: left;
		padding-left: 8px;
	}

	/**
	 == Extended Forecast
	 **/
	.sc-wx-base .ext-fcast-date-wrap {
		font-size: 0.9em;
		height: 58px;
		padding: 3px 6px;
	}

	.sc-wx-base .ex-fcast-date {
		width: 32px;
		padding-top: 10px;
	}

	.sc-wx-base .ex-fcast-icon-wrap {
		width: 40px;
		padding: 6px 0 0;
	}

	.sc-wx-base .ex-fcast-detail {
		padding-left: 80px;
	}

	.sc-wx-base .ex-fcast-description {
		height: 20px;
	}

	.sc-wx-base .ex-fcast-temps {
		margin: 0 8px 0 0;
	}

	.sc-wx-base .precip-label {
		margin-right: 4px;
		line-height: 2em;
	}

	.sc-wx-base .precip-data {
	}

	/**
	 == Hourly Forecast
	 **/
	.sc-wx-base .hr-fcast-content {
		width: 375%;
	}
}
/**
* CSS for the mg_wxforecast shortcode
*/

.forecast .fcast_extended_wrap h3 {
	margin-bottom: 0px;
}

.forecast-wrapper {
	position: relative;
	width: 100%;
}

.forecast-header {
	border-bottom: 5px solid #1b2e57;
	margin-bottom: 10px;
}

.forecast-header h3 {
	padding: 10px 0;
	margin-bottom: 0px;
	margin-top: 0px;
}

.forecast-header h3 span {
	background: #eaeaea;
	padding: 5px;
}

/* A single column (daily or hourly) */
.forecast-column {
	border-right: 1px solid #dadada;
	cursor: pointer;
	float: left;
	text-align: center;
}

.forecast-column:last-child {
	border-right: none;
}

.forecast-day-name,
.forecast-hourly-day {
	font-size: 1.6em;
	text-align: center;
}

.forecast-day-number,
.forecast-hourly-time {
	font-size: 1.2em;
	text-align: center;
}

.forecast-icon img {
	height: auto;
	max-width: 100%;
}

.forecast-precip-description {
	padding: 5px;
	font-size: .8em;
	min-height: 50px;
	overflow-wrap: break-word;
	white-space: normal;
}

.forecast-precip-percentage {
	font-size: 1.4em;
	margin-bottom: 10px;
}

.forecast-precip-percentage img.raindrop{
	display: inline;
	width: 15px;
	height: auto;
}

.forecast-temperature-wrapper {
	color: white;
	font-size: 1.4em;
	height: 210px;
	margin: auto;
	position: relative;
	width: 80%;
}

.forecast-temperature {
	background: #1b2e57;
	position: relative;
	width: 100%;
}

.forecast-temperature-max {
	padding: 10px;
	position: absolute;
	top: 0px;
	text-align: center;
	width: 100%;
}

.forecast-temperature-min {
	bottom: 0px;
	padding: 10px;
	position: absolute;
	text-align: center;
	width: 100%;
}

/* Additional Forecast Info */
.forecast-overlay {
	background: rgba( 50, 50, 50, .9 );
	color: white;
	display: -ms-flexbox;
	display: flex;
	display: none;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
}

.forecast-overlay p {
	font-weight: normal;
	margin: 0 0 10px 0;
}

.forecast-overlay .forecast-overlay-close {
	position: absolute;
	right: 10px;
}

.forecast-overlay .forecast-overlay-title {
	margin-bottom: 10px;
}

.forecast-overlay .forecast-overlay-title h3 {
	margin: 0px;
}

#forecast-hourly .forecast-overlay .forecast-overlay-title h3 {
	text-align: center;
	width: 90%;
}

.forecast-overlay .forecast-overlay-full-width {
	margin-bottom: 10px;
	width: 100%;
}

.forecast-overlay .forecast-overlay-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
}

.forecast-overlay .forecast-overlay-columns .forecast-overlay-left,
.forecast-overlay .forecast-overlay-columns .forecast-overlay-right {
	width: 50%;
}

#forecast-hourly .forecast-overlay .forecast-overlay-columns .forecast-overlay-left {
	text-align: right;
}

/* Hourly forecast can always scroll */
.forecast-hourly-scroll {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.forecast-hourly-column {
	display: inline-block;
	float: none;
	margin-bottom: 10px;
	width: 120px !important;
}

/* Mobile version */
@media only screen and (max-width: 991px) {
	/* Trigger scrolling instead of equal width columns */
	.forecast-scroll {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}

	/* Daily columns scroll in mobile */
	.forecast-column {
		cursor: pointer;
		display: inline-block;
		float: none;
		width: 90px !important;
	}

	/* Scroll buttons */
	.scroll-left,
	.scroll-right {
		background: blue;
		cursor: pointer;
		height: 400px;
		width: 22px;
		z-index: 99;
	}

	.scroll-left {
		background: #fff url(/wp-content/themes/vip/lin-media/inc/wx_shortcodes/static/css/../images/graph/hoverarrowleft.gif) no-repeat left center;
		float: left;
	}

	.scroll-right {
		background: #fff url(/wp-content/themes/vip/lin-media/inc/wx_shortcodes/static/css/../images/graph/hoverarrowright.gif) no-repeat right center;
		float: right;
	}
}