/* 
Theme Name: Hello Elementor Child
Theme URI: https://cepie-concept.com
Description: thême créé pour Cepie Concept
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementorchild
*/

/* Add your custom styles here */


/********************************************************************************************/
/* générique */
/********************************************************************************************/
body{overflow-x: hidden;} /* Empêche l'apparition de l'ascenseur horizontal causée par les effets de mouvement vers la droite ou la gauche d'Elementor */
/*body > div.elementor{overflow-x: hidden;}*/ /* Empêche l'apparition de l'ascenseur horizontal causée par les effets de mouvement vers la droite ou la gauche d'Elementor */

/* accessibilité */
/*a:hover, a:focus {border: dotted 1px #7f7f7f !important;}*/
a:focus {border: dotted 1px #d51224 !important;}
button:focus {border: dotted 1px #d51224 !important;}

/* class */
.clearBoth{clear:both !important;height:0px !important; overflow: hidden !important;border:none !important;padding:0 !important;margin:0 !important;}


.clearBoth{clear:both !important;height:0px !important; overflow: hidden !important;border:none !important;padding:0 !important;margin:0 !important;}
.siteMobile{display:none !important;}
.siteClassique{display:block !important;}
@media screen and (max-width: 1024px){
	.siteMobile{display:block !important;}
	.siteClassique{display:none !important;}
}

.nonCliquable {pointer-events: none;}

/********************************************************************************/
/* variables couleurs  */
/********************************************************************************/
:root{
  --refOrangeLogo: #B37118;  /* orange logo - maitrise d'oeuvre */ 
  --refGrisLogo: #5A707A;  /* gris logo - bureau d'étude */
  --refBleuLogo: #19486F;  /* bleu logo - piscine */
  --refVertLogo: #137365;  /* vert logo - jardin - paysage */
  --refBleuFonce: #042b51;  /* bleu foncé */
}

/********************************************************************************************/
/* elementor */
/********************************************************************************************/
.elementor-text-editor h2{color:inherit  !important;}
.elementor-text-editor h3{color:inherit  !important;}
.elementor-text-editor h4{color:inherit  !important;}
.elementor-text-editor a{text-decoration: underline !important;color:inherit  !important;}
.elementor-text-editor a:hover, .elementor-text-editor a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-text-editor p:last-child {margin-bottom:0px;}

.elementor-widget-text-editor h2{color:inherit  !important;}
.elementor-widget-text-editor h3{color:inherit  !important;}
.elementor-widget-text-editor h4{color:inherit  !important;}
.elementor-widget-text-editor a{text-decoration: underline !important;color:inherit  !important;}
.elementor-widget-text-editor a:hover, .elementor-widget-text-editor a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-widget-text-editor p:last-child {margin-bottom:0px;}
.elementor-widget-text-editor ul {margin-bottom:15px;}

.elementor-tab-content h3{color:inherit  !important;}
.elementor-tab-content h4{color:inherit  !important;}
.elementor-tab-content h5{color:inherit  !important;}
.elementor-tab-content h6{color:inherit  !important;}
.elementor-tab-content a{text-decoration: underline !important;color:inherit  !important;}
.elementor-tab-content p:last-child {margin-bottom:0px;}
.elementor-tab-content a:hover, .elementor-tab-content a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-tab-content ul {margin-bottom:15px;}

/* permet de ne pas avoir l'encadrement sur le texte lors du clic sur l'onglet des va et vient */
.elementor-toggle-title{display: block;} 

/* elementor pagination */
.elementor-pagination{padding: 20px;}
.elementor-pagination .page-numbers{font-size: 15px;line-height: 20px;padding: 10px 15px;margin: 5px;color:#FFFFFF;background: #5A707A;transition: all .5s;border-radius: 20px;}
.elementor-pagination .page-numbers:hover{font-size: 15px;line-height: 20px;padding: 10px 15px;color:#FFFFFF;background: #19486F;transition: all .5s;border-radius: 20px;}
.elementor-pagination .page-numbers.current{font-size: 15px;line-height: 20px;padding: 10px 15px;color:#FFFFFF;background: #19486F;transition: all .5s;border-radius: 20px;}

/* va et vient - center */
.vev-center .elementor-widget-container .elementor-toggle .elementor-tab-title{text-align: center;}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left {float: none !important;}

/* va et vient - taille icones ouvertures et fermetures et aligmement au centre*/
.elementor-toggle-icon-opened{font-size: 25px;}
.elementor-toggle-icon-closed{font-size: 25px;}
.elementor-toggle-item .elementor-tab-title{display: flex; align-items: center;}


/* boucle carousel */
/* bug : les icônes de navigation ne sont pas centrées */ 
.swiper-pagination{transform:translate3d(0,0,0) !important;}

/* retait liste a puce barre latérale article */
.widget_block{list-style-type: none;}


/* ******************************************************************* */
/* Menu principal - couleurs différents onglets */
/* ********************************************************************/
@media screen and (max-width: 1130px){
	/* debug menu elementor sur version mobile : impossible de scroller correctement verticalement pour afficher toutes les pages se trouvant dans le menu déroulant quand il y a beaucoup de page et quand on est sur la version mobile */ 
	#menuPrincipal nav{overflow-y: auto !important;max-height: calc(100vh - 80px) !important;}
}

/*maitrise oeuvre*/
#menuPrincipal .marron a{color: var(--refOrangeLogo, #333)  !important;}
#menuPrincipal .marron a:hover{color: var(--refOrangeLogo, #333) !important;}

/* piscine */
#menuPrincipal .bleu a{color: var(--refBleuLogo, #333) !important;}
#menuPrincipal .bleu a:hover{color: var(--refBleuLogo, #333) !important;}

/* jardin */
#menuPrincipal .vert a {color: var(--refVertLogo, #333) !important;}
#menuPrincipal .vert a:hover {color: var(--refVertLogo, #333) !important;}

/* btn panier header */
.btnPanierHeader .elementor-menu-cart__toggle_button{background: #E8ECF0 !important;border: 2px solid #E8ECF0 !important;}
.btnPanierHeader .elementor-menu-cart__toggle_button:hover{background: white !important;border: 2px solid #19486F !important;}
.btnPanierHeader .e-font-icon-svg{color:#19486F !important;}

/********************************************************************************/
/* archive */
/********************************************************************************/
/* bouton sous catégorie */
.btnSousCategorie{color:#19486F !important;background:#E9EBED !important; margin: 10px !important;text-transform: uppercase !important;  text-decoration: none; padding: 10px;font-weight: 700;border-radius: 3px;border: 0;display: inline-block;}
.btnSousCategorie:hover{color:white !important;background:#19486F !important; }
/* commentaire */
#blog-entries .blog-entry-comments{display: none;}
/* couleur de base */
#blog-entries .category-bureau-detude .blog-entry-title a{color: #333;}
#blog-entries .category-bureau-detude .blog-entry-title a:hover{color: #000000;}
#blog-entries .blog-entry-category a{color: #333;}
#blog-entries .blog-entry-category a:hover{color: #000000;}
/* couleur par thème */
#blog-entries .category-bureau-detude .blog-entry-title a{color: var(--refGrisLogo, #333) !important;}
#blog-entries .category-bureau-detude .blog-entry-category a{color: var(--refGrisLogo, #333) !important;}
#blog-entries .category-maitrise-doeuvre .blog-entry-title a{color: var(--refOrangeLogo, #333) !important;}
#blog-entries .category-maitrise-doeuvre .blog-entry-category a{color: var(--refOrangeLogo, #333) !important;}
#blog-entries .category-paysage .blog-entry-title a{color: var(--refVertLogo, #333) !important;}
#blog-entries .category-paysage .blog-entry-category a{color: var(--refVertLogo, #333) !important;}
#blog-entries .category-piscine .blog-entry-title a{color: var(--refBleuLogo, #333) !important;}
#blog-entries .category-piscine .blog-entry-category a{color: var(--refBleuLogo, #333) !important;}

/********************************************************************************/
/* footer actu */
/********************************************************************************/
/*#actuFooter{background: #B37118}*/
	#actuFooter .couleur-bureau-detude .colActu>div{background:var(--refGrisLogo, #333);}
	#actuFooter .couleur-bureau-detude .titreActu h3 a{color:var(--refGrisLogo, #333);}
	#actuFooter .couleur-maitrise-doeuvre .colActu>div{background:var(--refOrangeLogo, #333);}
	#actuFooter .couleur-maitrise-doeuvre .titreActu h3 a{color:var(--refOrangeLogo, #333);}
	#actuFooter .couleur-paysage .colActu>div{background:var(--refVertLogo, #333);}
	#actuFooter .couleur-paysage .titreActu h3 a{color:var(--refVertLogo, #333);}
	#actuFooter .couleur-piscine .colActu>div{background:var(--refBleuLogo, #333);}
	#actuFooter .couleur-piscine .titreActu h3 a{color:var(--refBleuLogo, #333);}

/* ******************************************************************* */
/* WP TablePress - Style des tableaux */
/* ********************************************************************/
.tablepress > thead > tr > th{background-color: #092F4E !important;color: white !important;text-align: center !important;border: solid 8px #C3D0DA !important;}
.tablepress >tbody{background-color: white !important;}
.tablepress > tbody > tr > td:first-child{background-color: #19486F !important;color: white !important;padding: 10px ! important;border-top: solid 2px #C3D0DA !important;border-left: solid 8px #C3D0DA !important;border-right: solid 8px #C3D0DA !important;}
.tablepress > tbody > tr > td:not(:first-child){background-color: white !important;padding: 10px ! important;border: solid 2px #C3D0DA ;}


/********************************************/
/* xxxx */
/********************************************/

/********************************************************************************************/
/* plugins */
/********************************************************************************************/

/* ********************************************************************/
/* formulaire gravity : formulaire */
/* ********************************************************************/
/* lien politique de confidentialité souligné */
.gform_wrapper label a{text-decoration: underline;}

/* aligner le bouton submit à droite */
body .gform_wrapper .gform_footer{justify-content: flex-end;}

/* ********************************************************************/
/* OSM elementor */
/* ********************************************************************/
/* permet de définir la largeur minimale de l'infobulle */
.leaflet-popup-content{min-width:150px;}


/* ********************************************************************/
/* woocommerce */
/* ********************************************************************/
/* btn "ajouter un produit variable" bloqué */
.woocommerce-variation-add-to-cart-disabled button:hover {background: #5A707A !important;}

/* champs quantité produit */
.woocommerce .quantity .qty{width: 100px;}

/* panier : input quantité */ 
.woocommerce-cart-form__cart-item .product-quantity .qty{width: 50px !important;}

/********************************************************************************************/
/* PRINT */
/********************************************************************************************/
/*
@media print {
}
*/