@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";


@media #{$media_xxl} {
	/* Gutenberg */
	body.edit-post-visual-editor {
		line-height: 164.2857%;
	}
	.editor-post-sidebar-holder {
		display: none !important;
	}
}


@media #{$media_xl} {
	/* Gutenberg */
	.editor-block-list__block,
	.editor-post-title__block,
	.editor-default-block-appender {
		max-width: $xl_content !important;
	}
	body.sidebar_position_hide.expand_content .editor-block-list__block,
	body.sidebar_position_hide.expand_content .editor-post-title__block,
	body.sidebar_position_hide.expand_content .editor-default-block-appender {
		max-width: $xl_page !important;
	}
	body.sidebar_position_hide.narrow_content .editor-block-list__block,
	body.sidebar_position_hide.narrow_content .editor-post-title__block,
	body.sidebar_position_hide.narrow_content .editor-default-block-appender {
		max-width: $xl_content / 3 * 4 !important;
	}
	.sidebar_hide.narrow_content .alignleft,
	.sidebar_hide.narrow_content .alignright,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		max-width: ( $xl_page - $xl_content * 3 / 4 ) / 2 - 30px;
	}
	.sidebar_hide.narrow_content .alignleft,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
		margin-left: ( $xl_page - $xl_content * 3 / 4 ) / -2;
	}
	.sidebar_hide.narrow_content .alignright,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		margin-right: ( $xl_page - $xl_content * 3 / 4 ) / -2;
	}
	.sidebar_hide.normal_content .alignleft,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
		margin-left: ( $xl_page - $xl_content ) / -2;
	}
	.sidebar_hide.normal_content .alignright,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		margin-right: ( $xl_page - $xl_content ) / -2;
	}
	body.sidebar_hide.narrow_content .alignwide,
	body.sidebar_hide.normal_content .alignwide {
		left: calc( #{$xl_page} / -2 + 50% );
		width: $xl_page;
	}
	body.single-cpt_layouts .trx-addons-layout--single-preview {
		max-width: $xl_page !important;
	}
	/* Core columns in the frontend */
	.wp-block-column:not(:first-child) {
		margin-left: $xl_grid_gap / 2;
	}
	.wp-block-column:not(:last-child) {
		margin-right: $xl_grid_gap / 2;
	}
	/* Kadence columns in the frontend */
	.kt-gutter-default > .wp-block-kadence-column {
		margin-right: $xl_grid_gap;
	}
	/* CoBlocks columns in the frontend */
	.has-small-gutter > [class*="wp-block-coblocks-"]:not(:first-child) {
		margin-left: $xl_grid_gap / 2;
	}
	.has-small-gutter > [class*="wp-block-coblocks-"]:not(:last-child) {
		margin-right: $xl_grid_gap / 2; 
	}
}


@media #{$media_lg} {
	/* Gutenberg */
	body.edit-post-visual-editor {
		font-size: 13px !important;
		line-height: 161.54%;
	}
	.editor-block-list__block,
	.editor-post-title__block,
	.editor-default-block-appender {
		max-width: $lg_content !important;
	}
	body.sidebar_position_hide.expand_content .editor-block-list__block,
	body.sidebar_position_hide.expand_content .editor-post-title__block,
	body.sidebar_position_hide.expand_content .editor-default-block-appender {
		max-width: $lg_page !important;
	}
	body.sidebar_position_hide.narrow_content .editor-block-list__block,
	body.sidebar_position_hide.narrow_content .editor-post-title__block,
	body.sidebar_position_hide.narrow_content .editor-default-block-appender {
		max-width: $lg_content * 3 / 4 !important;
	}
	.sidebar_hide.narrow_content .alignleft,
	.sidebar_hide.narrow_content .alignright,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		max-width: ( $lg_page - $lg_content * 3 / 4 ) / 2 - 30px;
	}
	.sidebar_hide.narrow_content .alignleft,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
		margin-left: ( $lg_page - $lg_content * 3 / 4 ) / -2;
	}
	.sidebar_hide.narrow_content .alignright,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		margin-right: ( $lg_page - $lg_content * 3 / 4 ) / -2;
	}
	.sidebar_hide.normal_content .alignleft,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
		margin-left: ( $lg_page - $lg_content ) / -2;
	}
	.sidebar_hide.normal_content .alignright,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		margin-right: ( $lg_page - $lg_content ) / -2;
	}
	body.sidebar_hide.narrow_content .alignwide,
	body.sidebar_hide.normal_content .alignwide {
		left: calc( #{$lg_page} / -2 + 50% );
		width: $lg_page;
	}
	body.single-cpt_layouts .trx-addons-layout--single-preview {
		max-width: $lg_page !important;
	}
	/* Core columns in the frontend */
	.wp-block-column:not(:first-child) {
		margin-left: $lg_grid_gap / 2;
	}
	.wp-block-column:not(:last-child) {
		margin-right: $lg_grid_gap / 2;
	}
	/* Kadence columns in the frontend */
	.kt-gutter-default > .wp-block-kadence-column {
		margin-right: $lg_grid_gap;
	}
	/* CoBlocks columns in the frontend */
	.has-small-gutter > [class*="wp-block-coblocks-"]:not(:first-child) {
		margin-left: $lg_grid_gap / 2;
	}
	.has-small-gutter > [class*="wp-block-coblocks-"]:not(:last-child) {
		margin-right: $lg_grid_gap / 2; 
	}
}


@media #{$media_md} {
	/* Gutenberg */
	.editor-block-list__block,
	.editor-post-title__block,
	.editor-default-block-appender {
		max-width: $md_content !important;
	}
	body.sidebar_position_hide.expand_content .editor-block-list__block,
	body.sidebar_position_hide.expand_content .editor-post-title__block,
	body.sidebar_position_hide.expand_content .editor-default-block-appender {
		max-width: $md_page !important;
	}
	body.sidebar_position_hide.narrow_content .editor-block-list__block,
	body.sidebar_position_hide.narrow_content .editor-post-title__block,
	body.sidebar_position_hide.narrow_content .editor-default-block-appender {
		max-width: $md_content * 3 / 4 !important;
	}
	.sidebar_hide.narrow_content .alignleft,
	.sidebar_hide.narrow_content .alignright,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		max-width: $md_content / 2 - 20px;
	}
	.sidebar_hide.narrow_content .alignleft,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
		margin-left: ( $md_page - $md_content * 3 / 4 ) / -2;
	}
	.sidebar_hide.narrow_content .alignright,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		margin-right: ( $md_page - $md_content * 3 / 4 ) / -2;
	}
	.sidebar_hide.normal_content .alignleft,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
		margin-left: ( $md_page - $md_content ) / -2;
	}
	.sidebar_hide.normal_content .alignright,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		margin-right: ( $md_page - $md_content ) / -2;
	}
	body.sidebar_hide.narrow_content .alignwide,
	body.sidebar_hide.normal_content .alignwide {
		left: calc( #{$md_page} / -2 + 50% );
		width: $md_page;
	}
	body.single-cpt_layouts .trx-addons-layout--single-preview {
		max-width: $md_page !important;
	}
	/* Full width layout */
	body.sidebar_hide .alignfull {
		margin-left: calc( -100vw / 2 + 100% / 2 );
		margin-right: calc( -100vw / 2 + 100% / 2 );
		width: 100vw;
		max-width: 100vw;
	}
	/* Core columns in the frontend */
	.wp-block-column:not(:last-child) {

	}
	.wp-block-column:not(:last-child) {
		margin-right: $md_grid_gap / 2;
	}
	/* Kadence columns in the frontend */
	.kt-gutter-default > .wp-block-kadence-column {
		margin-right: $md_grid_gap;
	}
	/* CoBlocks columns in the frontend */
	.has-small-gutter > [class*="wp-block-coblocks-"]:not(:first-child) {
		margin-left: $md_grid_gap / 2;
	}
	.has-small-gutter > [class*="wp-block-coblocks-"]:not(:last-child) {
		margin-right: $md_grid_gap / 2; 
	}
}


@media #{$media_sm} {
	/* Gutenberg */
	.editor-block-list__block,
	.editor-post-title__block,
	.editor-default-block-appender {
		max-width: $sm_content !important;
	}
	body.sidebar_position_hide.expand_content .editor-block-list__block,
	body.sidebar_position_hide.expand_content .editor-post-title__block,
	body.sidebar_position_hide.expand_content .editor-default-block-appender {
		max-width: $sm_page !important;
	}
	body.sidebar_position_hide.narrow_content .editor-block-list__block,
	body.sidebar_position_hide.narrow_content .editor-post-title__block,
	body.sidebar_position_hide.narrow_content .editor-default-block-appender {
		max-width: $sm_content !important;
	}
	.sidebar_hide.narrow_content .alignleft,
	.sidebar_hide.narrow_content .alignright,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		max-width: none;
		float: none;
	}
	.sidebar_hide.narrow_content .alignleft,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
		margin: 0;
	}
	.sidebar_hide.narrow_content .alignright,
	body.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		margin: 0;
	}
	.sidebar_hide.normal_content .alignleft,
	.sidebar_hide.normal_content .alignright,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		float: none;
	}
	.sidebar_hide.normal_content .alignleft,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
		margin: 0;
	}
	.sidebar_hide.normal_content .alignright,
	body.sidebar_position_hide.normal_content .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
		margin: 0;
	}
	body.sidebar_hide.narrow_content .alignwide,
	body.sidebar_hide.normal_content .alignwide {
		left: 0;
		width: $sm_page;
	}
	body.single-cpt_layouts .trx-addons-layout--single-preview {
		max-width: $sm_page !important;
	}
	/* Core columns in the frontend */
	.wp-block-columns {
		@include flex-direction(column);
	}
	.wp-block-columns[class*="has-"] .wp-block-column {
		@include flex-basis(100%);
		max-width: 100%;
	}
	.wp-block-column:not(:first-child) {
		margin-left: 0;
	}
	.wp-block-column:not(:last-child) {
		margin-right: 0;
	}
	/* Kadence columns in the frontend */
	.kt-gutter-default > .wp-block-kadence-column {
		margin-right: 0;
	}
	/* CoBlocks columns in the frontend */
	.wp-block-coblocks-row__inner {
		@include flex-direction(column);
	}
	.wp-block-coblocks-row__inner > [class*="wp-block-coblocks-"] {
		margin-left: 0 !important;
		margin-right: 0 !important; 
		width: 100% !important;
	}

	.wp-block-spacer.sc_height_medium, .sc_height_medium > .editor-block-list__block-edit .components-resizable-box__container {
		height: 2em !important;
	}
	.wp-block-spacer.sc_height_tiny, .sc_height_tiny > .editor-block-list__block-edit .components-resizable-box__container {
		height: 0.5em !important;
	}
}


@media #{$media_xs} {
	/* Gutenberg */
	body.edit-post-visual-editor {
		line-height: 153.84615%;
	}
	.editor-block-list__block,
	.editor-post-title__block,
	.editor-default-block-appender {
		max-width: $xs_content !important;
	}
	body.sidebar_position_hide.expand_content .editor-block-list__block,
	body.sidebar_position_hide.expand_content .editor-post-title__block,
	body.sidebar_position_hide.expand_content .editor-default-block-appender {
		max-width: $xs_page !important;
	}
	body.sidebar_position_hide.narrow_content .editor-block-list__block,
	body.sidebar_position_hide.narrow_content .editor-post-title__block,
	body.sidebar_position_hide.narrow_content .editor-default-block-appender {
		max-width: $xs_page !important;
	}
	body.sidebar_hide.narrow_content .alignwide,
	body.sidebar_hide.normal_content .alignwide {
		width: $xs_page;
	}
	body.single-cpt_layouts .trx-addons-layout--single-preview {
		max-width: $xs_page !important;
	}
}