#googleMap a.mapLocation:hover { text-decoration: none; }

#googleMap .map {
	float: right;
	margin: 0 0 1em 1em;
	transition: width 0.25s, margin 0.25s;
	width: 564px;
	height: 327px;
}

#googleMap .mapInfoWindow { 
	font-family: 'Open Sans', sans-serif; 
	font-size: 14px;
	font-weight: 400;
}

	#googleMap .mapInfoWindow h4 {
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 400;
		margin: 0;
	}

	#googleMap .mapInfoWindow h5 {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 400;
		margin: 0;
	}

	#googleMap .mapInfoWindow .directions_link {
		display: block;
		text-align: right;
		margin-top: 1em;
	}

	.mapInfoWindow .directions_link::after { content: ' >'; }
		
		

#googleMap { position: relative; }
#googleMap > div.mapSidebar { 
	position: absolute;
	top: -50px;
	right: 0;
}

#googleMap  .planmap { height: 600px; margin-right: 310px; }

#googleMap .planIntro button.reserve {
	float: none;
	margin: 0;
}

#googleMap .mapLocation {
	background-color: rgb(245,245,245);
	padding: 0.5em 0 0.5em 4em;
	color: rgb(54,54,54);
	margin: 1em 0 2em;
	font-size: 14px;
	position: relative;
	width: 300px;
	min-height: 66px;
	cursor: pointer;

	display: flex;
	flex-direction: column;
	justify-content: center;

	transition: background-color 0.25s;
}
	#googleMap .mapLocation:first-of-type { margin-top: 2em; }

	#googleMap .mapLocation:hover {
		background-color: rgb(219,219,219);
		color: black;
	}
	#googleMap .mapLocation::before {
		content: '\f3c5';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		position: absolute;
		left: 0.375em;
		font-size: 36px;
	}
		#googleMap .mapSidebar .mapLocation.senate::before { color: #642b2b; }
		#googleMap .mapSidebar .mapLocation.commons::before { color: #4a682e; }
		#googleMap .mapSidebar .mapLocation.eastblock::before,
		#googleMap .mapSidebar .mapLocation.flame::before,
		#googleMap .mapSidebar .mapLocation.visitors::before
		    { color: #949292; }
	    #googleMap .mapSidebar .mapLocation.spark::before { color: #0038b7; }
		#googleMap .mapSidebar .mapLocation:hover::before {
			text-shadow: 0 0 7px rgba(255,255,255,0.5);
		}

	#googleMap .mapSidebar .mapLocation h4,
	#googleMap .mapSidebar .mapLocation h5 {
		font-weight: 400;
		color: inherit;
		margin: 0;
		text-transform: uppercase;
	}
	#googleMap .mapSidebar .mapLocation h4 { font-size: 18px; }
	#googleMap .mapSidebar .mapLocation h5 { font-size: 14px; }

		@media screen and (max-width: 920px) {

		#googleMap .map {
			float: none;
			width: 100%;
			margin: 1.25em 0 1em;
		}
	}
	
		@media screen and (max-width: 730px) {
		
			#googleMap .planmap { margin-right: 0; }
			#googleMap > div.mapSidebar {
				position: relative;
				top: auto;
				right: auto;
				text-align: center;
				margin-top:0px;
			}
			#googleMap .mapLocation { 
				width: auto; 
				margin: 1em 0;
				text-align: left;
			}
			#googleMap .mapLocation:first-of-type { margin-top: 1em; }
		}
		
		@media screen and (max-width: 640px) {
		
			#googleMap .mapLocation h4 { font-size: 14px; }
			#googleMap .mapLocation h5 { font-size: 12px; }
		}
		
		@media screen and (max-width: 480px) {
		
			#googleMap .planmap { height: 320px; }

			#googleMap .mapInfoWindow h5 { max-width: 200px; }
			}