@charset "UTF-8";
/* CSS Document */
.staff_bios-template-default .bio_header_wrap {display: flex; padding: 2% 4.5455%; max-width: 1200px; margin: 0 auto; width: 100%;}
.staff_bios-template-default .bio_wrap {display: block; padding: 0% 4.5455% 2%; max-width: 1200px; margin: 0 auto; width: 100%; }
.staff-wrap {display: block; padding: 0% 4.5455% 0%; max-width: 1200px; margin: 0 auto; width: 100%; border-bottom: 2px solid #333333; border-top: 2px solid #333333;}
.staff-wrap ul {list-style: none; display: flex; flex-wrap: wrap; margin: 0;}
.staff-wrap ul li {flex-grow: 1; width: 50%; padding: 5px;}
.staff_bios-template-default h1.entry-title {padding: 0 0 2% 0; margin: 0;}
.staff_bios-template-default .entry-content {width: 100%; max-width: 100%;}
.staff_bios-template-default .post-thumbnail {width: 300px; margin: 0 2% 0 0}
.staff_bios-template-default .post-thumbnail img {width: 100% !important; padding: 0 0% 0 0; box-shadow: 2px 2px 8px #333333;  }
.staff_bios-template-default .entry-content, .staff_bios-template-default .entry-header {margin: 0; text-align: left;}
.staff_bios-template-default .entry-title {margin-bottom: 0%; margin-top: 0%; text-align: left;}
.staff_bios-template-default .social-navigation {flex-wrap:wrap; display: flex; width: 100%;}
.staff_bios-template-default .contact-info {list-style: none; flex-wrap:wrap; text-align: left; margin: 0 0 2% 0; font-size: 16px;}
.content_overlay .title {font-size: 12px; text-align: left; line-height: 1.2}
.content_overlay .job_title {font-size: 9px; text-align: left; line-height: 1.1}

/* Styles for Headshot Page */

.staff_shot_grid {display: flex; flex-wrap:wrap; text-align: left; justify-content: center;}
.staff_shot_wrap {
	padding: 10px;
	margin: 0px;
	width: 50%;
}
.staff_shot_wrap .image_box {width: 100%; box-shadow: 2px 2px 8px #111;  padding: 5px}
.staff_shot_wrap .image_box img {width: 100%;}
.staff_shot_wrap .image_box{position: relative}
.staff_shot_wrap .image_box .content_overlay {
	position: absolute; 
	bottom: 20px; 
	right: 0; 
	z-index: 99; 
	background-color: rgba(24,132,198, .9); 
	color: #fff; 
	width: 100%; 
	padding: 4% 4%;
}

/**
 * >= 710px
 */
@media screen and (min-width: 768px) {
	.staff-wrap ul li {flex-grow: 1; width: 25%; padding: 5px;}
	.staff_shot_grid {display: flex; flex-wrap:wrap; text-align: left; justify-content: left;}
	.staff_shot_wrap {
	padding: 10px;
	margin: 0px;
	width: 33%;
}
}
/**
 *  >= 783px
 */
@media screen and (min-width: 783px) {
	.content_overlay .title {font-size: 16px; text-align: left; line-height: 1.2}
.content_overlay .job_title {font-size: 12px; text-align: left; line-height: 1.1}
	.staff_shot_wrap {
	padding: 10px;
	margin: 0px;
	width: 33%;
}
	.staff_shot_grid {display: flex; flex-wrap:wrap; text-align: left; justify-content: left; }
}
@media screen and (min-width: 1155px) {
	.staff_shot_grid {display: flex; flex-wrap:wrap; text-align: left; justify-content: left; }
	.staff_shot_wrap {
	padding: 10px;
	text-align: left;
	width: 25%;
}
}