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

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

light 300
regular 400
semi bold 600
bold 700
____

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

/*
Interior Yearbook Team Section
==============================================
*/

.team-section .yearbook-container {
	margin-top:70px;
}

.team-image-wrapper img {
    border: 5px solid #ecece8;
	max-width: 740px;
	margin: 0 auto;
}
.team-section .yearbook-three .yearbook-name-wrapper {
    padding: 20px 0 0 0;
}
.team-section .team-content {
	padding: 0 85px 125px;
}
.team-section .yearbook-three .yearbook-name-wrapper, .team-section .yearbook-last-name, .team-section .yearbook-designation {
	color: #343434;
}
.team-section .yearbook-last-name, .team-section .yearbook-first-name {
    font-size: 22px;
    font-weight: 400 !important;
    color: #002949;
    text-transform: uppercase;
}
.team-section .yearbook-designation {
	font-size: 16px !important;
	color: #002949;
	display: block;
}
.team-section .yearbook-three .yearbook-title {
	font-size: 15px;
	letter-spacing: 1px;
	color: #343434;
	margin-top: 5px;
	width: inherit;
}
.team-section .yearbook-three .yearbook-hr {
	display: none;
}
/*
.team-section .yearbook-three .yearbook-links {
    padding: 0;
}
*/
.team-section .yearbook-three .yearbook-links .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;
	
}
.team-section .yearbook-three .yearbook-links .fa:hover {
    color: #002949;
}
.team-section .yearbook-three .yearbook-headshot {
	border: 5px solid #002949;
}
.team-section .yearbook-three .yearbook-headshot-wrapper::after {
	background: none;
	background-color: transparent;
}
.team-section .yearbook-headshot-wrapper{
	position: relative;
}
.team-section .yearbook-headshot-wrapper:after {
	content: 'View Bio';
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    letter-spacing: 3px;
    font-weight: 600;
    color: #fff;
    padding: 0px;
    text-transform: uppercase;
    line-height: 34px;
    position: relative;
    width: 190px;
    background: #5489b6;
    top: -90px;
    opacity: 0;
    margin-bottom: -30px;
}
.team-section .yearbook-three a:hover .yearbook-headshot-wrapper:after {
    background: #5489b6;
    opacity: 1;
}
.team-section .yearbook-three a:hover .yearbook-headshot-wrapper:before {

    -webkit-box-shadow: inset 0px -24px 154px -6px rgba(112,112,112,1);
    -moz-box-shadow: inset 0px -24px 154px -6px rgba(112,112,112,1);
    box-shadow: inset 0px -24px 154px -6px rgba(112,112,112,1);
}
.team-section .yearbook-three .yearbook-headshot-wrapper {
    max-width: 282px;
}

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


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

}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
/*
==============================================
Copy Section
==============================================
*/
	.team-image-wrapper img {
		max-width: 100% !important;
	}

}	


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

}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
==============================================
Copy Section
==============================================
*/

}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
/*
==============================================
Copy Section
==============================================
*/



/*
==============================================
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) {
/*
==============================================
Copy Section
==============================================
*/

}

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