
.wp-block-gtm-content-area {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	--gtm-content-area-content--default-spacing: calc(2 * var(--wp--style--block-gap, 1em));
	--gtm-content-area-content-spacing: var(--gtm-content-area-content--default-spacing);
	gap: var(--gtm-content-area-content-spacing);
}

.gtm-style.gtm-has-content-area-content-spacing---lg.wp-block-gtm-content-area {
	--gtm-content-area-content-spacing: var(--gtm-content-area-content-spacing---lg);
}

@media (max-width: 1199.98px) {
	.gtm-style.gtm-has-content-area-content-spacing---md.wp-block-gtm-content-area {
		--gtm-content-area-content-spacing: var(--gtm-content-area-content-spacing---md);
	}
}

@media (max-width: 767.98px) {
	.gtm-style.gtm-has-content-area-content-spacing---sm.wp-block-gtm-content-area {
		--gtm-content-area-content-spacing: var(--gtm-content-area-content-spacing---sm);
	}
}

@media (min-width: 1200px) {
	.wp-block-gtm-content-area {
		flex-direction: row;
		align-items: stretch;
	}
}

.gtm-has-content-area-separator {
	--gtm-content-area-content--default-spacing: calc(4 * var(--wp--style--block-gap, 1em));
	--gtm-content-area--separator: var(--gtm-content-area-separator-thickness, 1px) var(--gtm-content-area-separator-style, solid) var(--gtm-content-area-separator-color, #eee);
}

.gtm-has-content-area-separator .gtm-has-content-area-column-role-sidebar {
	position: relative;
}

.gtm-has-content-area-separator .gtm-has-content-area-column-role-sidebar:before {
	content: "";
	display: block;
	position: absolute;
	--gtm-content-area-content--separator-position: calc(( var(--gtm-content-area-content-spacing, 1em) + var(--gtm-content-area-separator-thickness, 1px) ) / -2);
}

@media (max-width: 1199.98px) {
	.gtm-has-content-area-separator .gtm-has-content-area-column-role-sidebar:before {
		border-top: var(--gtm-content-area--separator);
		width: 100%;
		left: 0;
		right: 0;
		top: var(--gtm-content-area-content--separator-position);
	}
}

@media (min-width: 1200px) {
	.gtm-has-content-area-separator .gtm-has-content-area-column-role-sidebar:before {
		border-left: var(--gtm-content-area--separator);
		height: 100%;
		top: 0;
		left: var(--gtm-content-area-content--separator-position);
		bottom: 0;
	}
}

@media (min-width: 1200px) {
	.gtm-has-content-area-layout-left-sidebar {
		flex-direction: row-reverse;
	}
	
	.gtm-has-content-area-layout-left-sidebar.gtm-has-content-area-separator .gtm-has-content-area-column-role-sidebar:before {
		left: unset;
		right: var(--gtm-content-area-content--separator-position);
	}
}

@media (min-width: 1200px) {
	.gtm-has-content-area-layout-double-sidebar>* {
		order: 5;
	}
	
	.gtm-has-content-area-layout-double-sidebar>div:nth-of-type(3) {
		order: 1;
		flex-basis: 200px;
	}
	
	.gtm-has-content-area-layout-double-sidebar.gtm-has-content-area-separator>div:nth-of-type(3):before {
		left: unset;
		right: var(--gtm-content-area-content--separator-position);
	}
}

.is-style-gtm-content-area-fluid {
	flex-wrap: wrap;
}

@media (min-width: 1200px) {
	.is-style-gtm-content-area-fluid {
		flex-wrap: nowrap;
	}
}

@media (min-width: 0) {
	.is-style-gtm-content-area-fluid {
		flex-direction: row;
	}
	
	.is-style-gtm-content-area-fluid.gtm-has-content-area-layout-left-sidebar {
		flex-direction: row-reverse;
	}
}

@media (min-width: 768px) {
	.is-style-gtm-content-area-fluid .gtm-has-content-area-column-sticky {
		position: sticky !important;
		top: var(--wp--style--block-gap, 1em);
		align-self: flex-start;
	}
}

.is-style-gtm-content-area-fluid .gtm-has-content-area-column-role-content {
	flex: 100 100;
	flex-basis: 60%;
}

@media (min-width: 1200px) {
	.is-style-gtm-content-area-fluid.gtm-has-content-area-layout-double-sidebar .gtm-has-content-area-column-role-content {
		flex-basis: 30%;
	}
}
