/* ===== BLOCK STYLES ====== */
.dyad-image-set {
	margin: 0 auto;
}

.dyad-image-set .dyad-image-set-innerblock {
	width: 100%;
	width: calc(100% - 1.4rem);
	/* margin: 0.7rem auto; */
	margin: 0.7rem auto;
}
@media screen and (min-width: 60em) {
	.dyad-image-set .dyad-image-set-innerblock {
		display: flex;
		align-items: stretch;
		justify-content: center;
	}
	.dyad-image-set .dyad-image-set-innerblock > * {
		margin-top: 0;
	}
}

.dyad-image-set .dyad-image {
	flex: 0 0 0;
	flex: var(--ratio, 1) 1 0;
}

.dyad-image-set .dyad-image:not(:first-child),
.dyad-image-set .dyad-textbox-block:not(:first-child) {
	margin-top: 0.9rem;
}
@media screen and (min-width: 60em) {
	.dyad-image-set-innerblock .dyad-image:not(:first-child),
	.dyad-image-set .dyad-textbox-block:not(:first-child) {
		margin-top: 0;
		margin-left: 0.7rem;
	}

	.dyad-image-set.is-even .dyad-image,
	.dyad-image-set.has-textbox .dyad-textbox-block {
		flex: 0 0 calc(50% - 0.45rem);
	}
	.dyad-image-set.has-textbox .dyad-image {
		flex: 1 0 0;
	}
}
.dyad-image-set .dyad-image-set-innerblock .dyad-image .ratio {
	width: 100%;
	position: relative;
	padding-top: var(--row-padding, var(--padding, 100%));
}

.is-even .dyad-image-set img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

/* ===== CMS/WORDPRESS-SPECIFIC STYLES ====== */
#editor .dyad-image-set {
	margin-bottom: 1rem;
	padding: 0.6rem;
}
#editor .dyad-image-set:hover {
	outline: 1px dotted;
}
/* #editor .dyad-image-set.is-even .dyad-image-set-innerblock::after {
	content: "Image Set: Even";
}
#editor .dyad-image-set .dyad-image-set-innerblock::after {
	display: none;
	content: "Image Set: Natural";
	position: absolute;
	top: auto;
	right: auto;
	bottom: 4px;
	left: 0;
	background-color: #ddd;
	color: #000;
	font-size: 8px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	padding: 4px 8px;
} */
#editor .dyad-image-set-innerblock .acf-notify:not(:first-child),
#editor .dyad-image-set-innerblock .wp-block-acf-dyad-image:not(:first-child) {
	margin-top: 0;
	margin-left: 0.7rem;
}

.dyad-image-set.is-even .wp-block,
.dyad-image-set.is-even .wp-block-acf-dyad-image {
	flex: 0 0 calc(50% - 0.45rem);
}

#editor .dyad-image-set .dyad-image-set-innerblock figcaption p {
	margin-top: 0;
}
#editor .dyad-image-set .wp-block {
	flex: 1 1 0;
	flex: var(--ratio, 1) 1 0;
}

#editor .is-selected .dyad-image-set .dyad-image-set-innerblock::after,
#editor .dyad-image-set:hover .dyad-image-set-innerblock::after {
	display: block;
}
#editor .dyad-image-set .dyad-image-set-innerblock img {
	opacity: 1 !important;
}

#editor .acf-field[data-name="distribute_images"],
#editor .acf-field[data-name="row_ratio"] {
	display: none;
}