/* IMAGE */

.IMAGE[data-variant="full-width"] .b-img {
	width: 100% !important;
}

.b-frame > .IMAGE[data-variant="full-width"] {
	margin: 0 calc(50% - (var(--page-width) / 2));
}

.b-frame > .acf-innerblocks-container > .wp-block > .IMAGE[data-variant="full-width"] {
	margin: 0 var(--ns6); position: relative; z-index: 2;
}

@media (width <= 960px) {
	.b-frame > .acf-innerblocks-container > .wp-block > .IMAGE[data-variant="full-width"] {margin: 0 var(--ns3);}
}


/* border radius */

.IMAGE[data-radius="all"] {border-radius: var(--s3); overflow: hidden;}
.IMAGE[data-radius="top"] {border-radius: var(--s3) var(--s3) 0 0; overflow: hidden;}
.IMAGE[data-radius="bottom"] {border-radius: 0 0 var(--s3) var(--s3); overflow: hidden;}

/* modal */

.b-modal .IMAGE {width: 9999rem; max-width: 100%;}

.b-modal .IMAGE .b-img[data-modal]::after {display: none;}
.b-modal .IMAGE .b-img [data-modal-id] {display: block}
.b-modal .IMAGE .b-img [data-modal-id] + .b-img-picture {display: none;}
.b-modal .IMAGE .b-img-modal {width: 100%;}