/* @override 
	https://www.cour3coquins.fr/profiles/ff_profile/modules/custom/ff_components/components/groupes/diaporama/diaporama.css?* */

.comp--diaporama-slider-simple.splide {
	padding-bottom: 25px;
}
.comp--diaporama.splide .splide__pagination {
	bottom: 0;
}
.comp--diaporama.splide:not(.is-overflow) .splide__arrow {
	display: none;
}
.comp--diaporama.splide .splide__slide .comp--texte,
.comp--diaporama.splide .splide__slide .comp--titre {
	max-width: var(--maxwidth_slider);
}
.comp--diaporama.splide .splide__arrow--prev {
	left: var(--gut);
}
.comp--diaporama.splide .splide__arrow--next {
	right: var(--gut);
}
.comp--diaporama.splide .splide__arrow {
	background-color: var(--blanc);
	width: 60px;
	height: 60px;
}
@media print, screen and (max-width: 1023px) {
	.comp--diaporama.splide .splide__arrow {
		background-color: var(--blanc);
		width: 40px;
		height: 40px;
	}
}
.comp--diaporama.splide .splide__arrow:before {
	display: none;
}
.comp--diaporama.splide .splide__arrow:after {
	content: '→';
	position: absolute;
	font-family: var(--font_titre);
	text-transform: uppercase;
	font-size: var(--font200);
	font-variation-settings: "wght" 26;
	transition: all .3s;
	line-height: 0;
}
.comp--diaporama.splide .splide__arrow:hover:after {
	font-variation-settings: "wght" 500;
}
.comp--diaporama.splide .splide__arrow--prev:after {
	content: '←';
}
.comp--diaporama.splide .splide__arrow svg {
	display: none !important;
}
.comp--diaporama.splide .splide__pagination__page:before {
	display: none;
}
.comp--diaporama.splide .splide__pagination__page {
	width: 12px;
	height: 12px;
	border: 1px solid var(--noir) !important;
	background-color: transparent;
	opacity: 1;
}
.comp--diaporama.splide .splide__pagination__page.is-active {
	transform: none;
	background-color: var(--noir);
}

.comp--diaporama.splide .comp--medias {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.comp--diaporama-slider-free .comp--medias img {
	height: calc(var(--height_slider)*1) !important;
}
.comp--diaporama-slider-free .comp--medias .field--name-field-media-oembed-video,
.comp--diaporama-slider-free .comp--medias .field--name-field-media-oembed-video iframe {
	max-width: 100% !important;
	position: relative !important;
	top: inherit !important;
	left: inherit !important;
	width: calc(var(--height_slider)*1.78) !important;
	height: calc(var(--height_slider)*1) !important;
	padding: 0 !important;
}
.comp--diaporama-slider-free .comp--medias .cq-image-wrapper {
	container-type: inherit;
}

/* hack pour le responsive */
@media print, screen and (max-width: 1023px) {
	.comp--diaporama.splide {
		width: calc(100dvw - calc(var(--gut)*2)) !important;
	}
}