.bio-grid {
  text-align:center;
  padding:3em 2em;
}
.bio-grid h2 {
  color:var(--dark-green);
  text-transform:uppercase;
}
.bio-grid__inner {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  gap:2%;
  margin-top:2em;
  row-gap: 2em;
}
.bio-grid__item {
  width:32%;
  border:5px solid var(--dark-green);
  padding:2em;
  height: 20rem;
  overflow:hidden;
  position:relative;
  transition:0.3s ease;
}

.bio-grid__item.expanded {
  height:auto;
}
.bio-grid__img {
  width:10em;
  height:10em;
  border-radius:10em;
  border:3px solid var(--dark-green);
}
.bio-grid__position h5 { font-size:18px;color:var(--dark-green); }
.bio-grid__name h3 {  
  text-transform:uppercase;
  color:var(--dark-green);
  {# font-family: GTPressura-Bold, sans-serif; #}  
  font-size:30px;
  display:block;
  margin-top:1em;
  line-height:110%;
}
.bio-grid__position {
  text-transform:uppercase;
  color:var(--dark-green);
  display:block;
/*    font-family: GTPressura-Bold, sans-serif; */
  font-size:18px;
}
.bio-grid__profile {
  font-size:18px;
  margin-top:2em;
  padding-bottom:2em;
}
.bio-grid.disabled-more .bio-grid__profile {
 padding-bottom:0;
}
.bio-grid__overlay {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:10rem;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
  z-index:9;
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:1em;

  cursor:pointer;
}

.bio-grid__overlay:hover .bio-grid__overlay-toggle {
  transform:translateY(5px);
}
.bio-grid__overlay-toggle {
    transition:0.3s ease;
}
.bio-grid__overlay-text {
{#  font-family: GTPressura-Bold, sans-serif; #}
  font-family: var(--roboto-sans);
  display:block;
  color:var(--dark-green);
  text-transform:uppercase;
  font-weight: 600;
}
.bio-grid__overlay-arrow {
  transition:0.3s ease;
}
.bio-grid__overlay-arrow.expanded {
  transform:rotate(180deg);
}

@media(max-width:1024px) {
  .bio-grid__inner {
    gap:4%;
    row-gap:2em;
  }
  .bio-grid__item {
    width:48%;
  }
}

@media(max-width:425px) {
  .bio-grid__item {
    width:100%;
  }
}