/* Stacking sections: add the class "gcs-stack" to a container (e.g. Post
   Content). Each full-width child pins in place and the next one slides
   up over it. stack.js sets each section's "top" so sections taller than
   the screen pin by their bottom edge and nothing gets hidden. */
.gcs-stack > .alignfull {
	position: sticky;
	top: var(--gcs-stack-top, 0px);
	box-shadow: 0 -24px 48px rgba(0, 0, 0, 0);
	transition: box-shadow 0.25s ease;
}
/* Shadow only while a section is actually sliding over the one before it
   (stack.js toggles the class). */
.gcs-stack > .alignfull.is-covering {
	box-shadow: 0 -24px 48px rgba(0, 0, 0, 0.28);
}
/* Solid backdrop so the section underneath never shows through. */
.gcs-stack > .alignfull:not([class*="-background-color"]):not(.wp-block-gallery) {
	background-color: var(--wp--preset--color--white, #fff);
}
@media (prefers-reduced-motion: reduce) {
	.gcs-stack > .alignfull {
		position: relative;
		top: auto !important;
		box-shadow: none;
	}
}
/* Opt a section out of pinning (it scrolls normally). */
.gcs-stack > .alignfull.gcs-no-stack {
	position: relative;
	top: auto;
}
/* Phones: sections scroll normally (no pinning), so tall sections can be read
   to the bottom before the next one arrives. */
@media (max-width: 781px) {
	.gcs-stack > .alignfull {
		position: relative;
		top: auto !important;
		box-shadow: none !important;
	}
}