/*------------------------------------------------------***Style for Dev 2***------------------------------------------------------*/


/*------------------------------------------------------***Style: header***------------------------------------------------------*/
/* @media only screen and (min-width: 1025px){ */
body.home .header-wrapper{position:absolute!important;}
/* body.home .header-wrapper .section-header{background:transparent!important;} */
body.home  .header-wrapper .section-header{background:var( --e-global-color-color_white )!important;}

body.home  .header-wrapper .section-header .menu-item.current-menu-item a.coherence-core-menu-item{color:black!important}
body.home  .header-wrapper .section-header .menu-item a.coherence-core-menu-item{color:#A4A4A4!important}
body.home  .header-wrapper .section-header  .coherence-button-wrapper .elementor-button{border-color:black!important ;color:black}
body.home  .header-wrapper .section-header .coherence-button-wrapper .elementor-button:hover { color: white; }

body.home  .header-wrapper .section-header .elementor-social-icons-wrapper svg path{fill:#A4A4A4!important ;}


/* showing dark on sticky header */
/* body.home  .header-wrapper .section-header #white-logo{display:none!important ;}
body.home  .header-wrapper .section-header #dark-logo{display:block!important ;}

body.home  .header-wrapper .section-header #white-logo{display:block ;}
body.home  .header-wrapper .section-header #dark-logo{display:none ;} */

body.home   .header-wrapper .coherence-core-nav-menu-icon svg {fill:black!important;}
body.home  .header-wrapper .section-header .menu-item a.coherence-core-menu-item:hover {color:black!important}

/* @media only screen and (max-width: 1024px){
    body  .header-wrapper .section-header #white-logo{display:none ;}
    body  .header-wrapper .section-header #dark-logo{display:block ;}
} */

body.home .divider-footer {
    display: none;
}

body .divider-footer {
    display: block;
}
/*------------------------------------------------------***Style: Bloc h1***------------------------------------------------------*/
.btn-h1::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #000; transition: width 0.3s ease; }
.btn-h1:hover::after { width: 100%; }

.gradient-title .title{ background: linear-gradient(180deg, rgba(212, 208, 208, 0.44) 0%, rgba(212, 208, 208, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }


/*------------------------------------------------------***Style: Instagram ***------------------------------------------------------*/
@media only screen and (max-width: 767px){
	.FeedGridLayout__cell {
		padding: unset !important;
		height: 300px !important;
		width: 100% !important;
	}
}




/**************************************Style :Side Contact banner *********************************/
@media only screen and (min-width: 1350px) {
.contact-refonte .map_site iframe {height:650px!important}
}
	@media (max-width: 425px) {
    .coherence-pc-btn-align-fixed .coherence-pc-btn {
        right: -15%!important;
    }
}
@media (max-width: 375px) {
    .coherence-pc-btn-align-fixed .coherence-pc-btn {
        right: -16%!important;
    }
}
@media (max-width: 320px) {
    .coherence-pc-btn-align-fixed .coherence-pc-btn {
        right: -18%!important;
    }
}

@media (max-width: 1280px) {
    .coherence-pc-btn-align-fixed .coherence-pc-btn {
        right: -6.5%;
    }
}


/**************************************Style :Projects *********************************/
.posts-home  .post-item-content{ display: flex; justify-content: space-between;align-items: center; }
.posts-home .post-item-content:hover .post-item-read-more svg path {fill: black; }

@media only screen and (max-width: 800px){
    .posts-home .post-item-content .post-item-read-more svg  {height: 40px; width: 40px; } 
}

.posts-home figure.post-item-img img { transition: all 0.5s ease-in-out;}
.posts-home figure.post-item-img:hover img { transform: scale(1.1); }

/**************************************Style :Portfolio detail *********************************/
.h1-portfolio .title-container { display: flex; flex-direction:column; justify-content: space-between; font-size: 2rem; font-weight: bold;  }
.h1-portfolio .left { text-align: left; }
.h1-portfolio .right { text-align: right; }


.img-scale figure.gallery-item img { transition: all 0.5s ease-in-out; }

.img-scale figure.gallery-item:hover img { transform: scale(1.1); }
.img-scale figure.gallery-item { padding: 10px;transition: all 0.5s ease-in-out; }
.img-scale figure.gallery-item .gallery-icon {overflow: hidden;}



/**************** Single page ****************/
.project-detail { display: flex; flex-wrap: wrap; flex-direction: column; gap: 20px; max-width: 100%; margin: 0 auto; padding: 6% 3%; align-items: self-start; }

.project-detail .title-section { width: 100%; display: flex; align-items: end; justify-content: space-between; gap: 30px;margin-bottom: 0px; }

.project-detail span.divider { background: black; height: 1px; max-width: 100%; flex-grow: 1; }

.project-detail h1.projet-title { font-family: "Urbanist", Sans-serif !important; font-size: 5vw!important; line-height: 100%; font-weight: 400; text-transform: uppercase; max-width: 70%; color: #000000!important;  }

.project-detail .projet-gallery { display: grid; gap: 16px; width:100% }
.project-detail .projet-gallery a { display: block; }

.project-detail .projet-gallery img { height: 450px; width: 100%; max-width: 100%; object-fit: cover; }

@media (min-width: 1360px) {
  .project-gallery { grid-template-columns: repeat(4, 1fr); /* 4 images per line */ }
}

@media (max-width: 1364px) and (min-width: 800px) {
  .project-gallery { grid-template-columns: repeat(3, 1fr); /* 3 images per line */ }
	.project-detail .projet-gallery img { height:360px; width: 100%; max-width: 100%; object-fit: cover; }
}

@media (max-width: 799px) {
  .project-gallery { grid-template-columns: repeat(2, 1fr); /* 2 images per line */ }
	.project-detail .projet-gallery img { height:320px; width: 100%; max-width: 100%; object-fit: cover; }
}