/*==============================================  IMPORTANT - PLEASE READ ==============================================

font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
____

thin 100
light 300
regular 400
bold 700
black 900
____

========================================================================================================================
*/

/*
==============================================
Bio Section
==============================================
*/

.bio-block-1 {
	animation-duration: 3s;
}
.bio-block-2 {
	animation-delay: .25s;
	animation-duration: 3s;
}
.bio-block-3 {
	animation-delay: .5s;
	animation-duration: 3s;
}
.bio-block-4 {
	animation-delay: .75s;
	animation-duration: 3s;
}
.bio-block-5 {
	animation-delay: 1s;
	animation-duration: 3s;
}
.bio-block-6 {
	animation-delay: 1.25s;
	animation-duration: 3s;
}
.bio-section {
	padding: 80px 0px 150px;
}
/*
.bio-detail-container {
	border-bottom: solid 4px #c9a560;
}
*/

.bio-detail-container:before, .bio-detail-container:before, .resource-section:before {
    content: "";
    display: block;
    height: 8px;
    background-color: #c9a560;
    margin: 0 auto;
    width: 0px;
    animation-name: line-draw;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}
.bio-detail-previous-link-wrapper, .bio-detail-next-link-wrapper, .resource-detail-previous-link-wrapper, .resource-detail-next-link-wrapper {
	top: 30% !important;
}
.bio-detail-next, .bio-detail-prev, .resource-detail-next, .resource-detail-prev, .bio-detail-prev, .bio-detail-next  {
	color: #000 !important;
}
.bio-detail-previous-link-wrapper.hover-link:before, .bio-detail-next-link-wrapper.hover-link:before  {
	background-color: #393f4d;
}
.bio-detail-previous-link:before, .bio-detail-next-link:before, .bio-detail-previous-link:hover:before, .bio-detail-next-link:hover:before {
	background: none;
}
.bio-detail-prev-wrapper {
	padding: 10px 0 10px 10px;
	font-family: 'Abel', sans-serif;
}
.bio-detail-next-wrapper {
    padding: 10px 10px 10px 0;
	font-family: 'Abel', sans-serif;

}

.bio-detail-prev-bio, .bio-detail-next-bio, .resource-detail-prev, .resource-detail-next {
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bio-detail-previous-link:hover .bio-detail-prev, .bio-detail-previous-link:hover .bio-detail-prev-bio, .bio-detail-next-link:hover .bio-detail-next, .bio-detail-next-link:hover .bio-detail-next-bio {
	color: #c9a560;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bio-content-photo {
	animation-delay: .5s;
}
.bio-content-name {
	text-align: center;
	margin-top: 30px;
	animation-delay: 1s;
}
.bio-content-right {
	animation-delay: 1.5s;
}
.bio-content-social {
	text-align: center;
	animation-delay: 1.25s;
}
.bio-detail-first-name-wrapper, .bio-detail-last-name-designation-wrapper, .bio-detail-first-name, .bio-detail-last-name, .bio-detail-designation-wrapper, .bio-detail-designation, .bio-detail-middle-initial-wrapper, .bio-detail-middle-initial, .bio-detail-preferred-name {
	font-family: 'Abel', sans-serif;
	font-size: 32px !important;
	line-height: 40px !important;
	color: #393f4d !important;
	text-transform: uppercase;
	display: inline;
}
.bio-detail-designation {
	text-transform: none;
}
.bio-detail-designation sup {
	vertical-align: middle;
    top: -10px;
    font-size: 12px;
}
.bio-detail-title-wrapper, .bio-detail-title {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px !important;
	text-transform: uppercase;
	color: #5a5d63;
	font-weight: 300;
    letter-spacing: 1px;
	margin-bottom: 10px;
	    display: block;
}

.bio-section .bio-detail-links-as-text .bio-detail-email-link-as-text, 
.bio-section .bio-detail-links-as-text .bio-detail-phone-link-as-text {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
    color: #5a5d63;
	line-height: 28px;

}
.bio-section .bio-detail-links-as-text {
	padding-top: 12px;
}

.bio-section .bio-detail-links-as-text .bio-detail-email-link-as-text:hover, 
.bio-section .bio-detail-links-as-text .bio-detail-phone-link-as-text:hover {
	color: #c9a560;
}

.bio-content-social:before {
	content: "";
	display: block;
	width: 80px;
	height: 2px;
	background-color: #c9a560;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
.bio-detail-copy-wrapper p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 35px;
	color: #2b2b2b;
	text-align: left !important;
	margin-bottom: 40px !important;
}
.bio-detail-copy-wrapper ul {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 35px;
	color: #2b2b2b;
}
.bio-detail-copy-wrapper ul li {
	list-style-type: disc;
}
.bio-detail-copy-wrapper h2, h3 {
	font-family: 'Abel', sans-serif;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: #1c2744;
	margin: 15px 0;
}
.bio-detail-copy-wrapper h3 {
    font-size: 26px;
    line-height: 28px;
}
.bio-detail-links-wrapper .fa {
	color: #cbcac9;
    padding: 10px 8px 0px 8px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bio-detail-links-wrapper .fa:hover {
	color: #c9a560;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bio-detail-quote-hr {
	display: none;
}
.bio-detail-quote {
	margin-top: 80px;
	font-family: 'Cormorant', serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 40px;
	font-style: italic;
	text-align: left !important;
	color: #4b5773;
	text-indent: 70px;
}
/* .bio-detail-quote-cite {
	display: none;
} */
.bio-detail-quote:before {
	content: "“";
	font-family: 'Cormorant', serif;
    font-weight: 400;
    font-size: 180px;
    color: #c9a560;
    position: absolute;
    left: -80px;
    top: 30px;
}
.bio-detail-quote p {
	font-family: 'Cormorant', serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 40px;
	font-style: italic;
	text-align: left !important;
	color: #4b5773;
	text-indent: 70px;
}
.bio-detail-headshot-wrapper {
	text-align: center;
}
.bio-detail-headshot {
	width: auto;
}


/*
==============================================
Responsive Meia Queries NEW
==============================================
*/


/* Touch devices only */
@media (pointer:coarse) {
/*
==============================================
Bio Section
==============================================
*/

}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
/*
==============================================
Bio Section
==============================================
*/
.bio-section {
		padding: 80px 0px 150px 0px;
	}
	.bio-detail-next-link-wrapper-mobile {
		right: 30px;
		bottom: 20px;
	}
	.bio-detail-previous-link-wrapper-mobile {
		left: 30px;
		bottom: 20px;
	}
}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
/*
==============================================
Bio Section
==============================================
*/

}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
==============================================
Bio Section
==============================================
*/
/* .bio-detail-headshot {
		max-width: 350px;
		width: 100%;
	} */

	.bio-section .container {
		padding: 0px 80px;
	}
	.bio-section {
		padding: 80px 20px 150px 20px;
	}
	.bio-detail-links-wrapper {
		margin-bottom: 20px;
	}

}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
/*
==============================================
Bio Section
==============================================
*/
.bio-detail-next-wrapper {
		padding: 10px 10px 10px 0;
	}
	.bio-section .container {
		padding: 0px 20px;
	}
	.bio-detail-next-link-wrapper-mobile {
		right: 30px;
		bottom: 20px;
	}
	.bio-detail-previous-link-wrapper-mobile {
		left: 30px;
		bottom: 20px;
	}
	.bio-content-right {
		margin-top: 20px;
	}
	.bio-detail-copy-wrapper {
		padding: 0px 10px;
	}
	.bio-detail-quote-wrapper {
		padding: 0px 20px 20px 20px;
	}
	.bio-detail-quote {
		margin-top: 20px;
	}

}

/* Extra small devices (most portrait phones, 375px and less) mobile-p */
@media only screen and (max-width: 375px) {
/*	.bio-detail-copy-wrapper {
		padding: 0px 20px;
	}
	.bio-detail-quote-wrapper {
		padding: 0px 10px 20px 10px;
	}
	.bio-detail-quote {
		margin-top: 20px;
	}*/

}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
/*
==============================================
Bio Section
==============================================
*/
.yearbook-headshot-wrapper:before {
		  background: none;
	  }

}

/* IE only */
@media screen\0 { }