/* 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 {
  header {
    h3 {
      color: #0733c7;
    }
  }
}

/* UPCOMING EVENT */
.eventi-container .paragraph-container:nth-child(1) {
  h3 {
    color: #39b883;
  }
  &:before {
    background: #252d3d;
  }
}

/* UPCOMING EVENT */
.block-views-blockevents-public-blocks-db-block-events-grid-next {
  position: relative;
  &:before {
    position: absolute;
    pointer-events: none;
    content: "";
    background-size: 196px;
    background-repeat: repeat;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* PAST EVENTS */
.past-events-view {
  &:before {
    content: "";
    position: absolute;
    width: 100vw;
    left: 50%;
    pointer-events: none;
    transform: translateX(-50%);
    height: 100%;
    top: 0;
    background-color: #f5f5f5;
    z-index: -1;
  }

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

}