/*
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***----------------------------------*/

/* MENU CONTAINER */
#menu-container {
  position: fixed;
  top: -150%;
  left: 0;
  transition: top 0.5s ease;
  z-index: 9999;
	opacity:0;
}

/* OPEN STATE */
#menu-container.active {
  top: 0;
	opacity:1;
}
#burger-menu,
#close-icon-menu {
  cursor: pointer;
}
.logo-animate-menu {
	-webkit-animation: slide-top 3s ease-in-out infinite alternate forwards;
	        animation: slide-top 3s ease-in-out infinite alternate forwards;
}
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.site-header { background-color: transparent !important; } 
.site-header .section-header { backdrop-filter: blur(10px); }

/*Footer*/
.section-footer:before {
    backdrop-filter: blur(45px) !important;
}

/*------------------------------------------------------***End***------------------------------------------------------*/
* :is(a[href^="tel:"]):hover { text-decoration: underline !important; text-underline-offset: 4px !important; color: unset !important; }

.btn-arrow a * { transition: all 0.5s ease-in-out !important; }
.btn-arrow a .elementor-button-content-wrapper { align-items: center; }
.btn-arrow a:hover svg { width: 35px!important; }


/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/
.wrap-phone a { color: white !important; display: inline-block !important; }
.wrap-phone a:hover { text-decoration: underline; text-underline-offset: 5px; }

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


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

/**************************************Style : PRE-HOME*********************************/


/**************************************Style : SLIDER HOME*********************************/


/**************************************Style : section_presentation*********************************/
.tictac-animation {
	animation: heartbeat ease-in-out 6s infinite !important;
}
@keyframes heartbeat { 
0% { transform: translatey(25px); }
25% { transform: translatey(-25px); }
50% { transform: translatey(25px); }
75% { transform: translatey(-25px); }
100% { transform: translatey(25px); }
}

/**************************************Style : section_prestations*********************************/

.solutions-energetiques .item-body * { transition: all 0.5s ease-in-out !important; }
.solutions-energetiques .btn-read-more img { height: 10px !important; }

.solutions-energetiques section { display: flex; flex-direction: column; align-items: flex-end; min-height: 275px; }
.solutions-energetiques section a, .solutions-energetiques .item-desc { width: 100%; }
.solutions-energetiques .btn-read-more { width: 70px; margin-right: -40px !important; transform:scale(0); }

.solutions-energetiques .imgCarContenair { overflow: hidden; }

.solutions-energetiques.adaptation-logement .btn-read-more { margin-right: -70px !important;}
.solutions-energetiques.adaptation-logement  section { min-height: 230px; }


/* ========= Hover ========= */
.solutions-energetiques .item-body:hover .btn-read-more { transform:scale(1); }
.solutions-energetiques .item-body .btn-read-more:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(3126%) hue-rotate(229deg) brightness(104%) contrast(105%); }
.solutions-energetiques .item-body:hover h3.item-title, .solutions-energetiques .item-body:hover .item-desc  { transform: translateY(-20px) }
.solutions-energetiques .item-body:hover .imgCarContenair img { transform: scale(1.1) }

@media only screen and (max-width: 1500px){
.solutions-energetiques section { min-height: 295px; }
}
@media only screen and (max-width: 1360px){
	.solutions-energetiques.adaptation-logement .btn-read-more { margin-right: -50px !important;}
	.solutions-energetiques .btn-read-more {  margin-right: -30px !important; }
.solutions-energetiques section { min-height: 295px; }
}
@media only screen and (max-width: 1200px){
.solutions-energetiques section { min-height: 320px; }
}
@media only screen and (max-width: 1024px){
	.solutions-energetiques.adaptation-logement .btn-read-more { margin-right: -20px !important;}
.solutions-energetiques section { min-height: 280px; }
	.solutions-energetiques .btn-read-more {  margin-right: -20px !important; }
.solutions-energetiques.adaptation-logement  section { min-height: 280px; }
}

@media only screen and (max-width: 800px){
.solutions-energetiques .item-body:hover .btn-read-more, .solutions-energetiques .item-body .btn-read-more { transform:scale(1); }
.solutions-energetiques .item-body:hover h3.item-title, .solutions-energetiques .item-body:hover .item-desc, .solutions-energetiques .item-body h3.item-title, .solutions-energetiques .item-body .item-desc  { transform: translateY(0px) }
.solutions-energetiques .item-body .imgCarContenair img, .solutions-energetiques .item-body:hover .imgCarContenair img { transform: scale(1) }
	.solutions-energetiques.adaptation-logement  section { min-height: 270px; }
}

@media only screen and (max-width: 600px){
	.solutions-energetiques.adaptation-logement  section { min-height: 200px; }
	.solutions-energetiques  section { min-height: 250px; }
}

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

/**************************************Style : section_Realisations*********************************/


/**************************************Style : section_Nos_expertises*********************************/
@media only screen and (min-width: 801px){
.nos-expertise .elementor-icon { animation: heartbeat ease-in-out 7.2s infinite !important; }
.nos-expertise1 .elementor-icon { animation: heartbeat ease-in-out 7.6s infinite !important; }
.nos-expertise2 .elementor-icon { animation: heartbeat ease-in-out 7.9s infinite !important; }

@keyframes heartbeat { 
0% { transform: translatey(20px); }
25% { transform: translatey(-20px); }
50% { transform: translatey(20px); }
75% { transform: translatey(-20px); }
100% { transform: translatey(20px); }
}
}

/**************************************Style : section_Prime_Renov*********************************/

.prime-renov li.elementor-icon-list-item { background: #ffffff21; padding: 20px !important; }
.subtitle-border .title {
    border: 1px solid white !important;
    padding: 10px 25px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    max-width: max-content;
    gap: 20px;
}
.subtitle-border .title img { width: 30px; }
/**************************************Style : section_avis*********************************/
body .ti-widget.ti-goog .ti-review-item>.ti-inner {
    border-radius: 0px !important;
}

.animation-maq .slick-track img { max-width: 85px !important; }


/**************************************Style : section_Contact*********************************/
.fleche-btn:before {
    content: url('/wp-content/uploads/2026/06/be-energie-renovation-dampleur-marseille-btn-arrow.svg');
    height: 20px;
    width: 30px;
    position: absolute;
    right: 25px;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
/*     z-index: -1; */
}
.fleche-btn {
    position: relative;
    display: block;
}
.btn-row {
    display: flex;
    align-items: center;
    width: auto !important;
}
.btn-row  input {
    padding-right: 70px !important
}

.btn-row:hover input {
    padding-right: 75px !important
}

.btn-row input:hover ~ .fleche-btn:before {
    transform: scale(1.1);
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(171deg) brightness(106%) contrast(101%);
	cursor: pointer !important;
}


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



/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
.coherence-logo svg{width: 130px !important;height: auto !important;}
.coherence-logo svg * {fill: #fff !important;}

.menu-footer ul.coherence-core-nav-menu .current_page_item a, .menu-footer ul.coherence-core-nav-menu li a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.menu-footer .coherence-core-menu-item { text-align: center }


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



/*------------------------------------------------------***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*/

    /*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*/

    /*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*/

    /*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*/

    /*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***------------------------------------------------------*/

.plrd-intro2-section .plrd-intro-right p, .plrd-title-avis-left h2, .plrd-title-avis-right p{
	color: #fff !important;
}
.plrd-cta-text{
	color: #000 !important;
}
.plrd-cta-phones{
	margin-top: 25px !important;
}
.plrd-phone{
	background: #fff !important;
}
.plrd-cta-section .plrd-phone a{
	color: #808080 !important;
}
.plrd-faq-question{
	background: #000 !important;
}
.plrd-faq-answer{
	padding: 22px 18px !important;
}