/* BOTH */
.block-views-blockevents-public-blocks-db-block-events-grid-upcoming,
.block-views-blockevents-public-blocks-db-block-events-grid-past,
.block-views-blockevents-public-blocks-db-block-events-grid-next {
  > div {
    padding: 3rem 0rem;
  }

  header {
    position: relative;
    h3 {
      margin-bottom: 1rem;
    }
  }
}

@media (min-width: 1400px) {
  .block-views-blockevents-public-blocks-db-block-events-grid-past,
  .block-views-blockevents-public-blocks-db-block-events-grid-next {
    > div {
      padding: 4rem 0rem;
    }
  }
}

/* PAST EVENTS */
.block-views-blockevents-public-blocks-db-block-events-grid-past {
  position: relative;

  &:before {
    position: absolute;
    pointer-events: none;
    content: "";
    z-index: -1;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  /* single card override */
  article.card {
    background-color: transparent;
  }
}

@media (min-width: 1400px) {
  .block-views-blockevents-public-blocks-db-block-events-grid-past {
    position: relative;

    &::after {
      content: "";
      width: 100vw;
      height: 100%;
      position: absolute;
      pointer-events: none;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      background-size: 300px;
      background-repeat: no-repeat;
      background-position: top right;
      z-index: -1;
    }
  }
}