@media (min-width: 700px) {
	/* Odd items: flush left */
	body:not(.editor-styles-wrapper) [class*="-post-template-asymmetrical-grid"] li:nth-child(odd) {
		--col-start: 0;
		--col-end: 12;
		margin-left: 0 !important;
	}

	/* Even items: flush right */
	body:not(.editor-styles-wrapper) [class*="-post-template-asymmetrical-grid"] li:nth-child(even) {
		--col-start: 12;
		--col-end: 24;
		margin-left: auto !important;
	}
	
	body:not(.editor-styles-wrapper) [class*="-post-template-asymmetrical-grid"] li.has-post-thumbnail + li.has-post-thumbnail {
		margin-block-start: -10vw;
	}
}

/*
 * Animate the items in the grid, if set to the "Asymmetrical grid (reveal on scroll)" block style.
 */
@media (prefers-reduced-motion: no-preference) {
		from {
			opacity: 0;
			transform: translateY( 20vh );
		}
		to {
			opacity: 1;
			transform: translateY( 0vw );
		}
	}

	.is-style-spiekermann-post-template-asymmetrical-grid-animate > li.will-animate {
		opacity: 0;
		transform: translateY( 20vh );
	}

	.is-style-spiekermann-post-template-asymmetrical-grid-animate > li.will-animate.in-viewport {
		animation: animate-in 1s .25s ease-out forwards;
	}
}