.staffApp.staffList ul.ws-flex {
  row-gap: 1.5em;
  --ws-column-count: 3
}

.staffApp.staffList ul.ws-flex li {
  margin: 0;
  padding: 0;
  text-align: center;
}

.staffApp.staffList ul.ws-flex li::before {
  display: none
}

.staff2col {
  columns: 2;
  column-gap: 40px;
  column-rule: 1px outset rgba(0,0,0,.15)
}

.staff2col section {
  display: inline-block;
  line-height: 1.25em
}

.staffApp ul.ws-flex h2 {
  font-size: 1.5em;
  margin: 0 0 .25em
}

.staffApp .jobTitle {
  font-size: 1.125em;
  color: var(--ws-dk-blue);
  font-weight: 600;
  line-height: 1.2
}

.staffApp.staffList ul.ws-flex li a {display: flex;width: 100%;height: 100%;flex-direction: column;justify-content: center;}
.staffApp.staffList ul.ws-flex li a img {border-radius: 50%;margin-bottom: .5em;}

#content .staffApp a h2 {color: var(--ws-dk-blue);}
#content .staffApp .ws-flex li .jobTitle{font-size: 1rem;font-weight: normal;margin: 0;text-align: center;}
#content .staffApp .jobTitle {  font-size: 1.35em;}
#content .staffApp .jobTitle em {
  color: var(--ws-blue);
}
#content .staffApp .ws-flex li p {
  color: #000;
  font-size: 1em;
}

.staffApp section .jobTitle,.staffApp .requiredText {
  margin-top: -1em
}

.staffApp hr,.staffApp section {
  clear: both;
  width: 100%
}



/* 751px */
@media (min-width: 46.875em) {
  #content .staffApp.staffList ul.ws-flex li a:is(:hover,:focus-visible) h2 {
    color: var(--ws-magenta);
  }
  .staffApp.staffList ul.ws-flex li a:hover img {transform: scale(.9);}
}



@media(max-width: 56.25em) {
  .staffApp.staffList ul.ws-flex {
      --ws-column-count: 2
  }
}


@media(max-width: 749px) {
  .staffApp .requiredText {
      margin-top:-1em
  }

  .staffApp hr,.staffApp section {
      clear: both;
      padding-top: 0;
      width: 100%
  }

  .staffApp.staffList ul.ws-flex {
      --ws-column-count: 2
  }
}


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