﻿/*-------------- BIOS --------------*/

.bios-featherlight {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.bios-featherlight .team-member {/*width: calc((100% / 4) - ((20px * 4) / 5));*/ width: calc((100% / 4) - ((20px * 4) / 4)); border: solid 1px rgba(35, 65, 90, 0.5); margin-right: 20px; margin-bottom: 20px; padding: 12px 15px 66px 15px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 328px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.bios-featherlight .team-member:nth-of-type(4n) {margin-right: 0px;}
/*.bios-featherlight .team-member:nth-of-type(5n) {margin-right: 0px;}*/
.bios-featherlight .team-member::after {position: absolute; left: 50%; bottom: 19px; content: "+"; font-size: 30px; line-height: 30px; color: #e47d46; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.bios-featherlight .team-member:hover {opacity: 0.6;}
.bios-featherlight .image {width: 166px; margin: 0px auto 0px auto;}
.bios-featherlight .name {text-align: center; font-size: 20px; line-height: normal; letter-spacing: 0.01px; color: #2b485c; font-weight: bold; margin-top: 7px; margin-bottom: 6px;}
.bios-featherlight .title {text-align: center; font-size: 14px; line-height: 1.36; letter-spacing: 0px; color: #2b485c;}
.bios-featherlight img {max-width: 100%;}
.bios-featherlight .bio-content {display: none;}

.featherlight .featherlight-content {margin-right: 10%; margin-left: 10%;}
.featherlight-content .bio-content {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 41px 14px; }
.featherlight-content .bio-content .left {padding: 0px 62px 0px 56px; border-right: solid 1px rgba(35, 65, 90, 0.5);}
.featherlight-content .bio-content .right {padding: 0px 70px 0px 93px;}
.featherlight-content .bio-content .image {width: 166px; margin: 0px auto 0px auto;}
.featherlight-content .bio-content  img {max-width: 100%;}
.featherlight-content .bio-content .name {font-size: 36px; font-weight: bold; line-height: normal; letter-spacing: 0.01px; color: #2b485c;}
.featherlight-content .bio-content .title {font-size: 22px; font-weight: normal; line-height: 1.27; letter-spacing: 0.01px; color: #2b485c; margin: 17px 0px 52px 0px;}
.featherlight-content .bio-content .body {font-size: 16px; font-weight: normal; line-height: 1.45; letter-spacing: 0.01px; color: #2b485c;}

.featherlight-next span, .featherlight-previous span {color: #2b485c; left: 0px; width: auto;}
.featherlight-next span {right: 0px; left: auto;}
.featherlight-next:hover, .featherlight-previous:hover {background: none;}
.featherlight .featherlight-close-icon {font-size: 50px; font-weight: normal; line-height: 50px; letter-spacing: 0.01px; color: #23415a; width: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: auto; top: 10px; right: 20px;}
.featherlight .featherlight-close-icon:focus {outline: 0;}

@media screen and (max-width: 1200px){
	.featherlight-content .bio-content .left {padding: 0px 32px 0px 26px;}
	.featherlight-content .bio-content .right {padding: 0px 40px 0px 63px;}
}
@media screen and (max-width: 1095px){
	.bios-featherlight .team-member {margin-right: 20px !important; width: calc((100% / 4) - ((20px * 3) / 4));}
	.bios-featherlight .team-member:nth-of-type(5n) {margin-right: 20px !important;}
	.bios-featherlight .team-member:nth-of-type(4n) {margin-right: 0px !important;}
}
@media screen and (max-width: 1023px){
	.featherlight-content .bio-content {display: block}
	.featherlight-content .bio-content .left {padding: 0px; border-right: none; margin-bottom: 30px;}
	.featherlight-content .bio-content .right {padding: 0px;}
}
@media screen and (max-width: 940px){
	.bios-featherlight .team-member {margin-right: 20px !important; width: calc((100% / 3) - ((20px * 2) / 3));}
	.bios-featherlight .team-member:nth-of-type(4n) {margin-right: 20px !important;}
	.bios-featherlight .team-member:nth-of-type(3n) {margin-right: 0px !important;}
}
@media screen and (max-width: 767px){
	.featherlight .featherlight-content {margin-left: 5%; margin-right: 5%;}
	.featherlight-content .bio-content .name {font-size: 24px;}
	.featherlight-content .bio-content .title {font-size: 15px; margin: 12px 0px 34px 0px;}
	.featherlight-content .bio-content .body {font-size: 15px;}
}
@media screen and (max-width: 700px){
	.bios-featherlight .team-member {margin-right: 20px !important; width: calc((100% / 2) - ((20px * 1) / 2));}
	.bios-featherlight .team-member:nth-of-type(3n) {margin-right: 20px !important;}
	.bios-featherlight .team-member:nth-of-type(2n) {margin-right: 0px !important;}
}
@media screen and (max-width: 500px){
	.bios-featherlight .team-member {margin-right: 0px !important; width: 100%;}
	.bios-featherlight .team-member:nth-of-type(3n) {margin-right: 0px !important;}
	.bios-featherlight .team-member:nth-of-type(2n) {margin-right: 0px !important;}
	.bios-featherlight .team-member:nth-of-type(5n) {margin-right: 0px !important;}
}
