/* --Hover Mixin.--*/
/* -- Cross browser opacity.--*/
/* -- Animation.--*/
/* ==========================================================================
   #Site Global Sizes
   ========================================================================== */
/**
 * This shall stop the z-index chaos
 */
/* ==========================================================================
   #Site Global Colours
   ========================================================================== */
/* BLOCK: Content + 2 Highlights --------------------------------- */
.staff-box__content {
  background-color: #eaf8ef;
  align-items: flex-start;
  flex-direction: initial;
}

.staff-bio__image {
  border-top-left-radius: 0.75rem;
}
@media (min-width: 46.25em) {
  .staff-bio__image {
    border-top-left-radius: 0.75rem;
  }
}

.staff-box__detail {
  flex: 1;
  padding: 1.875rem;
}

.staff-box__detail .in-body-sub {
  color: #32bf5f;
}

.staff-box__detail > .staff-location,
.staff-box__detail > .highlight-article__title {
  color: #142052;
}

.staff-box__detail > .highlight-article__title {
  margin-bottom: 0;
}

@media (max-width: 81.24em) {
  .staff-location {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.staff-location > svg {
  width: 0.75rem;
  margin-right: 0.625rem;
}
@media (min-width: 46.25em) {
  .staff-location > svg {
    width: 1.0625rem;
    margin-right: 1.25rem;
  }
}