/* Promo banner gallery (Kadence fluid carousel, block 22140_74a21d-87) shared by story-ig, story-tiktok and story-facebook. */

/* Fit column width, keep banner ratio */
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 {
	container-type: inline-size;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 > .kt-blocks-carousel {
	flex: 1 1 100%;
	width: 100%;
	min-width: 0;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel .splide__slide .kb-gallery-figure,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel .splide__slide .kb-gal-image-radius,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel .splide__slide .kb-gallery-image-contain {
	width: 100% !important;
	max-width: none !important;
}

/* 1 banner: full column width, natural height */
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:not(:has(.splide__slide + .splide__slide)) .splide__slide {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:not(:has(.splide__slide + .splide__slide)) .splide__slide .kb-gallery-figure,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:not(:has(.splide__slide + .splide__slide)) .splide__slide .kb-gal-image-radius,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:not(:has(.splide__slide + .splide__slide)) .splide__slide .kb-gallery-image-contain {
	height: auto !important;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:not(:has(.splide__slide + .splide__slide)) .splide__slide figure .kb-gal-image-radius img {
	width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
}

/* 2+ banners: centered banner, dimmed sides fading into the column background.
   Width is 80% of the gallery via cqw (same as Kadence's inline max-width) so it is already correct when Splide re-measures. */
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) {
	position: relative;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__list {
	align-items: center;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__slide {
	flex: 0 0 auto !important;
	width: 80cqw !important;
	max-width: 80cqw !important;
	height: auto !important;
	aspect-ratio: 1024 / 387;
	overflow: hidden;
	border-radius: 10px;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__slide .kb-gallery-figure,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__slide .kb-gal-image-radius,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__slide .kb-gallery-image-contain,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__slide .kadence-blocks-gallery-item,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__slide .kadence-blocks-gallery-item-inner {
	height: 100% !important;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__slide figure .kb-gal-image-radius img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide).is-initialized .splide__slide:not(.is-active) .kb-gal-image-radius {
	opacity: 0.5;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide).is-initialized .splide__slide .kb-gal-image-radius {
	transition: opacity 0.35s ease;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide)::before,
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide)::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9%;
	z-index: 2;
	pointer-events: none;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide)::before {
	left: 0;
	background: linear-gradient(to right, #f2f2f2 0%, rgba(242, 242, 242, 0.6) 45%, rgba(242, 242, 242, 0) 100%);
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide)::after {
	right: 0;
	background: linear-gradient(to left, #f2f2f2 0%, rgba(242, 242, 242, 0.6) 45%, rgba(242, 242, 242, 0) 100%);
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__arrow {
	z-index: 3;
}
/* Before Splide mounts: lay slides out exactly where Splide will put them (first banner centered, rest dimmed) so nothing jumps.
   Splide's inline transform on the list replaces this one at mount. */
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide):not(.is-initialized) .splide__track {
	overflow: hidden;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide):not(.is-initialized) .splide__list {
	margin: 0;
	padding: 0;
	transform: translateX(10cqw);
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide):not(.is-initialized) .splide__slide:not(:first-child) .kb-gal-image-radius {
	opacity: 0.5;
}
/* Skeleton behind each banner until its image paints (shimmer only until Splide mounts) */
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide) .splide__slide {
	background: #e4e4e4;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel:has(.splide__slide + .splide__slide):not(.is-initialized) .splide__slide {
	background: linear-gradient(90deg, #e4e4e4 25%, #ededed 37%, #e4e4e4 63%) 0 0 / 400% 100% #e4e4e4;
	animation: sg-gal-shimmer 1.4s ease infinite;
}
@keyframes sg-gal-shimmer {
	from { background-position: 100% 0; }
	to { background-position: 0 0; }
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .splide__slide {
	cursor: pointer;
}
.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .splide__pagination {
	display: none !important;
}

@media (max-width: 767px) {
	.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kb-splide[data-slider-dots="true"],
	.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel.kb-splide[data-slider-dots="true"] {
		margin-bottom: 15px !important;
	}
}
@media (min-width: 768px) {
	.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kb-splide[data-slider-dots="true"],
	.kb-gallery-ul.kb-gallery-id-22140_74a21d-87 .kt-blocks-carousel.kb-splide[data-slider-dots="true"] {
		margin-bottom: 0 !important;
	}
}

/* Bleed to the white tool box edges (box padding 15px mobile / 30px tablet+desktop) */
.kb-gallery-wrap-id-22140_74a21d-87 {
	margin-left: -15px !important;
	margin-right: -15px !important;
}
@media (min-width: 768px) {
	.kb-gallery-wrap-id-22140_74a21d-87 {
		margin-left: -30px !important;
		margin-right: -30px !important;
	}
}
/* Desktop: tool column sits right of a divider; only story-ig has 20px column padding on that side */
@media (min-width: 1025px) {
	.kb-gallery-wrap-id-22140_74a21d-87 {
		margin-left: 0 !important;
		margin-right: -30px !important;
	}
	.page-id-22140 .kb-gallery-wrap-id-22140_74a21d-87 {
		margin-left: -20px !important;
	}
}