/* Supporters front-end styles. */

.supporter-slot {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.supporter-unit {
	display: inline-block;
	max-width: 100%;
	line-height: 0;
}

.supporter-content {
	display: inline-block;
	max-width: 100%;
	margin: 0 auto;
}

.supporter-content img,
.supporter-content video,
.supporter-content iframe {
	max-width: 100%;
	height: auto;
}

.supporter-link {
	display: inline-block;
	line-height: 0;
}

/* Mobile-first: show the narrow slot, hide the wide slot. */
.supporter-view-wide {
	display: none;
}

.supporter-view-narrow {
	display: block;
}

/* Above 600px: show the wide slot, hide the narrow slot. */
@media ( min-width: 601px ) {
	.supporter-view-wide {
		display: block;
	}

	.supporter-view-narrow {
		display: none;
	}
}