/* Half image/half text content */
.split-section {
	--contentDiff: 0px;/* The amount over 50% that the major half has in width */

	--totalBoxPadding: calc(var(--boxPadding) * 2);
	--boxedWidthNoPadding: calc(var(--boxedMaxWidth) - var(--totalBoxPadding));
	--halfBoxedWidth: calc(var(--boxedWidthNoPadding) / 2);

	--contentBoxPadding: var(--sectionPadding);

	position: relative;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: row;
	align-items: stretch;
}
body.wp-admin .split-section > .acf-innerblocks-container {
	position: relative;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: row;
	
	width: 100%;
}

/* HALF */
body:not(.wp-admin) .split-section .half,
body.wp-admin .split-section > .acf-innerblocks-container > div,
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section .half {
	position: relative;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: column;
	justify-content: center;
}
body.wp-admin .split-section > .acf-innerblocks-container > div .half {
	width: 100%;
	height: 100%;
}

/* LEFT HALF */
body:not(.wp-admin) .split-section .half:first-child,
body.wp-admin .split-section > .acf-innerblocks-container > div:first-child,
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section .half:first-child {
	width: calc(50% - var(--contentDiff));
	
	align-items: flex-end;
}
body:not(.wp-admin) .split-section.offset-reverse .half:first-child,
body.wp-admin .split-section.offset-reverse > .acf-innerblocks-container > div:first-child,
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section.offset-reverse .half:first-child {
	width: calc(50% + var(--contentDiff));
}

/* RIGHT HALF */
body:not(.wp-admin) .split-section .half:nth-child(2),
body.wp-admin .split-section > .acf-innerblocks-container > div:nth-child(2),
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section .half:nth-child(2) {
	width: calc(50% + var(--contentDiff));
	
	align-items: flex-start;
}
body:not(.wp-admin) .split-section.offset-reverse .half:nth-child(2),
body.wp-admin .split-section.offset-reverse > .acf-innerblocks-container > div:nth-child(2),
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section.offset-reverse .half:nth-child(2) {
	width: calc(50% - var(--contentDiff));
}

/* CONTENT BOX */
body:not(.wp-admin) .split-section .half .content-box,
body.wp-admin .split-section > .acf-innerblocks-container > div .half .acf-innerblocks-container,
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section .half .content-box {
	z-index: 5;
}
body.wp-admin .split-section > .acf-innerblocks-container > div .half .content-box {
	position: relative;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: column;
	justify-content: center;
}
body.wp-admin .split-section > .acf-innerblocks-container > div:first-child .half .content-box {
	align-items: flex-end;
}
body.wp-admin .split-section > .acf-innerblocks-container > div:nth-child(2) .half .content-box {
	align-items: flex-start;
}

/* LEFT CONTENT BOX */
body:not(.wp-admin) .split-section .half:first-child .content-box,
body.wp-admin .split-section > .acf-innerblocks-container > div:first-child .half .acf-innerblocks-container,
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section .half:first-child .content-box {
	--visualWidth: calc(var(--halfBoxedWidth) - var(--contentDiff));

	width: calc(var(--visualWidth) + var(--boxPadding));
	max-width: 100%;
	padding-left: var(--boxPadding);
	padding-right: var(--contentBoxPadding);

	box-sizing: border-box;
}
body:not(.wp-admin) .split-section.offset-reverse .half:first-child .content-box,
body.wp-admin .split-section.offset-reverse > .acf-innerblocks-container > div:first-child .half .acf-innerblocks-container,
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section.offset-reverse .half:first-child .content-box {
	--visualWidth: calc(var(--halfBoxedWidth) + var(--contentDiff));
}

/* RIGHT CONTENT BOX */
body:not(.wp-admin) .split-section .half:nth-child(2) .content-box,
body.wp-admin .split-section > .acf-innerblocks-container > div:nth-child(2) .half .acf-innerblocks-container,
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section .half:nth-child(2) .content-box {
	--visualWidth: calc(var(--halfBoxedWidth) + var(--contentDiff));

	width: calc(var(--visualWidth) + var(--boxPadding));
	max-width: 100%;
	padding-right: var(--boxPadding);
	padding-left: var(--contentBoxPadding);

	box-sizing: border-box;
}
body:not(.wp-admin) .split-section.offset-reverse .half:nth-child(2) .content-box,
body.wp-admin .split-section.offset-reverse > .acf-innerblocks-container > div:nth-child(2) .half .acf-innerblocks-container,
body.wp-admin .wp-block:not(.wp-block-acf-split-section) > .split-section.offset-reverse .half:nth-child(2) .content-box {
	--visualWidth: calc(var(--halfBoxedWidth) - var(--contentDiff));
}

.split-section .half .content-box > .background {
	--totalPadding: calc(var(--boxPadding) + var(--contentBoxPadding));
}
.split-section .half:first-child .content-box > .background {
	left: var(--boxPadding);

	width: calc(100% - var(--totalPadding));
}
.split-section .half:nth-child(2) .content-box > .background {
	left: var(--contentBoxPadding);

	width: calc(100% - var(--totalPadding));
}