.bridges-roster-block {
  padding:2rem;
  background-color: var(--br-roster-background);
  font-size:1.2rem;
  
  & .views-view-responsive-grid__item-inner {
    padding:2rem;

    & a,
    & a:hover,
    & a:visited,
    & a:active {
      color: var(--br-roster-text-color);
    }
  }
  & img {
    padding:0;
  }

  & .field-content {
    color: var(--br-roster-text-color);

    & p {
      margin-top: 1rem;
      margin-bottom: 1rem;
      line-height: 1.5;
    }
  }
  
  & span.views-field-field-first-name .field-content,
  span.views-field-field-last-name .field-content {
    font-weight: 700;
    font-size: 1.1em;
  }
  & div.views-field-field-position-title .field-content {
    font-weight: 700;
  }
}
/* page that shows individual user after
 * using the MORE link on the "Meet Your Team"
 * page.
*/ 
.bridges-member-page {
  padding:2rem;
  background-color: var(--br-roster-background);
  color: var(--br-roster-text-color);
  
  & table tr td {
    background-color: var(--br-roster-background);
  color: var(--br-roster-text-color);
  }

  & td.views-field-field-picture {
    width:350px;
    max-width: 100%;
    @media (max-width: 768px) {
      width:100%;
    }
    
    & span.team-member-name {
      font-size: 1.5rem;
      font-weight:700;
      line-height: 1.5;
    }
  
    & span.team-member-position {
      font-size: 1.2rem;
      line-height: 1.2;
    }
    & p {
      line-height: 1.5;
      font-size:1.2rem;
      margin-top:1rem;
      display:none; /* for display larger than 768px */
      @media (max-width: 768px) {
        display:inline-block;
      }  
    }
  }

  & td.views-field-field-bio {
    padding-left:2rem;
    font-size:1.2rem;

    @media (min-width: 1200px) {
      padding-left:5rem;
      padding-right:5rem;
    }
    /* for display larger than 768px */
    @media (max-width: 768px) {
      display:none;
    }

  }
}