/* paragraphs of people */
.paragraph--type--people-group {
  .field--name-f-pgrp-members-refs {
    margin: 1rem 0rem;
  }

  /* role title section */
  > .field--type-string {
    font-size: 2rem;
    color: #262626;
    line-height: 2rem;
    margin-top: 3rem;
  }

  /* single item person */
  .paragraph--type--people-group-member {
    display: flex;
    flex-direction: column-reverse;

    .field--name-f-pmem-role {
      margin-top: 2rem;
      margin-bottom: 0.4rem;
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }
}

/* hc margin */
.paragraph--type--people-group:first-child {
  .field--name-f-pgrp-members-refs > div:first-child .field--name-f-pmem-role {
    margin-top: 1rem;
  }
}

@media (min-width: 992px) {
  .paragraph--type--people-group {
    .field--name-f-pgrp-members-refs {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;

      .field--name-f-pmem-person-ref > div,
      .field--name-f-pmem-person-ref,
      .paragraph--type--people-group-member,
      article {
        height: 100%;
      }
    }

    .paragraph--type--people-group-member {
      .field--name-f-pmem-role {
        margin-top: 1rem;
        margin-bottom: 0.4rem;
        font-size: 1.25rem;
        color: #1f66da;
        line-height: 1.75rem;
      }
    }
  }
}
@media (min-width: 1200px) {
  .paragraph--type--people-group {
    /* role title section */
    > .field--type-string {
      font-size: 3rem;
      line-height: 3.5rem;
      margin-top: 5rem;
    }
  }
}