/**
 * Sponsor Logo Block - Frontend Styles
 *
 * @package B2BMB_Sponsors
 */

/* Block Container */
.wp-block-b2bmb-sponsor-logo {
	margin: 2rem 0;
}

/* Logo Container */
.wp-block-b2bmb-sponsor-logo .sponsor-logo-container {
	margin: 0;
	padding: 0;
}

/* Alignment */
.wp-block-b2bmb-sponsor-logo.alignleft .sponsor-logo-container {
	text-align: left;
}

.wp-block-b2bmb-sponsor-logo.aligncenter .sponsor-logo-container {
	text-align: center;
}

.wp-block-b2bmb-sponsor-logo.alignright .sponsor-logo-container {
	text-align: right;
}

/* Logo Sizing - Scoped to sponsor logo block only */
.wp-block-b2bmb-sponsor-logo .sponsor-logo-container img.sponsor-logo {
	display: inline-block;
	height: auto;
	max-width: 100%;
	width: auto;
	/* Ensure no grayscale filter from grid styles */
	filter: none;
}

.wp-block-b2bmb-sponsor-logo .sponsor-logo-container.size-small img {
	max-width: 150px;
}

.wp-block-b2bmb-sponsor-logo .sponsor-logo-container.size-medium img {
	max-width: 250px;
}

.wp-block-b2bmb-sponsor-logo .sponsor-logo-container.size-large img {
	max-width: 400px;
}

.wp-block-b2bmb-sponsor-logo .sponsor-logo-container.size-full img {
	width: 100%;
	max-width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
	.sponsor-logo-container.size-large img {
		max-width: 300px;
	}

	.sponsor-logo-container.size-medium img {
		max-width: 200px;
	}
}

@media (max-width: 480px) {
	.sponsor-logo-container.size-large img,
	.sponsor-logo-container.size-medium img {
		max-width: 150px;
	}
}