.team-listing {
  overflow: hidden;
}
p + .team-listing, h2 + .team-listing, h3 + .team-listing, h4 + .team-listing, h5 + .team-listing, h6 + .team-listing {
  margin-top: 3rem;
}
div + .team-listing {
  margin-top: 4rem;
}
.team-listing.team-fade .team-head:not(.open) h3,
.team-listing.team-fade .team-head:not(.open) p {
  opacity: 0.35;
  transition: opacity 0.25s ease-in-out;
}
.team-listing.team-fade .team-head:not(.open):hover h3,
.team-listing.team-fade .team-head:not(.open):hover p {
  opacity: 1;
}

.team-head {
  margin: 0 0 2rem;
  cursor: pointer;
}
.team-head .profile {
  width: 100%;
  overflow: hidden;
  background-color: #fafafa;
}
.team-head img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 540px;
  margin: 0;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.team-head .team-details {
  width: 100%;
  padding: 1.6rem 0 0;
  height: auto !important;
}
.team-head h3 {
  margin: 0 0 0.5rem;
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--font-22);
  line-height: 1.3;
  color: #000;
}
.team-head p {
  margin: 0;
  font-size: var(--wp--preset--font-size--font-16);
  line-height: 1.3;
  color: #000;
  opacity: 0.7;
}
.team-head:hover h3, .team-head.open h3 {
  text-decoration: underline;
}

.team-bio {
  width: 100%;
  height: 0;
  overflow: hidden;
}
.team-bio .inner {
  margin: 1rem 0 3rem;
  padding: 3.6rem;
  background-color: #fafafa;
  border: 1px solid #B2B2B2;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 782px) {
  .team-bio .inner {
    padding: 2.4rem;
  }
}
.team-bio__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.8rem;
  margin-bottom: 2.6rem;
  padding-bottom: 2.6rem;
  border-bottom: 1px solid #B2B2B2;
}
.team-bio__person {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  min-width: 0;
}
.team-bio__avatar {
  flex-shrink: 0;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  overflow: hidden;
}
.team-bio__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-bio__name {
  margin: 0 0 0.3ch;
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--font-22);
  color: #000;
}
.team-bio__role {
  margin: 0;
  font-size: var(--wp--preset--font-size--font-16);
  color: #000;
  opacity: 0.7;
}
.team-bio__nav {
  flex-shrink: 0;
  display: flex;
  gap: 0.6rem;
}
.team-bio__nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #B2B2B2;
  cursor: pointer;
}
.team-bio__nav button::after {
  content: "";
  width: 12px;
  height: 8px;
  background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.314' height='7.071'%3E%3Cg fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M10.607.707 4.95 6.364M6.364 6.364.707.707'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.314' height='7.071'%3E%3Cg fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M10.607.707 4.95 6.364M6.364 6.364.707.707'/%3E%3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.team-bio__nav button:hover, .team-bio__nav button:focus-visible {
  border-color: #000;
}
.team-bio__nav button:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.team-bio__prev::after {
  transform: rotate(90deg);
}
.team-bio__next::after {
  transform: rotate(-90deg);
}
.team-bio__content p:last-of-type {
  margin: 0;
}
.team-bio .wp-block-columns {
  margin: 0;
}
.team-bio.active-tab {
  height: auto;
}
.team-bio.active-tab .inner {
  opacity: 1;
}
@media (max-width: 599px) {
  .team-bio__header {
    flex-wrap: wrap;
    gap: 1.4rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
  .team-bio__nav {
    order: -1;
    width: 100%;
  }
  .team-bio__person {
    gap: 1.4rem;
  }
  .team-bio__avatar {
    width: 5.6rem;
    height: 5.6rem;
  }
  .team-bio__name {
    font-size: var(--wp--preset--font-size--font-20);
  }
}

@media (min-width: 600px) {
  .team-listing {
    margin: 0 -18px 0 -8px;
  }
  .team-head {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: calc(50% - 23px);
    margin: 0 7px 2rem 8px;
  }
  .team-bio {
    float: left;
    padding-right: 18px;
    padding-left: 8px;
  }
}
@media (min-width: 1150px) {
  .team-head {
    width: calc(33.33% - 23px);
  }
  .team-bio {
    padding-right: 21px;
  }
}/*# sourceMappingURL=block-team-listing.css.map */