/*Weather*/


/*mobile*/
.custom-weather {
	padding: 0px 15px 30px 15px;
}
.custom-weather.control-width {
	margin-bottom: 20px;
}
.custom-weather h2 {
	color: #343434;
	font-family: 'petala-pro', sans-serif;
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.custom-weather .weather-top {
    padding-bottom: 20px;
}
.custom-weather .current-temperature {
	color: #047E9F;
	font-size: 62px;
	font-family: 'petala-pro', sans-serif;
}
.custom-weather .weather-wrapper .label,
.custom-weather .city .label {
	color: #343434;
	background: transparent;
	font-family: 'petala-pro', sans-serif;
	font-size: 16px;
	padding-left: 0;
	padding-right: 0;
}
.custom-weather .current-info .label {
	display: none;
}
.custom-weather select.month-selector {
	color: #047E9F;
	font-size: 16px;
	line-height: 18px;
	font-family: 'petala-pro', sans-serif;
	border-radius: 4px;
}
.custom-weather .temp-cont,
.custom-weather .precip,
.custom-weather .snowfall {
	color: #047E9F;
	font-size: 62px;
	line-height: 45px;
	font-family: 'petala-pro', sans-serif;
	text-align: center;
}
.custom-weather .avg-snowfall,
.custom-weather .avg-precip,
.custom-weather .high-temp {
	text-align: center;
	display: inline-block;
}
.custom-weather .accent {
	display: none;
}
.custom-weather .current-low {
	font-size: 24px;
	line-height: 24px;
	margin-left: 15px;
}
.custom-weather .weather-wrapper .current-low {
	margin-top: 28px;
}
.custom-weather .weather-temp-cont {
	display: flex;
	justify-content: flex-start;
	margin-top: 8px;
}
.custom-weather .weather-temp-cont img {
	margin-right: 25px;
}
.custom-weather .month {
	display: none;
}
.custom-weather .month.weather-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}
.custom-weather .month.selected {
	display: block;
}
#tab-weather .custom-weather {
    padding-left: 0;
    padding-right: 0;
}
.custom-weather .city .weather-temp-cont{
    display: flex;
    justify-content: center;
}
/*tablet*/
@media only screen and (min-width: 768px) {
	.custom-weather .weather-wrapper .label, .custom-weather .city .label {
		text-align: center;
		width: 100%;
	}
	.custom-weather .temp-cont, .custom-weather .precip, .custom-weather .snowfall {
	    text-align: center;
	}
	.custom-weather .month.weather-wrapper {
	    padding-bottom: 20px;
	}
	.custom-weather .current-info .label {
	    display: block;
	}
	.custom-weather {
	    max-width: 453px;
	    margin: 0 auto;
	}
	.main_container .custom-weather {
		margin-left: -15px;
		margin-right: -15px;
	}

}
/*desktop*/
@media only screen and (min-width: 64em) {
	.custom-weather {
		max-width: 1200px;
		margin: 0 auto 30px auto;
	}

	.custom-weather .month.weather-wrapper {
		justify-content: flex-start;
		padding-bottom: 0;
	}
	.custom-weather .dropdown {
		display: flex;
	}
	.custom-weather .accent {
		display: block;
		flex: 1 1 75%;
		margin-right: 15px;
	}
	.custom-weather .accent hr {
		border: #3A3A3A solid;
		font-weight: 900;
		height: 1px;
		border-width: 1px 0 0;
	}
	.custom-weather select.month-selector {
		flex: 1 1 25%;
		margin-bottom: 0;
	}
	.custom-weather .month.selected {
		display: flex;
		justify-content: space-between;
	}
	.custom-weather .weather-wrapper .label, .custom-weather .city .label {
		text-align: left;
		width: 100%;
	}
	.custom-weather .city .snowfall .label {
		text-align: right;
	}
	.custom-weather .city .precip .label {
		text-align: center;
	}
}