.hero-list {
  .hero-list-row {
    > div {
      padding: 0 5pt;
    }
  }

  .hero-list-item {
    padding: 10pt;
    margin-bottom: 15pt;
    border-radius: 10pt;
    background-color: extract(@CLR_1, 8);

    > header {
      .FH2();
    }

    > div {
      margin-bottom: 5pt;
    }

    &.deceased {
      background-color: extract(@CLR_0, 1);
      color: extract(@CLR_1, 2);

      a {
        color: extract(@CLR_0, 7);

        &:hover {
          color: extract(@CLR_1, 2);
        }
      }
    }
  }
}