/* Styles for the campus information section (and map) on the home page */

#home-campus-info .row {
	display: block;
	width: 100%;
	text-align: center;
}

#home-campus-info .row.option1.row1, #home-campus-info .row.option2.row1, #home-campus-info .row.option3.row1 {
	margin-top: 4em;
}

#home-campus-info .row .campus-item {
	margin: 0 1% 1.5em;
	width: 23%;
	display: inline-block;
	vertical-align: top;
}

#home-campus-info .row .campus-item p {
	margin-bottom: 1em;
}

#home-campus-info .subtitle {
  margin: .5em 0 2em 0;
  overflow-x: hidden;
}

#home-campus-info .subtitle #map-button:hover {
  cursor: pointer;
}
#home-campus-info .fancy {
  line-height: 1;
  text-align: center;
}
#home-campus-info .fancy span {
  display: inline-block;
  position: relative; 
  font-style: italic; 
}
#home-campus-info .fancy span:before,
#home-campus-info .fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #dfeaf0;
  /*border-top: 1px solid #dfeaf0;*/
  top: 0;
  width: 600px;
}
#home-campus-info .fancy span:before {
  right: 100%;
  margin-right: 15px;
  top: .25em;
}
#home-campus-info .fancy span:after {
  left: 100%;
  margin-left: 15px;
  top: .25em;
}

@media (max-width: 768px) {
	#home-campus-info .row .campus-item {
		margin: 0 2% 1.5em;
		width: 96%;
	}
}

/* Google Map */

#map-layout {
	display: none;
}

#map_canvas { width: 100%; height: 440px; }
@media (min-width: 64.25em) { #map_canvas { height: 560px; } }
#map_canvas label { width: auto !important; display: inline !important; }
#map_canvas img { max-width: none !important; }
#map_canvas .infowindow { padding: 1em .5em; background-color: #ffffff; -moz-border-radius: 2.5em; -webkit-border-radius: 2.5em; border-radius: 2.5em; position: relative; }
#map_canvas .infowindow:after { content: ""; position: absolute; bottom: -12px; left: 50%; width: 0; height: 0; margin-left: -13px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #ffffff; }
#map_canvas .infowindow .inner { display: table; width: 85%; padding: .65em 5% .65em 10%; overflow: hidden; }
#map_canvas .infowindow .info { display: table-cell; vertical-align: middle; width: 77.5%; }
#map_canvas .infowindow .info h3 { font-weight: 600; font-size: 18px;}
#map_canvas .infowindow .info h6 { letter-spacing: 1px; font-size: 12px; font-weight: 600; text-transform: uppercase; margin: 0; line-height: 1;}
#map_canvas .infowindow .info p { letter-spacing: 1px; color: #555; font-size: 12px; font-weight: bold; margin: 0 0 12px; text-transform: uppercase; line-height: 1.25em; }

.touch-off #map_canvas .infowindow .more a { -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.touch-off #map_canvas .infowindow .more a:hover { border-color: #0094d9; }