/*Station Specific colors*/
.uagrimet .dropdown-title{
	background-color: rgba(241, 79, 95, .7);
}
.uagrimet .dropdown-desc{
	background-color: rgba(241, 79, 95, .3);
}
.ucrn .dropdown-title{
	background-color: rgba(28, 243, 16, .7);
}
.ucrn .dropdown-desc{
	background-color: rgba(28, 243, 16, .3);
}
.agwx .dropdown-title{
	background-color: rgba(33, 150, 243, .7);
}
.agwx .dropdown-desc{
	background-color: rgba(33, 150, 243, .3);
}
.usuwx .dropdown-title{
	background-color: rgba(255, 255, 25, .7);
}
.usuwx .dropdown-desc{
	background-color: rgba(255, 255, 25, .3);
}
.uscan .dropdown-title{
	background-color: rgba(255, 165, 0, .7);
}
.uscan .dropdown-desc{
	background-color: rgba(255, 165, 0, .3);
}
.fgnet .dropdown-title{
	background-color: rgba(118, 71, 162, .7);
}
.fgnet .dropdown-desc{
	background-color: rgba(118, 71, 162, .3);
}
.petersinks .dropdown-title{
	background-color: rgba(202, 0, 202, 1);
}
.petersinks .dropdown-desc{
	background-color: rgba(202, 0, 202, 0.6);
}
/* Page CSS */
#dropdown-wrapper{
	display: inline-block;
	width: 100%;
	font-size: 24px;	
}
.agweather-dropdown{
	display: inline-block;
	position: relative;
	width: 84%;
	margin: 10px 3%;
	background-color: black;
}
.agweather-dropdown:hover{
	cursor: pointer;
}
.agweather-dropdown span{
	font-size: 24px;
	line-height: 36px;
}
.agweather-dropdown .dropdown-title{
	width: 100%;
	color: white;
	display: block;
	text-align: center;
}
.agweather-dropdown .dropdown-title::after{
	position: absolute;
	right: 5px;
	content: " \25BC";
	pointer-events: none;
}
.agweather-dropdown .selected::after{
	position: absolute;
	right: 5px;
	content: " \25B2";
	pointer-events: none;
}
.agweather-dropdown .all-dropdown-content{
	position: absolute;
	z-index: 50;
	width: 100%;
	background-color: white;
}
.agweather-dropdown .dropdown-desc{
	font-size: 20px;
	line-height: 36px;
	text-decoration: none;
	color: black;
	width: 100%;
	display: block;
	text-align: center;
}
.agweather-dropdown .dropdown-desc:hover{
	color: black;
}
.agweather-dropdown .dropdown-content{
	background-color: white;
	width: 100%;
	max-height: 300px;
	overflow-y: scroll;
}
.dropdown-content .dropdown-item{
	display: block;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
}
.agweather-dropdown .hidden{
	display: none;
}
@media only screen and (min-width: 825px){
	.agweather-dropdown{
		display: inline-block;
		position: relative;
		width: 42%;
		margin: 10px 3%;
	}
}
@media only screen and (min-width: 1600px){
	.agweather-dropdown{
		display: inline-block;
		position: relative;
		width: 30%;
		margin: 10px 1.5%;
	}
}