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


.home .section-header{margin-bottom:-100% !important}
.home .sticky-active .section-header{margin-bottom:0 !important}

.section-header-right .coherence-core-flyout-wrapper .coherence-core-side{
	transition: 0.5s;
	display:block !important;
}

.section-header-right .menu-item a{width:fit-content}
.section-header-right .menu-item  a:after {
	content:""  !important;
	width:0%  !important;
	height:2px  !important;
	background:var(--e-global-color-color_1)   !important;
	position:absolute !important;
	bottom:0px !important;
	top: 90% !important;
	left:16px !important;
	opacity:1  !important;
	transform:unset !important;
	transition:.4s !important;
 }
.section-header-right .menu-item a:hover:after ,  .section-header-right .current-menu-item a:after{
	    width:80%  !important;
  }

.section-header-right .menu-item:hover a.coherence-core-sub-menu-item:after{
	    width:0%  !important;
}
.section-header-right .menu-item a.coherence-core-sub-menu-item:hover:after{
	 width:80%  !important;
}


.home header#site-header:not(.sticky-active) .section-header {
    background-color: transparent;
    background-image: linear-gradient(180deg,#000000b8 10%,transparent 100%)
}

.home  .sticky-active {
    background: var(--e-global-color-color_2)!important
}
/*------------------------------------------------------***End***------------------------------------------------------*/

.elementor-coherence-core-content-box-title :is(a[href^="tel:"]):hover {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/
div#sticky-info .btn-infos,
div#sticky-info .btn-infos * {
        transition: all 0.3s ease-in-out;
}

div#sticky-info .elementor-button-text {
        font-size: 0;
        transform: translateX(100px);
        opacity: 0
}

div#sticky-info .btn-infos {
        width: 70px;
}


div#sticky-info .btn-infos .elementor-button-content-wrapper {
        align-content: center;
        align-items: center;
        justify-content: center;
        gap: 10px;
}

div#sticky-info .btn-infos:hover {
        width: 300px !important;
}

div#sticky-info .btn-infos:hover .elementor-button-text {
        font-size: 16px !important;
        transform: translateX(0px);
        opacity: 1
}

@media screen and (max-width:1024px) {
        div#sticky-info .btn-infos {
                width: 45px;
        }
}

/*------------------------------------------------------***End***------------------------------------------------------*/
.choix-de-prestation .wpcf7-list-item label {
        padding: 20px;
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 15px;
	
/* 	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-items: center;
    align-items: center;
    text-align: center; */
}

.choix-de-prestation {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
}

.choix-de-prestation .wpcf7-list-item label>input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
}

.choix-de-prestation .wpcf7-list-item {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: 0;
        background-color: var(--e-global-color-color_2);
        color: var(--e-global-color-color_white);
}


.choix-de-prestation .wpcf7-list-item {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: 0;
        background-color: var(--e-global-color-color_2);
        color: var(--e-global-color-color_white);
}

.choix-de-prestation .wpcf7-list-item label:before {
        content: "";
        display: inline-block;
        width: 80px;
        aspect-ratio: 1/1;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(331deg) brightness(107%) contrast(101%);
}

.choix-de-prestation .wpcf7-list-item:nth-child(1) label:before {
        background-image: url('https://www.renaudconceptbois.fr/wp-content/uploads/2025/12/renaud-concept-bois-charpentier-a-quimperle-charpente.svg');
}

.choix-de-prestation .wpcf7-list-item:nth-child(2) label:before {
        background-image: url('https://www.renaudconceptbois.fr/wp-content/uploads/2025/12/renaud-concept-bois-charpentier-a-quimperle-Extensions-bois.svg');
}

.choix-de-prestation .wpcf7-list-item:nth-child(3) label:before {
        background-image: url('https://www.renaudconceptbois.fr/wp-content/uploads/2025/12/renaud-concept-bois-charpentier-a-quimperle-terrasse.svg');
}

.choix-de-prestation .wpcf7-list-item:nth-child(4) label:before {
        background-image: url('https://www.renaudconceptbois.fr/wp-content/uploads/2025/12/renaud-concept-bois-charpentier-a-quimperle-Bardage.svg');
}
.choix-de-prestation .wpcf7-list-item:nth-child(5) label:before {
        background-image: url('https://www.renaudconceptbois.fr/wp-content/uploads/2025/12/renaud-concept-bois-charpentier-a-quimperle-Carport.svg');
}
/*hover*/

.choix-de-prestation .wpcf7-list-item:hover , .choix-de-prestation .wpcf7-list-item:has(input:checked) {
        background-color: var(--e-global-color-color_1);
        color: var(--e-global-color-color_white);
}


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

/**************************************Style : PRE-HOME*********************************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin:0 !important;}

/** Hover Galerie **/

figure.gallery-item .gallery-icon{overflow: hidden !important;}
figure.gallery-item img{ scale: 1; transition:all 0.3s ease-in-out;}
figure.gallery-item:hover img{ scale:1.15;}


/** Button Style **/
.bnt-style svg{transition:.6s;}
.bnt-style:hover svg{transform:translateX(70%);}




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


.slider-btn{transition:.4s !important}
.slider-btn:hover{transform:translateX(18px)}

/**************************************Style : section_presentation*********************************/


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

.sc-prestation .container-presta {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	transition: all 0.5s ease-in-out;
	background:#fff;
	padding:25px;
	gap:10px;
	border:1px solid #c2c2c2;
}
.sc-prestation .icon-presta{
	width:80px;
	height:auto;
}
.sc-prestation .txt-presta {
    font-family: 'Roboto' !important;
}
.sc-prestation .icon-presta img{
	width:70px !important;
	height:auto !important;
}
.sc-prestation h3.title-presta{
	margin:0 !important;
	color:var(--e-global-color-color_1) !important; 
}
.sc-prestation p.txt-presta{
	margin:0 !important;
	color:var(--e-global-color-text) !important;
}
.sc-prestation h3.title-presta{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.btn-presta {
    display: flex;
    width: 100%;
    padding: 0;
    flex-direction: row;
    justify-content: flex-end;
} 
.btn-presta i{
	 transition:.4s;
	 color: var(--e-global-color-color_1);
	 font-size:35px;
}
.btn-presta i:hover {transform: translateX(10px);}

.sc-prestation .container-presta:hover { transform:translateY(-18px);}

@media only screen and (max-width: 801px){
	.sc-prestation .container-presta:hover { transform:translateY(0px);}
}

/**************************************Style : section_Actualites*********************************/
 .fb-page iframe {
	 border-radius:15px;
	 box-shadow: 0 0 0 8px var(--e-global-color-color_1);
	 overflow:hidden !important;
 } 
 .fb-page span:after {
	 content: "";
	 background-color: var(--e-global-color-primary);
	 width: 75px;
	 height: 8px;
	 position: absolute;
	 top: 38%;
	 right: -47px;
	 transform: rotate(90deg);
	 border-radius: 7px 7px 0px 0px;
 }
 .fb-page span:before {
	 content: "";
	 width: 160px;
	 height: 20px;
	 background-color: var(--e-global-color-primary);
	 position: absolute;
	 z-index: 100;
	 left: 50%;
	 top: 10px;
	 transform: translate(-50%, -50%);
	 border-radius: 0 0 50px 50px;
 }
/**************************************Style : section_Realisations*********************************/


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


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


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


/**************************************Style : section_Equipe*********************************/


.col-equipe .container-equipe{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  transition: all 0.4s ease-in-out;
	cursor: grab;
}
.col-equipe .infos-equipe{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	transition: all 0.4s ease-in-out;
	gap:8px;
	background:rgba(0,0,0,0.7);
	width:100%;
	padding:4% 8%;
	transform:translateY(110%);
}
.col-equipe .infos-equipe  h3.nom-equipe{
	margin:0 !important;
	color:#fff !important; 
}
.col-equipe .infos-equipe p.fonction-equipe{
	margin:0 !important;
	color:#fff !important;
}
.col-equipe .container-equipe:hover .infos-equipe{transform:translateY(0)}

@media only screen and (max-width: 800px){
.col-equipe .container-equipe .infos-equipe{transform:translateY(0)}	
}

/**************************************Style : section_Portfolio*********************************/
.sc-portfolio .post-item {
	position:relative;
	display:flex !important;
	text-align:center !important;
	flex-direction: column;
	justify-content: center !important;
	align-items: center;
}
.sc-portfolio .post-item-img a:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:40%;
	left:0;
	background:var(--e-global-color-color_1);
	opacity:0;
	transition:.4s;
}
.sc-portfolio .post-item-content {
    position:absolute;
    top:70%;
    display:flex;
    text-align:center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition:.5s;
	left:50%;
	transform:translate(-50%,-50%);
	opacity:0;
	z-index:5 !important;
}
.sc-portfolio .post-item-img {
	z-index: 1 !important;
}
.sc-portfolio .post-item-title a{
	color:#fff !important;
	text-align:center;
}
.sc-portfolio .post-item-title{
	margin:8px !important;
}
.sc-portfolio .post-item-text,
.sc-portfolio .post-item-content-btn{
	display:none !important;
}
.sc-portfolio .item-meta-category{
	 background:transparent !important;
	color:#fff !important;
 }
.sc-portfolio .item-meta{
	text-align:center !important; 
 }

.sc-portfolio .post-item:hover .post-item-content{top:50%;opacity:1}
.sc-portfolio .post-item:hover .post-item-img a:after {top:0%;opacity:.7}

@media only screen and (max-width: 800px){
	.sc-portfolio .post-item .post-item-content{top:50%;opacity:1}
	.sc-portfolio .post-item .post-item-img a:after {top:0%;opacity:.7}
}

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

.menu-main-footer .coherence-core-nav-menu {display:flex;flex-wrap: wrap;}
.menu-main-footer .coherence-core-nav-menu > li{width:50%;}
@media only screen and (max-width: 600px){
	.menu-main-footer .coherence-core-nav-menu {display:flex;flex-wrap: wrap;flex-direction: column;align-items:center;}
	.menu-main-footer .coherence-core-nav-menu > li{width:100%;}
	.menu-main-footer .coherence-core-nav-menu > li a{width:100%;}
}
  .menu-main-footer .menu-item  a {position:relative !important;width:fit-content}
  .menu-main-footer .menu-item a:after {
       content:""  !important;
       width:0%  !important;
       height:2px  !important;
       background:#fff  !important;
       position:absolute !important;
       bottom:0px !important;
       top: unset !important;
       left:0% !important;
       opacity:1  !important;
       transform:unset !important;
 }
  .menu-main-footer .menu-item a:hover:after ,  .menu-main-footer .current-menu-item a:after{
	    width:100%  !important;
  }

@media only screen and (max-width: 600px){
	.menu-main-footer .coherence-core-nav-menu a {justify-content: center !important;}
}
.menu-main-footer .sub-arrow{
	display:none !important
}
/*------------------------------------------------------***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*/
	.ti-widget.ti-goog .ti-controls {
        display: block !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*/

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

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


/* Responsive adjustments */
@media (max-width: 768px) {
  svgmap {
    width: 90%;
    height: auto;
  }

  .circle {
    transform-origin: 50% 50%;
  }

  #tooltip {
    font-size: 12px;
    padding: 3px 6px;
  }
}

@media (max-width: 425px) {
  svgmap {
    width: 100%;
  }

  .circle {
    transform-origin: 50% 50%;
  }

  #tooltip {
    font-size: 11px;
    padding: 2px 4px;
  }
}