.region-content {
  background-color: #F2F2F2;
}

.main-banner-container__banner.container-lg {
  padding-left: 0;
  padding-right: 0;
}
.main-banner-container__banner.container-lg img {
  width: 100%;
}

.attachment.attachment-before .view.view-professors-glossary.view-id-professors_glossary.view-display-id-attachment_1 {
  background-color: #FFFFFF;
}
.attachment.attachment-before .view.view-professors-glossary.view-id-professors_glossary.view-display-id-attachment_1 .view-content__container {
  display: flex;
  justify-content: center;
}
.attachment.attachment-before .view.view-professors-glossary.view-id-professors_glossary.view-display-id-attachment_1 .view-content {
  display: grid;
  grid-template-columns: repeat(12, 70px);
  grid-template-rows: repeat(2, 70px);
  gap: 0.3125rem;
  overflow-x: scroll;
  scroll-snap-align: start;
}
.attachment.attachment-before .view.view-professors-glossary.view-id-professors_glossary.view-display-id-attachment_1 .view-content span {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F2F2F2;
  border-radius: 0.5rem;
  transition: background-color 0.2s 0s ease;
}
.attachment.attachment-before .view.view-professors-glossary.view-id-professors_glossary.view-display-id-attachment_1 .view-content span a {
  text-decoration: none;
  color: #562C80;
  font-size: 1.4375rem;
  width: 100%;
  text-align: center;
  align-content: center;
  align-self: stretch;
  transition: color 0.2s 0s ease;
}
.attachment.attachment-before .view.view-professors-glossary.view-id-professors_glossary.view-display-id-attachment_1 .view-content span:hover {
  background-color: #562C80;
}
.attachment.attachment-before .view.view-professors-glossary.view-id-professors_glossary.view-display-id-attachment_1 .view-content span:hover a {
  color: #FFFFFF;
}

.views-field-title-1 {
  display: block;
  font-size: 1.4375rem;
  font-weight: 500;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: solid 1px #D9D9D9;
}

.views-field.views-field-rendered-entity .field-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 34px;
}
@media all and (width > 767px) {
  .views-field.views-field-rendered-entity .field-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (width > 767px) and (width > 992px) {
  .views-field.views-field-rendered-entity .field-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.views-field.views-field-rendered-entity .field-content .professor {
  margin-inline: 0;
  max-width: 100%;
}
@media all and (width > 767px) {
  .views-field.views-field-rendered-entity .field-content .professor {
    max-width: inherit;
  }
}

/*# sourceMappingURL=professors.css.map */