/**
 * All of the CSS for your block editor functionality should be
 * included in this file.
 */
/*--------------------------------------------------------------*/
.cnvs-block-section-content {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	min-width: 0;
}

.cnvs-block-section > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	row-gap: 3rem;
}

@media (min-width: 1240px) {
	.cnvs-block-section > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout {
		-webkit-column-gap: 60px;
		-moz-column-gap: 60px;
		column-gap: 60px;
	}
}

.cnvs-block-section > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout [data-type="canvas/section-content"],
.cnvs-block-section > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout [data-type="canvas/section-sidebar"] {
	margin-top: 0;
	margin-bottom: 0;
}

.cnvs-block-section > .cnvs-block-section-inner {
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 760px) {
	.cnvs-block-section > .cnvs-block-section-inner {
		max-width: 720px;
	}
}

@media (min-width: 1020px) {
	.cnvs-block-section > .cnvs-block-section-inner {
		max-width: 1000px;
	}
}

@media (min-width: 1120px) {
	.cnvs-block-section > .cnvs-block-section-inner {
		max-width: 1080px;
	}
}

@media (min-width: 1240px) {
	.cnvs-block-section > .cnvs-block-section-inner {
		max-width: 1200px;
	}
}

.cnvs-block-section > .cnvs-block-section-inner > .block-editor-inner-blocks {
	width: 100%;
}

.cnvs-block-section > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block {
	width: 100%;
}

@media (min-width: 1120px) {
	.cnvs-block-section-sidebar-position-left > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout,
	.cnvs-block-section-sidebar-position-right > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout {
		grid-template-columns: minmax(0, 1fr) 300px;
	}
}

@media (min-width: 1120px) {
	.cnvs-block-section-sidebar-position-left > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout {
		grid-template-columns: 300px minmax(0, 1fr);
	}
	.cnvs-block-section-sidebar-position-left > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="canvas/section-content"] {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

.cnvs-block-section-layout-align-full {
	padding-left: 0 !important;
	padding-right: 0 !important;
	overflow: hidden;
}

.cnvs-block-section-layout-align-full > .cnvs-block-section-inner {
	max-width: 100% !important;
	padding-left: 0;
	padding-right: 0;
}

.cnvs-block-section-layout-align-full > .cnvs-block-section-inner > .block-editor-inner-blocks > .block-editor-block-list__layout {
	margin-left: 0;
	margin-right: 0;
}

.cnvs-block-section-layout-align-full .wp-block[data-type="canvas/section-content"] {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.cnvs-block-section-layout-align-full .wp-block[data-type="canvas/section-content"] .block-editor-block-list__layout {
	margin-left: 0;
	margin-right: 0;
}

.cnvs-block-section-layout-align-full .wp-block[data-type="canvas/section-content"] .wp-block {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.wp-block[data-type="canvas/section-sidebar"] .canvas-component-custom-blocks,
.wp-block[data-type="canvas/section-sidebar"] .cnvs-block-section-sidebar {
	height: 100%;
}

.wp-block[data-type="canvas/section-sidebar"] .cnvs-block-section-sidebar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.cnvs-block-section-sidebar-sticky-top [data-type="canvas/section-sidebar"] .cnvs-block-section-sidebar-inner {
	position: sticky;
	top: 50px;
}

.cnvs-block-section-sidebar-sticky-bottom [data-type="canvas/section-sidebar"] .cnvs-block-section-sidebar-inner {
	position: sticky;
	bottom: 20px;
	margin-top: auto;
}

@-moz-document url-prefix() {
	.cnvs-block-section-sidebar-sticky-bottom [data-type="canvas/section-sidebar"] .cnvs-block-section-sidebar-inner {
		position: sticky;
		top: 50px;
		bottom: initial;
		margin-top: initial;
	}
}

.cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > :last-child {
	position: sticky;
	top: 50px;
}

[data-canvas-section-sticky="top-last-block"] .cnvs-block-section-sidebar-inner,
[data-canvas-section-sticky="top-last-block"] .cnvs-block-section-sidebar-inner > .block-editor-inner-blocks,
[data-canvas-section-sticky="top-last-block"] .cnvs-block-section-sidebar-inner > .block-editor-inner-blocks > .block-editor-block-list__layout {
	height: 100%;
}

.cnvs-block-section-with-background-color {
	padding: 0;
}

.cnvs-block-section-notice .components-notice {
	text-align: left;
}
