/* @group Aside Text List ------------------------------------ */

.aside-text-list .txt-box :is(p, .wp-block-heading) {
	color: var(--fresh-lawn);
}

.aside-text-list .txt-box {
	margin-bottom: 3rem;
}

.aside-text-list .txt-box .has-eyebrow-font-size {
	margin: 0 0 1rem;
	text-transform: uppercase;
	color: var(--pebble);
}

.aside-text-list .txt-box .wp-block-heading {
	margin: 0 0 3rem;
}

.aside-text-list .col-img .bp-multimedia {
	height: 44.9rem;
}

.aside-text-list .col-img .img-box {
	margin-bottom: 0;
}

.aside-text-list .col-img .splide {
	margin-bottom: 8rem;
}

.aside-text-list .col-list .has-eyebrow-font-size {
	color: var(--fresh-lawn);
	margin: 0 0 1.5rem;
	text-transform: uppercase;
}

.aside-text-list .col-list ul {
	list-style: square outside none;
}

.aside-text-list .col-list ul li {
	color: var(--pebble);
}

.aside-text-list .col-list ul li::marker {
	font-size: 0.8rem;
}

.aside-text-list .col-list .span {
	font-style: italic;
	font-weight: var(--font-light);
	margin-top: 1.5rem;
	color: var(--pebble);
}

.aside-text-list .bp-slider .splide__pagination__page {
	border: 1px solid var(--midnight-musing);
}

.aside-text-list .splide :is(.splide__pagination, #important) {
	bottom: -3rem;
	left: -1rem;
	right: auto;
}

@media only screen and (min-width: 961px) {
	.aside-text-list .row :is([class*="col-"], .bp-column) {
		padding-inline: 0 !important;
	}

	.aside-text-list > .row > .col-txt :is(.row, .bp-group) {
		margin-inline: 0 !important;
	}

	.aside-text-list .row-list {
		column-gap: 6.6rem !important;
	}

	.aside-text-list .col-img .splide {
		margin-bottom: 0;
	}

	.aside-text-list .col-img .splide__list {
		display: flex !important;
		flex-wrap: wrap;
		gap: 1.8rem;
	}

	.aside-text-list .col-img .splide__slide {
		flex: 0 1 calc(50% - .9rem);
	}

	.aside-text-list .col-img .splide__slide:nth-child(even) {
		margin-top: 8.5rem;
	}

	.aside-text-list .col-img .bp-multimedia {
		height: 43.6rem;
		width: 100%;
	}

	.aside-text-list .txt-box {
		margin-bottom: 5rem;
	}

	.aside-text-list .col-list.first-col {
		padding-left: 1rem !important;
	}

	.aside-text-list .col-list {
		margin-bottom: 2.5rem;
		margin-top: 0;
	}

	.aside-text-list .col-list .has-eyebrow-font-size {
		margin-bottom: 1rem;
	}

	.aside-text-list .col-list .span {
		margin-top: 1rem;
		font-size: 1.6rem;
		letter-spacing: 0.06em;
		line-height: 100%;
	}

	.aside-text-list .txt-box .wp-block-heading {
		max-width: 30rem;
	}

	.aside-text-list .col-list ul {
		padding-left: 2rem;
	}
	.aside-text-list .col-list ul li {
		font-size: max(15px, 1.5rem);
		letter-spacing: 0.06em;
		line-height: 100%;
	}
	.aside-text-list .col-list ul li:not(:last-child) {
		margin-bottom: .75rem;
	}

	.aside-text-list .row-list .wp-block-buttons  {
		margin-top: 5rem;
	}
}

@media only screen and (max-width: 960px) {
	.aside-text-list .row-list {
		padding-inline: 0 !important;
		flex-direction: column;
	}

	.aside-text-list .col-txt {
		padding-right: 12rem!important;
	}

	.aside-text-list .col-list:not(:last-child) {
		margin-bottom: 2rem;
	}

	.aside-text-list .col-list ul {
		padding-left: 2rem;
		position: relative;
	}

	.aside-text-list .col-list ul::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 87.5%;
		background-color: var(--mist);
	}

	.aside-text-list .col-list ul li {
		font-size: 1.5rem;
		letter-spacing: 0.06em;
	}

	.aside-text-list .col-list .span {
		font-size: 1.4rem;
		letter-spacing: 0.07em;
	}

	.aside-text-list .splide__pagination__page {
		height: 1rem !important;
		width: 1rem !important;
	}

	.aside-text-list .row-list {
		position: relative;
		padding-bottom: 8rem;
	}

	.aside-text-list .wp-block-buttons {
		position: absolute;
		bottom: 0;
	}
}

/* @end */


.editor-styles-wrapper .aside-text-list :is(.col-img, .col-txt) {
	max-width: 45%!important;
	flex: 0 1 45%!important;
}
.editor-styles-wrapper .aside-text-list .wp-block-heading {
	max-width: unset!important;
}
.editor-styles-wrapper .aside-text-list .splide__list> .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1.8rem;
}
.editor-styles-wrapper .aside-text-list .splide__list> .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not(.block-list-appender) {
	width: calc(50% - .9rem)!important;
}
.editor-styles-wrapper .aside-text-list .splide__list> .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block .splide__slide {
	width: 100%;
} 


/* ANIMATIONS */

:where(#wrapper) .aside-text-list :is(.splide, .col-txt) {
	opacity: 0;
	--duration: 1s;
}

:where(#wrapper) .aside-text-list.animateActive :is(.splide) {
	animation: fadeLeft var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .aside-text-list.animateActive :is(.col-txt) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .aside-text-list.animateActive .splide {
	--delay: 0.3s;
}
:where(#wrapper) .aside-text-list.animateActive .col-txt {
	--delay: 0.8s;
}