/*********************** ALUMNI PROFILE ***********************/
.spotlight .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.spotlight h2.alumniname {
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.spotlight blockquote {
	font-size: 1.75em;
	font-family: 'Vollkorn', serif;
	font-style: italic;
	letter-spacing: -0.02em;
	line-height: 1.3em;
	padding: 0;
	margin-left: 1em;
	margin-top: 20px;
	/*margin-bottom: 40px;*/
	margin-bottom: 20px;
	border-left: none;
	text-indent: -1em;
}

/*FOR DESKTOP*/
@media (min-width: 768px) {
	.spotlight blockquote {
		font-size: 2.6em;
		line-height: 1.2em;
	}
}

.spotlight blockquote:before {
	font-family: 'Vollkorn', serif;
	font-style: italic;
	content: open-quote;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 0.1em;
	margin-right: 0.15em;
	vertical-align: -0.3em;
	color: #0f43be;
}	 

.spotlight blockquote:after {
	content: no-close-quote;
}

.spotlight img {
	border-bottom: 4px solid black;
}

.spotlight .sidebar {
	border-top: 4px solid #0f43be;
	/*padding-top: 20px;*/
	padding-top: 40px;
}

.spotlight .sidebar p {
	font-size: 1em;
}

.spotlight .sidebar h2 {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 1em;
	/*color: black;*/
}

.spotlight .cta {
	margin-bottom: 100px;
}

.spotlight .btn {
	font-size: 1.4em;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: white;
	background: black;
}

.spotlight .btn.findoutmore {
	margin-top: 0px;
	margin-bottom: 40px;
}

.spotlight .btn:hover,
.spotlight .btn:active {
	background: #a34ba6;
}

/*MOBILE*/
.spotlight h1.alumniname.visible-xs-block {
	font-size: 2.25em;
	margin-bottom: 0;
}

.spotlight h2.alumniname.visible-xs-block {
	margin-top: -80px;
	padding-bottom: 8px;
	font-size: 1.05em;
	border-bottom: 2px solid black;
	width: 170px;
	text-align: center;
}

.spotlight h3.alumniname.visible-xs-block {
	margin-top: 67px;
	padding-top: 8px;
	font-size: 1.05em;
	line-height: 1.4em;
	border-top: 2px solid black;
	width: 170px;
	text-align: center;
}

.spotlight blockquote.visible-xs-block {
	margin-bottom: 80px;
	padding-right: 25px;
}

.spotlight img.visible-xs-block {
	border: 4px solid black;
	margin-top: 20px;
}

.spotlight ul.visible-xs-block {
	margin-top: 40px;
	margin-bottom: 0;
	/*font-size: .9em;*/
}

.spotlight .mobilelist {
	margin: 0 auto;
	margin-bottom: 40px;
}

/*FOR DESKTOP*/
@media (min-width: 768px) {
	.spotlight .titlecard {
		padding-right: 0; /*Fix for making name and title extend width of page*/
	}

	.spotlight h1.alumniname.hidden-xs {
		/*color: #0f43be;*/
		margin-top: -160px;
		margin-left: 25px;
		/*font-size: 3.5em;*/ /*49px*/
		font-size: 3em;
		background: white;
		padding: 8px;
	}

	.spotlight h2.alumniname.hidden-xs {
		/*margin-top: -100px;*/
		margin-top: -148px; /*allow for two nav bars*/
		margin-left: 25px;
		color: white;
		/*font-size: 1em;*/ /*1em = 16px*/
		font-size: 0.9em;
		text-transform: uppercase;
		padding-left: 12px;
	}

	.spotlight h3.alumniname.hidden-xs {
		margin-top: 80px;
		margin-left: 25px;
		color: white;
		/*font-size: 1.2em !important;*/ /*16.8px*/
		font-size: 1.05em;
		letter-spacing: 0;
		padding-left: 12px;
		/*background: black;*/
		background: #0f43be;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.spotlight h3.alumniname.hidden-xs span{
		font-weight: 700;
		letter-spacing: 0.02em;
	}

	.spotlight blockquote {
		margin-top: 40px;
		margin-bottom: 40px;
	} 

	.spotlight img {
		border-color: black !important;
	}

	.spotlight .sidebar {
		margin-top: 0;
		padding-left: 20px;
		padding-top: 0;
		border-top: none;
		border-left: 4px solid #0f43be;
	}

	.spotlight .sidebar p {
		font-size: 0.875em;
	}

	.spotlight .sidebar h2 {
		font-size: 1.05em;
	}

	.spotlight ul.hidden-xs {
		margin-top: 20px;
	}

	.spotlight ul.rightmeta {
		margin-left: 10px;
	}

	.spotlight .btn.findoutmore {
		margin-bottom: 60px;
	}

}

/************************ SPOTLIGHT DIRECTORY ************************/

/*NEW*/
.spotlightphotos img {
	border: 2px solid black;
}

.spotlightphotos img {
	background-size: cover;
}

.spotlightphotos img.denise {
	background-image: url('../img/alumni_denise_400x400.jpg');
}

.spotlightphotos a:link img.denise,
.spotlightphotos a:visited img.denise {
	background-image: url('../img/alumni_denise_400x400_bw.jpg');
}

.spotlightphotos a:hover img.denise,
.spotlightphotos a:active img.denise {
	background-image: url('../img/alumni_denise_400x400.jpg');
}

.spotlightphotos img.jessica {
	background-image: url('../img/alumni_jessica_400x400.jpg');
}

.spotlightphotos a:link img.jessica,
.spotlightphotos a:visited img.jessica {
	background-image: url('../img/alumni_jessica_400x400_bw.jpg');
}

.spotlightphotos a:hover img.jessica,
.spotlightphotos a:active img.jessica {
	background-image: url('../img/alumni_jessica_400x400.jpg');
}

.spotlightphotos img.kaci {
	background-image: url('../img/alumni_kaci_400x400.jpg');
}

.spotlightphotos a:link img.kaci,
.spotlightphotos a:visited img.kaci {
	background-image: url('../img/alumni_kaci_400x400_bw.jpg');
}

.spotlightphotos a:hover img.kaci,
.spotlightphotos a:active img.kaci {
	background-image: url('../img/alumni_kaci_400x400.jpg');
}

.spotlightphotos img.ian {
	background-image: url('../img/alumni_ian_400x400.jpg');
}

.spotlightphotos a:link img.ian,
.spotlightphotos a:visited img.ian {
	background-image: url('../img/alumni_ian_400x400_bw.jpg');
}

.spotlightphotos a:hover img.ian,
.spotlightphotos a:active img.ian {
	background-image: url('../img/alumni_ian_400x400.jpg');
}

.spotlightphotos img.elizabeth {
	background-image: url('../img/alumni_elizabeth_400x400.jpg');
}

.spotlightphotos a:link img.elizabeth,
.spotlightphotos a:visited img.elizabeth {
	background-image: url('../img/alumni_elizabeth_400x400_bw.jpg');
}

.spotlightphotos a:hover img.elizabeth,
.spotlightphotos a:active img.elizabeth {
	background-image: url('../img/alumni_elizabeth_400x400.jpg');
}

.spotlightphotos a:link,
.spotlightphotos a:visited,
.spotlightphotos a:hover,
.spotlightphotos a:active {
	text-decoration: none;
}

.spotlightbio {
	color: black;
	margin-bottom: 2em;
	padding-bottom: 2em;
}

.spotlightbio button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin-top: 30px !important;
	margin-bottom: -10px !important;
	font-size: 1em !important;
	font-weight: 300;
	text-transform: uppercase;
}

.spotlightbio h2 {
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	display: inline-block;
	margin-top: 2em;
}

@media (min-width: 768px) {
	.spotlightphotos a:hover .spotlightbio h2,
	.spotlightphotos a:active .spotlightbio h2 {
		color: #0f43be;
	}
}

.spotlightbio p {
	letter-spacing: 0;
	padding: 0;
	margin: 0;
}

/*OLD*/

.spotlight.directory img.visible-xs-block {
	margin-bottom: 60px;
}

.spotlight.directory a.visible-xs-block {
	margin-top: 20px;
	margin-bottom: 60px;
}

.spotlight.directory a.visible-xs-inline {
	color: black;
}

.spotlight.directory a.apply {
	margin-top: -40px;
	margin-bottom: 60px;
}

.spotlight.directory a.apply.lastitem {
	margin-bottom: -20px;
}

.spotlight.directory .btn.apply {
	background: black;
	border: 2px solid black;
}

.spotlight.directory .btn.apply:hover,
.spotlight.directory .btn.apply:active {
	background: white;
	color: black;
	border: 2px solid black;
	font-weight: 600 !important;
	letter-spacing: -0.05em;
}

.spotlight.directory .btn.apply.visible-xs-block {
	margin-top: 40px;
}


/*
@media (min-width: 768px) {

	.linkoverlays .col-sm-2 {
		margin-left: 20px;
		height: 400px;
	}
}*/

.alumnilink a {
	/*background: red;*/
	/*border: 1px solid blue;*/
	/*padding: 500px;*/
	/*width: 500px;*/
	display: block;
	height: 100%;
}

.mobilenotice {
	padding-top: 20px;
}

.notice {
	padding-top: 20px;
	margin-bottom: -70px;
	color: white;
	font-size: 2em;
	letter-spacing: 0.05em;
}

.notice a {
	color: white;
}

.linkoverlays .col-sm-2 {
	padding: 0;
}


@media (min-width: 768px) {
	.linkoverlays {
		margin-top: -300px;
		margin-bottom: 300px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 25px;
		height: 300px;
	}

}

@media (min-width: 800px) {
	.linkoverlays {
		margin-top: -350px;
		margin-bottom: 350px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 25px;
		height: 350px;
	}
}

@media (min-width: 900px) {
	.linkoverlays {
		margin-top: -400px;
		margin-bottom: 400px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 25px;
		height: 400px; 
	}
}

@media (min-width: 1000px) {
	.linkoverlays {
		margin-top: -450px;
		margin-bottom: 450px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 30px;
		height: 450px; 
	}
}

@media (min-width: 1100px) {
	.linkoverlays {
		margin-top: -500px;
		margin-bottom: 500px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 30px;
		height: 500px; 
	}
}

@media (min-width: 1200px) {
	.linkoverlays {
		margin-top: -500px;
		margin-bottom: 500px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 35px;
		height: 500px; 
	}
}

@media (min-width: 1300px) {
	.linkoverlays {
		margin-top: -550px;
		margin-bottom: 550px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 35px;
		height: 550px; 
	}
}

@media (min-width: 1400px) {
	.linkoverlays {
		margin-top: -600px;
		margin-bottom: 600px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 35px;
		height: 600px; 
	}
}

@media (min-width: 1500px) {
	.linkoverlays {
		margin-top: -650px;
		margin-bottom: 650px;
	}

	.linkoverlays .col-sm-2 {
		margin-left: 40px;
		height: 650px; 
	}
}

/*.alumnilink a {
	padding-left: 10px;
	padding-right: 10px;
}
*/

/*FOR DESKTOP*/
@media (min-width: 768px) {

	.spotlight.directory h1.alumniname.hidden-xs {
		margin-top: -180px;
	}

	.spotlight.directory h4.alumniname.hidden-xs {
		margin-top: 4px;
	}

	.spotlight.directory h4.alumniname.hidden-xs a {
		display: inline-block;
		margin-left: 25px;
		/*color: white;*/
		color: black;
		border: 2px solid black;
		font-weight: 400;
		letter-spacing: -0.05em;
		font-size: 1em;
		padding-left: 10px;
		background: black;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 8px;
		width: 200px;
	}	

	.spotlight.directory a.hidden-xs {
		margin-top: 20px;
	}

	.spotlight.directory .caption {
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.spotlight.directory .caption a {
		color: gray;
		font-style: italic;
	}

	.spotlight.directory .caption a:hover,
	.spotlight.directory .caption a:active {
		text-decoration: underline;
	}

	/*.spotlight.directory a.apply {
		margin-bottom: 40px;
	}*/

	.spotlight.directory a.apply.lastitem {
		margin-top: 40px;
		margin-bottom: -40px;
	}
}

/**************** DENISE VISSE PAGE ****************/

.spotlight.denisevisse .mobilelist {
	width: 300px; /*Customize width to fix content of each alumni*/
}

.spotlight.directory h4.alumniname.hidden-xs.denisevisse a {
	width: 215px;
}


/**************** KACI LAMBE PAGE ****************/

.spotlight.kacilambe .mobilelist {
	width: 210px; /*Customize width to fix content of each alumni*/
}

.spotlight.directory h4.alumniname.hidden-xs.kacilambe a {
	width: 195px;
}

/**************** JESSICA LAURIA PAGE ****************/

.spotlight.jessicalauria .mobilelist {
	width: 375px; /*Customize width to fix content of each alumni*/
}

.spotlight.directory h4.alumniname.hidden-xs.jessicalauria a {
	width: 210px;
}

/****************** IAN SCOTT PAGE ******************/

.spotlight.ianscott .mobilelist {
	width: 280px; /*Customize width to fix content of each alumni*/
}

.spotlight.directory h4.alumniname.hidden-xs.ianscott a {
	width: 185px;
}

/*************** ELIZABETH PHIPPS PAGE ***************/

.spotlight.elizabethphipps .mobilelist {
	width: 280px; /*Customize width to fix content of each alumni*/
}

.spotlight.directory h4.alumniname.hidden-xs.elizabethphipps a {
	width: 230px;
}