/* -----------------------------------------------------------------------
Vanderbilt University Stylesheet
Digital Strategies (web.vanderbilt.edu)
v.e/discover
----------------------------------------------------------------------- */

#maincontent .container h1 {  font-size: 5em; font-weight: 200; line-height: 1.4em; }
#maincontent .container h2 {  font-size:4.5em; font-weight: bold; border: 0; background: none;  }
	#maincontent .container h2 a { border: 0; color: #FFF; }

.intro .container { width: 1100px !important; }
.intro {  padding: 150px 0px 150px 0px; margin-top: -50px;  background: #000 url('bg-oua2.jpg') center center no-repeat; 
 height: auto; background-attachment: fixed; background-size: cover;
 box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5); 
   }
	.intro h1 { color: #FFF; border: 0;  }
	.intro h3 { color: #FFF; font-size: 1.6em !important; font-weight: 200;  }


.nashville {  padding: 75px 0px 100px 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; 
background: #000 url('https://live.staticflickr.com/5223/5601297546_0eac16ede3_o.jpg') center center;   height: 700px; background-attachment: fixed; background-size: cover;
 box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3); 
 }
	.nashville h2 { color: #FFF; border: 0; font-weight: 200 !important;  }
	.nashville h4 { color: #FFF !important;  }
	.nashville h3 { color: #FFF; font-weight: 300; }

.accolades { padding: 60px 0px 60px 0px; background-size: cover;  }
    .accolades h2 { 
		color: #FFF; font-size: 8em !important; opacity: 0.75; text-align: center;  background: none; border: 0; padding-bottom: 25px;  }
    .accolades h2 span { font-size: 60%; opacity: 0.75; }
    .accolades a:hover { color:#006682; }
    .accolades small { color: #333;   }

.tealbg { background: url('https://cdn.vanderbilt.edu/vu-www4/i/bg/bg-teal.jpg');  background-size: cover; }
.goldbg { background: url('https://cdn.vanderbilt.edu/vu-www4/i/bg/bg-gold.jpg');  background-size: cover; }

   .goldbg h2 { color: #000; font-size: 7em; opacity: 0.65; font-weight: 900; line-height: .4em;  text-align: center;  background: none; border: 0; }
    .goldbg h2 span { font-size: 60%; opacity: 0.55;}
    .goldbg h3 { color: #333; font-size: 1.4em; }


.tealbg .admissionsbutton, .goldbg .admissionsbutton { margin-top: 30px; text-align: center; }
.tealbg .admissionsbutton a:link, .tealbg .admissionsbutton a:visited, .goldbg .admissionsbutton a:link, .goldbg .admissionsbutton a:visited { color: #FFF; padding: 15px 25px; font-size: 1.3em;  }

	.tealbg .admissionsbutton a:link, .tealbg .admissionsbutton a:visited { border: 1px dotted #d8ab4c;  }
	.tealbg .admissionsbutton span { padding-left: 10px; color: #d8ab4c !important;   }
	.tealbg .admissionsbutton a:hover { background: #FFF; color: #006682; border: 1px dotted #006682; }

	.goldbg .admissionsbutton a:link, .goldbg .admissionsbutton a:visited { border: 1px dotted #FFF; color: #222; }
	.goldbg .admissionsbutton span {  padding-left: 10px; color: #FFF !important;   }
	.goldbg .admissionsbutton a:hover { background: #FFF; color: #006682; border: 1px dotted #006682; }


/* OPAQUE BGS */
.bgbl { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.bgbl { background: url('https://admissions.vanderbilt.edu/images/design/bgbl.png'); }
.padit { padding: 20px 20px 40px 20px; }

.conversation { background: #000; padding: 40px 0px; border-top: 2px dashed #D8AB4C; border-bottom: 2px dashed #D8AB4C; }
.conversation h3 { color: #D8AB4C; font-size: 2.5em !important;  }
.conversation .row { padding: 15px 0px; }
.conversation p { color: #BBB;font-size: 1.3em; margin: 0 0 7px 0; ; padding: 0; line-height: 1.5em; }
	.conversation p a:link, .conversation p a:visited { color: #EEE; text-decoration: none; border: 0;  }
	.conversation p a:hover { color: #d8ab4c;  }
	.conversation img {  margin-bottom: 20px; }
	.conversation p a span { color: #D8AB4C; padding-left: 10px; }
h3.news { font-size: 2em; padding: 0px 20px 10px 20px; font-weight: 200; }
.blog .container-fluid { padding: 0px 40px; }

.events-background h2 { font-weight: 200; font-size: 2.5em; }

.tealbg h3 { font-weight: 200 !important; font-size: 2em; margin-bottom: 30px; 
font-family: 'Source Sans Pro', helvetica, sans-serif;  }
.youtube p { margin: 10px 0px 30px 0px;  }
/* FACES */

#facesbox { background: #000;  padding: 30px 0px; }

.discoverfaces { width: 1400px; margin: 0 auto; clear: both;  }
	
.faces, .faces2, .faces3, .faces4, .faces5 {   width: 280px; height: 311px; float: left; }
	
.faces {
  background: url('faces1.jpg') top left;
  animation: play 18s steps(5) infinite;
}
.faces2 {
  background: url('faces2.jpg') top left;
  animation: play 16s steps(5) infinite;
}

.faces3 {
  background: url('faces3.jpg') top left;
  animation: play 20s steps(5) infinite;
}

.faces4 {
  background: url('faces4.jpg') top left;
  animation: play 14s steps(5) infinite;
}

.faces5 {
  background: url('faces5.jpg') top left;
  animation: play 9s steps(5) infinite;
}
	
@keyframes play {
    100% { background-position: -1400px; }
}

@media only screen and (max-width: 1200px) { 
.intro .container { width: 100% !important; }
}	

@media only screen and (min-width: 992px) {
.ctacolumn { padding-top: 450px; }
	}
@media only screen and (max-width: 800px) {
	.faces2, .faces3, .faces4{ display: none; }
	.discoverfaces { width: 570px !important; }
	.ctacolumn { padding-top: 20px !important; }
	.findimpact { height: 100% !important; }
	.findimpact h2 { font-size: 1.7em !important; }
	.findimpact h3 { font-size: 1.2em; }
}
@media only screen and (max-width: 500px) {	
	.discoverfaces { width: 280px !important; }
	.intro h1 { font-size: 4em !important; }	
	.intro  { padding-top: 90px! important; }
	.intro h3 { font-size: 1.3em !important; }
	.conversation h3 { font-size: 1.6em !important; padding: 0; }

}



/* page-specific mobile tweaks */
@media (max-width: 480px) { 	


}