/*
-----------------------------------------------
Site: The Citadel - Landing Page 
Author: EnergyHill
Version: 1.0 
Last Update: 06/23/15

Notes: 
*The following styles are consistent with The Citadel landing page only. 
*Please refer to global.css for header/footer.
*Pleaser refer to styles-rsv.css for responsive styling
-----------------------------------------------*/

/* 
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-weight:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/*
The Citadel - Custom Styling
*/

/*Campus Spotlights*/
#campus-spotlights h3 {
	margin: 77px 0 29px;
}
.spotlight {
	float: left;
	margin-right: 14px;
	width: 23.9%;
}
.spotlight.last {
	margin: 0;
}
.spotlight .title {
	display: block;
	text-align: center;
	color: #fff;
	font-family: 'Vollkorn', serif;
	font-size: 1.3em;
	line-height: 26px;
	text-transform: uppercase;
	background-color: #09203a;
}
.spotlight img {
	width: 100%;
}
.spotlight p {
	padding: 9px 8px;
	min-height: 100px;
	line-height: 18px;
	color: #09203a;
	font-size: .9em;
	border-left: 1px solid #e2e2e3;
	border-right: 1px solid #e2e2e3;
	border-bottom: 1px solid #e2e2e3;
}
.spotlight p span.copy {
	display: block;
	height: 73px;
	overflow: hidden;
}
.spotlight p span.copy a {
	display: inline;
	padding: 0;
	color: #09203a;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
}
.spotlight p a {
	display: block;
	padding-top: 8px;
	font-family: 'Vollkorn', serif;
	font-size: 1.4em;
	color: #331319;
	text-align: center;
}

.spotlight p a:hover .cta,
.spotlight p a:active .cta {
	text-decoration: underline;
}

/*Content Nav*/
#content-nav {
	margin-top: 33px;
	height: 182px;
	background-color: #eaeaea;
}
#content-nav li {
	float: left;
	margin: 32px 0;
	width: 24%;
	list-style-type: none;
}
#content-nav a {
	display: block;
	margin: 0 auto;
	width: 62%;
	color: #09203a;
	text-transform: uppercase;
}
#content-nav a span.link-icon {
	display: block;
	margin: 0 auto 31px;
	width: 56px;
	height: 56px;
	background: transparent url("../../images/eh-landing-page/main-content-links/icons.png") no-repeat;
}

#content-nav a.apply-now span.link-icon {background-position: 0 0;}
#content-nav a.request-info span.link-icon {background-position: -56px 0;}
#content-nav a.schedule-visit span.link-icon {background-position: -112px 0;}
#content-nav a.virtual-tour span.link-icon {background-position: -168px 0;}
#content-nav a.summer-classes span.link-icon {background-position: -224px 0;}

#content-nav a span.link-copy {
	display: block;
	padding: 8px 0;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

#content-nav a:hover span.link-copy,
#content-nav a:active span.link-copy {
	color: #fff;
	background-color: #09203a;
}

/*Begin Journey*/
#begin-journey h3 {
	margin: 48px 0 29px;
}
#begin-journey li {
	float: left;
	margin: 0 0 11px 13px;
}
#begin-journey li.large {
	margin: 0;
}
#begin-journey a {
	display: block;
	position: relative;
}
#begin-journey span.img-over {
	display: none;
	font-family: 'Vollkorn', serif !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 79.7%;
	color: #fefeff;
	text-align: center;
	vertical-align: middle;
	background: transparent url("../../images/eh-landing-page/begin-your-journey/img-over-bg.png") repeat 0 0;
}
#begin-journey li.large span.img-over {
	height: 90.2%;
	font-size: 4.1em;
	line-height: 343px;
}
#begin-journey li a:hover span.img-over {
	display: block;
}
#begin-journey span.title {
	display: block;
	margin-top: 3px;
	color: #fefeff;
	font-size: 1.5em;
	line-height: 27pt;
	text-transform: uppercase;
	text-align: center;
	background-color: #331319;
}
#begin-journey li.large span.title {
	font-size: 1.9em;
}

/*Bottom Content*/
.bottom-content-wrap {
	position: relative;
	background: transparent url("../../images/eh-landing-page/bottom-content-bg.jpg") no-repeat center 42px;
	background-size: cover;
}	
.bottom-content-wrap img.bg {
	position: absolute;
	top: -6px;
	left: 0;
	width: 100%;
	z-index: 1;
}
.bottom-content {
	margin: 0 auto;
	padding: 170px 16px 0;
	width: 928px;
}
.bottom-content-nav {
	position: relative;
	float: left;
	margin-bottom: 20px;
	z-index: 2;
}
.bottom-content-nav li,
.bottom-content-nav a {
	display: block;
	float: left;
	text-transform: uppercase;
}
.bottom-content-nav li {
	margin-right: 24px;
	font-size: 1.3em;
	color: #000;
}
.bottom-content-nav li.active {
	display: block;
	float: left;
	padding: 5px 50px;
	font-size: 2em;
  	color: 	#fff;
	background-color: #09203a;
	border: 1px solid #09203a;
}
.bottom-content-nav a {
	  padding: 9px 41px;
	  color: #000;
	  border: 1px solid #09203a;
}

.bottom-content-nav li.last a:hover,
.bottom-content-nav li.last a:active {
	color: #fff;
	background-color: #09203a;
}


/*News*/
#news {
	clear: both;
	z-index: 2;
}
#news .story {
	float: left;
	width: 49.4%;
}
#news .story.first {
	margin-right: 11px;
}
#news .story img {
	width: 100%;
}
#news .story p {
	padding: 13px 9px;
	width: 95.7%;
	line-height: 25px;
	color: #09203a;
	font-size: 1.2em;
	border-left: 1px solid #e2e2e3;
	border-right: 1px solid #e2e2e3;
	border-bottom: 1px solid #e2e2e3;
	background-color: #fff;
}
#news .story p a {
	display: block;
	padding-top: 14px;
	font-family: 'Vollkorn', serif;
	font-size: 1.2em;
	color: #331319;
	text-align: center;
}

#news .story p a:hover .cta,
#news .story p a:active .cta {
	text-decoration: underline;
}
.link-to-newsroom {
	clear: both;
	position: relative;
	width: 100%;
}
.link-bg {
	width: 75%;
	height: 29px;
	border-bottom: 2px solid #09203a;
}
.link-to-newsroom a {
	display: block;
	position: absolute;
	top: 17.9px;
	right: 0;
	color: #09203a;
	font-weight: bold;
	font-size: 1.55em;
	text-transform: uppercase;
}
.link-to-newsroom a .cta {
	float: left;
	padding-top: 1px;
}
.link-to-newsroom a .carrot {
	padding-left: 13px;
}

/*Motivational*/
#motivational {
	clear: both;
	margin-top: 71px;
	padding-bottom: 157px;
	z-index: 2;
}
#motivational div.copy {
	font-family: 'Vollkorn', serif;
	padding-left: 55px;
	font-size: 2.9em;
	font-style: italic;
	line-height: 47px;
	color: #09203a;
	border-left: 11px solid #09203a;
}
#motivational a.button {
	float: left;
	margin: 21px 64px;
}

/*Video*/
.video {
	background: transparent url("../../images/eh-landing-page/video-bg.jpg") no-repeat center top;
	background-size: cover;
}
.video-player {
	margin: 0 auto;
	max-width: 760px;
	height: 407px;
}
.video-player iframe {
	position: relative;
	width: 100%;
	height: 100%;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}