.list-horizontal.basic {

  li {
    background-color: $background-secondary-colour;
    border: 0;
    margin-bottom: $tiny-spacing;
    padding: 1.5 * $small-spacing;

    h2,
    h3,
    h4 {
      font-size: rem(18);

      + p {
        margin-top: 0;
      }
    }

    span {
      display: block;
      font-size: 87.5%;
    }

    p:last-child {
      margin-bottom: 0;
    }

    &.highlighted {
      background-color: $lighter-aqua;

      h2,
      h3,
      h4 {
        color: $darker-aqua;
      }
    }
  }
}

p.abstract--dates {
  @extend h3;
}

.list-horizontal.basic {

  li {
    background-color: $background-secondary-colour;
    border: 0;
    margin-bottom: $tiny-spacing;
    padding: 1.5 * $small-spacing;

    h2,
    h3,
    h4 {
      font-size: rem(18);

      + p {
        margin-top: 0;
      }
    }

    span {
      display: block;
      font-size: 87.5%;
    }

    p:last-child {
      margin-bottom: 0;
    }

    &.highlighted {
      background-color: $lighter-aqua;

      h2,
      h3,
      h4 {
        color: $darker-aqua;
      }
    }
  }
}

p.abstract--dates {
  line-height: $base-heading-leading;
  font-weight: $base-font-weight;
  margin-bottom: $tiny-spacing;
  margin-top: $base-spacing;
  font-size: rem(24);
  font-weight: $heading-font-weight;

  @include media($tablet) {
    font-size: rem(26);
  }
}

Copy rather than extend h3
Copy rather than extend h3
