.paragraph--type--people .paragraph--type--person {
  padding: 4rem;
}


@media screen and (max-width: 750px) {
  .paragraph--type--people .people-wrap > div {
    grid-template-columns: 1fr;
  }
}

.paragraph--type--people .people-wrap > div > div {
  background-color: var(--color-uw-page);
}

.paragraph--type--people .people-wrap .person-photo {
  text-align: center;
  min-height: 31rem;
}

.paragraph--type--people .people-wrap .person-photo img,
.paragraph--type--people .person-inner .people-image img {
  max-width: 24rem;
  width: 100%;
  height: 31rem;
  object-fit: cover;
}

.paragraph--type--people .person-inner .people-image {
  display: flex;
  justify-content: center;
}

.paragraph--type--people .people-wrap .person-dir-name {
  margin: 0 auto 2rem;
  text-align: center;
}

.paragraph--type--people .people-wrap .copy {
  max-width: 33rem;
  margin: 0 auto;
}

.people-wrap .copy p {
  text-align: center;
}


@media screen and (max-width: 975px) {

  .ckeditor-accordion-container > dl dt > a,
  .ckeditor-accordion-container > dl dt > a:not(.button),
  .ckeditor-accordion-container > dl dt > a:hover,
  .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    font-size: 1.6rem !important;
  }
}


/* Display modes */
section.people-component {

  .people-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .people-list-view {
    margin: 0;

    & > li {
      margin-block: 0;
    }
  }

  .single-person {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    background: var(--color-uw-page);
    padding: 2rem;
    text-align: center;
  }

  .person-info {
    display: flex;
    flex-flow: column;
    gap: 1rem;
  }

  .single-person > a img {
    max-width: 24rem;
    max-height: 31rem;
    border-radius: 8px;
    min-width: 100%;
    width: 100%;
  }

  .person-name {
    font-size: 2.8rem;
  }

  .job-title {
    font-weight: 800;
  }

  .person-supporting-copy {
    max-width: 35rem;
  }


  &.large_horizontal {

    .single-person {
      display: grid;
      grid-template-columns: 24rem 1fr;
      gap: 2.5rem;
      text-align: left;
      align-items: flex-start;
    }

    .person-info {
      display: flex;
      flex-flow: column;
      gap: 2rem;
    }

    .single-person > img {
      grid-column: 1;
    }

    .single-person > *:not(.single-person-image-link) {
      grid-column: 2;
    }

  }

  &.medium_size_horizontal {
    .single-person {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem;
      text-align: left;
      align-items: flex-start;
    }

    .single-person > img {
      aspect-ratio: 1 / 1;
      object-fit: cover;
      object-position: top;
    }


  }


  &.medium_size_vertical {
    .people-wrap {
      grid-template-columns: 1fr 1fr 1fr;
    }


  }

  &.small_size_vertical {
    .people-wrap {
      grid-template-columns: repeat(4, 1fr);
    }

    .single-person > img {
      object-fit: cover;
      object-position: top;
      aspect-ratio: 1 / 1;
    }

  }

  &.small_size_horizontal {
    .single-person {
      display: grid;
      grid-template-columns: 15rem 1fr;
      gap: 2.5rem;
      text-align: left;
      padding: 2rem;
    }


    .single-person > img {
      aspect-ratio: 1 / 1;
      object-fit: cover;
      object-position: top;
    }

  }


  &.list_view {

    .people-wrap {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .person-info {
      width: 100%;
    }

    .single-person {
      text-align: left;
      gap: 1rem;
      padding: 2rem;
    }

    .single-person > a img {
      display: none;
    }

    .person-supporting-copy > *:last-child {
      margin-bottom: 0;
    }

  }

  &.bullet_list {

    .people-wrap {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
    }

    .single-person-list-version li {
      margin: 0 0 1rem 0;
    }

  }

}

@media screen and (max-width: 1100px) {
  section.people-component {
    .people-wrap {
      grid-template-columns: 1fr;
    }

    &.medium_size_vertical {

      .people-wrap {
        grid-template-columns: 1fr 1fr;

      }
    }

    &.medium_size_horizontal {
      .single-person {
        grid-template-columns: 19rem auto;
      }
    }

    &.small_size_vertical {
      .people-wrap {
        grid-template-columns: 1fr 1fr 1fr;
      }

    }

    &.bullet_list {

      .people-wrap {
        grid-template-columns: 1fr 1fr;
      }
    }

  }
}


@media screen and (max-width: 850px) {
  section.people-component {

    &.small_size_vertical {
      .people-wrap {
        grid-template-columns: 1fr 1fr;
      }
    }

    &.list_view {
      .people-wrap {
        grid-template-columns: 1fr 1fr;
      }
    }

  }
}


@media screen and (max-width: 600px) {
  section.people-component {

    .person-supporting-copy,
    .person-name {
      text-align: center;
    }

    &.large_horizontal {
      .single-person {
        display: flex;
        flex-flow: column;
        align-items: center;
      }
    }

    &.medium_size_vertical {

      .people-wrap {
        grid-template-columns: 1fr;

      }
    }


    &.medium_size_horizontal {
      .single-person {
        grid-template-columns: auto;
        justify-content: center;
        place-items: center;
        text-align: center;
      }
    }

    &.small_size_vertical {
      .people-wrap {
        grid-template-columns: 1fr;
      }
    }

    &.small_size_horizontal {
      .single-person {
        display: flex;
        flex-flow: column;
        gap: 1rem;
        text-align: center;
      }

      .single-person > img {
        max-width: 18rem;
      }
    }

    &.list_view {
      .people-wrap {
        grid-template-columns: 1fr;
      }

      .single-person {
        align-items: flex-start;
      }


    }


    &.bullet_list {

      .people-wrap {
        grid-template-columns: 1fr;
      }
    }


  }
}