/* @group Title with list
------------------------------------ */

.title-with-list ul li {
	padding-left: 2.4rem;
	position: relative;
}

.title-with-list ul li:before {
	content: "";
	position: absolute;
	left: 1.1rem;
	top: 1rem;
	width: 0.3rem;
	height: 0.3rem;
	background-color: var(--fresh-lawn);
}

@media only screen and (min-width: 961px) {
	
	.title-with-list .has-subheader-font-size {
		font-size: 3.3rem;
	}
	
	.title-with-list ul {
		column-count: 2;
		column-gap: 7rem;
		width: 100%;
	}
	.title-with-list ul li {
		padding-left: 2.8rem;
		max-width: 50rem;
		font-size: 2rem;
	}

	.title-with-list ul li:before {
		left: 1.4rem;
		top: 1.5rem;
		width: 0.4rem;
		height: 0.4rem;
	}
}

@media only screen and (min-width: 0) and (max-width: 960px) {
	.title-with-list .wp-block-heading {
		padding-right: 6rem;
	}
	.title-with-list ul {
		padding-right: 8rem;
	}
}

/* @end */

:where(.editor-styles-wrapper) .title-with-list ul {
	list-style-type: none;
	padding: 0;
}

/* ANIMATION */
:where(#wrapper)
	.title-with-list
	:is(
		.wp-block-heading,
		.wp-block-bp-core-bp-group:first-of-type > p,
		.wp-block-bp-core-bp-group:nth-of-type(2) > p,
		.wp-block-bp-core-bp-group:nth-of-type(3) > p,
		.wp-block-bp-core-bp-group:first-of-type > ul,
		.wp-block-bp-core-bp-group:nth-of-type(2) > ul,
		.wp-block-bp-core-bp-group:nth-of-type(3) > ul
	) {
	opacity: 0;
}

:where(#wrapper)
	.title-with-list.animateActive
	:is(
		.wp-block-heading,
		.wp-block-bp-core-bp-group:first-of-type > p,
		.wp-block-bp-core-bp-group:nth-of-type(2) > p,
		.wp-block-bp-core-bp-group:nth-of-type(3) > p,
		.wp-block-bp-core-bp-group:first-of-type > ul,
		.wp-block-bp-core-bp-group:nth-of-type(2) > ul,
		.wp-block-bp-core-bp-group:nth-of-type(3) > ul
	) {
	animation: fadeLeft var(--anim-duration) ease forwards;
	animation-delay: var(--delay, 0);
}

:where(#wrapper) .title-with-list.animateActive .wp-block-heading {
	--delay: 0.3s;
}

:where(#wrapper) .title-with-list.animateActive .wp-block-bp-core-bp-group:first-of-type > p {
	--delay: 0.6s;
}

:where(#wrapper) .title-with-list.animateActive .wp-block-bp-core-bp-group:first-of-type > ul {
	--delay: 0.9s;
}
:where(#wrapper) .title-with-list.animateActive .wp-block-bp-core-bp-group:nth-of-type(2) > p {
	--delay: 1.2s;
}

:where(#wrapper) .title-with-list.animateActive .wp-block-bp-core-bp-group:nth-of-type(2) > ul {
	--delay: 1.6s;
}
:where(#wrapper) .title-with-list.animateActive .wp-block-bp-core-bp-group:nth-of-type(3) > p {
	--delay: 1.8s;
}

:where(#wrapper) .title-with-list.animateActive .wp-block-bp-core-bp-group:nth-of-type(3) > ul {
	--delay: 1.9s;
}



:where(.editor-styles-wrapper) .title-with-list ul * {
	font-family: var(--font-degular);
}