.header-section .weather-cont{/*position:absolute;*/}
.weather-container a:hover { text-decoration: none;}
.weather-container .sv-weather-widget-icon{cursor:pointer;}
.weather-container .sv-weather-widget-icon .icon{position: relative;right:10px;}
.weather-container .sv-weather-widget-icon > div{display: inline-block;}
.weather-container .temp{
	position: relative;
	left: -4px;	
	color: #fff;
	font-size: 18px;
}

/* dropdown */
.weather-container .dropdown{
	position: absolute;
	bottom: -65px;
	right:0px;
	width: 366px;
	overflow: hidden;	
	background-color: #5d2b72;
	max-height: 0;
	z-index: 500;	
	-webkit-transition: max-height 200ms; 
	transition: max-height 200ms;
}
.weather{

}
.weather.open{z-index:500px;}
.weather .weather-container{
	border-right:1px solid rgba(255, 255, 255, 0.4); 
	height: 40px;
	position: relative;
}

.weather.open .weather-container .sv-weather-widget-icon{background-color: #5d2b72;}
.weather.open .weather-container .dropdown{max-height: 70px;}
.weather.open .weather-container .sv-weather-widget-icon .fa-caret-down{transform: rotateZ(180deg);}
.weather-container .dropdown-int{padding: 12px 0;}
.weather-container .dropdown .item{position: relative;display: inline-block;padding:0 15px;}
.weather-container .dropdown .item::after{
	position: absolute;
	top: 5px;
	right: 0;
	content: '';
	height: 40px;
	width: 2px;
	background: #b1b6bc;
}
.weather-container .dropdown .item.last::after{display: none;}
.weather-container .dropdown .icon{padding-right: 7px;max-width: 56px;}
.weather-container .dropdown .temp{font-size: 27px;line-height: 27px;}
.weather-container .dropdown .date{color: #fff;font-size: 16px;line-height: 16px;text-transform: uppercase;    max-width: 70px;   overflow: hidden; height: 16px;}
.header-section .weatherWrapper .weather-icon.climacon{font-size: 24px;position: relative;top: 0; margin-right: 0;}
.header-section .weather-container .sv-weather-widget-icon{color: #fff;}

/*
|--------------------------------
|  MEDIA QUERIES
|--------------------------------
*/
/*** Mobile ***/ 
@media only screen and (max-width: 40em) {
	.mobilenav > .mobile-weather{display:none;}
	.dl-menu .sv-weather-widget-icon{right: 258px; position: relative;}
}
/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){} 
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.mobilenav > .mobile-weather{display:inline-block;}
	.mobile-weather{
		position:absolute;
		top: 10px;
		right: 190px;
		line-height: 40px;
	}
	.dl-menu .sv-weather-widget-icon{right: 258px; position: relative;}
}
/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) {
	.share-cont {margin: 10px 0 30px 0;}
	.weather-container .sv-weather-widget-icon{
		top: -4px; 
		padding: 0 10px; 
		min-width: 85px;
		float: right;
	}
}