/*
Theme Name: Divi Child
Template: Divi
Description: Divi Child Theme
Author: Nicolas - NEL Telecom
Author URI: https://www.nel-telecom.com/
*/


h1,h2
{font-family: "Arial Rounded MT Bold", sans-serif !important; -moz-font-family: "Arial Rounded MT Bold", sans-serif !important; -webkit-font-family: "Arial Rounded MT Bold", sans-serif !important;}

h1
{font-size: xx-large;}

.bold
{font-weight: bold !important;}

.left
{text-align: left !important;}

.center
{text-align: center !important;}

.right
{text-align: right !important;}

.souligne
{text-decoration: underline;}

.normal
{font-weight: normal;}

.xx-small
{font-size: xx-small;}

.x-small
{font-size: x-small;}

.small
{font-size: small;}

.large
{font-size: large;}

.x-large
{font-size: x-large;}

.xx-large
{font-size: xx-large;}

.largebold
{font-size: large; font-weight: bold !important;}




/* entretoise de 50px vers le haut */
.separation_haute_de_50px
{margin-top: 50px;}

/* entretoise de 50px vers le bas */
.separation_basse_de_50px
{margin-bottom: 50px;}

/* entretoise de 75px vers le bas */
.separation_basse_de_75px
{margin-bottom: 75px;}

/* entretoise de 100px vers le bas */
.separation_basse_de_100px
{margin-bottom: 100px;}

/* Barre de separation en relief */
.barrerose100_4px
{width: 100%; margin: auto; height: 10px; background-image:linear-gradient(#8cf0ac, white, #8cf0ac); color: #8cf0ac; border: none; display: block !important; border-radius:12px; box-shadow:2px 4px 7px gray;}


/* menu principal en vert degrade */
#main-header
{background-image: linear-gradient(#8cf0ac, #FFFFFF) !important;}

/* Sous menu principal, le reste est dans Menu Primaire de Apparence-Personnaliser */
#main-header .nav li ul
{border-radius: 8px !important;}

/* effacer l'icone email car pas de email sur le site ! du menu haut */
#et-info-email
{display: none;}

/* Meta slider bords arrondis */
.metaslider .slides img
{border-radius: 20px !important;}

/* Arrondi 20px Formulaire de contact */
.et_pb_row .et_pb_column:last-child, .et_pb_row .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, #adressegooglemap
{border-radius: 20px !important;}



/* <------------------------------------------------------------> */
/* ajouter une ligne au survol des éléments du menu */

#top-menu .current-menu-item a::before {
-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 1.0;
}

#top-menu li a:hover:before {
-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 1;
}

#top-menu li a:before {
content: '';
position: absolute;
top: 14px;
left: 0;
background: #2ffc33; /* changez le code couleur HTML à votre convenance */
width: 100%;
height: 2px;
-webkit-transform: translateY(24px);
transform: translateY(24px);
opacity: 0;
transition: 0.3s ease;
}

/* <------------------------------------------------------------> */



/* Arrondi de google map - page acceuil */
.adressegooglemap
{border-radius: 20px !important;}

/* supprimer la ligne grise sous le menu principal de Divi */
#main-header {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* Bouton du formulaire de contact */
#fld_2540313_1, #fld_5607907_1
{border-color: #8cf0ac; background-color: #8cf0ac; color: black;font-weight: bold; border-radius: 6px;}
#fld_2540313_1:hover, #fld_5607907_1:hover
{color: #2ea3f2; border-color: #2ea3f2;}


/* <-------------------------------------------WooCommerce--------------------------------------> */

/* Enlever les titres des pages woocommerce */
.woocommerce-products-header__title
{display: none !important;}

/* Retirer WOOF de entete de boutique */
.woof_sid_auto_shortcode.woof
{display: none;}

/* Enlever le surlignage jaune du nombre de produits */
.count
{background: none !important;}

/* arrondi des boites categories et sous categories et agrandissement au suvol */
.product-category, .product-type-simple, .product-type-variable
{border-radius: 20px !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); transform: scale(1); transition: .5s ease-in-out;}

.product-category:hover, .product-type-simple:hover, .product-type-variable:hover
{box-shadow: 0 0 10px 0 rgba(0, 255, 0, 0.6) !important;}

.product-category:hover
{transform: scale(1.05) !important;}

/* arrondi des images des boites categories et sous categories */
.woocommerce ul.products li.product a img, .et_overlay, .et_shop_image
{border-top-left-radius: 20px !important; border-top-right-radius: 20px !important;}

/* texte centré pour les boites de catégories et fiche produit */
.woocommerce-loop-category__title, .woocommerce-loop-product__title, .price
{text-align: center;}

/* Changer la boite Promo */
.woocommerce span.onsale, .woocommerce-page span.onsale
{background: red !important; font-weight: bold !important; border-radius: 12px !important;}

/* Sur les boites produits centrer le texte et remonter le bouton Ajouter au panier de 2% */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{text-align: center !important; padding-bottom: 2% !important;}

/* couleur de la boite pour rentrer le code promo du panier */
#coupon_code
{background-color: #8cf0ac !important; color: black !important; border-radius: 10px !important;}

/* Message Woo en haut de page */
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message
{border-radius: 12px;}

/* Arrondi et couleur du menus déroulant de tri */
.orderby
{border-radius: 6px; padding: 3px; border-color: #8cf0ac; border-style: solid; border-width: 1px; box-shadow: 0 0 6px 0 rgba(0, 255, 0, 0.6); background-color: white !important;}

/* Style de pagination boutique */
.woocommerce-pagination ul.page-numbers
{border-radius: 6px !important; border-width: 2px !important; border-color: #8cf0ac !important; background-color: #8cf0ac;}



/* <-------------------------------------------WooCommerce Back-end--------------------------------------> */



/* <-------------------------------------------Sidebars--------------------------------------> */

/* Style recherche WOOF */
.aws-form-btn
{background-color: #8cf0ac !important; border-radius: 6px !important; border-color: #8cf0ac !important; box-shadow: 0 0 6px 0 rgba(0, 255, 0, 0.6);}

.aws-search-field
{border-color: #8cf0ac !important; box-shadow: 0 0 6px 0 rgba(0, 255, 0, 0.6) !important;}

.aws-search-btn_icon
{color: black !important;}

/* ombrage et bord vert des widgets filtres */
.chosen-container
{border-color: #8cf0ac; border-style: solid; border-width: 1px; box-shadow: 0 0 6px 0 rgba(0, 255, 0, 0.6) !important;}

.chosen-choices
{border: none !important;}

.woof_block_html_items
{color: #35cc1a; font-family: "Arial Rounded MT Bold";}

/* fond rose Filtrer par prix */
.irs-from, .irs-to
{background-color: #8cf0ac !important; color: black !important; box-shadow: 0 0 6px 0 rgba(0, 255, 0, 0.6);}

.irs-grid-text
{color: #35cc1a !important;}

/* Centrage des titres widget */
.widgettitle
{text-align: center;}



/* <-------------------------------------------Caldera forms--------------------------------------> */

/* Arrondi des boutons modales */
.caldera-forms-modal
{background-color: #8cf0ac; border: 2px; font-weight: bold; padding: 12px; border-radius: 6px;}

.caldera-forms-modal:hover, .caldera-forms-modal:active
{color: #2EA3F2;}