/**
 * @author Valentin Alisch, Nicolas Zupfer
 * @version 1.0
 *
 * Content: Quotes
 */



/* Overwrite */
[data-slider=horizontal] [data-slider--slides] {
	display: inline-flex;
}

[data-slider]:not( [data-slider--config*='"autowidth":true'] ) [data-slider--slides] > *  {
	width: calc( 100vw + var( --border-width ) ) !important;
	height: auto !important;
	flex: 1;

	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
} 



/* Mobile only */
@media ( max-width: 899px ) {
	.content--quote .slider .slide .author {
		font-size: 0.65em;
	}
}

/* Mobile */
.content--quote {
	background: white;
}

	.content--quote .slider {
		position: relative;
		z-index: 10;
	}
		.content--quote .slider .slider--navigation {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
			font-weight: normal;
			color: white;
			mix-blend-mode: difference;
		}

			.content--quote .slider .slider--navigation [data-slider--navigation-prev],
			.content--quote .slider .slider--navigation [data-slider--navigation-next] {
				position: absolute;
				width: 50%;
				height: 100%;
				left: 0;
				top: 0;
				padding: 25px;
				cursor: pointer;

				justify-content: center;
				display: flex;
				flex-direction: column;
			}
			.content--quote .slider .slider--navigation [data-slider--navigation-next] {
				left: auto;
				right: 0;
				text-align: right;
			}

			.content--quote .slider .slider--navigation [data-slider--navigation-prev]:hover,
			.content--quote .slider .slider--navigation [data-slider--navigation-next]:hover {
				font-weight: bold;
			}

		.content--quote .slider .slide {
			padding: 25px 50px;
			text-align: center;
			border-right: var( --border-width ) solid black;
			background: white;
		}

			.content--quote .slider .slider--navigation,
			.content--quote .slider .slide .quote {
				font-size: 20px;
				line-height: 30px;
			}

			.content--quote .slider .slide .author {
				margin-top: 1.25em;
			}

/* Tablet */
@media ( min-width: 900px ) {
	.content--quote .slider .slider--navigation [data-slider--navigation-prev],
	.content--quote .slider .slider--navigation [data-slider--navigation-next] {
		padding: 37.5px;
	}
 
	.content--quote .slider .slide {
		padding: 37.5px 75px;
	}
		.content--quote .slider .slider--navigation,
		.content--quote .slider .slide .quote {
			font-size: 45px;
			line-height: 60px;
		}
}

/* Desktop */
@media ( min-width: 1600px ) {
	.content--quote .slider .slider--navigation [data-slider--navigation-prev],
	.content--quote .slider .slider--navigation [data-slider--navigation-next] {
		padding: 50px;
	}

	.content--quote .slider .slide {
		padding: 50px 100px;
	}
		.content--quote .slider .slider--navigation,
		.content--quote .slider .slide .quote {
			font-size: 75px;
			line-height: 100px;
		}
}