/********************************************************/
/*
/*      Logos CSS
/*
/********************************************************/
.wp-block-cke-logos,
:is(.edit-post-visual-editor, .editor-styles-wrapper) .is-root-container > .wp-block-cke-logos {
	width: 100% !important;
	max-width: var(--wp--style--global--wide-size) !important;
}

.wp-block-cke-logos, 
.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
	border-radius: 40px;
	overflow: clip;
}

.wp-block-cke-logos {
	background-color: var(--wp--custom--color--default--text);
	padding: var(--wp--preset--spacing--6);
	box-sizing: border-box;
}

.wp-block-cke-logos > .acf-innerblocks-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wp-block-cke-logos > .acf-innerblocks-container > * {
	margin-block: unset;
}

.wp-block-cke-logos > .acf-innerblocks-container > * + * {
	margin-block-start: 1em;
}

.wp-block-cke-logos > .acf-innerblocks-container > :is(.wp-block-heading, p) {
	max-width: 50%;
	text-align: center;
	color: var(--wp--custom--color--default--bg);
}

.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wp--preset--spacing--2);
	width: 100%;
	margin-block-start: var(--wp--preset--spacing--4);
}

.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
	position: relative;
	width: calc((100% - (var(--wp--preset--spacing--2) * 2)) / 3);
	min-width: calc((100% - (var(--wp--preset--spacing--2) * 2)) / 3);
	max-width: calc((100% - (var(--wp--preset--spacing--2) * 2)) / 3);
	height: 150px;
	min-height: 150px;
	max-height: 150px;
	background-color: var(--wp--preset--color--white);
	padding: var(--wp--preset--spacing--1-5);
	margin-block-start: unset;
	box-sizing: border-box;
}

.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image img {
	position: absolute;
	inset: 10%;
	width: 80%;
	height: 80%;
	border: unset;
	border-radius: unset;
	box-shadow: unset;
	object-fit: contain;
	scale: 1;
	transition: scale .3s;
}

.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image:has(> a):is(:hover, :focus) img {
	scale: 1.0125;
}

/******************************/
/* Alternative variation style
/******************************/
.wp-block-cke-logos.alt {
	background-color: unset;
	padding: unset;
}

.wp-block-cke-logos.alt > .acf-innerblocks-container > :is(.wp-block-heading, p) {
	color: var(--wp--custom--color--default--text);
}

.wp-block-cke-logos.alt > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
	width: calc((100% - (var(--wp--preset--spacing--2) * 3)) / 4);
	min-width: calc((100% - (var(--wp--preset--spacing--2) * 3)) / 4);
	max-width: calc((100% - (var(--wp--preset--spacing--2) * 3)) / 4);
	background-color: transparent;
}

/******************************/
/* Backend style
/******************************/
:is(.edit-post-visual-editor, .editor-styles-wrapper) .wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image .components-resizable-box__container {
	display: contents !important;
}

/******************************/
/* Responsive
/******************************/
@media (width <= 1400px) {
	.wp-block-cke-logos > .acf-innerblocks-container > :is(.wp-block-heading, p) {
		max-width: calc(100% * (2/3));
	}
}

@media (1000px < width <= 1200px),
	   (700px < width <= 800px),
	   (320px < width <= 400px) {
	.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
		height: 125px;
		min-height: 125px;
		max-height: 125px;
	}
}

@media (width <= 1200px) {
	/* Alternative variation style */
	.wp-block-cke-logos.alt > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
		width: calc((100% - (var(--wp--preset--spacing--2) * 2)) / 3);
		min-width: calc((100% - (var(--wp--preset--spacing--2) * 2)) / 3);
		max-width: calc((100% - (var(--wp--preset--spacing--2) * 2)) / 3);
	}
	
	.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image img {
		inset: 5%;
		width: 90%;
		height: 90%;
	}
}

@media (width <= 1000px) {
	.wp-block-cke-logos > .acf-innerblocks-container > :is(.wp-block-heading, p) {
		max-width: 80%;
	}
	
	.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
		width: calc((100% - (var(--wp--preset--spacing--2) * 1)) / 2);
		min-width: calc((100% - (var(--wp--preset--spacing--2) * 1)) / 2);
		max-width: calc((100% - (var(--wp--preset--spacing--2) * 1)) / 2);
	}
}

@media (width <= 800px) {
	.wp-block-cke-logos {
		padding: var(--wp--preset--spacing--4);
	}
	
	/* Alternative variation style */
	.wp-block-cke-logos.alt > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
		width: calc((100% - (var(--wp--preset--spacing--2) * 1)) / 2);
		min-width: calc((100% - (var(--wp--preset--spacing--2) * 1)) / 2);
		max-width: calc((100% - (var(--wp--preset--spacing--2) * 1)) / 2);
	}
}

@media (500px < width <= 700px),
	   (width <= 320px) {
	.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
		height: 110px;
		min-height: 110px;
		max-height: 110px;
	}
}

@media (width <= 700px) {
	.wp-block-cke-logos > .acf-innerblocks-container > :is(.wp-block-heading, p) {
		max-width: 90%;
	}
}

@media (width <= 600px) {
	.wp-block-cke-logos {
		padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--3);
	}
}

@media (width <= 500px) {
	.wp-block-cke-logos > .acf-innerblocks-container > :is(.wp-block-heading, p) {
		max-width: 100%;
	}
	
	.wp-block-cke-logos > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	
	/* Alternative variation style */
	.wp-block-cke-logos.alt > .acf-innerblocks-container > .wp-block-group > .wp-block-image {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
}

@media (width <= 400px) {
	.wp-block-cke-logos {
		padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--2);
	}
}

@media (width <= 320px) {
	.wp-block-cke-logos {
		padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--1-5);
	}
}