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


.preloader-inner {
    /* Other styles for preloader-inner */
    text-align: center;
}

.preloader-image {
    display: inline-block; /* Allows text-align to work on it */
    /* Other image styles */
}

.spinner {
    display: none !important;
}


.preloader-image {
/* Existing styles */
opacity: 0;
animation: fadeIn 1s ease-in-out forwards, pulse 1.5s infinite alternate; / Added pulse animation 
}

@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes pulse {
0% {
transform: scale(1);
}
100% {
transform: scale(1.05);
}
}

/*------------------------------------------------------***End***------------------------------------------------------*/
.page-id-2623 .socam_img {
    display: none !important;
}


 button.e-n-tab-title {
    display: flex;
    align-items: center;
    flex-direction: column;}


/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/
.cstm-portfolio .post-item, .cstm-portfolio .post-item-img a{position: relative;}
.cstm-portfolio .post-item .post-item-img a:before {content: "";position: absolute;background-color: #000;opacity: 0;left: 0;top: 0;width: 100%;height: 100%;z-index:1;transition: all 0.3s ease-in-out;}
.cstm-portfolio .post-item-content {position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;opacity:0;transition: all 0.3s ease-in-out;}
.cstm-portfolio .post-item-content-btn {display: none;}

.cstm-portfolio .post-item:hover .post-item-img a:before {opacity: 0.4;}
.cstm-portfolio .post-item:hover .post-item-content {opacity:1;}
.cstm-portfolio .post-item:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/*------------------------------------------------------***End***------------------------------------------------------*/
/* .page-id-2632  figure.post-item-img {
    filter: grayscale(100%);
}
 */





.elementor-button {
  --c: #fc0109; /* border color */
  --b: 3px;     /* border thickness */
  --g: 5px;     /* padding gap */

  position: relative;
  padding: 0.75em 1.5em;
  border: none;
  background-color: white;
  color: black;
  border-radius: 0.5em;
  overflow: hidden;
  z-index: 0;
  transition: color 0.3s ease;
}

/* Bottom line (always visible) */
.elementor-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: var(--b);
  width: 100%;
  background: var(--c);
  z-index: 1;
}

/* Rounded border animation on hover */
.elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--g);
  border-radius: inherit;
  background: 
    conic-gradient(from 180deg at top var(--b) right var(--b), #0000 25%, var(--c) 0) 
    var(--_i,200%) 0 / 200% var(--_i,var(--b)) no-repeat,
    conic-gradient(at bottom var(--b) left var(--b), #0000 25%, var(--c) 0) 
    0 var(--_i,200%) / var(--_i,var(--b)) 200% no-repeat;
  transition: 0.4s, background-position 0.3s 0.3s;
  z-index: 0;
  pointer-events: none;
}

/* Activate full border on hover */
.elementor-button:hover::before {
  --_i: 100%;
  transition: 0.3s, background-size 0.3s 0.3s;
}



[data-wpr-lazyrender]{ content-visibility:visible!important; }
/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/

.img-bg-absolute-h1:hover, body .cstm-portfolio figure img
 {
    transition: filter 0.6s ease-in-out;
    filter: grayscale(100%);
}

/**************************************Style : PRE-HOME*********************************/
button.e-n-tab-title[aria-selected='true'] img {filter: grayscale(1);}

button.e-n-tab-title[aria-selected='false']:hover img {filter: grayscale(1);}


/**************************************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;}
@keyframes zoomInOut-slide {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.img-bg-absolute-slide {
  animation: zoomInOut-slide 10s ease-in-out infinite;
}


@keyframes growInOut {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
.sticker-animation {animation: growInOut 1.5s infinite ease-in-out;}


/**************************************Style : section_presentation*********************************/
.img-bg-absolute-h1:hover,body .cstm-portfolio figure img{transition: filter 0.6s ease-in-out;filter: grayscale(100%);}
.img-bg-absolute-h1{filter: grayscale(0%);}

.img-bg-absolute-h1_new:hover,body .cstm-portfolio figure img{transition: filter 0.6s ease-in-out;filter: grayscale(0);}
.img-bg-absolute-h1_new{filter: grayscale(100%);}

.section-pres .img-bg-absolute-h1 img {transition:0.4s;}
.section-pres:hover .img-bg-absolute-h1 img {scale:1.2;}
.section-pres:hover .img-bg-absolute img {filter: grayscale(100%);}


/* .btn-underline.btn-underline-grey a::before,.btn-underline.nt_bfr a::before {background:transparent!important;}
.btn-underline.nt_bfr:hover span.elementor-button-text{color:var( --e-global-color-color_1 )!important;}
.btn-underline a::before {
    content: "";
    z-index: -9;
    position: absolute;
    background: #ffffff;
    height: calc(100% + 5px);
    width: calc(100% + 5px);
    left: -3px;
    top: -3px;
}

.btn-underline a {
    position: relative;
}

.btn-underline a::after {
    content: "";
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 0%;
    height: 0%;
    background-color: #FC0109;
    transition: width 0.5s ease-in-out;
    z-index: -10;
}
.btn-underline-grey a::after {
    background-color: #9F9F9F !important; 
}
.btn-underline a:hover::after {
    width: 100%;
    left: -5px;
    bottom: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
} */




.img-bg-absolute-slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000; 
    opacity:0.4;
}
/**************************************Style : section_prestations*********************************/
 .nos-prsta-img{
    left:50%;
    transform:translateX(-50%);
	width:100%;
} 

.prest-elem .presta-title h3 {
    color: #fff !important;
    text-align: center !important;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Questrial';
}
.prest-elem .presta-text {
    color: #fff !important;
    text-align: center;
    font-size: 17px;
    font-family: 'Montserrat';
}
.prest-elem .presta-btn a {
    color: #fff !important;
    text-align: center;
    display: block;
    margin-top: 50px;
    font-family: 'Montserrat';
    font-size: 18px;
	padding:5px 0px;
}


.prest-elem p.item-desc {
    display: none !important;
}

.prest-elem .item-content {
    bottom: 50% !important;
    transform: translateY(50%);
}
.prest-elem .slick-slide .item-body {
   overflow:hidden;
}
.prest-elem .slick-slide .item-body img {
    transition:0.5s !important;
}
.prest-elem .item-body::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000; 
    opacity:0.5;
}
.prest-elem .presta-btn {
    position: absolute;
    bottom: -300px;
    left:50%;
    transform: translateX(-50%);
    transition:0.4s !important;
}

.prest-elem .slick-slide:hover .presta-btn {
    bottom: -100px;
}

.prest-elem .slick-slide:hover .item-body img {
    scale:1.2;
}



/**/
.presta-btn a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 30px;
    height: 2px;
    background-color: #ffffff; 
    transition: width 0.5s ease-in-out;
}
.btn-underline-grey a::after {
    background-color: #9F9F9F !important; 
}
.presta-btn a:hover::after {
    width: 100%;
}
.presta-btn a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-color: #ffffff45; 
}

span.right-arrows i {
    margin-left: 10px;
    transform: translateY(3px);
}


@media (max-width: 1360px) {
	 .prest-elem .slick-arrow.slick-next{
		bottom: -60px !important;
		top: unset !important;
		right: calc(50% - 45px) !important;
	}
	.prest-elem  .slick-arrow.slick-prev{
		bottom: -60px !important;
		top: unset !important;
		left: calc(50% - 45px) !important;
	}	
	
}
@media (max-width: 1360px) {
	.prest-elem .slick-slide .item-body img {
	   max-height:500px;
	}
}
@media (max-width: 800px) {
	.prest-elem .slick-slide .presta-btn,
	.prest-elem .slick-slide:hover .presta-btn{
		bottom: -50px;
	}
	.prest-elem .presta-btn{
	   width:max-content !important;
	}
}
/**************************************Style : section_title style*********************************/
 .text-outside{
    left:50% !important;
    top: 55px !important;
    transform:translate(-50% , -50%);
    width: 100%;
}

.text-outside-nosengagement {
    top:90px !important;
}
.text-outside-insta {
    top:-40px !important;
}
/**************************************Style : section_Realisations*********************************/
.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%);
}

.gallery-elem img.custom-icon-type-image {
    filter: brightness(0) saturate(100%) invert(13%) sepia(85%) saturate(6439%) hue-rotate(348deg) brightness(87%) contrast(128%) !important;
}
.gallery-elem .e-n-tab-title:hover img.custom-icon-type-image, .gallery-elem .e-n-tab-title[aria-selected="true"] img.custom-icon-type-image {
    filter: brightness(0) saturate(100%) invert(42%) sepia(5%) saturate(669%) hue-rotate(138deg) brightness(93%) contrast(82%) !important;
}

/**************************************Style : section_valeurs*********************************/
.section-contact:hover .img-bg-absolute img {
    scale:1.2;
}
.section-contact:hover .img-bg-absolute img {filter: grayscale(100%);}

/**************************************Style : section_nos refrences*********************************/
/* .img-slide-elem .gallery .slick-dots li {
    width: 42px !important;
    height: 42px !important;
    border: 16px solid #ffffff !important; 
    outline: 2px solid white !important; 
    outline-offset: 4px !important;
    box-shadow: 0 0 0 1px #636C6D !important; 
} */
/** arows **/
 .img-slide-elem .gallery-slick-next {
    bottom: -30px !important;
    top: unset !important;
    right: calc(50% - 50px) !important;
    border:1px solid #c1c4c5 !important;
}
.img-slide-elem .gallery-slick-prev{
    bottom: -30px !important;
    top: unset !important;
    left: calc(50% - 50px) !important;
    border: 1px solid #c1c4c5 !important;
}

.img-slide-elem .gallery-slick-next:hover ,
.img-slide-elem .gallery-slick-prev:hover{
    border-color:#c1c4c5 !important;
}
/**************************************Style : section_avis*********************************/
 .avis-elem .ti-widget.ti-goog .ti-reviews-container-wrapper {
        margin: 0 0px !important;
    }
.ti-widget.ti-goog .ti-controls :is(.ti-next ,  .ti-prev){
    background: #fbfbfb;
    padding: 22px !important;
    display: flex !important;
    border-radius: 50% !important;
    border: 1px solid #c1c4c5 !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:before  {
    top: 17px !important;
    right: 17px !important;
    background:#fc0109 !important;
    width: 9px !important;
    height:2px !important;
}
.ti-widget.ti-goog .ti-controls .ti-next:after{
    top: 23px !important;
    right: 17px !important;
    background:#fc0109 !important;
    width: 9px !important;
    height:2px !important;
}


.ti-widget.ti-goog .ti-controls .ti-prev:before{
    top: 25px  !important;
    left: 16px  !important;
    background:#fc0109 !important;
    width: 9px !important;
    height: 2px !important;
}
.ti-widget.ti-goog .ti-controls .ti-prev:after{
    top: 19px  !important;
    left: 16px  !important;
    background:#fc0109 !important;
    width: 9px !important;
    height:2px !important;
}

.ti-widget.ti-goog .ti-controls :is(.ti-prev:after , .ti-prev:before  , .ti-next:after , .ti-next:before){
          background: #000;
}


.ti-widget.ti-goog .ti-controls .ti-next:hover, .ti-widget.ti-goog .ti-controls .ti-prev:hover {
    transform: scale(1.01) !important;
    background: #fc010900;
	  border-color: #c1c4c5 !important
}
.ti-controls-dots{visibility: hidden;}

.ti-widget.ti-goog .ti-controls .ti-next:hover:before , 
.ti-widget.ti-goog .ti-controls .ti-next:hover:after,
.ti-widget.ti-goog .ti-controls .ti-prev:hover:before,
.ti-widget.ti-goog .ti-controls .ti-prev:hover:after
{
	background:#636C6D !important;
}

.avis-elem .ti-prev {
	left: -30px !important;
}
.avis-elem .ti-next {
	right: -30px !important;
}
	
.avis-elem  .ti-controls-line{display:none !important}
body .ti-widget.ti-goog .ti-controls {
	max-width: 50px !important;
	left: 50%;
	transform: translateX(-50%);
}
.ti-widget.ti-goog .ti-controls {
	max-width: 100px !important;
	top: unset !important;
	bottom: -30px !important;
	left: 50%;
	transform: translateX(-50%);
}

@media (max-width: 1024px) {
    body .ti-widget.ti-goog .ti-controls {
        display:block !important
    }
}
@media (max-width: 479px) {
    body .ti-widget.ti-goog .ti-controls-line {
        display: none !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;}


/*------------------------------------------------------***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*/
    
    /* Animations */
    .animate_01 {animation: mymove ease-in-out 1.618s infinite alternate !important;}
    .animate_02 {animation: mymove2 ease-in-out 1.618s infinite alternate !important;}
    .animate_03 {animation: mymove3 ease-in-out 1.618s infinite alternate !important;}
    .animate_04 {animation: mymove4 ease-in-out 1.618s infinite alternate !important;}
    .animate_05 {animation: mymove5 ease-in-out 1.618s infinite!important;}
	.animate_06 {transform:translatey(12px);animation:float 3s ease-in-out infinite !important;}
	.animate_07 {transform:translatey(12px);animation:float2 3s ease-in-out infinite !important;}
    @keyframes mymove {from {transform: translatey(-5px);} to {transform: translatey(5px);}}
    @keyframes mymove2 {from {transform: translatey(5px);}to {transform: translatey(-5px);}}
    @keyframes mymove4 {from {transform: scale(1);} to {transform: scale(1.2);}}
    @keyframes mymove3 {from {transform: translatex(-5px);} to {transform: translatex(5px);}}
    @keyframes mymove5{0%{transform:translate(0,0)}50%{transform:translate(0,10px)}100%{transform:translate(0,0)}}
	@keyframes float{0%{transform: translatey(0px);}50%{transform: translatey(-50px);}100%{transform:translatey(0px);}}
	@keyframes float2{0%{transform: translatey(0px);}50%{transform: translatey(50px);}100%{transform:translatey(0px);}}
}

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

	
}


.btn_contact-wrapper {
  --c: #FC0109;
  --b: 3px;
  --g: 6px;
  position: relative;
  display: inline-block;
  padding: 0;
  overflow: hidden;
  z-index: 0;
}

/* Static bottom line */
.btn_contact-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: var(--b);
  width: 100%;
  background: var(--c);
  z-index: 1;
}

/* Animated border */
.btn_contact-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--g);
  border-radius: inherit;
  background:
    conic-gradient(from 180deg at top var(--b) right var(--b), #0000 25%, var(--c) 0)
    var(--_i,200%) 0 / 200% var(--_i,var(--b)) no-repeat,
    conic-gradient(at bottom var(--b) left var(--b), #0000 25%, var(--c) 0)
    0 var(--_i,200%) / var(--_i,var(--b)) 200% no-repeat;
  transition: 0.4s, background-position 0.3s 0.3s;
  z-index: 0;
  pointer-events: none;
}

/* Trigger rounded border on hover */
.btn_contact-wrapper:hover::before {
  --_i: 100%;
  transition: 0.3s, background-size 0.3s 0.3s;
}

/* Style the input (button) itself */
.btn_contact {
  position: relative;
  padding: 0.75em 1.5em;
  background: white;
  color: black;
  border: none;
  border-radius: inherit;
  z-index: 2;
  font-size: 1rem;
  cursor: pointer;
}


.btn_contact {
  width: max-content !important;
}
.btn_contact-wrapper {
  display: inline-block !important;
  width: auto !important;
}


.e-n-tabs-heading  button {
    display: flex;
    justify-content: center;
}

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