/* Tru2u Gutenberg Enhancer v0.2.1
   Desktop: > 900px
   Tablet: 701px–900px
   Mobile: <= 700px
*/

.tru2u-d-py {
	padding-top: var(--tru2u-d-py) !important;
	padding-bottom: var(--tru2u-d-py) !important;
}
.tru2u-d-px {
	padding-left: var(--tru2u-d-px) !important;
	padding-right: var(--tru2u-d-px) !important;
}
.tru2u-d-mt { margin-top: var(--tru2u-d-mt) !important; }
.tru2u-d-mb { margin-bottom: var(--tru2u-d-mb) !important; }

.tru2u-hide-desktop { display: none !important; }

@media screen and (max-width: 900px) and (min-width: 701px) {
	.tru2u-t-py {
		padding-top: var(--tru2u-t-py) !important;
		padding-bottom: var(--tru2u-t-py) !important;
	}
	.tru2u-t-px {
		padding-left: var(--tru2u-t-px) !important;
		padding-right: var(--tru2u-t-px) !important;
	}
	.tru2u-t-mt { margin-top: var(--tru2u-t-mt) !important; }
	.tru2u-t-mb { margin-bottom: var(--tru2u-t-mb) !important; }

	.tru2u-hide-desktop { display: revert !important; }
	.tru2u-hide-tablet { display: none !important; }
}

@media screen and (max-width: 700px) {
	.tru2u-m-py {
		padding-top: var(--tru2u-m-py) !important;
		padding-bottom: var(--tru2u-m-py) !important;
	}
	.tru2u-m-px {
		padding-left: var(--tru2u-m-px) !important;
		padding-right: var(--tru2u-m-px) !important;
	}

	.tru2u-m-mt { margin-top: var(--tru2u-m-mt) !important; }
	.tru2u-m-mb { margin-bottom: var(--tru2u-m-mb) !important; }

	.tru2u-m-gap {
		gap: var(--tru2u-m-gap) !important;
		row-gap: var(--tru2u-m-gap) !important;
	}

	/* Inner block spacing control.
	   Scoped to common Gutenberg content blocks inside the selected container.
	   This intentionally does not zero every descendant's margin. */
	.tru2u-m-inner > p,
	.tru2u-m-inner > h1,
	.tru2u-m-inner > h2,
	.tru2u-m-inner > h3,
	.tru2u-m-inner > h4,
	.tru2u-m-inner > h5,
	.tru2u-m-inner > h6,
	.tru2u-m-inner > ul,
	.tru2u-m-inner > ol,
	.tru2u-m-inner > .wp-block-image,
	.tru2u-m-inner > .wp-block-buttons,
	.tru2u-m-inner > .wp-block-group,
	.tru2u-m-inner > .wp-block-columns,
	.tru2u-m-inner > .wp-block-column {
		margin-top: var(--tru2u-m-inner) !important;
		margin-bottom: var(--tru2u-m-inner) !important;
	}

	/* Also handle the common case where a Columns container owns Columns,
	   and the visible paragraph/image is one level deeper inside a Column. */
	.tru2u-m-inner > .wp-block-column > p,
	.tru2u-m-inner > .wp-block-column > h1,
	.tru2u-m-inner > .wp-block-column > h2,
	.tru2u-m-inner > .wp-block-column > h3,
	.tru2u-m-inner > .wp-block-column > h4,
	.tru2u-m-inner > .wp-block-column > h5,
	.tru2u-m-inner > .wp-block-column > h6,
	.tru2u-m-inner > .wp-block-column > .wp-block-image,
	.tru2u-m-inner > .wp-block-column > .wp-block-buttons {
		margin-top: var(--tru2u-m-inner) !important;
		margin-bottom: var(--tru2u-m-inner) !important;
	}

	.tru2u-m-center {
		text-align: center !important;
		justify-content: center !important;
		align-items: center !important;
	}
	.tru2u-m-center .wp-block-buttons {
		justify-content: center !important;
	}

	.tru2u-hide-desktop { display: revert !important; }
	.tru2u-hide-mobile { display: none !important; }
}