.page-template-page-programdetail {
  background: var(--blue);
  color: #fff;

  .good-times {
    background: var(--red);
  }

  .holy-sunday {
    background: var(--yellow);
  }

  .la-boite {
    background: var(--orange);
  }

  .blue-night {
    background: var(--light-blue);
  }

  .the-note {
    background: var(--green);
  }

  .taste {
    background: var(--purple);
  }

  .scroll-down {
    position: fixed;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
  }

  section.events {
    overflow: hidden;
  }

  section.events .swiper-wrapper .swiper-slide,
  section.events .swiper-wrapper .swiper-slide img {
    height: 400px;
  }

  section.events .events_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 75px;
    grid-row-gap: 75px;
  }

  section.events .events_container .event_card {
    padding: 0;
  }

  @media (min-width: 993px) {
    section.events .swiper-container {
      padding-left: 0;
      padding-right: 0;
    }
  }

  /* IMAGE */

  .image_wrapper {
    overflow: hidden;
    max-height: 624px;
  }

  .image_wrapper img {
    width: 100%;
    filter: grayscale(1) !important;
  }

  .image_wrapper .blend-overlay {
    position: absolute;
    inset: 0;
    background: #034883;
    mix-blend-mode: soft-light;
    pointer-events: none;
  }

  .image_wrapper .blend-overlay.top {
    mix-blend-mode: screen;
  }

  /* TASTE */
  .taste .image_wrapper .blend-overlay,
  .taste .image_wrapper .blend-overlay.top {
    background: var(--purple);
  }

  /* BLUE NIGHT */
  .blue-night .image_wrapper .blend-overlay,
  .blue-night .image_wrapper .blend-overlay.top {
    background: var(--light-blue);
  }

  .blue-night .scroll-down svg circle {
    fill: var(--light-blue);
  }

  /* THE NOTE */
  .the-note .image_wrapper .blend-overlay,
  .the-note .image_wrapper .blend-overlay.top {
    background: var(--green);
  }

  .the-note .scroll-down svg circle {
    fill: var(--green);
  }

  /* GOOD TIMES */
  .good-times .image_wrapper .blend-overlay,
  .good-times .image_wrapper .blend-overlay.top {
    background: var(--red);
  }

  .good-times .scroll-down svg circle {
    fill: var(--red);
  }

  /* LA BOITE */
  .la-boite .image_wrapper .blend-overlay,
  .la-boite .image_wrapper .blend-overlay.top {
    background: var(--orange);
  }

  .la-boite .scroll-down svg circle {
    fill: var(--orange);
  }

  /* HOLY SUNDAY */
  .holy-sunday .image_wrapper .blend-overlay,
  .holy-sunday .image_wrapper .blend-overlay.top {
    background: var(--yellow);
  }

  .holy-sunday .scroll-down svg circle {
    fill: var(--yellow);
  }
}

@media (max-width: 992px) {
  .page-template-page-programdetail {
    section.events .events_container {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  .page-template-page-programdetail .title .pb_100 {
    padding-bottom: 25px;
  }

  .page-template-page-programdetail .scroll-down svg {
    width: 50px;
    height: 50px;
  }

  .page-template-page-programdetail .share-buttons {
    flex-direction: column !important;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .page-template-page-programdetail {
    section.events .events_container {
      grid-template-columns: 1fr;
    }

    section.events .events_container .event_card {
      padding-right: calc(var(--bs-gutter-x) * 0.5);
      padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
  }
}