/* listing-cards */
:root {
  --card-radius: 8px;
  --title-color: var(--blue);
  --sub-title-color: var(--black2);
  --listing-description-color: var(--black2);
  --section-name-color: var(--orange);
}

.listing-cards-view {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--primary-font);
}

.listing-cards-view .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  /* gap: 30px; */
}

.listing-cards-view .views-row {
  background: var(--white);
  border-radius: var(--card-radius);
  overflow: hidden;
  padding: 30px;
  width: calc(33.33% - 20px);
  text-align: center;
}

.list-type .views-row {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.3s linear 0s;
  position: relative;
}

.list-type .list-card-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.listing-image-field img {
  max-width: 100%;
  object-fit: cover;
  object-position: center center;
}

.listing-title {
  font-size: 18px;
  line-height: 20px;
  font-weight: var(--opensans-bold);
  color: var(--title-color);
}

.listing-section-name {
  font-size: 18px;
  line-height: 20px;
  font-weight: var(--opensans-bold);
  color: var(--section-name-color);
  margin-bottom: 8px;
}

.listing-section-name a {
  color: var(--section-name-color);
}

.listing-subtitle {
  font-size: 16px;
  font-weight: var(--opensans-semibold);
  color: var(--sub-title-color);
}

.listing-subtitle-2 {
  font-size: 14px;
  font-weight: var(--opensans-regular);
  color: var(--sub-title-color);
}

.listing-description {
  font-size: 16px;
  line-height: 22px;
  color: var(--listing-description-color);
  margin-top: 8px;
}

.listing-description a {
  color: var(--listing-description-color);
}

.person-name-field {
  line-height: 24px;
}

.person-role-field {
  line-height: 20px;
}

.person-institution {
  line-height: 16px;
}

.profile-image-field {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 23px auto;
}

/* align content left if more items */

.list-type.align-cols-left>.view-content {
  justify-content: flex-start;
}

/* listing-3-col */

.list-col-3.listing-cards-view .view-content {
  max-width: 942px;
}

/* listing-5-col */

/* .listing-5-col .listing-cards-view .view-content {
  gap: 20px;
} */
.list-col-5 .views-row {
  margin-right: 20px;
  width: calc(20% - 16px);
  margin-top: 20px;
}

.list-col-5 .views-row:nth-child(5n) {
  margin-right: 0;
}

.list-col-5 .views-row:first-child,
.list-col-5 .views-row:nth-child(2),
.list-col-5 .views-row:nth-child(3),
.list-col-5 .views-row:nth-child(4),
.list-col-5 .views-row:nth-child(5) {
  margin-top: 0;
}

.listing-5-col .listing-cards-view .views-row {
  width: calc(20% - 16px);
}

.listing-5-col .listing-cards-view .profile-image-field {
  width: 150px;
  height: 150px;
}

.listing-5-col .profile-image-field {
  margin-bottom: 13px;
}

.list-col-3 .views-row {
  margin-right: 30px;
  width: calc(33.33% - 20px);
  margin-top: 30px;
}

.list-col-3 .views-row:nth-child(3n) {
  margin-right: 0;
}

.list-col-3 .views-row:first-child,
.list-col-3 .views-row:nth-child(2),
.list-col-3 .views-row:nth-child(3) {
  margin-top: 0;
}

.list-col-4 .views-row {
  margin-right: 30px;
  width: calc(25% - 22.5px);
  margin-top: 30px;
}

.list-col-4 .views-row:nth-child(4n) {
  margin-right: 0;
}

.list-col-4 .views-row:first-child,
.list-col-4 .views-row:nth-child(2),
.list-col-4 .views-row:nth-child(3),
.list-col-4 .views-row:nth-child(4) {
  margin-top: 0;
}

/* states */

.listing-description a:hover {
  color: var(--orange);
}

.listing-section-name a:hover {
  color: var(--blue);
}

.list-type .views-row:hover .listing-title a {
  color: var(--orange);
}

.list-type .view-content:hover .views-row {
  transition: all 0.3s linear 0s !important;
}

.list-type .views-row:hover {
  transition: all 0.3s linear 0s !important;
  box-shadow: 0 0 14px 7px rgba(0, 0, 0, 0.1);
  transform: scale(1.03);
}