.weather-container a:hover { text-decoration: none;}
.weather-container a:visited {color: #323c46;}
.weather-container .sv-weather-widget-icon{
	position: relative;
	cursor: pointer;
	display: block;
    padding-top: 2px;
	padding-right: 18px;
}
.weather-container .sv-weather-widget-icon .icon{
	position: relative;
	top: -4px;
	width:30px;
	height:30px;
}
.weather-container .sv-weather-widget-icon::after{
	position: absolute;
	right: 0px;
	top: 13px;
	content: '';
	width: 9px;
	height: 5px;
	background-image: url("/includes/public/assets/images/weatherarrow.png");
	background-position: left center;
}
.weather.open .weather-container .sv-weather-widget-icon::after{
	background-position: right center;
}
.weather-container .sv-weather-widget-icon > div{
	display: inline-block;
}

/* dropdown */
.weather-container .dropdown{
	position: absolute;
	top: 80px;
	left: -30px;
	width: 160px;
	height: 370px;
	overflow: hidden;
	padding: 0px 10px;
	z-index: 500;
	max-height: 0;
	-webkit-transition: max-height 200ms;
	transition: max-height 200ms;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.8+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#47ffffff',GradientType=0 ); /* IE6-9 */


}
.weather.open .weather-container .dropdown{
	max-height: 370px;
}
.weather-container .dropdown-int{
	padding: 12px 0;
}

.weather-container .dropdown .today{
	color:#506270;
	height: 60px;
    padding-left: 8px;
	margin-top:20px;
}
.weather-container .dropdown .dayheader{
	color:#7ba6bb;
	font-size: 12px;
	text-align: left;
	padding: 5px 5px;
    font-family: 'L Futura W01';
}
.weather-container .dropdown .today .info{
 padding-left: 20px;
}
.weather-container .dropdown .today .temp{
	font-size: 30px;
	line-height: 32px;
}
.weather-container .dropdown .today .date{
	font-size: 14px;
}
.weather-container .dropdown .item{
	position: relative;
	display: inline-block;
	padding: 12px 7px;
	height: 52px;
	width: 140px;
	border-top: 1px solid #7ba6bb;
	font-family: 'L Futura W01';
	font-size:14px;
	color:#7ba6bb;
	text-transform: capitalize;
}

.weather-container .dropdown .item.last::after{
	display: none;
}
.weather-container .dropdown .item .icon{
	padding-right: 15px;
}
.weather-container .dropdown .item .icon img{
	width: 30px;
	height: 30px;
}
.weather-container .dropdown .item .info{
	padding-top: 6px;
}
.weather-container .dropdown .item .temp{
	display: inline-block;
	padding-right: 6px;
}
.weather-container .dropdown .item .date{
	display: inline-block;
}

.weather-container .dropdown .sidebtn {
    margin-left: 9px;
    font-size: 15px;
    padding: 12px 16px;
    font-family: 'Avenir Next W01';
    float: left;
    color: #7ba6bb;
    background-color: #fff;
    border: 1px #7ba6bb solid;
    transition: all ease .5s;
    -webkit-transition: all ease .5s
}
.weather-container .dropdown .sidebtn:hover {
	background-color:#7ba6bb;
	color:#fff;
}
/** mobile **/
.navMobile .dl-menuwrapper li .mobile-weather a{
	padding: 0;
	border: none;
}
.navMobile  .sv-weather-widget-icon .icon{
	top: 0;
}
.weather-container.mobile .sv-weather-widget-icon::after{
	display: none;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.weather-container .dropdown{
		top: 76px;
	}
}
@media (max-width: 40.063em) {
	li.weather-mobile {display: block; }
	.weather-container div.text { display: inline-block;}
}