.team-grid {
  overflow: hidden;
}
p + .team-grid, h2 + .team-grid, h3 + .team-grid, h4 + .team-grid, h5 + .team-grid, h6 + .team-grid {
  margin-top: 3rem;
}
.team-grid + .team {
  margin-top: 3rem;
}
div + .team-grid {
  margin-top: 4rem;
}
.team-grid.team-fade .team-head:not(.open) h3, .team-grid.team-fade .team-head:not(.open) p {
  opacity: 0.75;
}
.team-grid .team-head {
  margin: 0 0 20px 0;
  padding-top: 30px;
  background: #cce0dc;
  border-radius: 16px;
  position: relative;
  cursor: pointer;
  line-height: 0;
  transition: background 0.25s ease-in-out;
}
.team-grid .team-head:after {
  content: "";
  position: absolute;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='42' viewBox='0 0 43 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39 21C39 11.3355 31.1645 3.5 21.5 3.5C11.8355 3.5 4 11.3355 4 21C4 30.6645 11.8355 38.5 21.5 38.5C31.1645 38.5 39 30.6645 39 21ZM21.1088 28.6865C20.9832 28.562 20.8835 28.414 20.8151 28.2509C20.7468 28.0879 20.7113 27.9129 20.7106 27.7361C20.7099 27.5593 20.744 27.3841 20.811 27.2205C20.8781 27.0569 20.9767 26.9081 21.1012 26.7826L25.5031 22.3462L14.2644 22.3462C13.9074 22.3462 13.565 22.2043 13.3125 21.9519C13.0601 21.6994 12.9183 21.357 12.9183 21C12.9183 20.643 13.0601 20.3006 13.3125 20.0481C13.565 19.7957 13.9074 19.6538 14.2644 19.6538L25.5031 19.6538L21.1012 15.2174C20.8497 14.9637 20.7093 14.6205 20.7109 14.2633C20.7125 13.9061 20.8559 13.5641 21.1096 13.3126C21.3633 13.0611 21.7065 12.9207 22.0638 12.9223C22.421 12.9239 22.7629 13.0673 23.0144 13.321L29.6939 20.0518C29.9441 20.304 30.0845 20.6448 30.0845 21C30.0845 21.3552 29.9441 21.696 29.6939 21.9482L23.0144 28.679C22.8899 28.8048 22.7418 28.9047 22.5785 28.9732C22.4153 29.0417 22.2402 29.0773 22.0632 29.078C21.8862 29.0787 21.7108 29.0445 21.547 28.9773C21.3832 28.9101 21.2343 28.8113 21.1088 28.6865Z' fill='%23006450'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  top: 9px;
  right: 12px;
  z-index: 1;
  transition: transform 0.25s ease-in-out;
  cursor: pointer;
}
.team-grid .team-head img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.19/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-grid .team-head .profile {
  width: 100%;
}
.team-grid .team-head .team-details {
  display: flex;
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 2rem 1rem 2.2rem 1rem;
  background: var(--wp--preset--color--dark-green);
  border-radius: 0 0 16px 16px;
  transition: background 0.25s ease-in-out;
}
.team-grid .team-head .team-details .title {
  width: 100%;
}
.team-grid .team-head .team-details h3 {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--24);
  font-weight: 700;
  margin: 0 0 0.1ch 0;
  color: #fff;
  transition: opacity 0.25s ease-in-out;
}
.team-grid .team-head .team-details p {
  font-size: var(--wp--preset--font-size--16);
  margin: 0;
  color: #fff;
  transition: opacity 0.25s ease-in-out;
}
.team-grid .team-head.open, .team-grid .team-head:hover {
  background: #accdc6;
}
.team-grid .team-head.open .team-details, .team-grid .team-head:hover .team-details {
  background: #368574;
}
.team-grid .team-head.open:after {
  transform: rotate(90deg);
}
.team-grid .team-bio {
  width: 100%;
  height: 0;
  transition: height 0.3s ease-in-out, border 0.3s ease-in-out;
  overflow: hidden;
}
.team-grid .team-bio .inner {
  background: #ecf3f2;
  margin: 10px 0 var(--wp--preset--spacing--normal) 0;
  padding: var(--wp--preset--spacing--small);
  border-radius: 16px;
  opacity: 0;
  overflow: hidden;
}
.team-grid .team-bio .wp-block-columns {
  margin: 0;
}
.team-grid .team-bio .wp-block-column:nth-child(2) {
  padding: var(--spacer);
  border-radius: 5px;
}
.team-grid .team-bio h3 {
  font-weight: 400;
  margin-bottom: 1ch;
}
.team-grid .team-bio p:last-of-type {
  margin: 0;
}
.team-grid .team-bio.active-tab {
  height: auto;
}
.team-grid .team-bio.active-tab .inner {
  animation: fadeIn 1s forwards 0.15s;
}

@media (min-width: 600px) {
  .team-grid {
    margin: 0 -15px 0px -12px;
  }
  .team-grid .team-head {
    width: calc(50% - 28px);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 0 12px 30px 12px;
  }
  .team-grid .team-bio {
    float: left;
    padding-left: 12px;
    padding-right: 15px;
  }
  .team-grid .team-bio .inner {
    margin-top: 0;
  }
}
@media (max-width: 699px) {
  .acc-panel {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 900px) {
  .team-grid .team-head {
    width: calc(33.33% - 28px);
  }
}
@media (min-width: 1100px) {
  .team-grid .team-head {
    width: calc(25% - 28px);
  }
}/*# sourceMappingURL=block-team-grid.css.map */