:root {
    /*Colors*/
    --black:#000000;
	--white:#ffffff;
	--blue:#04687F;
	--grey:#e8e8e8;
 }
 .pad-top{
	 padding-top:20px;
 }
.regional-contacts{
	display:grid;
	grid-template-columns: 70% 30%;
	align-items:center;
	justify-items: center;
	margin: 0 auto;
    max-width: 80%;
}
/*** MAP ***/
.regional-contacts-map{
	position:relative;
}
.region-label{
	position:absolute;
	background: var(--white);
    padding: 6px 15px;
    font: normal normal bold 13px/11px Open Sans;
	text-transform: uppercase;
	cursor:pointer;
	border:1px solid var(--black);
}
.region-label.active{
	font: normal normal bold 15px/12px Open Sans;
	letter-spacing: 0px;
	color: var(--blue);
}
.region-label.Albany_North{
	top: 105px;
    left: 380px;
}
.region-label.Albany_South{
	top: 255px;
    left: 390px;
}
.region-label.Syracuse{
    top: 140px;
    left: 280px;
}
.region-label.Rochester{
    top: 210px;
    left: 140px;
}
.region-label.Buffalo{
    top: 260px;
    left: 20px;
}
.region-label.Southern_Tier{
	top: 275px;
    left: 240px;
}
.region-label.Lower_Hudson_Valley{
    top: 350px;
    left: 340px;
}
.region-label.Long_Island{
	top: 405px;
    left: 500px;
}
.region-label.Long_Island.active{
	left:490px;
}
.region-label.New_York_City{
    top: 450px;
    left: 300px;
}

/*** Info Cards ***/
.region-info-card{
	margin-left: -75px;
    background: var(--grey);
    padding: 30px;
    width: 180px;
}
.region-name{
	font: normal normal bold 18px/22px Open Sans;
	letter-spacing: 0px;
	color:var(--black);
	margin-bottom:18px;
}
.region-contact, .region-phone{
	font: normal normal normal 16px/22px Open Sans;
	margin-bottom:16px;
}
.region-phone a{
	color:#468DB0;
}
.region-send-email a, 
.region-send-email a:hover, 
.region-send-email a:active, 
.region-send-email a:focus{
	font-size:16px;
	letter-spacing: 0px;
    padding: 10px 10px;
    text-transform: none;
}
/*** Search ***/
.regional-contacts-search{
	width: 75%;
    margin: 30px auto 80px;
}
.regional-contacts-search form{
	display:grid;
	grid-template-columns: 1fr 1fr 40%;
	grid-gap:30px;
	justify-items: center;
}
.regional-contacts-search form .control-field{
	position:relative;
}
.regional-contacts-search form label{
	position:absolute;
	left:-9999px;
}
.regional-contacts-search form label[for^="mod-regional-contacts-text"]{
	top:30px;
	left:0;
	font-size:12px;
}
.regional-contacts-search form input[name="rc_text"]{
	min-width:200px;
}
.chosen-container{
	min-width:220px !important;
}
.chosen-container-single .chosen-single{
	border-radius:0;
	height: 30px;
    border: 1px solid var(--grey);
	background:none;
	color:var(--blue);
}

/*** Misc ***/
.hide{
	display:none;
}

/*** Media Queries ***/
@media (max-width:1200px){
	.regional-contacts,
	.regional-contacts-search form {
		max-width:100%;
	}
}

@media (max-width:979px){
	.regional-contacts,
	.regional-contacts-search form {
		grid-template-columns: 1fr;
	}
	.region-info-card {
		margin-left: -220px;
		margin-top: -130px;
	}

}

@media (max-width: 767px) {

}

@media (max-width: 480px) { 
	.region-label,
	.region-label.active{
		padding:6px 5px;
		font-size:9px;
	}

	/*Map Region Labels*/
	.region-label.Albany_North {
		top: 65px;
    	left: 235px;
	}
	.region-label.Albany_South {
		top: 150px;
		left: 235px;
	}
	.region-label.Syracuse{
		top: 75px;
    	left: 150px;
	}
	.region-label.Rochester{
		top: 120px;
		left: 80px;
	}
	.region-label.Buffalo{
		top: 145px;
    	left: 15px;
	}
	.region-label.Southern_Tier{
		top: 160px;
		left: 150px;
	}
	.region-label.Lower_Hudson_Valley{
		top: 210px;
		left: 205px;
	}
	.region-label.Long_Island{
		top: 240px;
		left: 300px;
	}
	.region-label.Long_Island.active{
		left: 290px;
	}
	.region-label.New_York_City{
		top: 270px;
		left: 175px;
	}

	.region-info-card {
		margin-left: -175px;
		margin-top: -90px;
		
	}
}

@media (max-width: 376px) { 
	.region-label, 
	.region-label.active {
		padding: 3px 5px;
		font-size: 9px;
	}

	/*Map Region Labels*/
	.region-label.Albany_North {
		top: 60px;
    	left: 215px;
	}
	.region-label.Albany_South {
		top: 130px;
		left: 225px;
	}
	.region-label.Syracuse{
		top: 70px;
    	left: 145px;
	}
	.region-label.Rochester{
		top: 110px;
		left: 75px;
	}
	.region-label.Buffalo{
		top: 135px;
    	left: 5px;
	}
	.region-label.Southern_Tier{
		top: 150px;
		left: 125px;
	}
	.region-label.Lower_Hudson_Valley{
		top: 185px;
		left: 180px;
	}
	.region-label.Long_Island{
		top: 215px;
		left: 275px;
	}
	.region-label.New_York_City{
		top: 240px;
		left: 150px;
	}

	.region-info-card {
		margin-left: 0;
		margin-top: -90px;
		width: 305px
	}
}