/*
Theme Name: Coherence Child
Theme URI: http://weshore.com/
Author: Weshore Themes
Author URI: https://weshore.com
Template: coherence
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: Private License
License URI: license.txt
Text Domain: coherence-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/



/*-----------------------------------------***style header***----------------------------------*/
.section-footer .menu-icon-home > a i{display:none !important;}
.section-header .coherence-core-nav-menu .menu-icon-rs {margin-inline: 5px !important;}
.section-header .coherence-core-nav-menu .menu-icon-rs > a {padding-inline: 5px !important;}

@media only screen and (min-width: 1025px){
	.section-header .menu-icon-home > a span{display: none;}
}
@media only screen and (max-width: 1024px){
	.section-header .menu-icon-home > a i{display:none !important;}
	.section-header .coherence-core-dropdown .menu-icon-rs{display:none !important;}
}


/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/


/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/

/**************************************Style : PRE-HOME*********************************/
/**underline de numero de telephone **/
.phone-hover a.dib.link_phone1:hover,.phone-hover a.dib.link_phone2:hover {
    color:unset !important;
    text-decoration:underline !important;
    text-underline-offset:4px;
}
.title-confiance-bloc h3{margin-bottom: 0px !important; display:flex !important; align-items:center !important;}
/**************************************Style : SLIDER HOME*********************************/

.prime-slide-general .bdt-prime-slider .bdt-slideshow-items li > div{height: 100% !important;min-height: inherit !important;}
.col-slider-inner-content > .e-con-inner {margin-right: 0px !important;margin-left: auto !important;}


/**************************************Style : section_presentation*********************************/
.presta-slid section>p{display:none !important;}
/* .presta-slid section {max-height:400px !important;} */
.container-presta,
.content-presta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.container-presta {
  padding: 20px;
  width: 100%;
}
.container-presta .image-hve {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.container-presta .image-hve .image-bg {
  background-color: #fff;
  padding: 25px;
  border-radius: 6px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6039215686);
  transition: all 0.5s ease-in-out !important;
}
.container-presta .image-hve::before {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  content: url(https://www.meca-distribution-06.fr/wp-content/uploads/2024/02/garage_demo_02-backicon.png);
  left: 0px;
  right: 0px;
  margin-inline: auto !important;
  z-index: -1;
  opacity:0;
  transform: scale(0.2) !important;
  transition: all 0.5s ease-in-out !important;
}
.container-presta .content-presta {
  text-align: center;
}
.container-presta .content-presta p{margin-bottom:0px !important;padding-inline:15px;}
.container-presta .content-presta .btn-presta {
  position: relative;
  transition: top 0.3s ease-in-out, opacity 0.4s ease-in-out;
  opacity: 0;
  top: -50px;
}
.container-presta .content-presta .btn-presta a {
  display: block;
  padding: 18px 35px;
  border-radius: 10px;
  background-color: var(--e-global-color-color_1);
  color: #fff;
  transition: background-color 0.2s ease-in-out;
}
.container-presta .content-presta .btn-presta a:hover {
  background-color: var(--e-global-color-color_2);
}
.container-presta:hover .image-hve .image-bg {
  background-color: var(--e-global-color-color_1);;
}
.container-presta:hover .image-hve img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(28deg) brightness(101%) contrast(101%);
}
.container-presta:hover .image-hve::before {
  opacity:0.6;
  transform: scale(0.9) !important;
}
.container-presta:hover .content-presta .btn-presta {
  top: 0px;
  opacity: 1;
}
/**************************************Style : section_prestations*********************************/

/* .col-presta .img-presta:before {
    content: "" !important;
    background: url(https://www.garage-2.coherencedemos3.fr/wp-content/uploads/2024/02/garage_demo_02-backicon.png) !important;
    background-size: 100% 100% !important;
    height: 140% !important;
    z-index: -1 !important;
    width: 100% !important;
    position: absolute !important;
    left: 0px !important;
    opacity: 1;
    right: 0px !important;
    margin-inline: auto !important;
    transition: all 0.9s !important;
    transform: scale(0) !important;
}
.btn-presta{transform:translateY(-50%);opacity:0;transition:.9s } */

/** Hover **/

/* .col-presta:hover .img-presta:before {transform:scale(0.9) !important; opacity:1;}
.col-presta:hover .img-container{background:#000 !important}
.col-presta:hover:before{scale:1;}
.col-presta:hover .btn-presta{transform:translateY(0%);opacity:1;}
.col-presta:hover .img-presta img{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(345deg) brightness(104%) contrast(102%);}

@media only screen and (max-width: 800px){
	.col-presta .img-presta:before {transform:scale(0.9) !important; opacity:1;}
	.col-presta .img-container{background:#000 !important}
	.col-presta:before{scale:1;}
	.col-presta .btn-presta{transform:translateY(0%);opacity:1;}
	.col-presta .img-presta img{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(345deg) brightness(104%) contrast(102%);}

} */


/**************************************Style : section_Actualites*********************************/
 

/**************************************Style : section_Realisations*********************************/
/*******************galerie-hover**********************/
figure.gallery-item .gallery-icon{overflow: hidden !important;}
figure.gallery-item img{ opacity: 1; transition:all 0.3s ease-in-out;}
figure.gallery-item:hover img{ opacity: 0.8;}

/**************************************Style : section_valeurs*********************************/

/**************************************Style : section_points_forts*********************************/



/**************************************Style : section_avis*********************************/


/*--------------------------------------------------------------***End***----------------------------------------------------------------------*/



/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
.coherence-logo svg{width: 130px !important;height: auto !important;}
.coherence-logo svg * {fill: #fff !important;}
.menu-main-footer .hide-sub-mn .sub-menu , .menu-main-footer .hide-sub-mn .sub-arrow {display: none !important;}


/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Style page Avis***------------------------------------------------------*/

/***------------ style Page avis (mettre cette classe dans le contenour des avis : section-avis-pg)-----------******/


/*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/

/*------------***Large devices (desktops, more than 800px)***------------*/
@media only screen and (min-width: 801px){ 
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Large devices (desktops, less than 1501px)***------------*/
@media only screen and (max-width: 1500px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Large devices (desktops, less than 1361px)***------------*/
@media only screen and (max-width: 1360px){

    /*style header*/

    /*style main content*/
	.container-presta {padding: 5px;}
    /*style footer*/

}

/*------------***Large devices (desktops, less than 1281px)***------------*/
@media only screen and (max-width: 1280px){

    /*style header*/

    /*style main content*/
	

    /*style footer*/

}


@media only screen and (max-width: 1200px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}


/*------------***Medium devices (tablets, less than 1025px)***------------*/
@media only screen and (max-width: 1024px){
	
	/*style header*/

    /*style main content*/
	.container-presta .image-hve::before {left: -40px;}
	
	.logo_header_abs.elementor-widget.elementor-widget-coherence-image {
    position: relative !important;}
	
    /*style footer*/

}

/*------------***Medium devices (tablets, Bootstrap less than 993px)***------------*/
@media only screen and (max-width: 992px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Tablet Media query style***------------*/
@media only screen and (max-width: 800px){
    /*style header*/

    /*style main content*/
		.container-presta .content-presta .btn-presta {
		  top: 0px;
		  opacity: 1;
		}
		.container-presta .image-hve::before {
		  opacity:0.6;
		  transform: scale(0.9) !important;
		}
    /*style footer*/

}

/*------------***Tablet Mini Media query style***------------*/
@media only screen and (max-width: 767px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Between Big Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 601px) and (max-width: 800px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Begin Big Mobile Media query style***------------*/
@media only screen and (max-width: 600px){

    /*style header*/

    /*style main content*/
.container-presta {padding: 15px;}
    /*style footer*/
    .menu-main-footer .coherence-core-nav-menu a {justify-content: center !important;}
    
}

/*------------***Between Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 498px) and (max-width: 600px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Mobile Media query style***------------*/
@media only screen and (max-width: 497px){

    /*style header*/

    /*style main content*/

    /*style footer*/
    
    
}

/*------------------------------------------------------***End Media query***------------------------------------------------------*/