/*
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;}
	.section-header .contact-hdr-btn a{
		padding:20px 30px !important;
		background: #000000 !important;
		color: #fff !important;
		border-radius:50px;

	}
	.section-header .contact-hdr-btn a:hover{
		background: #bfd130 !important;    
	}

}
@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***------------------------------------------------------*/
.gallery-elem .gallery-icon {
    position: relative;
}

.gallery-elem .gallery-icon a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0%);
    transition:0.4s !important;
    cursor:pointer;
}
.gallery-elem .gallery-item:hover .gallery-icon a:after {
   
    background: rgb(0 0 0 / 45%);
}

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


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

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


/**************************************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;}
.btn-depicter i {
    margin-left:5px;
}

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


/**************************************Style : section_prestations*********************************/
.presta-elem .item-content {
    bottom: 0 !important;!i;!;
}

.presta-elem .item-desc {
    display: none !important;!i;!;
}
.presta-elem section > p {
    margin-bottom: 0!important;
}

.presta-elem .presta_txt {
    max-height: 0;
    transition: max-height 0.45s ease-out;
    overflow: hidden;
}

.presta-elem .item-body:hover .presta_txt {
    max-height: 500px;
    transition: max-height 0.45s ease-in;
}

.presta-title h3{
    font-size:27px;
    color:#fff !important;
}

.presta-p{
    font-size:16px;
    color:#fff;
}
.presta-btn a{
    display:inline-block;
    margin-top:20px;
    padding:12px 25px;
    font-size:16px;
    color:#fff !important;
    font-weight:600;
    border:2px solid #fff;
    border-radius:50px;
}
.presta-btn a:hover{
    background:#bfd130;
    border-color: #bfd130;
}
.presta-elem .item-body:after {
   content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(380deg, rgba(1,1,1,1) 0%, rgba(170,170,170,1) 100%);
	opacity:0;
	transition:0.4s !important;
	
}
.presta-elem .item-body:hover:after {
	opacity:0.5;
}
.presta-elem .item-body:hover img {transition:0.5s !important;}
.presta-elem .item-body:hover img {
	filter:blur(2.5px);
}
/* Arrows */
.arrow-center-bottom .slick-arrow.slick-next {right: calc(50% - 50px) !important}
.arrow-center-bottom  .slick-arrow.slick-prev {right:unset !important;left: calc(50% - 50px) !important;}

/*responsive */
@media only screen and (max-width: 1230px){
    .item-body > img {
        min-height: 530px;
    }
}
@media only screen and (max-width: 800px){
    .presta-elem .item-body:after {
		opacity:0.5;
	}
	.presta-elem .item-body .presta_txt {
    	max-height: unset !important;
	}
	.presta-elem .item-body img {
		filter:blur(0px) !important;
	}
	
	.presta-elem .item-body > img {
        max-height: 530px;
    }
}
@media only screen and (max-width: 600px){
    
}
/**************************************Style : section_Actualites*********************************/
 

/**************************************Style : section_Realisations*********************************/
.portfolio-elem .post-item-content {
    width:100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 40px 40px !important;
    color: #fff !important;
}

.portfolio-elem .post-item-img {position:relative;}
.portfolio-elem .post-item-img a:before {
   content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(360deg, rgba(1,1,1,1) 0%, rgb(170 170 170 / 0%) 100%);
	opacity:0;
	transition:0.4s !important;
 	z-index:0;
	
}
.portfolio-elem .post-item:hover .post-item-img a:before {
	opacity:0.6;
}


.portfolio-elem .post-item-content{opacity:0;transition:0.4s !important;}
.portfolio-elem .post-item:hover .post-item-content{opacity:1}

.portfolio-elem .post-item-title {margin:5px 0 !important;}
.portfolio-elem .post-item-title a {color:#fff !important; display:inline-block !important;text-transform: uppercase;}
.portfolio-elem .post-item-title a:hover {color:#bfd130 !important}
.portfolio-elem .post-item-text {color:#bfd130 !important;font-size: 19px;font-weight: 600;font-family: 'Outfit';}
.portfolio-elem .post-item-content-btn {
    display: none;
}
@media only screen and (max-width: 800px){
	.portfolio-elem .post-item .post-item-img a:before {opacity:0.6;}
	.portfolio-elem .post-item .post-item-content{opacity:1}
	.portfolio-elem .post-item-content {
		padding: 25px !important;
	}
}
/**************************************Style : section_valeurs*********************************/


/**************************************Style : section_points_forts*********************************/
.pf-box .elementor-coherence-core-content-box-wrapper,
.pf-box: .elementor-coherence-core-content-box-wrapper .elementor-icon
{transition:0.3s !important;}
.pf-box {position:relative;}
.pf-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0px;
    background: #bfd130;
    transition:0.4s;
}
/*** Hover ***/
.pf-box:hover:after {height: 15px;}
.pf-box:hover .elementor-coherence-core-content-box-wrapper {background:#453324 !important;}
.pf-box:hover .elementor-coherence-core-content-box-wrapper path {fill:#bfd130 !important;}
.pf-box:hover .elementor-coherence-core-content-box-wrapper .elementor-icon {scale:1.08;}
.pf-box:hover .elementor-coherence-core-content-box-content h3,
.pf-box:hover .elementor-coherence-core-content-box-content p{color:#fff !important;}

/**************************************Style : section_instagram*********************************/
.text_grand {font-size: 46px;}
.btn-icon-hvr:hover path{fill:#fff !important;}


.MediaThumbnail__root .MediaThumbnail__image {transition:0.6s !important;}
.MediaThumbnail__root:hover .MediaThumbnail__image {scale:1.2 !important;}
.MediaTile__overlay {display: none !important;}

.MediaThumbnail__root {position:relative}
.MediaThumbnail__root:before {
    content: "" !important;
    position: absolute !important;
    right:10px !important;
    top:10px !important;
    width:30px  !important;
    height: 30px  !important;
    background:url(/wp-content/uploads/2024/09/concept-habitat-constructeur-de-maison-a-laval-insta-white-1.svg) no-repeat ;
    background-size:contain;
	z-index:1 !important;
}



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

.rs-font-size .elementor-icon{
    font-size:20px !important;
    width: 35px !important;
    height: 35px !important;
    margin-right: 10px !important;
}
.col-widget-footer .foo-hide .sub-menu, .col-widget-footer  .foo-hide .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 (min-width: 1025px) and (max-width: 1360px){
	.section-width {
		width: 88% !important;
	}
}

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

@media only screen and (min-width: 1025px) and (max-width: 1360px){
	.section-width {
		width: 88% !important;
	}
}


/*lightbox*/
#custom-lightbox-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#custom-lightbox-modal.show {
  visibility: visible;
  opacity: 1;
}

#custom-lightbox-modal img {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 0 20px rgba(255,255,255,0.2);
}

#custom-lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 2rem;
  color: white;
  cursor: pointer;
}