.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;

	@media screen and (min-width: 75rem) {
		.wp-block-group.is-style-custom-s-group-constrain-width & {
			transform: translateX(calc(-100vw - ((100vw - var(--custom-s--size--no-sidebar-max-width))/2)));
		}
	}

	.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;
		}

		@media screen and (min-width: 40rem) {
			transform: translateX(-25vw);
		}
		@media screen and (min-width: 60rem) {
			transform: translateX(-50vw);
		}
		@media screen and (min-width: 75rem) {
			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));
			}
		}
	}

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

/* No Sidebar Page overrides */
.page-template-page-no-sidebar .site-main {
	@media screen and (min-width: 75rem) {
		.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 */
.page-template-default .site-main {
	@media screen and (min-width: 48.875em) { /* only differs above 2-column breakpoint */
		.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) {
		.custom-s-animate-subheading .custom-s-animated-subheading-container {
			transform: translateX(-35em);
		}
	}
}