/**
 * Custom overrides for the icit theme (plain CSS, not part of the Tailwind build).
 */

/* Flexible "Visuals" block, style "Logo's": small, uncropped, centred logos */
.flexible-visuals--logos > .grid {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 3rem 8rem;
}

.flexible-visuals--logos > .grid > div {
	flex: 0 0 auto;
}

.flexible-visuals--logos figure {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 280px;
}

.flexible-visuals--logos figure img {
	width: auto !important;
	height: 100% !important;
	max-width: 520px;
	object-fit: contain !important;
}

/* Logos use the static row on mobile too, no autoplay slider */
.flexible-visuals--logos > .container {
	display: none !important;
}

@media (max-width: 1023px) {
	.flexible-visuals--logos figure {
		height: 170px;
	}

	.flexible-visuals--logos figure img {
		max-width: 320px;
	}
}