section.team-members {
	margin: 0;
	width: 100%;
	background: var(--light-blue-color);
	padding: 0 0 5rem 0;
}

section.team-members .members{
	display:flex;
	flex-wrap:wrap;
	gap:0;
	margin:30px 0;
	gap: 3%;
}

section.team-members .staff-item{
	flex:1 1 calc(30%);
	display: flex;
	flex-direction: column;
	background: var(--lighter-body-color);
	padding: 1.5rem;
	border-radius: 0.5rem;
}

section.team-members .staff-item .staff-image{

}

section.team-members .staff-item img{
	width:100%;
	height:auto;
	display:block;
}

section.team-members .staff-item .staff-information{
	background:var(--yellow-color);
	padding: 1em 0 0;
	text-align:center;
	clip-path:var(--clip-10px-bottom-right);
	display: flex;
	flex-grow: 1;
	  flex-direction: column;
	  align-items: flex-start;
}

section.team-members .staff-item .staff-information h4{
	font-size: 1.25em;
	margin: 0;
	color: var(--third-color);
	font-weight: 600;
}

section.team-members .staff-item .staff-information h4 em {
	color: var(--second-color);
	margin: 0 0 0 0.25rem;
}

section.team-members .staff-item .trimmed-bio {
	text-align: left;
	margin: 0 0 1.25em 0;
	font-size: 0.875em;
}


section.team-members .staff-item .job-description {
	margin: 0 0 0.25em 0;
	color: var(--second-color);
}

#bioModal {
  background:rgba(0, 40, 85, 0.27);
  color: var(--third-color);
}
#bioModal .modal-title { 
  color: var(--third-color);
}
#bioModal .modal-content {
  background:#fbf5ef;
  width: auto;
  height: auto;
  padding: 0;
}

#bioModal .modal-header {
  border-bottom: 1px solid #e3d9c1;
}

#bioModal h5 {
	font-weight: 600;
}

#bioModal .modal-footer {
  border-top: 1px solid #e3d9c1;
}

@media screen and (max-width:992px){
	section.team-members .staff-item{
		flex:0 0 calc(47%);
		margin: 0 0 1.5rem 0;
	}
}

@media screen and (max-width:650px){
	section.team-members .staff-item{
		flex:0 0 calc(97%);
	}
}