/* Shared front-end and editor-content styles. Only properties explicitly configured are overridden. */
.enx-has-fs-d { font-size: var(--enx-fs-d) !important; }
.enx-has-lh { line-height: var(--enx-lh) !important; }
.enx-has-ls { letter-spacing: var(--enx-ls) !important; }
.enx-has-ff { font-family: var(--enx-ff) !important; }
.enx-has-fw { font-weight: var(--enx-fw) !important; }
.enx-has-tt { text-transform: var(--enx-tt) !important; }
.enx-has-maxw-d { max-width: var(--enx-maxw-d) !important; }
.enx-has-minh-d { min-height: var(--enx-minh-d) !important; }
.enx-has-mt { margin-top: var(--enx-mt) !important; }
.enx-has-mr { margin-right: var(--enx-mr) !important; }
.enx-has-mb { margin-bottom: var(--enx-mb) !important; }
.enx-has-ml { margin-left: var(--enx-ml) !important; }
.enx-has-pt { padding-top: var(--enx-pt) !important; }
.enx-has-pr { padding-right: var(--enx-pr) !important; }
.enx-has-pb { padding-bottom: var(--enx-pb) !important; }
.enx-has-pl { padding-left: var(--enx-pl) !important; }
.enx-has-radius { border-radius: var(--enx-radius) !important; }
.enx-has-opacity { opacity: var(--enx-opacity) !important; }
.enx-has-z { position: relative; z-index: var(--enx-z) !important; }

/* The editor adds the class to its block wrapper, so direct descendants inherit/receive typography. */
.editor-styles-wrapper .block-editor-block-list__block.enx-has-fs-d > * { font-size: var(--enx-fs-d) !important; }
.editor-styles-wrapper .block-editor-block-list__block.enx-has-lh > * { line-height: var(--enx-lh) !important; }
.editor-styles-wrapper .block-editor-block-list__block.enx-has-ls > * { letter-spacing: var(--enx-ls) !important; }
.editor-styles-wrapper .block-editor-block-list__block.enx-has-ff > * { font-family: var(--enx-ff) !important; }
.editor-styles-wrapper .block-editor-block-list__block.enx-has-fw > * { font-weight: var(--enx-fw) !important; }
.editor-styles-wrapper .block-editor-block-list__block.enx-has-tt > * { text-transform: var(--enx-tt) !important; }

/* Stronger selector to override the theme's hard-coded .en-display !important rule. */
body .wp-site-blocks .en-display.enx-has-fs-d,
.editor-styles-wrapper .block-editor-block-list__block.enx-has-fs-d > .en-display {
	font-size: var(--enx-fs-d) !important;
}

.enx-has-img-h-d img,
.editor-styles-wrapper .block-editor-block-list__block.enx-has-img-h-d img { height: var(--enx-img-h-d) !important; }
.enx-has-fit img,
.editor-styles-wrapper .block-editor-block-list__block.enx-has-fit img { object-fit: var(--enx-fit) !important; }
.enx-has-pos img,
.editor-styles-wrapper .block-editor-block-list__block.enx-has-pos img { object-position: var(--enx-pos) !important; }
.enx-has-radius img,
.editor-styles-wrapper .block-editor-block-list__block.enx-has-radius img { border-radius: var(--enx-radius) !important; }

@media (min-width: 1025px) {
	.enx-hide-desktop { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.enx-has-fs-t { font-size: var(--enx-fs-t) !important; }
	.enx-has-maxw-t { max-width: var(--enx-maxw-t) !important; }
	.enx-has-minh-t { min-height: var(--enx-minh-t) !important; }
	.editor-styles-wrapper .block-editor-block-list__block.enx-has-fs-t > * { font-size: var(--enx-fs-t) !important; }
	body .wp-site-blocks .en-display.enx-has-fs-t,
	.editor-styles-wrapper .block-editor-block-list__block.enx-has-fs-t > .en-display { font-size: var(--enx-fs-t) !important; }
	.enx-has-img-h-t img,
	.editor-styles-wrapper .block-editor-block-list__block.enx-has-img-h-t img { height: var(--enx-img-h-t) !important; }
	.enx-hide-tablet { display: none !important; }
}

@media (max-width: 767px) {
	.enx-has-fs-m { font-size: var(--enx-fs-m) !important; }
	.enx-has-maxw-m { max-width: var(--enx-maxw-m) !important; }
	.enx-has-minh-m { min-height: var(--enx-minh-m) !important; }
	.editor-styles-wrapper .block-editor-block-list__block.enx-has-fs-m > * { font-size: var(--enx-fs-m) !important; }
	body .wp-site-blocks .en-display.enx-has-fs-m,
	.editor-styles-wrapper .block-editor-block-list__block.enx-has-fs-m > .en-display { font-size: var(--enx-fs-m) !important; }
	.enx-has-img-h-m img,
	.editor-styles-wrapper .block-editor-block-list__block.enx-has-img-h-m img { height: var(--enx-img-h-m) !important; }
	.enx-hide-mobile { display: none !important; }
}
