/* 
Theme Name: La chamade
Theme URI: 
Description: 
Author: Agence la chamade
Author URI: https://agencelachamade.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags:
*/

body{
	accent-color:#0B3A6E !important;
}
a{
	text-decoration:none !important;
}

span.stabilo{
    color: #0B3A6E !important;
    font-weight: 900 !important;
}

.gotham{
	font-family: "Gotham", Sans-serif !important;
}
.bleu{
	color:#0B3A6E !important;
}

/* Tooltip */
body .tippy-box[data-theme~='dark']{
  background-color:#0B3A6E !important;
  color:#fff !important;
  border-radius:8px !important;
  box-shadow:0 8px 25px rgba(0,0,0,.25) !important;
}






/* Global Bouton flèche */
.bouton-fleche svg{
	width:27px !important;
}
.bouton-fleche:hover svg{
	margin-left:10px !important;
	transition:ease-in-out .3s !important;
}
.bouton-fleche svg{
	transition:ease-in-out .3s !important;
}

.bouton-fleche-avance svg{
	width:27px !important;
	opacity:0;
	transition:ease-in-out .3s !important;
}
.bouton-fleche-avance:hover svg{
	opacity:1;
	transition:ease-in-out .3s !important;
}
.bouton-fleche-avance:hover{
	transform: scale(1.1) !important;
	transition:ease-in-out .3s !important;
}
.bouton-fleche-avance:hover span{
	font-weight:900 !important;
}

.bouton-fleche-avance{
	transform: scale(1) !important;
	transition:ease-in-out .3s !important;
	transform-origin: center left !important;
}

/* Skin produit */
.categories a{
	background-color:#F2F5F9 !important;
	border-radius:3px !important;
	padding:5px 10px !important;
	margin-left:3px !important;
	white-space: nowrap !important;
}

.categories a:first-child{
	display:none !important;
}
.categories a:last-child{
	display:inline-block !important;
}

.categories a:nth-child(2){
	margin-left:0px !important;
}


/* Produit seul */
.liste-avantages ul{
	padding-left:4px !important;
	list-style: none !important;
}
.liste-avantages ul li{
	padding:5px 0px !important;
}
.liste-avantages ul li:before{
	content:" ";
	display:inline-block;
	height:15px;
	width:15px;
	background-image:url("/wp-content/uploads/2024/11/mark.svg");
	background-size:contain;
	margin-right:10px !important;
}
.carac h4{
	margin:0px !important;
	font-weight:bold !important;
	color:#0B3A6E !important;
	font-size:20px !important;
}
.carac .e-con-inner{
	--gap:5px !important;
}
.carac p{
	line-height:19px !important;
	color:#0B3A6E !important;
}
.button-dl:hover .elementor-widget-container{
	background-color:#0B3A6E !important;
	transition:ease-in-out .3s !important;
}
.button-dl:hover span{
	color:white !important;
	transition:ease-in-out .3s !important;
}
.button-dl:hover svg path{
	stroke:white !important;
	transition:ease-in-out .3s !important;
}
.button-dl:hover svg path:first-child{
	stroke:#0B3A6E !important;
	fill: #0B3A6E !important;
	transition:ease-in-out .3s !important;
}
.button-dl:hover svg path:last-child{
	fill: white !important;
	transition:ease-in-out .2s !important;
}

.button-del:hover{
	background-color:#0B3A6E !important;
}



/* Accueil */
.hover:hover{
	transform: scale(1.03) !important;
	transition:ease-in-out:.3s !important;
}
.hover{
	transition:ease-in-out:.3s !important;
}
.hover svg{
	width:40px !important;
	margin-bottom:-2px !important;
}
.hover svg path{
	fill:white !important;
}
.hover.change-hover svg path{
	fill:#0B3A6E !important;
}
.change-hover:hover h3,.change-hover:hover p,.change-hover:hover span{
	color:#0B3A6E !important;
}
.change-hover:hover svg path{
	fill:#0B3A6E !important;
}





/* TAB x Carrousel */
.tab-custom li:has(> .active){
	width:60% !important;
	transition:ease-in-out .3s !important;
}
.tab-custom li:has(> .inactive){
	width:20% !important;
	transition:ease-in-out .3s !important;
}
.tab-custom .elementor-tab-title span{
	height:450px !important;
	display:flex!important;
	align-items:end !important;
}
.tab-custom ul{
	display:flex!important;
	align-items:start !important;
}
.tab-custom li:has(> .inactive) span{
	opacity:0 !important;
	transition:ease-in .2s !important;
}
.tab-custom li:has(> .active) span{
	opacity:1 !important;
	transition:ease-in .5s !important;
}
.tab-custom li:first-child .inactive:after {
    content: "Artisans peintres et enduiseurs";
    position: absolute;
    bottom: 20px;
    transform: rotate(-90deg);
    width: 450px;
    left: 50%;
    transform-origin: left center;
}
.tab-custom li:nth-child(2) .inactive:after {
    content: "Distributeurs en peinture";
    position: absolute;
    bottom: 20px;
    transform: rotate(-90deg);
    width: 450px;
    left: 50%;
    transform-origin: left center;
}
.tab-custom li:nth-child(3) .inactive:after {
    content: "Prescripteurs (architectes, promoteurs)";
    position: absolute;
    bottom: 10px;
    transform: rotate(-90deg);
    width: 450px;
    left: 50%;
    transform-origin: left center;
}	

#peintre{
	background-image:linear-gradient(to bottom, rgba(29, 29, 27, 0), rgba(29, 29, 27, 0.5)),
    url('/wp-content/uploads/2024/11/peintre-en-batiment.jpg');
	background-size:cover !important;
	background-position:center !important;
}
#distributeur{
	background-image:linear-gradient(to bottom, rgba(29, 29, 27, 0), rgba(29, 29, 27, 0.5)),
    url('/wp-content/uploads/2024/12/iStock-1475815266.jpg');
	background-size:cover !important;
	background-position:center !important;
}
#prescripteur{
	background-image:linear-gradient(to bottom, rgba(29, 29, 27, 0), rgba(29, 29, 27, 0.5)),
    url('/wp-content/uploads/2024/11/architecte-e1732188695460.jpg');
	background-size:cover !important;
	background-position:center !important;
}

/* Header */
header #phone a{
	border-radius:80px;
	padding:5px 20px !important;
	background-color:#0B3A6E !important;
	transition:ease-in-out .3s !important;
}
header #phone a:hover{
	background-color:#8F86A4 !important;
	transition:ease-in-out .3s !important;
}
header #phone a span{
	color:white !important;
}

/* Page fiches techniques */
li:has(a[href*='nothing']){
	opacity:0 !important;
}
a[href*='nothing']{
	cursor:default !important;
	display:none !important;
}
.secu:has(a[href*='nothing']){
	display:none !important;
}




/* Page des produits */
.wpc-filters-overlay{
	background-color:#0B3A6E !important;
}
.filter-custom{
	font-family: "Gotham", Sans-serif !important;
}
.filter-custom .wpc-filter-title{
	color:#0B3A6E !important;
	padding-bottom:10px !important;
	border-bottom:1px solid #0B3A6E !important;
}
.filter-custom a{
	color:#746E6B !important;
}
ul.children{
	margin-left:0px !important;
	padding-left:0px !important;
	margin-top:10px !important;
	margin-bottom:20px !important;
}
.filter-custom label a{
	font-weight:700 !important;
	font-size:16px !important;
}
.filter-custom input:checked ~ label a{
  color: #0B3A6E !important;
}
ul.children label a{
	font-weight:500 !important;
	font-size:14px !important;
}
.widget-title.wpc-filter-title span, .widget-title.wpc-filter-title{
	text-transform:uppercase !important;
	font-weight:700 !important;
}


/* Page histoire */
.slick-current button{
	background-color:#0B3A6E !important;
	border-color:#0B3A6E !important;
}
.slick-current .wpostahs-title{
	color:#0B3A6E !important;
}
.wpostahs-slider-nav-title:hover button{
	background-color:#0B3A6E !important;
	border-color:#0B3A6E !important;
}
.wpostahs-slider-nav-content{
	text-align:center !important;
}
.historique h2{
	display:inline-block !important;
	padding:5px 60px !important;
	border:2px solid #0B3A6E !important;
	color:#0B3A6E !important;
	font-weight:900 !important;
	border-radius:80px !important;
}

.historique .wpostahs-centent h3{
	 border-bottom: 1px solid #0B3A6E;
    padding-bottom: 5px;
    font-size: 20px;
	color:#0B3A6E;
    font-weight: 900;
}

.wpostahs-centent,.wpostahs-centent p, .wpostahs-centent ul,.wpostahs-centent li {
	text-align:left !important;
}
.wpostahs-slick-slider span.slick-arrow{
	background-color:#0B3A6E !important;
	border:5px solid #0B3A6E !important;
}
.wpostahs-slick-slider span.slick-arrow svg{
	fill:white !important;
}
.wpostahs-centent ul li{
	padding:8px 0px !important;
	font-size:18px !important;
	color:#0B3A6E !important;
}
.wpostahs-centent ul{
	text-align:left !important
}


.wpostahs-centent blockquote pre, .wpostahs-centent blockquote p{
	font-family: "Gotham", Sans-serif !important;
	font-style: italic !important;
	color:#6AA0DD !important;
	text-align:center !important;
}
.wpostahs-centent blockquote {
	margin:0px !important;
	text-align:center !important;
}

.historique .slick-dots{
	display:none !important;
}
.wpostahs-centent img, .wpostahs-centent figure{
	width:100% !important;
}
.wpostahs-centent figcaption {
	font-size:12px !important;
	margin-bottom:20px !important;
}


.e-loop__load-more a{
	color:#0B3A6E !important;
	background-color:transparent !important;
	border:1px solid #0B3A6E !important;
	border-radius:150px !important;
}
.e-loop__load-more a:hover{
	color:white !important;
	background-color:#0B3A6E !important;
}



/* Filtres */
.wpc-filters-labels a:hover{
	color:white !important;
}

.filter-custom .wpc-filters-labels input:checked ~ label a{
	color:white !important;
}
.wpc-filters-list-1187 li{
	padding-left:20px !important;
}
/* PEINTURES - ENDUITS - COLLES */
.wpc-term-id-24 label a, .wpc-term-id-25 label a, .wpc-term-id-38 label a,.wpc-term-id-17 label a  {
	text-transform:uppercase !important;
	font-size:18px !important;
}
.wpc-filters-list-1187 li.wpc-term-id-24, .wpc-filters-list-1187 li.wpc-term-id-25, .wpc-filters-list-1187 li.wpc-term-id-38,.wpc-filters-list-1187 li.wpc-term-id-17{
	padding-left:0px !important;
}
/* Impressions - Murs et plafonds */
.wpc-term-id-63 label a, .wpc-term-id-64 label a{
	font-weight:400 !important;
}
.wpc-filters-list-1187 li.wpc-term-id-63, .wpc-filters-list-1187 li.wpc-term-id-64{
	padding-left:40px !important;
}




/* Menu mobile */
.plus-mobile-menu-content.in, .plus-mobile-menu-content {
	top:68px !important;
}

/* Filtre mobile */
.wpc-open-close-filters-button.wpc-show-counts-no{
	margin-bottom:0px !important;
	width:100% !important;
	border-radius:20px !important;
	padding:20px !important;
	border-color:#E7EBF1 !important;
}
.wpc-show-counts-no.wpc-opened{
	margin-bottom:20px !important;
}

.wpc-filters-button-text{
	color:#0B3A6E !important;
	font-weight:bold !important;
}
.wpc-icon-html-wrapper span{
	border-color:#0B3A6E !important;
}


.skin-product:hover{
    transform: scale(1.03) !important;
}

/* Carousel */
.toz .skin-product:hover{
	transform: scale(1) !important;
} 


.si-close-button{
	display:none !important;
}


.page-id-2192 header #menu-equipe a span, .page-id-413 header #menu-histoire a span, .page-id-529 header #menu-avantages a span{
	color:#8F86A4 !important;
}


.carac h4{
	font-size:20px !important;
	font-weight:700 !important;
}
.carac p{
	font-size:16px !important;
}
.carac .e-con-inner{
	gap: 0px !important;
}



.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
	z-index:3 !important;
}

.e-search-results{
		max-height:calc(100vh - 300px) !important;
	}



@media screen and (max-width: 1024px){
	.e-search-results{
		max-height:calc(100vh - 300px) !important;
	}
}

@media screen and (max-width: 768px){
	.e-search-results-container{
		margin-left: -15px !important;
    	width: 100vw !important;
	}

}