/* :root {
	--font-body: normal 300 1em / 1.8 mr-eaves-modern, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
} */

/* ==================== 
  Admin specific styles
 ==================== */
html :where(.editor-styles-wrapper),
.wp-admin .editor-styles-wrapper,
.wp-admin .components-button {
	font: var(--font-body);
}

/* START: EDITOR STYLES FOR POSTS */
html :where(.editor-styles-wrapper.post-type-post) {
	background: #efeee8;
}
html :where(.editor-styles-wrapper) h1 {
	text-align: center;
	font-size: clamp(1.3em, 4.8vw, 1.65em) !important;
}

html :where(.editor-styles-wrapper.post-type-post) h2 {
	letter-spacing: 0.125em;
	font-size: clamp(1em, 1.4vw, 1.1em);
	color: rgb(101, 112, 106);
	text-align: center;
	text-transform: uppercase;
}

html :where(.editor-styles-wrapper.post-type-post) p {
	color: #909793;
	max-width: 50rem;
	margin: 0.7em auto;
	text-align: center;
	text-wrap: pretty;
}
html :where(.editor-styles-wrapper.post-type-post) p:has(strong) {
	color: #717171;
}

html :where(.editor-styles-wrapper.post-type-post) p strong {
	font-weight: 500;
}

html :where(.editor-styles-wrapper.post-type-post) ul {
	text-align: center;
}

/* END: EDITOR STYLES FOR POSTS */

#editor .acf-block-component:hover,
#editor .wp-block:hover {
	outline: 1px dotted;
}

.interface-navigable-region.interface-interface-skeleton__sidebar {
	width: 33vw;
}
.interface-complementary-area__fill,
.interface-complementary-area__fill .interface-complementary-area.editor-sidebar {
	width: 700px !important;
}
.interface-navigable-region.interface-interface-skeleton__sidebar .interface-complementary-area.edit-post-sidebar {
	width: 100%;
}

.wp-block-group,
.acf-block-component {
	padding: 0.5rem;
}
.wp-block-group__inner-container {
	padding: 0.5rem;
	outline: 2px dotted #000;
}

.wp-block-column {
	padding: 0 0.5rem;
}

.wp-block-spacer {
	background-color: rgba(0, 0, 0, 0.1);
}

.wp-admin .editor-styles-wrapper button {
	background-color: transparent;
	outline: unset;
	border: none;
	width: auto;
}

.wp-admin .wp-block-group:has(.wp-block-acf-dyad-slideshow) .wp-block-group__inner-container {
	display: flex;
	flex-flow: row;
	width: 100%;
	margin: 0 auto;
}

.wp-admin .wp-block-group:has(.wp-block-acf-dyad-slideshow) .wp-block-acf-dyad-slideshow {
	width: calc(33% - 2rem);
}
.wp-admin #editor .wp-block-group:has(.wp-block-acf-dyad-slideshow) .heart-slideshow {
	padding-top: 76%;
}