/*
Theme Name: dessaint    
Description: Theme dessaint.
Author: Arnaud - Comsud
Author URI: https://comsud.fr/
Template: hello-elementor
Version: 0.1.0
*/
.slick-container .slide {
	display:flex !important;
	justify-content:center !important;
	align-items:flex-start !important;
	padding:120px 0;

}

.slick-container .slide p {
	color: #E0122D !important;
    font-family: "Amatic SC", Sans-serif !important;
    font-size: 70px !important;
    font-weight: 700 !important;
    line-height: 70px !important;
    text-shadow: 0px 0px 10px #FFFFFF !important;
	text-align:center !important;
	    white-space: pre-wrap;
}

.pointer {
	pointer-events:none;
}

.header-2 {
    opacity: 0;
    -moz-transition: opacity 0.25s, visibility 0.25s ease-out !important;
    -webkit-transition: opacity 0.25s, visibility 0.25s ease-out !important;
    transition: opacity 0.25s, visibility 0.25s ease-out !important;
    position: absolute;
    width: 100% !important;
    visibility: hidden;
}

.elementor-sticky--effects.header-2 {
    opacity: 1 !important;
    width: 100% !important;
    visibility: visible;
}

.nomarge p {
	margin: 0
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after {
	border-radius: 100%;
}

.slick-container {
	height: 620px;
}

.slick-container .slick-prev {
	left: 85px;
	z-index: 10
}

.slick-container .slick-next {
	right: 85px;
	z-index: 10
}

.slick-container .slick-prev::before {
	content: url('https://dessaintpatissiergourmand.com/wp-content/uploads/2024/02/arrow-left.svg');
}

.slick-container .slick-next::before {
	content: url('https://dessaintpatissiergourmand.com/wp-content/uploads/2024/02/arrow-right.svg');

}


.slick-container {
	width: 100%;
}

.slick-container .slide {
	width: 100%;
	height: 620px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.elementor-element-344fc11 {
	width: 100%;
}

.hover-abso {
	position: relative;
	max-width: 388px;
}



.container-abso {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: ease opacity .3s
}

.container-abso.bleu {
	background-color: #02649680;
}

.container-abso.beige {
	background-color: #9B92875A;
}

.container-abso.rouge {
	background-color: #E0122D80;
}

.abso {
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;


}

.single-crepe .slick-slide img {
	border-radius: 15px;
}
.abso h3 {
	font-size: 30px;
	font-weight: bold;
	font-family: "Amatic SC", Sans-serif;
	color: #FFFFFF;
	margin-bottom: 0;
}


.hover-abso:hover .container-abso {
	opacity: 1;
	transition: ease opacity .3s;
}

.bars-svg {
	width: 50px;
}

.elementor-element-ee8b58b article {
	height: 100%;
}

.container-hover:hover .image-hover img {
	opacity: 1 !important;
	transition: ease all .3s;
	z-index: 30;
}

.container-hover .image-hover img {
	transition: ease all .3s !important;
}

.container-hover:hover .opacity-none {
	opacity: 0;
}

.single-crepe .slider-nav .slick-slide {
	width: 100px !important;
			margin-bottom: 10px;

}

.single-crepe .slider-nav .slick-slide.slick-current {
	border: 5px #E0122D solid;
	border-radius: 10px;

}

.single-crepe .slider-nav .slick-slide.slick-current img {
	border-radius: 5px !important;
}

.single-crepe .slider-nav .slick-slide img {
	border-radius: 10px !important;


}

.elementor-field-group-field_efcc7a4, .elementor-field-group-field_3d99cf6 , .elementor-field-type-html, .elementor-field-group-field_1b4aaca , .elementor-field-group-field_c1644f5{
	margin-bottom: 0 !important
}

.single-crepe .slider-nav .slick-track {
	display: flex;
	flex-direction: column;
	transform: translate3d(0, 0, 0)!important;
	align-items: flex-end;
}

.elementor-field-group-field_626ff0c, .elementor-field-group-field_c1644f5 , .elementor-field-group-field_1b4aaca, .elementor-field-group-name {
	padding: 0 !important;
}



	.slider-for{
		max-width: 500px;
		width: auto
	}
		.slider-for img{
		width: auto
}
	.slider-nav {
		width: 150px
	}

.single-crepe  .elementor-shortcode {
	display: flex;
    flex-direction: row-reverse;
    max-width: 650px;
    gap: 0 10px;
    width: auto;
    overflow: hidden;
}

.slider-for , .slider-for .slick-slide img{
width:36em;
}

@media screen and (max-width:1128px){
	.slider-for , .slider-for .slick-slide img{
width:25em;
}
}


.elementor-element-df78d24 .hover-abso {
	max-height: 375px !important
}
/*
.elementor-page-329 .elementor-element-011cb0e .elementor-shortcode .slick-slide img {
	width: 489px;
	border-radius: 20px;
}
*/

	article.type-crepe .type-crepe, article.type-crepe .type-crepe .container-hover{
		height: 100%
	}
	
		@media screen and (max-width:1233px) {
			.single-crepe  .elementor-shortcode {
				flex-direction: column
			}
			.single-crepe .slider-nav .slick-track  {
				width: 100%;
				flex-direction: row;
				margin-top: 20px;
			}
			
			.single-crepe .slider-nav .slick-track .slick-slide {
				margin-right: 20px
			}
			.slider-nav {
				width: 100%
			}
			
		}
		@media screen and (max-width:767px){
			.single-crepe .elementor-shortcode {
				align-items: center
			}
			.single-crepe .slider-nav .slick-track {
				justify-content: center
			}
			
		}
	
	@media screen and (max-width: 1024px) {
		
.slider-for .slick-slide img{
width:300px;
height:300px;
}

.slider-for{
width:300px;
}



	}
	
	@media screen and (max-width:1180px) {
		.elementor-element-137416c .e-con-inner {
			flex-wrap: wrap !important;
		}
		.elementor-element-137416c .elementor-element-dae5a6a, .elementor-element-137416c .elementor-element-bda8aaa, .elementor-element-137416c .elementor-element-d09ab2f,.elementor-element-137416c .elementor-element-411c3f5{
			width: 50%
		}
	}

@media screen and (max-width: 768px) {
	.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after {
		display: none
	}
	.elementor-element-137416c .elementor-element-dae5a6a, .elementor-element-137416c .elementor-element-bda8aaa, .elementor-element-137416c .elementor-element-d09ab2f,.elementor-element-137416c .elementor-element-411c3f5{
			width: 100%
		}
	
	.slick-container .slick-prev {
		left: 20px !important;
	}

	.slick-container .slick-next {
		right: 20px !important;
	}

	.slick-container .slide , .slick-container{
		height: 400px
	}
}