/** GRID VIEW **/

.zdcb-team-block ul.team__grid {
  gap: 1rem;
}

.zdcb-team-block ul.team__grid li.team-item {
  flex: 0 0 calc((100% - (1 * 1rem)) / 2);
}

.zdcb-team-block ul.team__grid li.team-item figure img {
  max-height: 348px;
}

.zdcb-team-block ul.team__grid li.team-item a:link,
.zdcb-team-block ul.team__grid li.team-item a:visited {
  color: var(--bs-btn-color);
  margin-bottom: 0;
}

.zdcb-team-block ul.team__grid li.team-item a:hover {
  color: var(--bs-btn-hover-color);
}

@media (min-width: 768px) {
  .zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body figure {
    width: 440px;
  }
  .zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body figure img {
    max-height: none;
    width: 100%;
  }
  .zdcb-team-block ul.team__grid li.team-item figure img {
    max-height: none;
  }
  .zdcb-team-block ul.team__grid li.team-item {
    flex: 0 0 calc((100% - (2 * 2rem)) / 3);
  }
}

@media (min-width: 1200px) {
  .zdcb-team-block ul.team__grid {
    gap: 2rem;
  }
  .zdcb-team-block ul.team__grid li.team-item {
    flex: 0 0 calc((100% - (3 * 2rem)) / 4);
  }
  .zdcb-team-block ul.team__grid li.team-item .team-item__meta {
    max-width: 440px;
  }
  .zdcb-team-block ul.team__grid li.team-item figure img {
    max-height: none;
  }
}

@media (min-width: 1500px) {
  .zdcb-team-block ul.team__grid li.team-item {
    flex: 0 0 calc((100% - (4 * 1.5rem)) / 5);
  }
}

@media (min-width: 1600px) {
  .zdcb-team-block ul.team__grid li.team-item .team-item__meta {
    min-height: 475px;
  }
  .zdcb-team-block ul.team__grid li.team-item .meta-designation {
    font-size: 1rem;
    width: 75%;
  }
  .zdcb-team-block ul.team__grid li.team-item {
    flex: 0 0 calc((100% - (4 * 2rem)) / 5);
  }
}

/** LIST VIEW **/
.zdcb-team-block.is-style-list ul.team__list {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  margin-bottom: 0;
}
.zdcb-team-block.is-style-list ul.team__list .team-item__meta {
  flex-direction: row;
}
.zdcb-team-block.is-style-list ul.team__list .team-item__meta header {
  color: var(--bs-primary-900, #013B46);
  font: normal 500 1.125rem/1.5 var(--body-theme-font);
}
.zdcb-team-block.is-style-list ul.team__list .team-item__meta .meta-designation {
  color: var(--bs-neutral-500, #013B46);
  font: normal 400 .875rem/1.4 var(--body-theme-font);
}
.zdcb-team-block.is-style-list ul.team__list .team-item__meta figure {
  margin-bottom: 0;
}
.zdcb-team-block.is-style-list ul.team__list .team-item__meta figure img {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  border: 1px solid var(--bs-neutral-200);
}