.layout-images section,
.layout-default section {
   background-color: transparent;
}

.slider.layout-images .slider-wrapper {
   background: var(--color-grey-light);
   border-radius: var(--border-radius);
}


.slider.layout-images .slider-items.toggle-parent,
.slider.layout-default .slider-items.toggle-parent {
   height: 100%
}

.slider.layout-images .slider-item-wrapper,
.slider.layout-default .slider-item-wrapper {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   height: 100%;
}

.yt-overlay-open {
   position: absolute;
}

.slider.layout-images .slider-item-wrapper .slider-content-img,
.slider.layout-default .slider-item-wrapper .slider-content-img {
   grid-column: span 6;
}

.slider.layout-images .slider-item-wrapper .slider-content {
   grid-column: span 5;
   position: relative;
   padding: var(--section-gap) 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   margin-bottom: 60px;
}

.slider.layout-images .slider-item-wrapper .slider-content:before,
.slider.layout-default .slider-item-wrapper .slider-content:before {
   display: block;
   content: '';
   height: 150%;
   width: 50%;
   background: var(--color-grey-light);
   position: absolute;
   transform: rotate(7deg);
   left: -15%;
   top: -1rem;
}

/* Content visibility */
.slider.layout-images .slider-item-wrapper .slider-content>*,
.slider.layout-default .slider-item-wrapper .slider-content>* {
   z-index: 1;
}

/* Image section */
.slider.layout-images .slider-item-wrapper .slider-content-img *,
.slider.layout-default .slider-item-wrapper .slider-content-img * {
   height: 100%;
}

.slider.layout-images .slider-item-wrapper .slider-content-img img,
.slider.layout-default .slider-item-wrapper .slider-content-img img {
   object-fit: cover;
}

/* Arrows */
.layout-images .splide__arrows,
.layout-default .splide__arrows {
   position: absolute;
   bottom: 10px;
   right: 10px;
   z-index: 1;
   margin-right: 20px;
   margin-bottom: 20px;
}

.layout-images .splide__arrow--next,
.layout-default .splide__arrow--next {
   background-image: var(--arrow-narrow-next-grey);
   transform: rotate(0deg);
   background-size: 1rem;
}

.layout-images .splide__arrow--prev,
.layout-default .splide__arrow--prev {
   background-image: var(--arrow-narrow-next-grey);
   transform: rotate(-180deg);
   background-size: 1rem;
   margin-right: 20px;
}

.slider.layout-images .splide__slide.is-active,
.slider.layout-images .splide__slide.is-next,
.slider.layout-images .splide__slide.is-prev {
   opacity: 1;
}

.slider.layout-default .splide__slide.is-active,
.slider.layout-default .splide__slide.is-next,
.slider.layout-default .splide__slide.is-prev {
   opacity: 1;
}

@media (max-width: 1250px) {

   .slider.layout-images .slider-item-wrapper .slider-content:before,
   .slider.layout-default .slider-item-wrapper .slider-content:before {
      display: block;
      content: '';
      height: 150%;
      width: 50%;
      background: var(--color-grey-light);
      position: absolute;
      transform: rotate(7deg);
      left: -22%;
      top: -1rem;
   }
}

@media (max-width: 991px) {

   /* Change grid span */
   .slider.layout-images .slider-item-wrapper .slider-content-img {
      grid-column: span 12;
   }

   .slider.layout-images .slider-item-wrapper .slider-content {
      padding: var(--section-inner-side-padding);
      grid-column: span 12;
   }

   /* Disable graphic accent bar */
   .slider.layout-images .slider-item-wrapper .slider-content:before {
      display: none;
   }
}