/*
	This is the core css file for the weather plugin if you need to change it please extended it on your client 
*/

 #sv-weather-widget {
 	color: white;
	width: 52px;
	position: relative;
	min-height: 1px; /* add a height to prevent overlaying search icon if it is the only thing in the secondary nav */
}
header .weather-container {
	/* set up width before weather loads so secondary nav doesn't shift to left */ 
	width: 52px;
}
#sv-weather-widget .weather-icon {
	display: inline-block;
    position: absolute;
    top: -10px;
    left: 0;
}
#sv-weather-widget .weather-icon a {
	padding: 0;
}
#sv-weather-widget .weather-icon .climacon {
	margin: 0;
	padding:0;
	font-size: 26px;
	color:white;
}
#sv-weather-widget .weather-temp {
	display: inline-block;
    position: absolute;
    top: -13px;
    right: 0;
}
#sv-weather-widget .weather-temp a {
	padding:0;
	font-size: 16px;
	line-height: 48px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
}

/*Mobile Weather */

.mobile-menu #sv-weather-widget .weather-icon {
	top:0;
}
.mobile-menu #sv-weather-widget .weather-temp a { line-height: 24px; }
.mobile-menu #sv-weather-widget .weather-icon .climacon {
	color:#37322d;
}
.show-for-medium-down #sv-weather-widget .weather-temp {
	top:3px;
}