.block--faculty-directory .faculty-directory .filter-bar label {
  font-family: var(--wp--preset--font-family--body-condensed);
}

.block--faculty-directory .faculty-directory .filter-bar .dropdown-toggle {
  position: relative;
  width: 100%;
  min-width: 250px;
  padding: calc(0.75rem + 1px) 0.75rem;
  background-color: #fff;
  border: 1px solid var(--wp--preset--color--black-1000);
  border-radius: 0;
  font-size: 1rem;
  line-height: normal;
  text-align: left;
}

.block--faculty-directory .faculty-directory .filter-bar .dropdown-toggle::after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path d="M13.5 4L7.5 10L1.5 4" stroke="%23071C2C" stroke-width="2"/></svg>');
  position: absolute;
  right: 0.75rem;
  top: 50%;
  border: none;
  transform: translateY(-50%);
}

.block--faculty-directory .faculty-directory .filter-bar .dropdown-toggle[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
}

.block--faculty-directory .faculty-directory .filter-bar .dropdown-menu {
  max-height: 300px;
  width: 100%;
  margin-top: 0;
  border: 1px solid var(--wp--preset--color--black-1000);
  border-top: none;
  border-radius: 0;
  overflow: auto;
}

.block--faculty-directory .faculty-directory .filter-bar .dropdown-menu .dropdown-item:hover {
  background-color: var(--wp--preset--color--gold-200);
}

.block--faculty-directory .faculty-directory .filter-bar .dropdown-menu .dropdown-item:active {
  background-color: var(--wp--preset--color--gold-800);
  color: var(--wp--preset--color--black-1000);
}

.block--faculty-directory .faculty-directory .filter-bar input {
  width: 100%;
  padding: calc(0.75rem + 1px) 0.75rem;
  background-color: #fff;
  border: 1px solid var(--wp--preset--color--black-1000);
  border-radius: 0;
  color: var(--wp--preset--color--black-1000);
  font-size: 1rem;
  text-align: left;
}

.block--faculty-directory .faculty-directory .filter-bar .btn.last-name-filter {
  width: 40px;
}

.block--faculty-directory .faculty-directory .filter-bar .btn.active {
  background-color: var(--wp--preset--color--gold-800);
  color: var(--wp--preset--color--black-1000);
}

.block--faculty-directory .faculty-directory .filter-bar .btn.disabled {
  border-color: var(--wp--preset--color--black-400);
  color: var(--wp--preset--color--black-400);
}

.block--faculty-directory .faculty-directory .results {
  --card-count: 2;
}

@media (max-width: 575.98px) {
  .block--faculty-directory .faculty-directory .results {
    --card-count: 1 !important;
  }
}
.block--faculty-directory .faculty-directory .results .faculty-target {
  display: grid;
  grid-template-columns: repeat(var(--card-count), 1fr);
  grid-auto-flow: row;
  gap: 2rem;
}

.block--faculty-directory .faculty-directory .results .faculty-target .no-results {
  grid-column-start: 1;
  grid-column-end: 4;
}

.block--faculty-directory .faculty-directory .results .faculty-member {
  padding: 1rem;
  border: 1px solid var(--wp--preset--color--black-400);
}

.block--faculty-directory .faculty-directory .results .faculty-member .faculty-photo {
  width: 100%;
  height: auto;
  aspect-ratio: 3/4;
  background-color: var(--wp--preset--color--black-200);
  overflow: hidden;
}

.block--faculty-directory .faculty-directory .results .faculty-member .faculty-photo object {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.block--faculty-directory .faculty-directory .results .faculty-member .faculty-photo object > svg {
  height: 3rem;
  width: 3rem;
  fill: var(--wp--preset--color--black-400);
}

.block--faculty-directory .faculty-directory .results .faculty-member .faculty-profile-link {
  text-decoration: none;
  color: inherit;
}

.block--faculty-directory .faculty-directory .results .faculty-member .faculty-profile-link:hover, .block--faculty-directory .faculty-directory .results .faculty-member .faculty-profile-link:focus {
  text-decoration: underline;
}

.block--faculty-directory .faculty-directory .results .faculty-member .faculty-office,
.block--faculty-directory .faculty-directory .results .faculty-member .faculty-phone,
.block--faculty-directory .faculty-directory .results .faculty-member .faculty-email,
.block--faculty-directory .faculty-directory .results .faculty-member .faculty-classes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.block--faculty-directory .faculty-directory .results .faculty-member .faculty-office a,
.block--faculty-directory .faculty-directory .results .faculty-member .faculty-phone a,
.block--faculty-directory .faculty-directory .results .faculty-member .faculty-email a,
.block--faculty-directory .faculty-directory .results .faculty-member .faculty-classes a {
  color: inherit;
}

.block--faculty-directory .faculty-directory .results .faculty-member .faculty-email {
  text-transform: lowercase;
}