#content {
  max-width: 100%;
}

.staff.ws-flex {
  --ws-column-count: 4;
  --ws-gap: 1em;
}

.staff.ws-flex li {
  padding: 0;
}

.staff.ws-flex li::before {
  display: none;
}

.staff.ws-flex li>a {
  display: block;
  height: 100%;
  padding: 2em 1.5em;
  text-align: center;
}

.staff.ws-flex li:nth-child(odd)>a {
  background: rgba(0,128,195,.05);
  border-block: 3px solid var(--blue);
}

.staff.ws-flex li:nth-child(even)>a {
  background: rgba(255,184,24,.05);
  border-block: 3px solid var(--yellow);
}

.staff.ws-flex .image {
  aspect-ratio: 115 /  150;
  margin: 0 auto 1em;
  width: 10em;
}

#content.content .staff.ws-flex .image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.staff.ws-flex h2 {
  color: #0077B8;
  margin: 0 0 .25em;
}

.staff.ws-flex em.jobTitle {
  color: var(--gray);
  font-size: .9375em;
}




.staff2col {
-webkit-columns:2;
   -moz-columns:2;
        columns:2;
-webkit-column-gap:40px;
   -moz-column-gap:40px;
        column-gap:40px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.staff2col section{display:inline-block;line-height:1.25em}
.staffApp section .jobTitle, .staffApp .requiredText{margin-top:-1em}
.staffApp hr, .staffApp section{clear:both;width:100%}



/* Desktop only */
@media (min-width: 750px) {
  .staff.ws-flex li>a:is(:hover,:focus-visible) :is(h2, em.jobTitle) {
    color: #FFF;
  }

  .staff.ws-flex li:nth-child(1n)>a:is(:hover,:focus-visible) {
    background: var(--dk-blue)
  }
}


/* 900px */
@media (max-width: 56.25em) {
  .staff.ws-flex {
    --ws-column-count: 3;
  }
}




/* 749px */
@media (max-width: 46.8125em) {
  .staff.ws-flex {
    --ws-column-count: 2;
  }
}


/* 500px */
@media (max-width: 31.25em) {
  .staff.ws-flex {
    --ws-column-count: 1;
  }
}