/** @format */

.acf_module--wysiwyg_cascade {
	position: relative;
	z-index: 1;
	display: grid;
	grid: auto / 1fr;
	--wysiwyg-cascade-menu-height: 0px;
}

.acf_module--wysiwyg_cascade .sticky li a {
	text-decoration: none;
}

.acf_module--wysiwyg_cascade > * {
	display: block;
	width: 100%;
	padding-left: calc(100% / 3 - 1px);
}

.acf_module--wysiwyg_cascade .menu {
	position: absolute;
	top: 0px;
	right: auto;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	width: calc(100% / 3 - 1px);
	padding: 0px;
	box-shadow: 1px 0px 0px 0px var(--color-neutral-grey);
}

.acf_module--wysiwyg_cascade .row .content {
	padding: var(--universal-gap);
}

.acf_module--wysiwyg_cascade .row:first-of-type .content {
	border-top: none;
}

.acf_module--wysiwyg_cascade .sticky {
	position: -webkit-sticky;
	position: sticky;
	top: var(--real-heights-from-top);
	z-index: 1;
	padding: var(--universal-gap);
	display: flex;
	flex-flow: column wrap;
	place-content: flex-start;
	align-items: flex-start;
	gap: var(--universal-gap);
}

.acf_module--wysiwyg_cascade .menu li {
	display: block;
}

.acf_module--wysiwyg_cascade .anchor {
	position: relative;
	top: calc(0px - var(--real-heights-from-top) - var(--universal-gap) - var(--wysiwyg-cascade-menu-height)); /* Universal Gap prevents double lines from being created, essentially as a small offset */
}

.acf_module--wysiwyg_cascade :target:nth-of-type(1) ~ .menu li:nth-child(1),
.acf_module--wysiwyg_cascade :target:nth-of-type(2) ~ .menu li:nth-child(2),
.acf_module--wysiwyg_cascade :target:nth-of-type(3) ~ .menu li:nth-child(3),
.acf_module--wysiwyg_cascade :target:nth-of-type(4) ~ .menu li:nth-child(4),
.acf_module--wysiwyg_cascade :target:nth-of-type(5) ~ .menu li:nth-child(5),
.acf_module--wysiwyg_cascade :target:nth-of-type(6) ~ .menu li:nth-child(6),
.acf_module--wysiwyg_cascade :target:nth-of-type(7) ~ .menu li:nth-child(7),
.acf_module--wysiwyg_cascade :target:nth-of-type(8) ~ .menu li:nth-child(8),
.acf_module--wysiwyg_cascade :target:nth-of-type(9) ~ .menu li:nth-child(9) {
	font-weight: bold;
}

@media (max-width: 1000px) {
	.acf_module--wysiwyg_cascade .menu {
		display: contents;
	}

	.acf_module--wysiwyg_cascade > * {
		padding: 0px;
	}

	.acf_module--wysiwyg_cascade .sticky {
		flex-direction: row;
		background-color: var(--color-white);
		order: -1;
		box-shadow: 0px 1px 0px 0px var(--color-neutral-grey);
	}
}