.l-newsgrid__header {
  @include text-style(2);
  padding-bottom: space(6);
  color: palette(text, 800);
}


.l-newsgrid__footer {
  margin-top: space(10);
  text-align: center;
}


.l-newsgrid__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 0;
  list-style: none;

  @include mq($max: l) {
    margin-top: halve($site-newscard-image-height);

    &.no-images {
      margin: auto;
    }
  }

  @include mq(l) {
    margin-top: space(-6);
    margin-bottom: space(-6);
    margin-left: column(0.5, 12);
    margin-right: column(0.5, 12);

    &.no-images {
      margin-left: 0;
    }
  }
}

.l-newsgrid__item {
  @include mq($max: l) {
    width: 100%;
    margin-bottom: space(12);

    .l-newsgrid__list--no-images > & {
      margin-bottom: space(6);
    }

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

  @include mq(l) {
    margin-top: space(6);
    margin-bottom: space(6);
    width: calc(50% - #{column(0.5,12)});

    &:nth-child(odd) {
      margin-right: column(0.5, 12);
    }
  }
}