/* CONTAINER */

.b-container {
	margin: 0 auto;
	position: relative;
}

.b-container-frame {
	position: relative;
	padding: calc(var(--col-1) + var(--col-gutter));
}

.b-container-background {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background-color: transparent;
}

.b-container-background-desktop,
.b-container-background-mobile {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.b-container-background-desktop {max-width: 1920rem; display: block;}
.b-container-background-mobile {max-width: 960rem; display: none;}


.b-container[data-width="10"] {max-width: var(--col-10);}
.b-container[data-width="8"] {max-width: var(--col-8);}
.b-container[data-width="6"] {max-width: var(--col-6);}

.b-container[data-misc~="left-align"] {margin-left: 0;}
.b-container[data-misc~="rounded"] .b-container-background {border-radius: var(--s1);}
.b-container[data-misc~="aligned"] .b-container-frame {align-items: stretch!important;}


@media (width <= 960px) {
	.b-container-frame {padding: var(--s5);}
	.b-container[data-bg-mobile="hidden"] .b-container-background-desktop,
	.b-container[data-bg-mobile="substitute"] .b-container-background-desktop {display: none;}
	.b-container[data-bg-mobile="substitute"] .b-container-background-mobile {display: block;}
}



/* OPTIONS */

.b-container[data-bg-color="white"] > .b-container-background {background-color: var(--white);}
.b-container[data-bg-color="light-grey"] > .b-container-background {background-color: var(--green-100);}
.b-container[data-bg-color="orange"] > .b-container-background {background-color: var(--orange);}
.b-container[data-bg-color="black"] > .b-container-background {background-color: var(--black);}

.b-container[data-padding="medium"] > .b-container-frame {padding: var(--s7);}
.b-container[data-padding="small"] > .b-container-frame {padding: var(--s5);}
.b-container[data-padding="none"] > .b-container-frame {padding: 0;}

/* alignment */

.b-container-background [data-alignment="top-left"] {top: 0; left: 0; transform: translate(0, 0);}
.b-container-background [data-alignment="top-center"] {top: 0; left: 50%; transform: translate(-50%, 0);}
.b-container-background [data-alignment="top-right"] {top: 0; left: 100%; transform: translate(-100%, 0);}
.b-container-background [data-alignment="center-left"] {top: 50%; left: 0; transform: translate(0, -50%);}
.b-container-background [data-alignment="center-center"] {top: 50%; left: 50%; transform: translate(-50%, -50%);}
.b-container-background [data-alignment="center-right"] {top: 50%; left: 100%; transform: translate(-100%, -50%);}
.b-container-background [data-alignment="bottom-left"] {top: 100%; left: 0; transform: translate(0, -100%);}
.b-container-background [data-alignment="bottom-center"] {top: 100%; left: 50%; transform: translate(-50%, -100%);}
.b-container-background [data-alignment="bottom-right"] {top: 100%; left: 100%; transform: translate(-100%, -100%);}

@media (width <= 960px) {
	.b-container[data-padding="medium"] > .b-container-frame {padding: var(--s5);}
}



/* CUSTOM LAYOUT */

.b-container[data-layout="50-50"] > .b-container-frame {
	--container-width-left: calc(50% - var(--s3));
	--container-width-right: calc(50% - var(--s3));
}

.b-container[data-layout="58-42"] > .b-container-frame {
	--container-width-left: calc(58.333333% - 13.33rem);
	--container-width-right: calc(41.666666% - 18.67rem);
}

.b-container[data-layout="42-58"] > .b-container-frame {
	--container-width-left: calc(42.666666% - 10.67rem);
	--container-width-right: calc(57.333333% - 21.33rem);
}

.b-container[data-layout="66-33"] > .b-container-frame {
	--container-width-left: calc(66.666666% - 10.67rem);
	--container-width-right: calc(33.333333% - 21.33rem);
}

.b-container[data-layout="auto"] > .b-container-frame {
	--container-width-left: auto;
	--container-width-right: auto;
}

.b-container[data-layout] > .b-container-frame > .acf-innerblocks-container,
.b-page .b-container[data-layout] > .b-container-frame {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.b-container[data-layout] .b-container {margin: 0;}
.b-container[data-layout] > .b-container-frame > .acf-innerblocks-container > *:nth-child(n+3) {opacity: 0.25;}
.b-page .b-container[data-layout]:not([data-layout="faq"]) > .b-container-frame > *:nth-child(n+3) {display: none;}

@media (width > 960px) {
	.b-container[data-layout]:not([data-layout="faq"]) > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(1),
	.b-page .b-container[data-layout]:not([data-layout="faq"]) > .b-container-frame > *:nth-child(1) {width: var(--container-width-left);}

	.b-container[data-layout]:not([data-layout="faq"]) > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(2),
	.b-page .b-container[data-layout]:not([data-layout="faq"]) > .b-container-frame > *:nth-child(2) {width: var(--container-width-right);}

	/* layout options */

	.b-container[data-layout-options~="left-offset"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(1),
	.b-page .b-container[data-layout-options~="left-offset"] > .b-container-frame > *:nth-child(1) {width: calc(var(--container-width-left) - var(--col-gutter));}

	.b-container[data-layout-options~="right-offset"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(2),
	.b-page .b-container[data-layout-options~="right-offset"] > .b-container-frame > *:nth-child(2) {width: calc(var(--container-width-right) - var(--col-gutter));}

	/* layout alignment */

	.b-container[data-layout-alignment~="center"] > .b-container-frame > .acf-innerblocks-container,
	.b-page .b-container[data-layout-alignment~="center"] > .b-container-frame {align-items: center;}

	.b-container[data-layout-alignment~="bottom"] > .b-container-frame > .acf-innerblocks-container,
	.b-page .b-container[data-layout-alignment~="bottom"] > .b-container-frame {align-items: flex-end;}

	.b-container[data-layout="auto"] > .b-container-frame > .acf-innerblocks-container,
	.b-page .b-container[data-layout="auto"] > .b-container-frame {flex-wrap: nowrap;}
	.b-page .b-container[data-layout="auto"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(1),
	.b-page .b-container[data-layout="auto"] > .b-container-frame > *:nth-child(1) {flex: 0 -1 auto;}
	.b-page .b-container[data-layout="auto"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(2),
	.b-page .b-container[data-layout="auto"] > .b-container-frame > *:nth-child(2) {flex: 0 0 auto;}
}

@media (width <= 960px) {
	.b-container[data-layout] > .b-container-frame > .acf-innerblocks-container,
	.b-page .b-container[data-layout] > .b-container-frame {flex-direction: column; gap: var(--s5) 0;}

	.b-container[data-layout] > .b-container-frame > .acf-innerblocks-container > .acf-block-component,
	.b-page .b-container[data-layout] > .b-container-frame > * {width: 100%;}

	.b-container[data-layout-options~="reverse-mobile"] > .b-container-frame > .acf-innerblocks-container,
	.b-page .b-container[data-layout-options~="reverse-mobile"] > .b-container-frame {flex-direction: column-reverse;}
}


/* FAQ */

.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container, 
.b-page .b-container[data-layout="faq"] > .b-container-frame {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--s5);
}

.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(n+4),
.b-page .b-container[data-layout="faq"] > .b-container-frame > *:nth-child(n+4) {display: none!important;}

@media (width > 960px) {
	.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(1),
	.b-page .b-container[data-layout="faq"] > .b-container-frame > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(2),
	.b-page .b-container[data-layout="faq"] > .b-container-frame > *:nth-child(2) { grid-area: 1 / 2 / 6 / 3; }
	.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(3),
	.b-page .b-container[data-layout="faq"] > .b-container-frame > *:nth-child(3) { grid-area: 2 / 1 / 6 / 2; align-self: flex-end;}
}

@media (width <= 960px) {
	.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container,
	.b-page .b-container[data-layout="faq"] > .b-container-frame {
		display: flex;
		flex-direction: column;
		gap: var(--s5);
	}
	.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(1),
	.b-page .b-container[data-layout="faq"] > .b-container-frame > *:nth-child(1) {
		width: 100%;
	}
	.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(2),
	.b-page .b-container[data-layout="faq"] > .b-container-frame > *:nth-child(2) {
		width: 100%;
	}
	.b-container[data-layout="faq"] > .b-container-frame > .acf-innerblocks-container > .acf-block-component:nth-child(3),
	.b-page .b-container[data-layout="faq"] > .b-container-frame > *:nth-child(3) {
		width: 100%;
	}
}

/* overflow hidden */ 


@media (width <= 960px) {
	.b-container[data-misc~="overflow-mobile"] .b-container-frame {overflow: hidden;}
}