#searchGeneric {
 margin-top: 1.5rem;
}

.directory-search-box {
    width: 100%;
    border: 1px solid grey;
    border-radius: 5rem;
    padding: 1rem;
    margin: 1rem 3rem 1rem 0;
}

.staff-directory {
    font-family: 'Whyte', serif;
}

.staff-directory .add-filter {
    margin-right: 0.125rem;
    display: inline-block;
    font-style: normal!important;
}

#event-filters .remove:hover {
  cursor: pointer;
}

#searchField > label {
 display: block;
 margin-bottom: .5rem;
}

#searchResults {
 margin-top: 1.5rem;
}

#search {
  outline: none;
}

.message {
 margin-top: 1.5rem;
}

#alphabet-filter {
  margin-bottom: 1.5rem;
}

button.selected {
  color: white;
  background: #005a8b;
  border-color: #005a8b;
}

.staff-card a {
  text-decoration: none;
}

#card-heading, .card-heading-name {
  color: #005a8b;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.search-title {
 font-size: 1rem;
 font-weight: normal;
}

.label-text {
  display: block;
}

form legend.h5 {
  font-size: 1rem;
  font-weight: normal;
  margin-top: 1.5rem;
}

span.clear {
  margin-top: -1.6rem; 
  color: #005a8b;
  cursor: pointer;
}

a.clear-filters {
  background-color: #005a8b;
}

.no-bullet {
 padding-left: 0;
}

div.grid {
  grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width: 600px) {
  div.grid {
    grid-template-columns: 1fr;
  }
}

.pagination-box {
  margin-top: 2rem;
}