/*
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 ul.coherence-core-nav-menu{align-items: center !important;}
	li.btn-hed-cntct a {position:relative !important;overflow:hidden !important;isolation:isolate !important;}
	li.btn-hed-cntct a:before {
		position:absolute !important;
		content:"" !important;
		width:100% !important;
		height:100% !important;
		background:var(--e-global-color-color_2) !important;
		left:-100% !important;
		top:0% !important;
		transition:all 0.3s ease-in-out !important;
		z-index:-1 !important;
	}
	li.btn-hed-cntct a:hover:before, li.btn-hed-cntct.current-menu-item a:before, li.btn-hed-cntct.current_page_item a:before{left:0% !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***------------------------------------------------------*/


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


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

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


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

.depicter-bullet-active {width: 66px !important;}

.depicter-button-layer{overflow:hidden !important;}
.depicter-button-layer div.btn-slide, .depicter-button-layer div.btn-slide-1 {position:relative !important;overflow:hidden !important;isolation:isolate !important;}
.depicter-button-layer div.btn-slide:before, .depicter-button-layer div.btn-slide-1:before {
    position:absolute !important;
    content:"";
    width:100%;
    height:100%;
    background:#fff;
    left:-100%;
    top:0%;
    transition:all 0.5s ease-in-out !important;
    z-index:-1;
}
.depicter-button-layer div.btn-slide:before, .depicter-button-layer div.btn-slide-1:before {
    background: var(--e-global-color-color_2) !important;
}
.depicter-button-layer div.btn-slide:hover:before, .depicter-button-layer div.btn-slide-1:hover:before {
    left:0%;
}
/**************************************Style : section_presentation*********************************/


/**************************************Style : section_prestations*********************************/
.presta-blc .item-body img {border-radius: 200px !important;}
.presta-blc .item-body {
    padding: 43px !important;
    background: #fff !important;
	overflow: hidden !important;
	border-radius: 300px !important;
	isolation:isolate !important;
    box-shadow: 0 0 6px rgb(60 59 59 / 40%);
}
.presta-blc .slick-track{padding-block:10px !important;}
.presta-blc .item-body:before{
	position:absolute;
	content:"";
	width: 100%;
	height: 100%;
	background: var(--e-global-color-color_2);
	border-radius: 300px !important;
	left:0px;
	top: 100%;
	/* opacity:0.5; */
	transition: all 0.5s ease-in-out !important;
	z-index:-1;
}
.presta-blc .item-body:hover:before{
	top:0px;
}
.presta-blc section {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}
.presta-blc section p.item-desc {margin-bottom:0px !important;padding-block:17px 15px !important;min-height:230px;}
.presta-blc section a.btn-read-more, .btn-ste a.elementor-button {position:relative !important;overflow:hidden !important;isolation:isolate !important;}
.presta-blc section a.btn-read-more:before, .btn-ste a.elementor-button:before {
    position:absolute !important;
    content:"";
    width:100%;
    height:100%;
    background:#fff;
    left:-100%;
    top:0%;
    transition:all 0.3s ease-in-out !important;
    z-index:-1;
}
.btn-ste a.elementor-button:before {
    background: var(--e-global-color-color_2) !important;
}
.presta-blc section a.btn-read-more:hover:before, .btn-ste a.elementor-button:hover:before {
    left:0%;
}
.presta-blc .item-body:hover .item-title, .presta-blc .item-body:hover p.item-desc{
	color:#fff !important;
}
/*respo*/
@media only screen and (max-width: 1024px){
	.presta-blc section p.item-desc {min-height: 190px;}
}
@media only screen and (max-width: 800px){
	.presta-blc .item-body {padding: 30px !important;}
	.presta-blc section p.item-desc {min-height: 170px;}
}
@media only screen and (max-width: 600px){
	.presta-blc .item-body .item-title, .presta-blc .item-body p.item-desc{
		color:#fff !important;
	}
	.presta-blc .item-body:before{
		top:0px;
	}
	
}
/**************************************Style : section_Actualites*********************************/
 

/**************************************Style : section_Realisations*********************************/
   ul#itemList {
        padding: 20px;
        background-color: #f2fbfa;
        list-style: none;
        font-size: 13px;
        font-weight: 700;
        margin-top: 20px;
    }
    .tabs {
        flex: 3;
    }
    .tabs ul {
        list-style: none;
        padding: 0;
        display: flex;
        border-bottom: 2px solid #fff;
        background-color: #23b8a4;
        margin-bottom: 0 !important;
    }
    .tabs ul li {
        flex: 1;
        text-align: center;
        padding: 10px;
        cursor: pointer;
        background-color: #23b8a4;
        border: 1px solid #ccc;
        border-bottom: none;
        color: white;
    }
    .tabs ul li.active {
        background-color: #f2fbfa;
        border-top: 2px solid #23b8a4;
        border-left: 2px solid #23b8a4;
        border-right: 2px solid #23b8a4;
        border-bottom: none;
        color: #000;
    }
    .tab-content {
        border: 1px solid #23b8a4;
        border-top: none;
        display: none;
        display: flex;
        flex-wrap: wrap;
        background-color: #f2fbfa;
    }
    .tab-content.active {
        display: flex;
    }
    .tab-content .item-rows {
        width: 12.5% !important; /* 8 items per row */
        text-align: center;
        border: 1px solid #23b8a4;
        padding: 10px;
        display: grid;
    }
    .item-rows label {
        display: block;
        margin-bottom: 5px;
    }
    .item-rows input {
        text-align: center;
        margin: 0;
        width: 100%;
        border-radius: 4px;
        background: transparent;
        padding: 7px 7px 8px 7px;
        box-sizing: border-box;
        align-self: flex-end;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: stretch;
        align-items: flex-end;
    }
    .selected-items {
        flex: 1;
        margin-left: 20px;
        background-color: aliceblue;
        padding: 25px;
		min-width: 250px;
		position: sticky;
        height: 600px;
        top: 190px;
    }
    .total {
        margin-top: 20px;
        font-weight: bold;
        margin-top: 20px;
        font-weight: bold;
        font-size: 14px;
        color: #23b8a4;
    }
    .selected-items span{
        margin-bottom: 20px;
       
    }

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


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


/**************************************Style : section_avis*********************************/
.avis-goog .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner{
	display: flex !important;
	flex-direction: column !important;
	background:#fff !important;
	border-radius:0px !important;
	gap:50px !important;
	padding: 30px 40px 0px !important;
} 
.avis-goog .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars {
	order:5 !important;
	margin: 0px !important;
	padding: 25px 14px !important;
	height: 73px !important;
	position: relative !important;
}
.avis-goog .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars:before{
	position:absolute !important;
	content:"" !important;
	width:120% !important;
	height:100% !important;
	background: rgb(35,184,164);
background: linear-gradient(50deg, rgba(35,184,164,1) 0%, rgba(35,184,164,1)65%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%) !important;
	z-index:-1 !important;
	left:-42px !important;
	top:0 !important;
}
.avis-goog .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars .ti-star {
	width: 22px !important;
	height:21px !important;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}
.avis-goog .ti-widget.ti-goog .ti-profile-img img{width:63px !important;height:63px !important;}

/*--------------------------------------------------------------***section agences***----------------------------------------------------------------------*/
.nos-agences .item.slick-slide:nth-child(even) .item-body{background:#F2FBFA !important;}
.nos-agences .item-body {
    padding: 42px 40px;
    background: #fff;
    box-shadow: 0px 0px 5px hsl(0deg 0% 0% / 20%);
	margin-block:10px !important;
}
.nos-agences .item-body img{margin-left:0px !important;margin-bottom:20px !important;}
.nos-agences .item-body .item-content section>p{display:none !important;}
.nos-agences .item-body .item-content section{
	display:flex !important;
	flex-direction:column !important;
	gap:20px !important;
}
/* .nos-agences .info-clnt .adres-bx{min-height:50px;} */
.nos-agences .info-clnt{
	display:flex;
	align-items: center;
	gap:15px;
}
.nos-agences .info-clnt .icn-bx{
	display:flex;
	justify-content:center;
	align-items:center;
	background: var(--e-global-color-color_2) !important;
	min-width:31px;
	height:31px;
	border-radius:4px;
}
.nos-agences .info-clnt i.fas:before{color: var(--e-global-color-color_1) !important;}
.nos-agences .info-clnt.lst-child{align-items:flex-start !important}


/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
.coherence-logo svg{width: 130px !important;height: auto !important;}
.coherence-logo svg * {fill: #fff !important;}
.section-footer .iconehome > a svg{display:none !important;}
.section-footer .menu-center-logo {display:none !important;}
.section-footer a.coherence-core-menu-item span.coherence-core-menu-toggle.sub-arrow,  .section-footer ul.sub-menu{display: none !important;}
.section-footer .menu-main-footer ul.coherence-core-nav-menu {columns: 2 !important;}


/*---------------------------**query-footer**---------------------------------*/

@media only screen and (max-width: 600px){ 
	.section-footer .menu-main-footer ul.coherence-core-nav-menu {columns: 1 !important;}
    }
@media only screen and (max-width: 497px){
    .menu-main-footer ul.coherence-core-nav-menu {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !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*/
	 .tab-content .item-rows {
        width: 12.5% !important; /* 8 items per row */
	}

    /*style footer*/

}

/*------------***Large devices (desktops, less than 1440px)***------------*/
@media only screen and (max-width: 1440px){

    /*style header*/

    /*style main content*/
	.selected-items {
    margin-left: -10px !important;
    padding: 20px !important;
    min-width: 200px !important;
}
	
    /*style footer*/

}
/*------------***Large devices (desktops, less than 1361px)***------------*/
@media only screen and (max-width: 1360px){
	    .selected-items {
        margin-left: -32px !important;
        padding: 25px !important;
        min-width: 170px !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*/
	.presta-blc .item-body {
    padding: 20px !important;
}

    /*style footer*/

}


/*------------***Medium devices (tablets, less than 1025px)***------------*/
@media only screen and (max-width: 1024px){
	
	/*style header*/

    /*style main content*/
	/**************************************Style : section_avis*********************************/
	.avis-goog .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner{
		gap:20px !important;
		padding: 20px 20px 0px !important;
	} 
	.avis-goog .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars {
		padding: 15px 14px !important;
		height: 53px !important;
	}
	.avis-goog .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars:before{
		width:110% !important;
		background: linear-gradient(50deg, rgba(35,184,164,1) 0%, rgba(35,184,164,1)75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%) !important;
		left:-22px !important;
	}
	.avis-goog .ti-widget.ti-goog .ti-profile-img img{width:40px !important;height:40px !important;}
	
	
	.nos-agences .item-body {padding: 32px 20px;}
	    /*style footer*/
		.tab-content .item-rows {
		width: 20% !important;
	}
	.selected-items {
    	flex: 1;
    	padding: 15px;
    	height:auto !important;
    	margin-left: 0px !important;
 }
	}


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

    .avis-goog .ti-widget.ti-goog .ti-controls-line {
        display:block !important
    }
	.avis-goog .ti-widget.ti-goog .ti-controls-line .dot{
        background:var(--e-global-color-color_1) !important;
    }
	.tab-content .item-rows {
       width: 25% !important;
    }
	.selected-items {
        margin-left: 8px;
        padding: 15px;
    }


    /*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*/
.nos-agences .info-clnt .adres-bx{min-height: 20px;}
    /*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*/
    .tab-content .item-rows {
        width: 33.3% !important;
    }

    /*style footer*/
    
    
}
@media only screen and (max-width: 320px) {
    .tab-content .item-rows {
        width: 50% !important;
    }
	body { overflow-x: hidden; }
}

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


/**--------------------------------------------SAV sept 2024------------------------------------------------------------**/
body, html {overflow-x: hidden;}

/**--------------------------------------------End SAV sept 2024------------------------------------------------------------**/