/*********************
BREAKPOINTS
*********************/
.Position, .Qualifications {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.Qualifications {
  font-weight: 300;
}

.onhover {
  display: none;
}

.Position_Image:hover span[class=initial] {
  display: none;
}

.Position_Image:hover span[class=onhover] {
  display: block !important;
}

.staffSection img {
  margin-bottom: 1.25rem;
  filter: grayscale(100%);
  --moz-filter: grayscale(100%);
  border-radius: 0px;
}
.staffSection a {
  color: var(--text);
}
.staffSection figure {
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .staffSection figure {
    margin-bottom: 5rem;
  }
}

.light-modal-navigation {
  display: none;
}

.staff_modal {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 1.25rem 0 0;
}
.staff_modal img {
  margin: 0 0 0.8333333333rem 0.8333333333rem;
  width: 120px;
  float: right;
}
@media (min-width: 600px) {
  .staff_modal img {
    width: 240px;
    margin: 0 1.25rem 0.625rem 0;
    float: left;
  }
}
.staff_modal::-webkit-scrollbar {
  width: 2px;
}
.staff_modal::-webkit-scrollbar-track {
  background: var(--paper);
}
.staff_modal::-webkit-scrollbar-thumb {
  background-color: var(--black);
  border-radius: 0px;
  border: 0px;
}