.bio {position: relative;}

.bio-cols .bio-meta, 
.bio-cols .bio-meta li {
  margin-left: 0;
	list-style: none;
}




/***  BIO THUMB  ***/

.bio-cols .bio-inner {
  position: relative;
  display: block;
  overflow: hidden;
	text-align: center;
}

.bio-cols .bio-link {cursor: pointer;}

.bio-cols .bio-inner .bio-portrait {margin-bottom: 10px;}

.bio-cols .bio-inner .bio-title, 
.bio-cols .bio-inner .bio-meta {margin: 0;}

@media screen and (max-width: 420px) {

.bio-thumb {
  text-align: center;
}

}



/***  BIO FULL  ***/

.bio-static .main, 
.bio-static .site-inner, 
.bio-static [class*="elementor-"] {position: static !important;}

.bio-overlay {
  position: fixed !important;
	top: 0;
	left: 0;
  z-index: 5000;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	justify-content: center;
	align-items: center;
	display: flex;
	height: 0;
  opacity: 0;
	overflow: hidden;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.bio-overlay-inner {
  position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.bio.active + .bio-overlay {
  opacity: 1;
	height: 100%;
}

.bio-overlay {
  display: flex;
  opacity: 0;
  height: 0;
  transition: opacity 0.5s ease, height 0.5s ease;
}

.bio-overlay.active {
  opacity: 1;
  height: 100%;
}

.bio-full {
  position: relative;
	z-index: 2;
  display: block;
	width: 90%;
	max-height: 90%;
	overflow: auto;
	max-width: 750px;
	padding: 50px;
	background-color: white;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.bio-full .bio-intro-wrap .grid {align-items: center;}

.bio-full .bio-thumb {
  border-radius: 50%;
	border: 1px solid #d2d2d2;
}

.bio-full .bio-name {font-weight: 600;}

.bio-full .bio-position {
  margin-top: -1em;
  text-transform: uppercase;
  font-size: 1.15em;
}

.bio-full .bio-email {color: #797979;}

.bio-full .bio-content-wrap {margin-bottom: 0 !important;}

.bio-full .bio-close {
  position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.bio-full .bio-close .fal {
  font-size: 2em;
}

.bio-full .bio-close:hover .fal {color: #35A9E6;}

@media screen and (max-width: 900px) {
.bio-full {padding: 40px;}
}

@media screen and (max-width: 600px) {
.bio-full {padding: 25px;}
}

@media screen and (max-width: 420px) {
.bio-full {padding: 15px;}
}



/***  DEPARTMENT SELECT  ***/

.department-select {max-width: 300px;}

/*SLIDER*/
.bios-swiper.swiper .swiper-slide img{max-height:unset!important;}