/* 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 */
.block-views-blockevents-public-blocks-db-block-events-grid-next {
  &:before {
    position: absolute;
    background-image: url(../../../pt_custom/images/decoration/pattern-light-blue.png);
  }
}

/* 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 */
.block-views-blockevents-public-blocks-db-block-events-grid-past {
  &:before {
    background-color: #e7e9f2;
  }

  /* 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 {
      background-image: url(../../images/decoration/decoration-logo-mcs-bg-page-title.svg);
    }
  }
}