.staff ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/*https://www.sitepoint.com/building-linear-gradient-mixin-sass/*/
.staff .filter__btns > * {
  font-weight: 600; }

.staff .filter__btns > * {
  letter-spacing: 0.05em; }

.staff .filter__btns {
  display: inline-block;
  vertical-align: bottom; }
  .staff .filter__btns > * {
    font-size: 13px;
    line-height: 1.2;
    display: block;
    color: #002F6C !important;
    padding: 1.2925em 2.5em;
    position: relative;
    overflow: hidden;
    background: transparent;
    border: 1px solid #92C1E9;
    z-index: 0; }
  .staff .filter__btns:not(.ms-btn--alt) > a:hover {
    -webkit-box-shadow: 0 0 0 3px #92C1E9;
    box-shadow: 0 0 0 3px #92C1E9; }
  .staff .ms-btn--alt.filter__btns > a:hover {
    background: #92C1E9; }

.staff .ms-btn--white.filter__btns > * {
  color: #FFF !important;
  border-color: #FFF; }

@media all and (min-width: 769px) {
  .staff .ms-btn--white.filter__btns > a:hover {
    -webkit-box-shadow: 0 0 0 3px #FFF;
    box-shadow: 0 0 0 3px #FFF; } }

.staff ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.staff .filter__btns > * {
  -webkit-transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  -o-transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; }

.staff ul {
  -webkit-transition: opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1), visibility 0.4s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
  transition: opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1), visibility 0.4s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
  -o-transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1), visibility 0.4s cubic-bezier(0.77, 0, 0.18, 1);
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1), visibility 0.4s cubic-bezier(0.77, 0, 0.18, 1);
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1), visibility 0.4s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.18, 1); }

.staff .filter__btns > * {
  text-transform: uppercase; }

.mason .main__center {
  min-height: 45vw; }

@media all and (min-width: 1050px) {
  .mason .main {
    padding-top: 0;
    padding-bottom: 0; }
  .mason .main__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .mason .content {
    padding: 3.125em 0;
    margin-left: auto; }
  .mason .layout__content {
    position: relative;
    width: calc(100% - 20em);
    margin-left: auto;
    padding-left: 5%; }
  .mason .layout__side {
    margin-top: -2.5625em;
    width: 20em; } }

.staff .filter__btns {
  position: relative;
  z-index: 0;
  color: rgba(24, 24, 24, 0.25);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none; }
  .staff .filter__btns button {
    margin: 0 2.15385em 2.15385em 0; }
    .staff .filter__btns button:last-child {
      margin-right: 0; }
    .staff .filter__btns button.active {
      color: #FFF !important;
      background: #92C1E9;
      pointer-events: none; }
    .staff .filter__btns button:not(.active):hover {
      -webkit-box-shadow: 0 0 0 3px #92C1E9;
      box-shadow: 0 0 0 3px #92C1E9; }

.staff .filter__select {
  margin-bottom: 2.30769em; }

.staff ul {
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  will-change: transform;
  width: auto; }
  .staff ul > * {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0.9375em 0.9375em; }
  .staff ul.fadeout {
    opacity: 0;
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em); }

.staff .item__txt {
  min-height: calc(90vw * 1.33); }

.staff__item {
  margin-bottom: 0 !important; }
  .staff__item__img.item__img:not([data-src=""]):after {
    background: rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); }

.staff__item__txt__role {
  color: #e3e8f1; }

@media all and (min-width: 580px) {
  .staff ul > * {
    width: 50%;
    display: inline-block;
    vertical-align: top; }
  .staff .item__txt {
    min-height: calc(((90vw * 1.33) - 1.875em)/2); } }

@media all and (min-width: 800px) {
  .staff ul > * {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top; }
  .staff .item__txt {
    min-height: calc((((90vw * 1.33) - 3.75em)/3)); } }

@media all and (min-width: 900px) {
  .staff ul > * {
    width: 50%;
    display: inline-block;
    vertical-align: top; }
  .staff .item__txt {
    min-height: calc((((85vw - 20em) * 1.33) - 1.875em)/2); }
  .staff .filter__select {
    display: none; }
  .staff .filter__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media all and (min-width: 1300px) {
  .staff ul > * {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top; }
  .staff .item__txt {
    min-height: calc(((((85vw - 20em) * 1.33) - 3.75em)/3)); } }

@media all and (min-width: 1420.8px) {
  .staff .item__txt {
    min-height: 370px; } }