.custom-s-block-animated-subheading {
	height: 7em;
}

.custom-s-animated-subheading-container {
	position: relative;
	margin: 2em 2em 2em -1rem;
	padding: 0;
	background-color: var(--custom-s--animated-subhead-accent, #999999);
	color: var(--custom-s--animated-subhead-text, #000000);
	border-right: solid 1rem var(--custom-s--animated-subhead-accent-2, #bbbbbb);
	width: 100vw;
	min-width: 20rem;
	transform: translateX(-100vw);
	transition: transform .5s ease-out;

	.custom-s-animate-subheading & {
		transform: translateX(-10vw);

		.wp-block-group & {
			margin-left: -2rem;
		}
		.wp-block-group.alignfull & {
			margin-left: -2.3rem;
		}
		.wp-block-group.is-style-custom-s-group-constrain-width.alignfull & {
			margin-left: -3.3rem;
		}
	}

	& p {
		margin: 0;
		padding: 1em 2em;
		line-height: 1;
		text-align: right;
		text-transform: uppercase;
	}
}

@media screen and (min-width: 40rem) {
	.custom-s-animate-subheading .custom-s-animated-subheading-container {
		transform: translateX(-25vw);
	}
}
@media screen and (min-width: 60rem) {
	.custom-s-animate-subheading .custom-s-animated-subheading-container {
		transform: translateX(-50vw);
	}
}
@media screen and (min-width: 75rem) {
	.custom-s-animate-subheading .custom-s-animated-subheading-container {
		transform: translateX(-60vw);

		.wp-block-group & {
			margin-left: -2rem;
		}
		.wp-block-group.alignfull & {
			margin-left: -2.3rem;
		}
		.wp-block-group.is-style-custom-s-group-constrain-width.alignfull & {
			margin-left: -3.3rem;
		}

		/* adjust shift if animated heading is inside a constrained width group */
		.wp-block-group.is-style-custom-s-group-constrain-width & {
			transform: translateX(calc(((100vw - var(--custom-s--size--max-content-width))/-1) - 50rem));
		}
	}
}

/* No Sidebar Page overrides */
@media screen and (min-width: 75rem) {
	.page-template-page-no-sidebar .site-main {
		.custom-s-animated-subheading-container {
			transform: translateX(calc(-100vw - ((100vw - var(--custom-s--size--no-sidebar-max-width))/2)));

			.custom-s-animate-subheading & {
				transform: translateX(calc(((100vw - var(--custom-s--size--no-sidebar-max-width))/-1) - 40rem));
			}
		}
	}
}

/* Sidebar Page overrides */
@media screen and (min-width: 48.875em) { /* only differs above 2-column breakpoint */
	.page-template-default .site-main {
		.custom-s-block-animated-subheading {
			position: relative;
		}

		.custom-s-animated-subheading-container {
			width: 100vw;
			position: absolute;
			top: 0;
			right: 0;
		}

		.custom-s-animate-subheading .custom-s-animated-subheading-container {
			transform: translateX(-25em);
		}
	}
}

@media screen and (min-width: 75rem) {
	.page-template-default .site-main {
		.custom-s-animate-subheading .custom-s-animated-subheading-container {
			transform: translateX(-35em);
		}
	}
}