.image-video-slider-module {
	margin: 0 0 15px;
	position: relative;

	>.modulelinks {
		left: 10px;
		position: absolute;
		top: 10px;
		z-index: 999;
	}

	> :not(.image-video-slider-module__title) {
		a.ModuleEditLink {
			background: rgba(0, 0, 0, 0.5);
			color: #FFF;
			padding: 4px 8px;
		}
	}

	iframe {
		display: block;
	}
}

.image-video-slider {
	position: relative;
}

.image-video-slider__item {
	display: block !important;
	position: relative;

	&.slick-slide {
		min-height: 100px;
	}

	a {
		color: #FFF;
	}
}

.image-video-slider__item-edit {
	position: absolute;
	left: 50%;
	top: 10px;

	transform: translateX(-50%);
	z-index: 1000;
}

.slick-slide img {
	min-width: 100%;
}

.slick-prev,
.slick-next {
	border: 0 none;
	bottom: 0;
	color: #fff;
	font-size: 20px;
	left: 0;
	opacity: .5;
	padding: 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	top: 0;
	width: 15%;
	z-index: 2;
}

.slick-prev:hover,
.slick-next:hover {
	color: #fff;
	opacity: .9;
	outline: 0;
	text-decoration: none;
}

.slick-prev {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%) repeat-x scroll 0 0 transparent;
}

.slick-next {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%) repeat-x scroll 0 0 transparent;
	left: auto;
	right: 0;
}

.image-video-slider__caption {
	bottom: 0;
	color: #fff;
	left: 15%;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 20px;
	position: absolute;
	right: 15%;
	text-align: center;
	text-shadow: -1px -1px 0 rgb(0 0 0 / 60%), 1px -1px 0 rgb(0 0 0 / 60%), -1px 1px 0 rgb(0 0 0 / 60%), 1px 1px 0 rgb(0 0 0 / 60%);
	z-index: 10;
}

@media screen and (min-width: 768px) {
	.image-video-slider__caption {
		left: 20%;
		padding-bottom: 30px;
		right: 20%;
	}
}