/*
Theme Name: twentytwenty Child
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   twentytwenty
Version:    1.0
License:    GNU General Public License v2 or later
*/

/*PAGE CONTACT*/
/* formulaire de contact*/
#form-field-field_bb60136-0{
    display: inline-block !important;
    border-color: grey;
}

#contact > div > div > div > div.elementor-element.elementor-element-7142d1a.elementor-button-align-center.elementor-widget.elementor-widget-form > div > form > div > div.elementor-field-type-checkbox.elementor-field-group.elementor-column.elementor-field-group-field_6632947.elementor-col-100 > div > span > label{
	font-size: 0.7em !important;
}

#form-field-field_7e89c92{
	display: none;
}



/* PAGE FORMATION - vidéo */
#elementor-tab-content-1071 > iframe{
	width:560px!important;
	height:315px!important;
	margin-top:50px!important;
	margin-left: auto!important;
  margin-right: auto!important;
}

/*PAGE "Les projets accompagnés" - photo slider */
body > div.elementor.elementor-14 > section.elementor-section.elementor-top-section.elementor-element.elementor-element-8a7b3c5.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-e185f2a.elementor-arrows-position-outside.elementor-pagination-position-outside.elementor-widget.elementor-widget-image-carousel.e-widget-swiper > div > div > div.elementor-image-carousel.swiper-wrapper > div.swiper-slide.swiper-slide-active > figure > img{
    margin:auto;
}



/*PAGE KIT DE PRET*/

/*taille texte */
body > div.elementor.elementor-28 > section.elementor-section.elementor-top-section.elementor-element.elementor-element-5c93de7.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div{
font-size:1.5rem;
	line-height:2.1;
}



/*position image*/
img{
margin-left:auto!important;
margin-right:auto!important;
}

/*#elementor-tab-content-2061 > h3:nth-child(4) > img*/
#elementor-tab-content-2061 > p:nth-child(4) > img{
padding:1px!important;
margin-left:0!important;
}

/*bouton*/

.pt-cv-wrapper .btn-success{
		background-color:#e22658!important;
	border-color:#e22658!important;
	margin-left:30%;
}

.pt-cv-wrapper .btn-success:hover {
	background-color:#fff!important;
	border-color:#e22658!important;
	color: #e22658!important;
}



/*PAGE KITS*/

/* Espacement entre les kits*/
.pt-cv-wrapper [class*=pt-cv-] a{
	margin-top:5%;
	margin-bottom:5%;
}



/*PAGE ARTICLES */

/*Longueur des articles minimum*/
div.col-md-4.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-1-col{
	min-height:550px;
}



/*PAGE DOSSIER FAUTEUIL ROULANT - Images */
#elementor-tab-content-8101 > img{
	padding:1px!important;
	margin-left:0!important;
	width:45px!important;
}

#elementor-tab-content-8102 > p:nth-child(1) > img{
	padding:1px!important;
	margin-left:0!important;
	width:70px!important;
}

#elementor-tab-content-8102 > p:nth-child(5) > img{
	padding:1px!important;
	margin-left:0!important;
	width:3%!important;
}



/*PAGE R-NET -  fauteuil roulant*/
/*Vidéo*/
#elementor-tab-content-1942 > p:nth-child(2) > iframe{
	width:560px!important;
	height:315px!important;
	margin-top:50px!important;
	margin-left: auto!important;
  margin-right: auto!important;
}

#elementor-tab-content-1942 > p:nth-child(9) > iframe{
	width:560px!important;
	height:315px!important;
	margin-top:50px!important;
	margin-left: auto!important;
  margin-right: auto!important;
}

#elementor-tab-content-1943 > p:nth-child(2) > iframe{
	width:560px!important;
	height:315px!important;
	margin-top:50px!important;
	margin-left: auto!important;
  margin-right: auto!important;
}

/*L'image - panneau attention r-net*/
#elementor-tab-content-1943 > p:nth-child(2) > img{
	padding:1px!important;
	margin-left:0!important;
	width:45px!important;
}

#elementor-tab-content-1941 > p:nth-child(6) > b > b > img{
	padding:5px!important;
}

#elementor-tab-content-1943 > p:nth-child(6) > img{
	padding: 1px!important;
}
#elementor-tab-content-1941 > p:nth-child(8) > img{
	padding:1px!important;
}

#elementor-tab-content-1941 > p:nth-child(12) > img{
		padding:1px!important;
}

/*Image 1 - Récapitulatif*/
#elementor-tab-content-1944 > p:nth-child(1) > img{
    padding: 1px!important;
    width: 70%!important;
    height: auto!important;
}

/*Image 2 - Récapitulatif*/
#elementor-tab-content-1944 > p:nth-child(2) > img{
	    padding: 1px!important;
    width: 70%!important;
    height: auto!important;
}



/*PAGE - LINX */

/*L'image - panneau attention LINX */
#elementor-tab-content-1581 > p:nth-child(1) > img{
	padding:1px!important;
	margin-left:0!important;
	width:45px!important;
}

/*Comment faire - Vidéo 1*/
#elementor-tab-content-1582 > p:nth-child(3) > iframe:nth-child(1){
	width:560px!important;
	height:315px!important;
	margin-top:50px!important;
	margin-left: auto!important;
  margin-right: auto!important;
}

/*Comment faire -Vidéo 2*/
#elementor-tab-content-1582 > p:nth-child(3) > iframe:nth-child(4){
	width:560px!important;
	height:315px!important;
	margin-top:50px!important;
	margin-left: auto!important;
  margin-right: auto!important;
}

/*Utilisation - Vidéo*/
#elementor-tab-content-1583 > p:nth-child(1) > iframe{
	width:560px!important;
	height:315px!important;
	margin-top:50px!important;
	margin-left: auto!important;
  margin-right: auto!important;
}

/*Image - Récapitulatif - 1*/
#elementor-tab-content-1584 > p > img{
    padding: 1px!important;
    width: 70%!important;
    height: auto!important;
}

/*Image - Récapitulatif - 2*/
#elementor-tab-content-2201 > p > img.alignnone.size-full.wp-image-13036{
	 padding: 1px!important;
    width: 70%!important;
    height: auto!important;
}

/*PAGE Q-LOGIC3*/
/*Image récapitulatif*/
#elementor-tab-content-2201 > p > img.alignnone.size-full.wp-image-13037{
	 padding: 1px!important;
    width: 70%!important;
    height: auto!important;
}

/*L'image - panneau attention r-net*/
body > div.elementor.elementor-12743 > section.elementor-section.elementor-top-section.elementor-element.elementor-element-4105c92.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-e941891.elementor-widget.elementor-widget-text-editor > div > p:nth-child(1) > img{
	padding:1px!important;
	margin-left:0!important;
	width:45px!important;
}

/*Image dessous*/
body > div.elementor.elementor-12743 > section.elementor-section.elementor-top-section.elementor-element.elementor-element-4105c92.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-e941891.elementor-widget.elementor-widget-text-editor > div > p:nth-child(1){
	padding: 1px!important;
    width: 70%!important;
    height: auto!important;
}



/* ========================= */
/* MISE EN FORME DES BOUTONS DU PLUGIN DOWNLOAD MONITOR - "TELECHARGEMENTS" */
/* bug sur firefox, une fois qu'on a cliqué sur le lien, il prend un "color" blanc via le sélecteur :visited */
/* ajout de l'attribut "unset" ainsi que des !important sur les color de base et :hover */
a.download-button:visited{
	color: unset;
}
/* Retirer les <br> qui sont mis et les remplacer par un padding */
a.download-button br:first-child,
a.download-button br:last-child{
	display: none;
}

/* Mise en forme des boutons avec leurs hovers en utilisant la variable de la couleur du thème elementor */
a.download-button{
	max-width: max-content;
	padding: 12px 24px!important;
	
	background-image: none!important; /* pour enlever le dégradé */
	background-color: #ffffff; /* utilisation de la variable pour la couleur */
	color: var(--e-global-color-secondary)!important;
	border-color: var(--e-global-color-secondary);
	border-radius: 5px;
	border-width: 2px!important;
	
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: none;
}
/* Mettre le texte du bouton en lettres capitales et en gras sans cibler le texte qui se trouve en dessous */
a.download-button small{
	margin-top: 8px;
	
	font-weight: 400;
	text-transform: none;
}
a.download-button:hover{
	color: #ffffff!important;
	border-color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-secondary);
	background-image: none!important;
}

/* ======================== */
/* LISTE D'ICONES ELEMENTOR */
/* Enlever le souligné des icones dans les listes d'icônes des modules elementor */
.elementor-widget-icon-list .elementor-icon-list-icon i::before{
	text-decoration: underline #fff;
}


/* ========================= */
/* PAGE PRIVE - MOT DE PASSE */
/* conteneur */
.post-password-form{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	
	max-width: 1140px;
	
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
	
	padding-right: 5%;
	padding-left: 5%;
	
	font-size: 1.7rem;
}

/* mettre une marge sous les champs */
.post-password-form input{
	margin-bottom: 20px;
}

/* mise en forme du bouton valider */
.post-password-form input[type="submit"]{
	padding: 12px 24px;
	
	border: 2px solid  var( --e-global-color-secondary );
	transition-property: all;
	transition-delay: 0,3s;
	
	font-size: 1.6rem;
	font-weight:600;
}
/* enlever l'effet "souligner" du hover */
.post-password-form input[type="submit"]:hover{
	text-decoration: none;
}


/* ===== */
/* MENU */
/* logo svg pour le dimensionner */
.logo-nav-barre svg{
	max-width: 300px!important;
	Width : 100%!important;
	height: unset!important;
	
	margin-left: auto;
	margin-right: auto;
}

/* ================ */
/* MENU DE COMPTES */
/* enlever la petite flèche à droite du picto d'utilisateur */
.bouton-menu-compte + span.sub-arrow{
	display: none;
}


/* ============== */
/* PAGE D'ACCUEIL */
/* modules d'aperçu des kits, actualités et fiches techniques */
/* ajout d'un code responsive pour diminuer le nombre de miniatures affichées sur tablette et mobile grace à la classe "apercu-accueil" que j'ai ajouté via elementor */
@media screen and (max-width: 1024px) {
  .apercu-accueil .elementor-posts-container>:nth-child(n+3){
	display: none;
	}
}
@media screen and (max-width: 767px) {
  .apercu-accueil .elementor-posts-container>:nth-child(n+2){
	display: none;
	}
}
/* SWIPER Co-conception dans la page d'accueil mais aussi de la page co-conception*/
/* Mise en forme du swiper, section projets accompagnés */
.projets-accompagnes img,
.projets-accompagnes-co-conception img{
	width: 100%!important;
	height: 150px!important;
	object-fit: contain!important;
	padding: 0;
}
/* enlever les flèches sur le format PC */
@media screen and (min-width: 1024px) {
    .projets-accompagnes .elementor-swiper-button {
		display: none;
	}
	/* enlever le padding du container pour que ce soit bien aligné avec le H2 juste au dessus et le reste de la page */
	.projets-accompagnes .swiper-container{
		width: 100%!important;
	}
}


/* =========== */
/* SEPARATEURS */
/* permettre aux séparateurs de prendre toute la largeure de l'écran */
.separateur .elementor-container{
	max-width: 1920px!important;
}
.separateur .elementor-container img{
	min-height: 50px!important;
	object-fit: cover;
}


/* ============ */
/* IVORY SEARCH */
/* boutons (input de type "submit") des formulaires de recherche */
.is-search-form input[type="submit"]{
	border: 2px solid var( --e-global-color-secondary )!important;
}
.is-search-form input[type="submit"]:hover,
.is-search-form input[type="submit"]:focus{
	text-decoration: none!important;
	background-color: transparent!important;
	color: var( --e-global-color-secondary )!important;
}
/* ajout d'un border-radius pour correspondre au bouton à l'intérieur */
.is-search-form input{
	border-radius: 5px!important;
}


/* ================= */
/* PAGE DE RECHERCHE */
/* apporter une différence sur chaque élément en fonction du type de contenu */
.search-results article.elementor-post > div{
	position: relative;
	
	padding-top: 1rem;
}
.search-results article.elementor-post > div::before{
	position: absolute;
	right: 0;
	top: 0;
	
	display:block;
	
	padding: 3px 10px;
	
	font-size: 1.6rem;
	border-radius: 0 10px 0;
}

/* kits de prêt */
.search-results article.type-kits_de_prets > div::before{
	content: "Kit";
	
	background-color: var( --e-global-color-secondary );
	color: #fff;
}

/* articles */
.search-results article.type-post > div::before{
	content: "Article";
	
	background-color: var( --e-global-color-primary );
	color: #fff;
}

/* webinaire */
.search-results article.type-webinaires > div::before{
	content: "Webinaire";
	
	background-color: #F8A916;
	color:  var( --e-global-color-primary );
}

/* Fiches Techniques */
.search-results article.product_cat-fiches_techniques > div::before{
	content: "Fiche Technique";
	
	background-color: rgba(0, 82, 106, 0.2);
	color:  var( --e-global-color-primary );
}

/* Capsules vidéo */
.search-results article.type-capsules-video > div::before{
	content: "Capsule vidéo";
	
	background-color: rgba(0, 82, 106, 0.2);
	color:  var( --e-global-color-primary );
}

/* Outils */
.search-results article.type-boite-a-outils > div::before{
	content: "Outil";
	
	background-color: rgba(0, 82, 106, 0.2);
	color:  var( --e-global-color-primary );
}






/* ================================= */
/* FORMULAIRE DE RECHERCHE de la NAV */
/* mettre la croix en haut à droite + agrandir la croix */
.elementor-search-form__container .dialog-lightbox-close-button {
	top: 2%;
	right: 2%
}
.elementor-search-form__container .dialog-lightbox-close-button i{
	font-size: 1.6em;
}

/* ============= */
/* PAGE PRODUITS */
/* correction de la taille de la police dans les tableaux */
.product-template-default table{
	font-size: inherit;
}
/* woocommerce tabs */
/* élargir et centrer les éléments à l'intérieur des onglets (mais ne pas toucher aux images) */
.woocommerce-Tabs-panel > *:not(figure, img) {
	width: 100%!important;
	max-width: 760px!important;
	
	margin-left: auto!important;
	margin-right: auto!important;

	font-size: 16px;
	font-family: "Poppins", Sans-serif;
}
/* mettre la bonne font aux figcaption et les centrer par rapport à leurs images */
.woocommerce-Tabs-panel figcaption {
	text-align: center;
	font-family: Poppins!important;
	font-weight: 400;
	font-style: italic;
}
/* enlever le CSS bizarre du plugin qui foutait tout en l'air sur les listes à puce des onglets  */
.woocommerce-tabs ul {
	font-size: 16px;
	font-family: inherit!important;
	padding-left: 25px;
}
.woocommerce-tabs ul li {
	margin-right: 0!important;
}
.woocommerce-Tabs-panel figure{
	margin-left: auto!important;
	margin-right: auto!important;
}
/* Faire en sorte que les images en float ne se mettent pas à l'autre bout de l'écran */
.woocommerce-tabs .alignleft,
.woocommerce-tabs .alignright {
	position: unset!important;
}

/* faire les onglet plus jolis et qu'ils aient plus l'air d'onglets */
.woocommerce-tabs ul.tabs a{
	border-color: #eee;
	border-style: solid;
	border-left-width: 3px;
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 0;
}

.woocommerce-tabs ul.tabs li:not(.active) a{
	background-color: #eee;
	color: var(--e-global-color-primary);
}

.woocommerce-tabs ul.tabs li:not(.active) a:hover{
	background-color: #f5f5f5;
	border-color: #f5f5f5;
	box-shadow: 0 3px 0 var(--e-global-color-primary) inset;
}

.woocommerce-tabs ul.tabs li.active a{
	box-shadow: 0 3px 0 var(--e-global-color-secondary) inset;
}

.woocommerce-Tabs-panel{
	border-top: 0!important;
}



/* ============================= */
/* ARCHIVE DES FICHES TECHNIQUES */
/* Sur la page d'archive des FT, faire en sorte que toutes les images aient la même taille pour que tous les titres soient au même niveau */
.archive-fiches-techniques .attachment-woocommerce_thumbnail{
	aspect-ratio: 1;
	object-fit: contain;
	width: 100%;
}


/* ================= */
/* FICHES TECHNIQUES */
/* mettre le titre H1 en smallcaps */
.small-caps{
	font-variant: small-caps;
}
/* rendre les sous-titres et l'info ISO plus jolis */
.fiche-technique-sous-titre{
	margin-bottom: 0!important;
}
.fiche-technique-sous-titre p:last-of-type{
	margin-bottom: 5px!important;
}
/*.fiche-technique-sous-titre em{
	display: block;
	font-size: 1.6rem;
	font-style: normal;
}
.fiche-technique-sous-titre em:before{
	content: "\f02a";
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	height: 14px;
	width: 14px;
	display: inline-block;
}*/

/* Sommaire */
/* mettre le sommaire en sitcky uniquement pour les tablettes et desktop */
@media screen and (min-width: 768px){
	.sommaire-fiches-techniques{
		position: sticky!important;
		top: 132px;
		max-height: calc(100vh - 152px);
		overflow: auto;
	}
}

.sommaire-fiches-techniques ol.elementor-toc__list-wrapper{
	margin: 0;
}

/* permettre l'affichage du outline en enlevant les overflow hidden */
#ez-toc-container li,
#ez-toc-container ul,
#ez-toc-container ul li,
div.ez-toc-widget-container,
div.ez-toc-widget-container li,
div#ez-toc-container ul li{
	overflow: unset;
}

/* Contenu */
/* enlever le margin top des H2 des FT */
.contenu-fiches-techniques h2:first-of-type{
	margin-top: 0;
}
.contenu-fiches-techniques h2{
	border-bottom: 1px solid currentColor;
}
/* corriger le responsive des images */
.contenu-fiches-techniques figure{
	max-width: 100%;
}
/* jolification des talbeaux des F.T. */
.jolification-tableaux table,
.jolification-tableaux table *{
	border: none;
}
.jolification-tableaux table th{
	vertical-align: middle!important;
}
/* mettre un léger background-color une ligne sur deux
.jolification-tableaux tr:nth-child(even){
	background-color: #F5F5F5;
}*/
.jolification-tableaux tr:not(:last-of-type){
	border-bottom: solid 2px #ededed;
}
/* empêcher les mots de la première colonne de se casser */
.jolification-tableaux th{
	word-break: normal;
}
/* Rendre les tableaux responsives */
.jolification-tableaux table{
	table-layout: fixed;
}


/* TABS */
/* revision de la taille de la police des H2 des tabs */
.woocommerce-tabs .woocommerce-Tabs-panel h2{
	font-size: 1.7em!important;
}



/* ============ */
/* FORMULAIRES */
/* rendre les formulaires gravity plus jolis */

.formulaires-gravity h2{
	margin-top: 1px!important;
	margin-bottom: 10px!important;
}
.formulaires-gravity label{
	font-weight: 500!important;
}
.formulaires-gravity fieldset{
	margin-top: 50px!important;
	border-top: solid 2px #DDDDDD!important;
}
.formulaires-gravity legend{
	padding-right: 8px!important;
	font-weight: 600!important;
	color: var(--e-global-color-primary)!important;
}
/* notes de bas de page des formulaires */
.field_description_below{
	font-size: 14px;
}
/* boutons */
.formulaires-gravity .button{
	border: solid currentcolor 2px!important;
	font-size: 18px!important;
	transition: all .3s;
	padding: 12px 25px;
}
.formulaires-gravity .button:hover{
	text-decoration: none!important;
}




/* ================ */
/* ESPACES COMPTES */
/* gérer la couleur, font, etc. des boutons */

.ajout-charte-graphique .um input[type=submit].um-button{
	color: #ffffff!important;
	background-color: var(--e-global-color-secondary);
	border: 2px solid var(--e-global-color-secondary)!important;
	text-transform: uppercase!important;
	
	transition: background-color 0.3s, color 0.3s;
}
.ajout-charte-graphique .um input[type=submit].um-button:hover,
.ajout-charte-graphique .um input[type=submit].um-button:focus{
	color: var(--e-global-color-secondary)!important;
	background-color: #ffffff;
	
	transition: background-color 0.3s, color 0.3s;
}

.ajout-charte-graphique .um-button{
	padding: 12px 24px!important;
	font-weight: 600!important;
}

.ajout-charte-graphique .um .um-profile-nav-item.active a{
	background-color: var(--e-global-color-accent);
}

.ajout-charte-graphique .um-profile-nav{
	background: #333;
}


.ajout-charte-graphique .um .um-button.um-alt, 
.ajout-charte-graphique .um input[type=submit].um-button.um-alt{
	color: var(--e-global-color-accent);
}


/* couleur des labels */
.ajout-charte-graphique .um .um-field-label{
	color: var(--e-global-color-text);
}




/* ======================= */
/* CAPSULES VIDEO ARCHIVES */


/* Créer un encart visuel sur les cards sur la page archive des cacules vidéo pour mettre en avant les contenus premiums */
.archive-capsules-video_liste .category-capsules-video-premium .archive-capsules-video_liste-item .archive-capsules-video_img{
	position: relative;
}
.archive-capsules-video_liste .category-capsules-video-premium .archive-capsules-video_liste-item .archive-capsules-video_img::before{
	position: absolute;
	right: 0;
	bottom: 0;
	
	display:block;
	
	padding: 3px 10px;
	
	font-size: 1.6rem;
	font-weight: 500;
	border-radius: 10px 0 10px 0;

	content: "Premium";
	
	background-color: var( --e-global-color-primary );
	color: #fff;

	z-index: 20;
}



/* souligner les liens dans les listes sur les pages des capsules vidéo */
.capsules-video-article_contenu ul > li > a{
	text-decoration: underline;
}


/* aligner les boutons "voir la vidéo" sur le bas de la card */
.archive-capsules-video_column > .elementor-widget-wrap{
	flex-direction: column;
}
.archive-capsules-video_titre{
	flex-grow: 1!important;
}



/* ============ */
/* COMMENTAIRES */
/* utiliser les variables d'elementor texte pour le texte, les noms des commentaires et le message "soyez le premier à laisser un commentaire"  */
.entry-content,
.commentlist{
	font-family: var(--e-global-typography-text-font-family);
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
}
.comment-author{
	font-family: var(--e-global-typography-accent-font-family);
	font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight);
}
.comment-reply-title{
	font-family: var(--e-global-typography-text-font-family);
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
}

/* diminuer l'impact de la date */
.comment-metadata{
	font-size: calc(var(--e-global-typography-text-font-size) * 0.9);
}

/* diminuer l'impact du "bouton" répondre et le mettre sur la droite */
.comment-footer-meta{
	margin-top: 0;
	justify-content: flex-end;
}
.comment-reply-link{
	color: var(--e-global-color-primary)!important;
	font-size: calc(var(--e-global-typography-text-font-size) * 0.9);
	background: none!important;

	padding: 0;
	margin: 0;
	text-transform: capitalize;
	text-decoration: underline!important;
}

/* diminuer la taille du titre "Répondre à ---" */
.comments .comment-respond .comment-reply-title{
	font-size: calc(var(--e-global-typography-accent-font-size) * 1.4)!important;
}

/* Augmenter la taille max de la zone d'ajout d'un commentaires */
.comment-respond p:not(.comment-notes){
	max-width: 100%;
}


/* ============ */
/* SÉPARATEURS */
/* Mettre un margin aux séparateurs */
.elementor hr{
	Margin-top : 5rem!important;
	margin-bottom : 5rem!important;
}




/* ============================= */
/* FILTRES WOOFILTER BY WOOBEWOO */
/* enlever le petit check noir qui s'ajoute par dessus les input et qui fait doublon */
.wpfCheckbox input[type="checkbox"]{
	accent-color: var(--e-global-color-primary);
}

/* mettre en couleur d'accent, une couleur qui correspond à la charte graphique */
.wpfCheckbox input[type="checkbox"]:checked::before{
	content: none;
}


/* enlever les marges des titres dans les filtres */
.wpfFilterWrapper h2,
.wpfFilterWrapper h3,
.wpfFilterWrapper h4,
.wpfFilterWrapper h5{
	margin: 0!important;
	font-weight: 500!important;
}

/* mettre un petit padding left pour que l'outline du focus s'affiche correctement (conflits overflow-x et overflow-y) */
.wpfFilterVerScroll{
	padding-left: 8px!important;
}
.wpfFilterWrapper{
	padding-left: 0!important;
}