/* @group Title with text
------------------------------------ */

@media only screen and (min-width: 961px) {
	.title-with-text .has-paragraph-body-copy-font-size {
		max-width: 55%;
		margin: 0 auto;
	}
	.title-with-text .longer-text .has-paragraph-body-copy-font-size {
		max-width: 70%;
	}
}

@media only screen and (min-width: 0) and (max-width: 960px) {
	.title-with-text .has-paragraph-body-copy-font-size,
	.title-with-text .wp-block-heading {
		padding-inline: 3.35rem;
	}
}

/* @end */

/* ANIMATION */
:where(#wrapper) .title-with-text :is(h3, p) {
	opacity: 0;
}
:where(#wrapper) .title-with-text.animateActive :is(h3, p) {
	animation: fade var(--anim-duration) ease forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .title-with-text.animateActive h3 {
	--delay: 0.3s;
}
:where(#wrapper) .title-with-text.animateActive p {
	--delay: 0.6s;
}