/*** Breaking News Slider (homepage) ***/
#slide-post-select { display:none; }

#splide_news {
  background-color: var(--pink);
  border-radius: 22px;
  padding: 30px 40px;
  margin: 0 auto;

  @media (max-width:600px) { padding:20px; }

  & article a.entry-featured-image-url { display:none; }

  & li.splide__slide {
    @media (max-width:600px) {
      width:77% !important;
      margin-right:1rem !important;
    }
    &.is-visible.is-next + .is-visible + .is-visible::before {
      content: ''; position: absolute; top: -4px; z-index:2; pointer-events:none;
      display:block; width:100%; height:100%; border-radius:0;
      background-image: linear-gradient(90deg, transparent, var(--pink));
    }
    @media (max-width: 1200px) {
      &.is-visible.is-next + .is-visible::before {
        content: ''; position: absolute; top: -4px; z-index:2; pointer-events:none;
        display:block; width:100%; height:100%; border-radius:0;
        background-image: linear-gradient(90deg, transparent, var(--pink));
      }
    }
    @media (max-width: 900px) {
      &.is-prev + .is-active::before {
        content: ''; position: absolute; top: -4px; z-index:2; pointer-events:none;
        display:block; width:100%; height:100%; border-radius:0;
        background-image: linear-gradient(90deg, transparent, var(--pink));
      }
    }

    & article.et_pb_post {
      border: 0;
      border-top: 4px solid #FFFFFF80;
      margin-right: 0;
      margin-bottom:26px;
      padding: 30px 20px 2em;
      position: relative;
      top: 20px;
      display:flex; flex-direction:column;

      & h3.entry-title { text-transform:none; font-weight:700; }
      & p { color: white; text-transform: uppercase; font-size: 16px;
        &.post-meta { order:-1; }
      }
      & a { color: white; &:hover { text-decoration:underline; text-decoration-thickness:1px; } }

      &::after {
        content: ""; width: 40px; height: 40px; visibility:visible; border-radius: 50%;
        display:block; top: -20px; left: 0; position: absolute; background: var(--yellow);
      }

      @media (max-width: 700px) {
        padding-right:4px !important; padding-bottom:8px;
        &::before { content:''; position:absolute; top:-4px; pointer-events:none; display:block;
          width:100%; height:100%; border-radius:0; background-image:none; }
      }
    }
  }

  .splide__arrow {
    &.splide__arrow--prev { transform: rotate(180deg); position:absolute; top:45%; }
    &.splide__arrow--next { position:absolute; right:0; top:45%; }
    & img { max-height:36px; }
    &.splide__arrow--prev img { transform: rotate(180deg); }
  }

  & ul.splide__pagination {
    position:absolute; bottom:20px; left:0; right:0;
    & li {
      margin: 0 10px;
      & button {
        border:0; height:18px; width:18px; padding:0; border-radius:50%; opacity:.4;
        &.is-active { opacity:1; transform: scale(1.1); }
      }
    }
  }
}

/** Other sliders (Destinations quick-link posts, etc.) **/
#slide-post-select1 { display:none; }

#splide_posts_qlnd {
  .splide__track {
    @media(max-width:1200px) {
      padding-right:50px !important;
      & .splide__slide { 
        opacity:.3; &.is-active, &.is-visible { opacity:1; }
      }
    }
    @media(max-width:900px) {
      & .splide__slide { &.is-next { opacity:.3; } }
    }
    @media(max-width:700px) {
      & .splide__slide { &.is-active { opacity:.3; } }
    }

    & .splide__list .splide__slide {
      background: var(--red);
      border-radius:18px; overflow:hidden;
      & article.et_pb_post {
        margin-bottom:20px;
        & .entry-featured-image-url { overflow:hidden;
          & img { aspect-ratio:3/2; object-fit:cover; transition:.2s ease all; }
        }
        & .entry-title, & .post-content { padding: 0 30px; }
        & .entry-title { color:white; font-weight:600; padding-bottom:20px; text-transform:none; font-size:20px; }
        & .post-meta { display:none; }
        & .post-content p { color:white; }
      }
      &:hover { filter:brightness(1.08);
        & .entry-featured-image-url img { transform:scale(1.05); transition:.2s ease all; }
      }
    }
  }

  & .splide__arrows button.splide__arrow {
    height:50px; width:50px; padding:10px; transition:.2s ease all;
    & svg { height:2em; width:2em; }
    &.splide__arrow--prev { left:-30px; }
    &.splide__arrow--next { right:-30px; }
    &:hover { transform:translateY(-50%) scale(1.1); transition:.2s ease all; }
  }

  & .splide__pagination {
    bottom:-60px;
    & button.splide__pagination__page {
      width:14px; height:14px;
      &.is-active { background:var(--green); }
    }
  }
}

/*** Image Slider with Solid Caption ***/
.caption-slider {
  overflow:visible !important; border-radius:8px;
  & .et_pb_slides {
    padding-bottom:160px; background:var(--red); border-radius:8px;
    & .et_pb_slide {
      padding:0; border-radius: 8px 8px 0 0;
      & .et_pb_container { position:initial;
        & .et_pb_slide_description {
          position:absolute; bottom:-140px; padding:20px !important; background:var(--red);
        }
      }
    }
  }
}

/* Destinations area uses a Divi slider; image tweaks live with sliders */
#home_destinations .home-destinations-slider .et_pb_slider_0 {
  & .et_pb_slides {
    padding:0 0 30px 0;
    @media(max-width:768px){ padding:0; }
    & .et_pb_slide {
      padding:0;
      @media (max-width:980px) {
        & .et_pb_empty_slide { height:100%; aspect-ratio: 4/3; }
      }
      & .et_pb_slide_image {
        width:100%;
        & img {
          border-radius:20px; max-height:initial !important; min-height:320px; object-fit:cover;
        }
      }
    }
  }
  & .et-pb-controllers {
    bottom:55px;
    & a {
      width:18px; height:18px; border-radius:10px; background-color: rgba(255,255,255,70%); opacity:1;
      &.et-pb-active-control { background-color:#fff; }
    }
  }
}