/*********** BIO CSS ***********/
div.bios{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:20px;}
div.bios .bio{width:100%;margin-bottom:16px;border-radius:4px;border-bottom:0px;}
div.bios .bio .profile{overflow:hidden;cursor:pointer;margin-top:0px;width:100%;position:relative;z-index:0;padding:24px;border-radius:4px;border:1px solid #b7b7b6;}
div.bios .bio .profile .image{display:none;background-position:center center;background-size:cover;background-repeat:no-repeat;width:130px;height:130px;border-radius:50%;}
div.bios .bio .profile.has-image .image{display:block;}
div.bios .bio .profile .text{margin-top:24px;}
div.bios .body{width:100%;opacity:0;height:0;min-height:0;transition:height 0.5s ease-in-out;pointer-events:none;position:relative;z-index:1;overflow:hidden;display:flex;;}
div.bios .body .name h5{margin-bottom:0;}
div.bios .body .name{display:none;}
div.bios .body .title{display:none;margin-bottom:16px;}
div.bios .bio.open .profile{border-bottom: 0px;}

div.bios .bio.open .body{opacity:1;height:auto;pointer-events:all;transition:height 0.5s ease-in-out,opacity 0.5s ease-in;padding:0 24px 24px;margin-top:-8px;border:1px solid #b7b7b6;border-radius: 4px;border-top: 0px;}

/* ---|MOBILE ADJUSTMENTS|--- */
@media screen and (min-width:480px){
	div.bios .bio{width:calc(50% - 10px);margin-bottom:20px;background-color:transparent;}
	div.bios .bio.open .profile{border:1px solid #b7b7b6;}
	div.bios .bio .profile.has-image {min-height:294px;}
	div.bios .bio .profile{ height:118px;}
	div.bios .bio .body .name{display:block;}
	div.bios .bio .body .title{display:block;}
	div.bios .bio .body{border: 1px solid #b7b7b6; width:calc(200% + 20px);}
	div.bios .bio:nth-of-type(2n) .body{transform:translateX(calc(-50% - 10px));}
	div.bios .bio.open .body{margin-top:16px;padding:24px;border:1px solid #b7b7b6;border-radius: 4px;}
}
@media screen and (min-width:1100px){
	div.bios .bio{width:calc(33.3333% - 14px);}
	div.bios .bio .body{width:calc(300% + 39px);}
	div.bios .bio:nth-of-type(3n + 1) .body{transform:translateX(0);}
	div.bios .bio:nth-of-type(3n + 2) .body{transform:translateX(calc(-33.3333% - 7px));}
	div.bios .bio:nth-of-type(3n + 3) .body{transform:translateX(calc(-66.6666% - 13px));}
}

/*@media screen and (min-width: 1360px) {
	div.bios .bio {width: calc(25% - 15px);}
	div.bios .bio .body {width: calc(400% + 60px);}

	div.bios .bio:nth-of-type(4n + 1) .body {transform: translateX(0);}
	div.bios .bio:nth-of-type(4n + 2) .body {transform: translateX(calc(-25% - 5px));}
	div.bios .bio:nth-of-type(4n + 3) .body {transform: translateX(calc(-50% - 10px));}
	div.bios .bio:nth-of-type(4n + 4) .body {transform: translateX(calc(-75% - 15px));}
}*/