/* Banner segment — loaded only when {{{banner|…}}} is on the page. */

.banner-carousel {
	width: 100%;
}

.banner-carousel .banner-body {
	display: block;
	position: relative;
	color: inherit;
	text-decoration: none;
}

.banner-carousel picture,
.banner-carousel img {
	display: block;
	width: 100%;
	height: auto;
}

.banner-carousel .banner-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1rem 1.25rem;
	pointer-events: none;
}

/* Peek: next slide partially visible on the right */
.banner-carousel.slider-has-peek .slider-viewport {
	overflow: hidden;
}

.banner-carousel.slider-has-peek .slider-slide {
	box-sizing: border-box;
	padding-right: 0.5rem;
}