/**
 * @author alisch berlec hönow <info@abh.eu>
 * @version 4.6.6
 *
 * Mdj Component: Media Stack
 */

.media-stack {
	--slider-slide-padding: calc( var( --h-sp ) * 1 + var( --font-size--large ) * 0.25 );

	--slider-indicator-size: 1.3em;
	--slider-indicator-border: none;
	--slider-indicator-margin: calc( var( --slider-indicator-size ) * 0 );
	--slider-indicator-height: calc( var( --slider-indicator-size ) + var( --slider-indicator-margin ) * 2 );

	margin-left: calc( min( var( --h-sp ), var( --slider-slide-padding ) ) * -1 );
	margin-right: calc( min( var( --h-sp ), var( --slider-slide-padding ) ) * -1 );
	margin-bottom: 0 !important;
}

.media-stack:not( .has-multiple ) {
	pointer-events: none;
}

.media-stack-inner {
	margin: calc( var( --slider-slide-padding ) * -1 ) 0;
}



*:not( .headline ) + .media-stack {
	margin-top: calc( var( --component-sp ) * 2 );
}

.media-stack:not( :last-child ) .component {
	padding-bottom: calc( var( --component-sp ) * 2 );
}



.media-stack slider-wrap {
	background: var( --background-color );
}

.media-stack slider-slides-wrap {
	z-index: 10;
}

.media-stack slider-slide {
	padding: var( --slider-slide-padding );
}

.media-stack.has-multiple slider-slide {
	padding: var( --slider-slide-padding ) calc( var( --slider-slide-padding ) * 2 );
}



.media-stack slider-controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc( 100% - var( --slider-caption-height ) );
	z-index: 20;

	mix-blend-mode: difference;
}

.media-stack slider-control {
	height: 100%;
	width: auto;
	justify-content: center;
	padding: var( --v-sp ) var( --h-sp );
	color: white;
}

	.media-stack slider-control > i {
		-webkit-text-stroke: 0.05em black;
		-moz-text-stroke: 0.05em black;
		text-stroke: 0.05em black; 
	}



.media-stack video-viewer {
	max-width: calc( ( 100vh - var( --v-sp ) * 2 - var( --header-height, 0 ) ) * var( --video-ratio, var( --video-ratio--default ) ) );
}