/***********************************************************/
/* initial view */
.map-group{
	min-height:500px;
	position:relative;
}

#map-text-header{
    position: absolute;
    top: 50px;
    z-index: 1;
    text-align: center;
    width: 100%;
}
#map-text-header.hide{
	display:none;
}

#map {
	width: 100%;
	height: 100%;
	min-height: 500px;
}

#map-overlay-gradient{
	display:block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.7);
}

#map-overlay-gradient.hide{
	display:none;
}

#btn-show-map{
	cursor:pointer;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}


/***********************************************************/
/* overlay view */

#infoWindow{
	width:100%;
	background-color:#D7D7D7;
	padding:30px 15px;
	clear:both;
	
	position:absolute;
	bottom:0;
	display:none;
}

#infoWindow .campusImage{
	display:none;
}

#infoWindow h3{
	line-height:1.2;
	margin-bottom:10px;
}

#infoWindow .region-label{
	font-weight:500; /* gotham medium */
}

#infoWindow .phone-label{
	font-weight:500; /* gotham bold */
}

.map-group .btn-close{
	height:40px;
	width:40px;
	cursor:pointer;
	position:absolute;
	top:20px;
	right:20px;
	z-index:1;
	display:none;
}

.map-group .btn-close.show{
	display:block;
}


.map-group.viewModal #btn-show-map{
	display:none;
}


.map-group.viewModal{
	position:fixed;
	overflow-y:scroll;
	z-index: 999 !important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0, .9);
}





/* medium-size styles */
@media screen and (min-width: 769px) {
	#infoWindow{
		padding:0;
	}

	#infoWindow .campusImage{
		display:block;
		float:left;
		min-width:50%;
	}
	
	.campus-text-group{
		float:left;
		padding:40px 35px;
	}
}



/* large-screen styles */
@media screen and (min-width: 1001px) {
	.map-group{
		min-height:650px;
	}
	#map {
		min-height: 650px;
	}
	

	#infoWindow{
		display:none;
		width: 42%;
		max-width:540px;
		position: absolute;
		top:0;
		right: 0;
		height: 100%;
	}
	
	#infoWindow .campusImage{
		width:100%;
	}
	
	.campus-text-group{
		padding:55px 75px;
	}
	
	.campus-text-group h3{
		line-height:1.2;
		margin-bottom:10px;
	}
	
	#map-overlay-gradient{
		display:none;
	}
	
	#map-overlay-gradient.show{
		display:block;
		background-color: rgba(255,255,255,.7);
	}
	
	#btn-show-map{
		display:none;
	}
}