/** @format */

.maincontent {
	width: 100%;
	max-width: 100%;
	position: relative;
}

.maincontent_wrapper {
}

.maincontent_wrapper.color-theme--white {
	background-color: var(--color-white);
}
.maincontent_wrapper.color-theme--light-grey {
	background-color: var(--color-light-grey);
}

/*col--one*/
.maincontent_wrapper.col--one {
	width: 100%;
}

/*col--two*/
.maincontent_wrapper.col--two {
	width: 100%;
	padding-left: var(--wrapper-padding);
	padding-left: calc(var(--wrapper-padding) + clamp(0px, 6vw, 400px));
	padding-right: var(--wrapper-padding);
}

.maincontent_wrapper.col--two .maincontent {
	margin: 0 auto;
	max-width: 1580px;
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: calc(var(--hgap-universal) * 2);
}

@media (max-width: 1560px) {
	.maincontent_wrapper.col--two {
		padding-left: var(--wrapper-padding);
	}

	.maincontent_wrapper.col--two .maincontent {
		max-width: 100%;
		grid-template-columns: 1fr 200px;
	}
}

@media (max-width: 1100px) {
	.maincontent_wrapper.col--two {
		padding: 0;
	}

	.maincontent_wrapper.col--two .maincontent {
		position: relative;
		grid-template-columns: 1fr;
		gap: 0;
	}

	.maincontent_wrapper.col--two .maincontent_main_col {
		overflow: clip;
		order: 2;
		padding-left: var(--wrapper-padding);
		padding-right: var(--wrapper-padding);
	}
}

/**/
.maincontent_main_col {
	padding-top: var(--vgap_spacer);
	padding-bottom: var(--vgap_spacer);
}

.maincontent_sub_col {
	position: relative;
	padding-top: var(--vgap_spacer);
	padding-bottom: var(--vgap_spacer);
	max-width: 100%;
}

.maincontent_sub_col .in_page_navigation_container {
	position: sticky;
	top: var(--vgap-universal);
	top: calc(var(--header-height) + var(--vgap-universal));
}

@media (max-width: 1100px) {
	.maincontent_wrapper.col--two .maincontent {
		display: flex;
		flex-direction: column;
	}

	.maincontent_sub_col {
		position: sticky;
		width: 100%;
		max-width: 100%;
		top: 0;
		z-index: 100;
		padding: 0;
		top: var(--header-height);
		background-color: var(--color-light-grey);
		box-shadow: 0px 0px 20px #00000010;
	}

	.maincontent_sub_col .in_page_navigation_container {
		position: static;
	}

	.maincontent_main_col {
		padding-top: var(--vgap_spacer);
	}
}

.maincontent_main_col .sub-wrapper {
	max-width: 1320px;
	margin: 0 auto;
}

.acf_section {
	width: 100%;
	display: inline-block;
	position: relative;
	margin-bottom: var(--vgap-universal);
}