
.standout-column-element {
	grid-row: span var(--row-span, 1);

	@media only screen and (max-width: 767px) {
		&[data-hide-on-mobile="yes"] {
			display: none;
		}
	}
	

	&,
	& > .standout-max-container,
	& > * > .standout-block-inner,
	& > * > * > .acf-innerblocks-container,
	& > * > * > * > .standout-section,
	& > * > * > * > .standout-section > *,
	& > * > * > * > .standout-section > * > .standout-block-inner,
	& > * > * > * > .acf-block-body,
	& > * > * > * > .acf-block-body > .standout-section,
	& > * > * > * > .acf-block-body > .standout-section > *,
	& > * > * > * > .acf-block-body > .standout-section > * > .standout-block-inner {
		height: 100%;
		max-width: 100%;
		overflow: auto;
	}

	&.key-metrics > * > * > .acf-innerblocks-container h2:has(+ p + hr),
	&.key-metrics > * > * > .acf-innerblocks-container hr ~ h2:has(+ p:last-child) {
		margin-bottom: 0;
		line-height: 1;
	}

	&.key-metrics > * > * > .acf-innerblocks-container h2 + p {
		margin-bottom: 0;
	}

	&.key-metrics > * > * > .acf-innerblocks-container h2 + p + hr {
		margin: calc(.8 * var(--p-gap)) 0;
	}

	&.key-metrics > * > * > .acf-innerblocks-container p sub {
		bottom: 0;

		@media only screen and (min-width: 768px) {
			& {
				font-size: 0.5em;
			}
		}
	}

	& > .standout-max-container > .standout-block-inner {
		& > .acf-innerblocks-container {
			display: flex;
			flex-direction: column;
			/* align-items: flex-start; */
			justify-content: var(--align-content, flex-start);
		}

		&:has(figure.checkmark-icon) hr {
			margin-block: 1em;
		}

		&:has(.standout-block-full-link) {
			position: relative;
		}

		& figure.checkmark-icon {
			line-height: 1.2;

			:is([style*="--block-text-color: var(--wp--preset--color--white)"]) & img {
				filter: invert(100%) brightness(200%);
			}
		}

		& > .standout-block-full-link {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 3;
		}
	}

	&.has-bg > .standout-max-container > .standout-block-inner {
		display: grid;
		grid-template-columns: 100%;

		& > .standout-block-background-deco,
		& > .acf-innerblocks-container {
			grid-column: 1 / -1;
			grid-row: 1 / -1;
		}

		& > .acf-innerblocks-container {
			padding: var(--content-margin);
		}
	}

	& .standout-block-background-deco {
		display: flex;
		align-items: var(--bg-align-vertical);
		justify-content: var(--bg-align-horizontal);
		height: 0;
		min-height: 100%;
		line-height: 0;
		overflow: hidden;

		& > .standout-block-background-deco-element {
			width: auto;
			max-width: none;
			min-width: 100%;
			height: auto;
			max-height: none;
			min-height: 100%;
			object-fit: cover;
		}
	}

	& .wp-block-image.size-full > img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	&:not(.image-original-aspect) .wp-block-image.size-full > img {
		/* aspect-ratio: 4 / 3; */
	}

	&:has(.wp-block-image) {
		order: 1;
	}
}
