:root {
  --sidebar-width: 31rem;
  --layout-gap: 4rem;
  --wp--style--block-gap: clamp(3.5rem, 2.737rem + 1.404vw, 4rem);
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 34rem;
    --layout-gap: 6rem;
  }
}
.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;
}
.team-listing + .team-listing {
  margin-top: 3rem;
}
div + .team-listing {
  margin-top: 4rem;
}
p + .team-listing, h2 + .team-listing, h3 + .team-listing, h4 + .team-listing, h5 + .team-listing, h6 + .team-listing {
  margin-top: 3rem;
}
.team-listing .team-bio {
  display: none;
}

.team-item-wrapper {
  margin: 0 0 20px 0;
}

.team-head {
  padding: 8px;
  background: rgba(26, 42, 108, 0.075);
  border-radius: 6px;
  position: relative;
  cursor: pointer;
  transition: background 0.35s ease-in-out;
}
.team-head .profile {
  width: 100%;
  line-height: 0;
}
.team-head img {
  width: 100%;
  height: auto;
  line-height: 0;
  margin: 0;
  border-radius: 4px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.team-head .team-details {
  display: flex;
  width: 100%;
  margin: 0;
}
.team-head .team-details .title {
  width: 100%;
  padding: 1.9rem 0 1.4rem 0;
}
.team-head .team-details h3 {
  font-size: var(--wp--preset--font-size--font-34);
  font-weight: 400;
  margin-bottom: 0.15ch;
  color: #1A2A6C;
}
.team-head .team-details p {
  font-size: var(--wp--preset--font-size--font-16);
  margin: 0;
}
.team-head .team-details .more {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--font-18);
  font-weight: 500;
  letter-spacing: -0.04ch;
  margin: 1.8rem 0 0 0;
  color: #121E2A;
  border: none;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  transition: color 0.35s ease-in-out;
}
.team-head:hover {
  background: #F2F2F0;
}
.team-head:hover .team-details .more {
  color: #CD136A;
}
.team-head.quote {
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.team-head.quote blockquote:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' fill='none'%3E%3Ccircle cx='18.793' cy='18.118' r='17.5' stroke='%23CD136A' transform='rotate(-90 18.793 18.118)'/%3E%3Cpath fill='%231A2A6C' fill-rule='evenodd' d='M16.39 10.457c-3.916 2.515-6.092 5.443-6.527 8.783-.678 5.2 3.972 7.745 6.328 5.458 2.356-2.286.944-5.189-.762-5.983-1.706-.793-2.75-.517-2.567-1.577.182-1.06 2.608-4 4.741-5.369a.39.39 0 0 0 .06-.53l-.528-.686c-.229-.298-.449-.286-.745-.096Zm9.312 0c-3.917 2.515-6.092 5.443-6.528 8.783-.678 5.2 3.972 7.745 6.328 5.458 2.356-2.286.944-5.189-.762-5.983-1.707-.793-2.75-.517-2.568-1.577.182-1.06 2.61-4 4.742-5.369a.39.39 0 0 0 .059-.53l-.527-.686c-.229-.298-.448-.286-.744-.096Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
}
.team-head.quote blockquote p {
  font-size: var(--wp--preset--font-size--font-20);
  font-weight: 300;
  line-height: 1.45;
  color: #000;
}
.team-head.quote:hover {
  pointer-events: none;
  cursor: text;
}

@media (min-width: 460px) {
  .team-listing__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .team-item-wrapper {
    width: calc(50% - 1rem);
    margin: 0;
  }
  .team-head {
    padding-bottom: 58px;
    position: relative;
  }
  .team-head .team-details h3 {
    font-size: var(--wp--preset--font-size--font-28);
  }
  .team-head .team-details .more {
    position: absolute;
    bottom: 18px;
    left: 10px;
  }
}
@media (min-width: 730px) {
  .team-item-wrapper {
    width: calc(33.33% - 1.4rem);
  }
  .team-head.quote {
    padding-right: 5%;
  }
}
@media (min-width: 1200px) {
  .team-item-wrapper {
    width: calc(25% - 1.5rem);
  }
  .team-head.quote {
    padding-right: 10%;
  }
  .team-head.quote blockquote:before {
    width: 48px;
    height: 48px;
    margin: 25px 0;
  }
  .team-head.quote blockquote p {
    font-size: var(--wp--preset--font-size--font-24);
  }
}
html.lightbox-open {
  overflow: hidden;
}

.lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(114deg, #eeeff5 5%, rgb(223.1395348837, 223.1395348837, 218.3604651163) 95%);
  display: flex;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  overflow-y: scroll;
}
.lightbox-overlay .lightbox-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 100;
  transform: rotate(45deg);
}
@media (min-width: 782px) {
  .lightbox-overlay .lightbox-close {
    top: 3rem;
    right: 3rem;
  }
}
.lightbox-overlay .lightbox-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: 60px;
  overflow-y: auto;
}
.lightbox-overlay .lightbox-content .inner {
  width: 90%;
  max-width: 940px;
}
.lightbox-overlay .lightbox-content h3 {
  font-size: var(--wp--preset--font-size--font-40);
  font-weight: 400;
  margin-bottom: 0.15ch;
  color: #5F1C54;
}
.lightbox-overlay .lightbox-content p {
  font-size: var(--wp--preset--font-size--font-20);
  margin: 0 0 3ch 0;
  color: #1A2A6C;
}
@media (min-width: 782px) {
  .lightbox-overlay .lightbox-content {
    padding-top: 15vh;
  }
  .lightbox-overlay .lightbox-content .inner {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
  }
  .lightbox-overlay .lightbox-content .col-profile {
    flex: 1;
    padding-right: 5rem;
    border-right: 1px solid rgba(26, 42, 108, 0.15);
  }
  .lightbox-overlay .lightbox-content .col-bio {
    flex: 1;
  }
}
.lightbox-overlay.active {
  opacity: 1;
  visibility: visible;
}