.team-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  @media (min-width: 768px) {
    .team-list {
      flex-direction: row-reverse; } }
  .team-list .view-filters-wrapper {
    width: 100%; }
    @media (min-width: 768px) {
      .team-list .view-filters-wrapper {
        width: 150px; } }
    @media (min-width: 1200px) {
      .team-list .view-filters-wrapper {
        width: 300px; } }
  .team-list .view-content-wrapper {
    width: 100%;
    padding-bottom: 50px; }
    @media (min-width: 768px) {
      .team-list .view-content-wrapper {
        padding-right: 20px;
        width: calc(100% - 150px); } }
    @media (min-width: 1200px) {
      .team-list .view-content-wrapper {
        width: calc(100% - 300px);
        padding-right: 50px; } }
  .team-list .view-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px; }
    @media (min-width: 375px) {
      .team-list .view-content {
        grid-template-columns: 1fr 1fr; } }
    @media (min-width: 550px) {
      .team-list .view-content {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (min-width: 1024px) {
      .team-list .view-content {
        grid-template-columns: 1fr 1fr 1fr 1fr; } }
    @media (min-width: 1200px) {
      .team-list .view-content {
        gap: 30px; } }
    .team-list .view-content .views-row {
      background: #eff5f7; }
    .team-list .view-content article .node__content {
      overflow: hidden;
      padding: 0 0 26px; }
    .team-list .view-content article .field--name-field-person-image {
      padding-bottom: 133.3333%;
      position: relative; }
      .team-list .view-content article .field--name-field-person-image a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .team-list .view-content article .field--name-field-person-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .team-list .view-content article .field--name-title {
      padding: 14px 15px 0; }
      .team-list .view-content article .field--name-title h2 {
        color: #122A58;
        margin: 0 0 4px;
        font: 700 16px/20px "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .team-list .view-content article .field--name-title h2 {
            margin: 0 0 10px;
            font-size: 18px;
            line-height: 24px; } }
        .team-list .view-content article .field--name-title h2 a {
          text-decoration: none;
          color: inherit;
          transition: .2s; }
          .team-list .view-content article .field--name-title h2 a:hover {
            color: #3283A1; }
    .team-list .view-content article .field--name-field-board-title,
    .team-list .view-content article .field--name-field-position-title {
      padding-left: 15px;
      padding-right: 15px;
      color: #000;
      font: 400 12px/14px "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
      display: block; }
      @media (min-width: 768px) {
        .team-list .view-content article .field--name-field-board-title,
        .team-list .view-content article .field--name-field-position-title {
          font-size: 15px;
          line-height: 16px; } }
  .team-list .form-item-field-person-role-target-id {
    width: 100%; }
  .team-list .js-form-item {
    margin-top: 0 !important; }
  .team-list .bef-links ul {
    list-style: none;
    padding: 0;
    margin: -12px 0 0; }
    .team-list .bef-links ul li {
      border-bottom: 1px solid #F46B10; }
    .team-list .bef-links ul a {
      display: block;
      color: #2F3131;
      text-decoration: none;
      padding: 16px 30px 16px 0;
      font: 400 13px/1 "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
      position: relative;
      transition: all 0.3s; }
      .team-list .bef-links ul a.bef-link--selected {
        color: #F46B10;
        font-weight: 700; }
        .team-list .bef-links ul a.bef-link--selected:after {
          transform: translateY(-50%) rotate(90deg); }
      .team-list .bef-links ul a:hover {
        color: #3283A1; }
      .team-list .bef-links ul a:after {
        transition: all 0.3s;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        content: "";
        width: 8px;
        height: 20px;
        background-image: url(../../images/icons/arrow-yellow.png);
        background-size: 100%;
        background-repeat: no-repeat; }
  .team-list .pager {
    padding: 18px 0; }
    .team-list .pager ul {
      margin: 0; }
      .team-list .pager ul li {
        padding: 0 4px; }
      .team-list .pager ul li.is-active a {
        color: orange;
        font-weight: 700; }
      .team-list .pager ul li.pager__item--next a span:not(.visually-hidden) {
        font-size: 0; }
        .team-list .pager ul li.pager__item--next a span:not(.visually-hidden):after {
          content: ">";
          font-size: 13px;
          color: #F46B10; }
      .team-list .pager ul li.pager__item--previous a span:not(.visually-hidden) {
        font-size: 0; }
        .team-list .pager ul li.pager__item--previous a span:not(.visually-hidden):after {
          content: "<";
          font-size: 13px;
          color: #F46B10; }
      .team-list .pager ul a {
        font: 400 15px/1 "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        text-decoration: none;
        color: #000; }


    .team-list .view-content article .field--name-field-board-title {
    margin-top: 1em;}