.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 300000;
    display: none;
}

.close-span {
line-height: 20px;
 position: absolute;
 top: 5px;
 right: 5px;
 color: white;
 width: 25px;
 height: 25px;
 background-color: #22150f;
 z-index: 3000;
 border-radius: 20px;
 overflow: hidden;
 text-align: center;
 font-weight: bold;
 border: 2px solid white;
}

.close-span:hover {
cursor:pointer;
opacity:.8;
}

#person-popups h4.et_pb_module_header {
font-weight: 800;
    font-size: 28px;
    letter-spacing: 1px;
}

#person-popups .et_pb_column {
z-index:2;
}

#person-popups .et_pb_column.active {
 z-index:21;
}

.et_pb_team_member_image {
transition: .3s all;
}

.et_pb_team_member_image:hover {
cursor:pointer;
transform: scale(1.05)
}

#person-popups .et_pb_team_member_image {
 height:200px;
 width:200px;
 border-radius:100px;
 overflow:hidden;
 margin:auto;
 margin-bottom: 15px;
 transition: all 0.2s;
}

.overlay .et_pb_team_member.active {
 position: fixed;
 top: 230px;
 max-width: 80%;
 margin: auto;
 left: 10%;
 padding: 10px;
 background-color:#22150f;
 overflow-y: scroll;
height:60%;
 max-height: 400px;
 z-index: 300001;
 min-height: 565px;
}

.overlay .active .et_pb_team_member_image {
 float: left;
 z-index:20;
 padding:0px;
     margin-top: 55px;
    margin-left: 50px;
    width: 270px;
}

.overlay .active .et_pb_team_member_image:hover {
    transform: scale(1);
    cursor: initial;
}

#person-popups .et_pb_team_member_description {
text-align:center;
display:block;
}

#person-popups .et_pb_team_member_description p {
display:none;
}

#person-popups .et_pb_team_member_description p.et_pb_member_position {
display:block;
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #127562;
}

.overlay .active .et_pb_team_member_description {
 background-color: white;
 padding: 50px;
 min-height:275px;
display:block;
}

.overlay .active .et_pb_team_member_description {
 text-align:left;
}

.overlay .active .et_pb_team_member_description p {
display:block;
}

.overlay .active .et_pb_team_member_description a.glossaryLink {
    border-bottom: none;
}

.overlay .active .et_pb_team_member_description a.glossaryLink:hover {
    cursor: initial;
}

.overlay .active .et_pb_team_member_description .et_pb_member_position {
    display: none;
}

@media (max-width:1200px){

}

@media(max-width:980px){

}

@media (max-width:767px){

}

@media (max-width:640px){

}

@media (max-width:375px){

}

/* person pop-ups */

.et_pb_team_member.active .et_pb_team_member_description {
    min-height: 545px;
}

.overlay .et_pb_team_member.active {
    background-color: #f1dc5b;
}

.close-span {
    background-color: #1b232d;
}

@media only screen and (max-width: 980px) {
   .overlay .et_pb_team_member.active {
    top: 10vh;
    height: 80vh;
	max-height: 80vh;
   } 
	
	.overlay .active .et_pb_team_member_image {
		margin-right: 50%;
    margin-bottom: 20px;
	}
}

@media only screen and (max-width: 426px) {
	.overlay .active .et_pb_team_member_image {
		width: 80%;
    	margin-left: 15px;
    	margin-top: 15px;
	}
	
	.overlay .et_pb_team_member.active {
		max-width: 90%;
    left: 5%;
	}
	
	.et_pb_team_member.active .et_pb_team_member_description {
		padding: 15px;
	}
	
	.et_pb_team_member_description {
		font-size: 16px;
	}
}
