/*!
 * Bootstrap Utilities v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@media (min-width: 768px) {
  .layout--onecol:has(.campus-directory-item-col) .campus-directory-item-col {
    flex: 0 0 auto;
    width: 25%;
  }
}

.campus-directory .campus-directory-item-col,
.campus-directory .campus-directory-item-row {
  height: -moz-fit-content;
  height: fit-content;
}
.campus-directory .card {
  font-size: 12px;
}
@media (min-width: 768px) {
  .campus-directory .card {
    font-size: 17px;
  }
}
.campus-directory .card .heading {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .campus-directory .card .heading {
    font-size: 27px;
  }
}
.campus-directory .card .photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.campus-directory .card .divider {
  height: 2px;
  width: 100%;
  background: var(--bs-primary);
}
.campus-directory .card .card-body {
  position: relative;
  width: 100%;
}
.campus-directory .card .bio {
  height: 80px;
  overflow: hidden;
}
.campus-directory .card .toggle-more {
  background: linear-gradient(0deg, #ffffff 63.38%, rgba(255, 250, 250, 0) 140.85%);
  border: 0;
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .campus-directory .card .toggle-more {
    display: none !important;
  }
}
.campus-directory .card .toggle-more[aria-expanded=true] {
  background: transparent;
}
.campus-directory .card-row {
  border: none;
}
.campus-directory .card-row .photo {
  width: 48%;
  height: 100%;
  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .campus-directory .card-row .photo {
    width: 100%;
    max-width: 320px;
  }
}
.campus-directory .card-row .photo img {
  height: 100%;
}
.campus-directory .card-column .photo {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}
.campus-directory .card-column .photo img {
  height: 100%;
}

.layout--sidebar-section .block-inline-blockcampus-directory:first-of-type .campus-directory {
  margin-top: 0 !important;
}