@use "sass:math";
/* media query mixin */
/* get rid of list formatting */
/* prevent long links from breaking out of container */
/* creates a colored circle with an icon in the middle */
/* formats the placeholder text within an input field */
.board-members {
  display: flex;
  gap: 4%;
  flex-wrap: wrap; }
  .board-members.board-members--col-4 .board-member {
    width: 22%; }
    @media (max-width: 47.9375rem) {
      .board-members.board-members--col-4 .board-member {
        width: 30.6667%; } }
    @media (max-width: 35.9375rem) {
      .board-members.board-members--col-4 .board-member {
        width: 48%; } }

.board-member {
  width: 16.8%;
  margin: 1.25rem 0; }
  @media (max-width: 61.9375rem) {
    .board-member {
      width: 22%; } }
  @media (max-width: 47.9375rem) {
    .board-member {
      width: 30.6667%; } }
  @media (max-width: 35.9375rem) {
    .board-member {
      width: 48%; } }
  .board-member__inner {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
    text-decoration: none;
    color: #2b2b2b; }
    .board-member__inner:hover {
      text-decoration: none;
      color: #2b2b2b; }
      .board-member__inner:hover[href] .board-member__info-name {
        text-decoration: underline;
        color: #6c6c6c; }
  .board-member__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1;
    border-radius: 0.625rem; }
  .board-member__content {
    display: flex;
    gap: 0.4375rem; }
    @media (max-width: 35.9375rem) {
      .board-member__content {
        flex-direction: column;
        gap: 0; } }
  .board-member__info {
    width: 100%;
    line-height: 1.3; }
    .board-member__info-name {
      font-size: 1.25rem;
      font-weight: bold;
      margin-bottom: 0.3125rem; }
      .board-member__info-name a {
        text-decoration: underline; }
    .board-member__info-title {
      font-size: 1rem;
      font-style: italic; }
    .board-member__info-exofficio {
      font-size: 1rem; }
    .board-member__info-district {
      font-size: 1rem; }
  .board-member__link {
    width: 20px; }
    @media (max-width: 35.9375rem) {
      .board-member__link {
        width: 100%; } }
    .board-member__link i {
      font-size: 0.9375rem;
      color: black; }

/*# sourceMappingURL=board-members.css.map */