/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Image Box family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.core-imagebox {
	padding: 0;
	margin: 0;
}

.core-imagebox .slide {
	margin-bottom: 80px;
}

.core-imagebox .content-section {
	pointer-events: none;
}

.core-imagebox .content-section p {
	margin-bottom: 0;
}

.core-imagebox .content-section a {
	pointer-events: auto;
}

.core-imagebox .shared-play-button {
	top: var(--space-8);
	left: auto;
	right: var(--space-8);
	width: var(--space-12);
	height: var(--space-12);
	font-size: var(--text-xl);
	transform: none;
}

@media screen and (min-width: 90em) {
	.core-imagebox .shared-play-button {
		top: 50%;
		left: 50%;
		right: auto;
		width: var(--space-16);
		height: var(--space-16);
		font-size: var(--text-2xl);
		transform: translate(-50%, -50%);
	}
}