/**
 * Frontend styles for Testimonials Block with Splide Carousel.
 */
 
.wp-block-im-testimonials {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 0;
	justify-content: flex-start;
	margin: var(--block-margin) auto;
	overflow: visible;
	padding: 0 0 var(--block-margin);
	position: relative;
	width: 100%;
}

.wp-block-im-hero-slider + .wp-block-im-testimonials {
	background: #1C2E45;
	color: #fff;
	margin: 0 auto;
	z-index: 3;
}

.wp-block-im-testimonial-slider-interior {
	margin: 0;
	overflow: visible;
	padding-block: calc(var(--spacing) * 8);
	position: relative;
	width: 100%;
}

.wp-block-im-hero-slider + .wp-block-im-testimonials::before {
	background: url('/app/themes/lovekansas/dist/images/love-kansas-texture.webp') repeat center top;
	background-size: auto;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	mix-blend-mode: color-burn;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.6;
}

.wp-block-im-hero-slider + .wp-block-im-testimonials::after {
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 44%,rgba(0,0,0,0) 100%);
	content: '';
	display: block;
	height: 36rem;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.testimonials-block__inner {
	display: flex;
	flex-direction: column;
	gap: 0;
	justify-content: flex-start;
	max-width: calc(var(--content-max-width) + (var(--content-gutter) * 2));
	overflow: hidden;
	width: 100%;
	z-index: 1;
}

.wp-block-im-hero-slider + .wp-block-im-testimonials .testimonials-block__inner {
	margin-top: -8rem;
}

.wp-block-im-testimonial-slider-interior .testimonials-block__inner {
	overflow: visible;
	gap: calc(var(--spacing) * 4);
}

.editor-visual-editor .wp-block-im-hero-slider + .wp-block-im-testimonials .testimonials-block__inner {
	align-items: flex-start;
	margin-top: 0;
	padding-right: var(--content-gutter);
}

/* -----------------------------------------
   Callout Wrapper (Detail Page Layout)
----------------------------------------- */
.wp-block-im-testimonial-slider-interior .testimonials-block__callout-wrap {
	flex-basis: 100%;
}

.wp-block-im-testimonial-slider-interior .testimonials-block__callout {
	width: 8rem;
	font-weight: 700;
	font-size: 1rem;
	font-family: var(--font-heading);
	text-transform: uppercase;
	color: rgba(20, 33, 50, 0.50);
	margin: 0;
	line-height: 1.2em;
}

.testimonials-block__carousel-wrap {
	flex-basis: 100%;
	min-width: 0;
	width: 100%;
}

.testimonials-block__title {
	color: #606469;
	display: block;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.09em;
	margin: 0 0 .9em;
	position: relative;
	text-align: center;
}

.wp-block-im-hero-slider + .wp-block-im-testimonials .testimonials-block__title {
	color: #fff;
}

.testimonials-block__title p {
	font-size: inherit;
	font-weight: 700;
	line-height: inherit;
	margin: 0;
}

.testimonials-block__title b,
.testimonials-block__title strong {
	font-weight: 700;
}

.testimonials-block__title i,
.testimonials-block__title em {
	font-style: normal;
	font-weight: 700;
}

/* .wp-block-im-hero-slider + .wp-block-im-testimonials .testimonials-block__title i,
.wp-block-im-hero-slider + .wp-block-im-testimonials .testimonials-block__title em {
	color: #E0B346;
} */

/* Support inline text colors from editor */
.testimonials-block__title span[style*="color"] {
	font-weight: 700;
}

.testimonials-block__description {
	display: block;
	order: 3;
	margin: 0 auto 1em;
	max-width: 35rem;
	padding: 0 var(--content-gutter);
	position: relative;
	text-align: center;
}

.testimonials-block__description p {
	color: #8E9298;
	display: block;
	font-size: .75rem;
	line-height: 1.625em;
	margin: 0 auto 1em;
	max-width: 33em;
	position: relative;
}

/* Empty state */
.testimonials-block--empty {
	text-align: center;
	padding: 3rem;
	color: #666;
}

/* Media */
@media (width >= 640px) {
	.testimonials-block__title {
		font-size: 1.5rem;
	}

	.testimonials-block__description p {
		font-size: .875rem;
	}
}
@media (width >= 768px) {
	.wp-block-im-hero-slider + .wp-block-im-testimonials .testimonials-block__inner {
		margin-top: -11rem;
	} 
}

@media (width >= 1024px) {
	.wp-block-im-testimonial-slider-interior {
		padding-block: calc(var(--spacing) * 6);
		margin: var(--block-margin) auto;
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__inner {
		flex-direction: row;
		gap: calc(var(--spacing) * 2);
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__callout-wrap {
		flex-basis: 30%;
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__carousel-wrap {
		flex-basis: 70%;
	}
}

@media (width >= 1024px) {
  .testimonials-component .splide.testimonials-carousel {
		left: calc(33% + var(--content-gutter));
		overflow: hidden;
		padding: 0 var(--content-gutter) 4rem 0;
		position: absolute;
		top: 0;
		width: calc(67% - var(--content-gutter));
	}

	.wp-block-im-testimonial-slider-interior .splide.testimonials-carousel {
		left: 0;
		margin: 0;
		max-width: none;
		padding: 0 0 4rem;
		position: relative;
		top: auto;
		width: calc(100% + var(--content-gutter));
	}

	.wp-block-im-hero-slider + .wp-block-im-testimonials .splide.testimonials-carousel {
		top: -13.75rem;
	}

	.editor-visual-editor .wp-block-im-hero-slider + .wp-block-im-testimonials .testimonials-carousel,
	.editor-visual-editor .wp-block-im-hero-slider + .wp-block-im-testimonials .splide.testimonials-carousel {
		top: 0;
	}

	.wp-block-im-testimonials {
		align-items: center;
		justify-content: center;
	}
	
	.testimonials-block__inner {
		align-items: flex-start;
		justify-content: center;
		min-height: 32.5rem;
		padding: 0 67% 5rem var(--content-gutter);
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__inner {
		align-items: flex-start;
		padding: 0;
		width: 100%;
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__callout-wrap {
		flex-basis: 30%;
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__carousel-wrap {
		flex-basis: 70%;
	}

	.testimonials-block__title {
		display: inline-block;
		font-size: 1.75rem;
		max-width: 31rem;
		text-align: left;
		width: 100%;
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__callout {
		font-size: 1.125rem;
		max-width: 13em;
		width: 100%;
	}

	.testimonials-block__description {
		margin: 0 0 1rem;
		max-width: 20.2rem;
		order: 0;
		padding: 0;
		text-align: left;
		width: 100%;
	}

	.testimonials-block__description p {
		margin: 0 0 1em;
		max-width: 20.2rem;
	}

	.testimonials-component .testimonials-carousel .splide__arrows {
		padding: 0;
	}

	.wp-block-im-testimonial-slider-interior .testimonials-carousel .splide__arrows {
		padding: 0;
	}
}

@media (width >= 1200px) {
	.wp-block-im-hero-slider .hero-controls {
		bottom: 10.25rem;
	}

	.wp-block-im-hero-slider + .wp-block-im-testimonials .testimonials-block__inner {
		margin-top: -11.25rem;
	}

	.wp-block-im-hero-slider + .wp-block-im-testimonials .splide.testimonials-carousel {
		top: -10rem;
	}

	.testimonials-block__inner {
		min-height: 34.75rem;
	}

	.testimonials-block__title {
		font-size: 2.125rem;
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__callout {
		font-size: 1.25rem;
	}

	.testimonials-block__description p {
		font-size: 1rem;
	}
}

@media (width >= 1536px) {
	.testimonials-component .splide.testimonials-carousel {
		padding: 0 var(--content-gutter) 5.7rem 0;
	}

	.wp-block-im-testimonial-slider-interior .splide.testimonials-carousel {
		padding: 0 0 5.7rem;
	}

	.testimonials-block__inner {
		min-height: 36.875rem;
	}

	.wp-block-im-testimonial-slider-interior .testimonials-block__callout {
		font-size: 1.5rem;
	}

	.testimonials-block__description p {
		font-size: 1.125rem;
	}

	.testimonials-component .testimonials-carousel .splide__arrows {
		bottom: 1.7rem;
	}
}

@media (width >= 1752px) {
	.wp-block-im-testimonial-slider-interior .splide.testimonials-carousel {
		width: calc(100% + ((100vw - 100%) / 2) - 11.5rem);
	}

	.testimonials-block__inner {
		padding-right: 73.375rem;
	}
}