/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*GENERAL--------------------------------*/

.grecaptcha-badge { display : none!important; }

.cmplz-document.cookie-statement {
    margin: auto;
    max-width: 1024px !important;
}

.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled{
	display: none;
}


.bar-button a{
	padding-left: 75px;
}
.bar-button a:before{
	content: "";
	display: block;
	position : absolute;
	width: 60px;
	height: 1px;
	left: 0;
	top: 50%;
	background-color: var(--e-global-color-primary);
}

.bar-button-no-link{
	padding-left: 75px!important;
}
.bar-button-no-link p{
	margin-bottom: 4px;
}

.bar-button-no-link:before{
	content: "";
	display: block;
	position : absolute;
	width: 60px;
	height: 1px;
	left: 0;
	top: 50%;
	background-color: var(--e-global-color-primary);
}



/*tile item*/
.impkt-tile img{
	aspect-ratio: 1/1;
	object-fit: cover;
}

.impkt-tile-title {
	background: #F1F1F1!important;
	background: -webkit-linear-gradient(0deg,rgba(241, 241, 241, 1) 100%, rgba(241, 241, 241, 0) 100%)!important;
	background: -moz-linear-gradient(0deg,rgba(241, 241, 241, 1) 100%, rgba(241, 241, 241, 0) 100%)!important;
	background: linear-gradient(0deg,rgba(241, 241, 241, 1) 100%, rgba(241, 241, 241, 0) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr="#F1F1F1",
	endColorstr="#F1F1F1",
	GradientType=0
	);
	transition: .3s;
}
.impkt-tile .impkt-tile-title{
    transition: .3s;
}
.impkt-tile:hover .impkt-tile-title{
    padding-top: 75px;
	background: -webkit-linear-gradient(0deg,rgba(241, 241, 241, 1) 60%, rgba(241, 241, 241, 0) 100%)!important;
	background: -moz-linear-gradient(0deg,rgba(241, 241, 241, 1) 60%, rgba(241, 241, 241, 0) 100%)!important;
	background: linear-gradient(0deg,rgba(241, 241, 241, 1) 60%, rgba(241, 241, 241, 0) 100%)!important;
	transition: .3s;
}
.impkt-tile .impkt-tile-sub-title{
	opacity: 0;
	margin-top: -26px;
	/*height: 0;*/
	transition: .3s;
	/*transform: translateY(15px);*/
}
.impkt-tile:hover .impkt-tile-sub-title{
	/*height: auto;*/
	/*transform: translateY(0px);*/
	margin-top: 0;
	padding-bottom: 30px!important;
	opacity: 1;
}

.produit-item img{
	transform: scale(.85);
	transition: .3s;
}
.produit-item:hover img{
	transform: scale(.95);
}


/*MENU--------------------------------*/

/*Open button*/
.custom-menu-button{
	width: 30px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.custom-menu-button span.bar{
	width: 100%;
	height: 2px;
	background-color: #000;
	transition: 0;
}

/*Open button hover animation*/
.menu-custom-open:hover .bar.n1{
	transform: rotate(0deg) translateY(8px);
	transition: .3s ease-in-out;
}
.menu-custom-open:hover .bar.n2{
	transform: rotate(0deg) translateY(8px);
	transition: .3s ease-in-out;
}
.menu-custom-open:hover .bar.n3{
	transform: rotate(180deg) translateY(16px);
	transition: .3s ease-in-out;
}

/*Close button*/
.custom-menu-button.close .bar{
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
}
.custom-menu-button.close .bar.n1{
	transform: rotate(45deg);
}
.custom-menu-button.close .bar.n2{
	transform: rotate(135deg);
}

/*Modal*/
@media screen and (max-width:768px) {
	.modal-main-menu ul{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	.modal-main-menu ul li a{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}	
}


/*PAGE NOS PRODUITS--------------------------*/
.filtres {
	display: flex;
	gap: 15px;
}

.filtres button {
	padding: 10px 24px;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height) 26px;
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
	border: none;
	cursor: pointer;
	background: #f1f1f1;
	color: #666666;
}
.filtres button:hover{
	color: #000;
	background-color: #f1f1f1;
}
.filtres button.active {
	color: var(--e-global-color-primary);
	background-color: #fff;
}

/*PAGE PRODUIT---------------------------------*/
.produit-nav ul{
    gap: 10px;
}
.vous-aimerez-aussi a img{
	transform: scale(.85);
	transition: .3s;
}
.vous-aimerez-aussi a:hover img{
	transform: scale(.95);
}


/*SINGLE POST - ARTICLE DE BLOG - ACTUALITES*--------------------------*/

.contenu-blog a {
    color: #666666 !important;
}

.contenu-blog a:hover {
    color: #c39e69 !important;
}

a.wp-block-button__link.wp-element-button:hover {
    background: black;
    color: white !important;
}

/* sidebar article */
.formulaire-fixe {
  position: sticky !important;
  top: 180px !important;
}

.formulaire-fixe,
.sidebar,
.section-article-wrapper,
body,
html {
  overflow: visible !important;
}

.colonne-border {
    background: #f1f1f1;
    padding: 30px 20px;
	margin-top: 20px !important;
}

h3.wp-block-heading {
    font-size: 15px;
    color: #666666;
}

.img-cta img {
    margin-top: 20px;
    height: 300px;
    width: 1500px;
    object-fit: cover;
    margin-bottom: -45px;
}

.img-blog img {
    height: 300px;
    object-fit: cover;
    width: 1500px;
    margin-top: 30px;
    margin-bottom: 10px;
}

a.wp-block-button__link.wp-element-button {
    border: solid 2px black;
    background: white;
    color: black;
    border-radius: 0px;
    padding: 15px 50px;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-size: 16px;
}


@media (min-width:768px){
	.contenu-blog h2{
		font-size: 30px;
		line-height: 36px;
	}

	.contenu-blog h3{
		font-size: 22px;
		line-height: 30px;
	}
}
.contenu-blog h2,
.contenu-blog h3,
.contenu-blog h4,
.contenu-blog h5,
.contenu-blog h6{
    margin-top: 45px;
	text-align: left;
}
.contenu-blog h2 + h3,
.contenu-blog h3 + h4,
.contenu-blog h4 + h5,
.contenu-blog h5 + h6,

.wp-block-group.cta + h2,
.wp-block-group.cta + h3,
.wp-block-group.cta + h4,
.wp-block-group.cta + h5,
.wp-block-group.cta + h6{
	margin-top: 0;
}
.contenu-blog ul{
	margin-bottom: 15px;
}
.contenu-blog ul li{
	margin-bottom: 10px;
}

.h1-blog{

}
.img-en-avant-blog img{
	aspect-ratio: 1/1;
	object-fit: cover;
}



.contenu-blog .texte-en-avant p,
.contenu-blog .lire-aussi p{
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: unset;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px 30px 20px 30px;
    box-shadow: 0px 0px 40px -30px rgb(0 0 0 / 50%);
    background: #ffffff;
    border-left: 2px solid var(--e-global-color-primary);
}

.contenu-blog .texte-en-avant p{
	border: none;
    background-color: #f1f1f1;
}



.cta-img img{
	width: 100%!important;
    height: 300px!important;
    object-fit: cover;
	margin-top: 30px;
	border-radius: 5px;
	/*box-shadow: 0 0 40px -30px #000;*/
}

.cta-btn{
	transition: .3s;
}
.cta-btn a{
border-radius: 0;
    border: 2px solid var(--e-global-color-primary);
    background-color: #fff;
    font-family: var(--e-global-typography-a332988-font-family), Sans-serif;
    font-size: var(--e-global-typography-a332988-font-size);
    text-transform: var(--e-global-typography-a332988-text-transform);
    line-height: var(--e-global-typography-a332988-line-height);
    box-shadow: 0 0 40px -30px #000;
    margin-top: -25px !important;
    margin-bottom: 45px !important;
    display: block;
    transition: .3s;
}
.cta-btn a:hover{
	background-color: var(--e-global-color-primary);
	color: #fff;
}



/*CONTACT FORM 7 PERSONNAL STYLING ------------------------------------------------------------------------------------------------------*/
.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
    font-family: var(--e-global-typography-text-font-family);
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
    margin-bottom: 12px;
	color: #666666;
}
.cf-col-12.submit{
    text-align: left;
    margin-top: -20px;
}


.cf-container label{
    width: 100%;
}
.cf-container input,
.cf-container textarea{
    border: 2px solid #fff;
    border-radius: 0;
    background-color: #f1f1f1;
    margin-top: 10px;
		color: #666666;
}
.cf-container input:hover,
.cf-container textarea:hover{
    outline: none;
    border-color: #fff;
    border-bottom-color: #dbdbdb;
}
.cf-container input:focus,
.cf-container textarea:focus{
    outline: none;
    border-color: #fff;
    border-bottom-color: var(--e-global-color-primary);
    box-shadow: 0 3px 4px -3px #d2d2d2;
}

.cf-container textarea{
    height: 165px;
}

.cf-container .wpcf7-not-valid-tip{
    margin-top: 10px;
    font-size: .9em;
}

.cf-col-12.acceptance{
    margin-top: -12px;
}

.wpcf7-acceptance{
    font-size: 14px;
}

.wpcf7-acceptance input[type="checkbox"]{
    margin-top: 0px;
}

.wpcf7-acceptance .wpcf7-list-item label{
    display: flex;
    gap: 8px;
}

.cf-col-12.submit input{
	border: 2px solid var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-secondary);
    margin: 30px auto 0;
    display: block;
}

.cf-col-12.submit input{
    background-color: #fff;
}
.cf-col-12.submit input:hover{
    background-color: var(--e-global-color-primary);
}

@media ( min-width: 768px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* COOKIES */
/*Cookies - Complianz*/
#cmplz-manage-consent .cmplz-btn.cmplz-manage-consent{
    overflow: hidden;
    color: #01061900 !important;
}

.cmplz-banner-checkbox label:before{
    box-shadow: none!important;
}
.cmplz-manage-consent::before {
   /* font-family: "Font Awesome 5 Free";
    font-weight: 900;  
    content: "\f564";*/
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    color: white;

}
#cmplz-manage-consent .cmplz-manage-consent {
    bottom: 30px !important;
    left: 30px !important;
    border-radius: 100% !important;
    color: #010619 !important;
    background: #010619 !important;
    padding: 15px 15px 15px 15px !important;
    min-width: unset !important;
    width: 45px;
    height: 45px !important;
    padding: 0 !important;
    background-image: url(https://distilleriedamesblanches.fr/wp-content/uploads/2026/04/cookie.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
}
#cmplz-cookies-overview{
    background-color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    #cmplz-manage-consent .cmplz-manage-consent {
        bottom: 45px !important;
        left: 15px !important;
    }
}@media screen and (max-width: 768px){
    #cmplz-manage-consent .cmplz-manage-consent {
        bottom: 15px !important;
        left: 15px !important;
    }
}
.cmplz-show-banner.elementor-widget-button a:hover{
    cursor: pointer;
    background-color: var(--e-global-color-primary);
}