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

font-family: 'Source Sans Pro', sans-serif;
____

light 300
regular 400
semi bold 600
bold 700
____

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

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

.body-bio .copy-section {
    padding: 120px 90px 170px;
}

.bio-section {
	margin-top: 110px;
	position: relative;
	margin-bottom:0px;
	padding: 60px 85px 170px;
}
.bio-section .bio-detail-copy-wrapper {
	padding-left: 35px;
}

.bio-section .bio-image-social-name-content {
	text-align: center;
}
.bio-section .bio-detail-headshot {
    border: 5px solid #002949;
}
.bio-section .bio-image-social-name-content {
	padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
}
.bio-section .bio-detail-name-wrapper {
	margin-top: 10px;
}
.bio-section .bio-detail-last-name, .bio-section .bio-detail-first-name, .bio-section .bio-detail-middle-initial, .bio-detail-preferred-name {
	font-size: 22px;
    font-weight: 400;
    color: #002949;
    text-transform: uppercase;
}

.bio-section .bio-detail-designation {
    font-size: 16px !important;
    color: #002949;
    display: block;
	margin-top: -8px;
}
.bio-section .bio-detail-title {
    font-size: 15px;
    letter-spacing: 1px;
    color: #343434;
    margin-top: 5px;
    width: inherit;
	text-transform: uppercase;
    display: block;	
}

.bio-section .bio-detail-links-wrapper .fa {
    font-size: 19px;
    color: #5489b6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.bio-section .bio-detail-links-wrapper .fa:hover {
    color: #002949;
}


/*
.bio-detail-next-link-wrapper, .bio-detail-previous-link-wrapper {
	display: none;
}
*/


/*
==============================================
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
==============================================
*/


}	


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
/*
==============================================
Bio Section
==============================================
*/
	.body-bio .copy-section {
		padding: 80px 55px 80px;
	}
	.bio-section .bio-detail-headshot {
		max-width: 282px;
	}
	.bio-section .bio-detail-copy-wrapper {
		padding-top: 40px;
		padding-left: 0;
	}
}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
==============================================
Bio Section
==============================================
*/
	.body-bio .copy-section {
		padding: 60px 55px 80px;
	}

}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
	
/*
==============================================
Bio Section
==============================================
*/
	.body-bio .copy-section {
		padding: 60px 30px 80px;
/*		margin-top: 110px !important;*/
	}
	.bio-section .bio-copy {
		padding: 0;
	}

	.bio-detail-headshot-wrapper {
		max-width: 240px;
		margin: 0 auto;
	}
	.bio-section .bio-detail-headshot {
		max-width: 240px;
		
	}
/*
==============================================
Logo
==============================================
*/


}



/* 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
==============================================
*/
/*
	.body-bio .copy-section {
		margin-top: 110px !important;
	}
*/
}

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