:root {
--blanc: #ffffff;
--accent1: #C70003;
--accent1hover: #640002;
--accent2: #FFD609;
--accent2hover: rgb(231, 209, 97);
--accent3: #CAD914;	
--accent3hover: #008996;
--clair: #F5F5F5;
--moyen: #666666;
--fonce: #181B24;
--foncehover: #576886;
--fonttitres:'Open Sans';
--fonttextes:'Open Sans';
}

/* spécifique */

.barregroupe {
    background-color:var(--moyen)
}

.icon {
padding-left : 40px;
margin-left:0;
background-repeat: no-repeat;
background-position: left top;
background-position-y: 15px;
}

.icon-mulot {
background-image: url(https://www.mulot-group.com/wp-content/uploads/2021/12/icon-mulot.svg);
}

.icon-huitren {
background-image: url(https://www.mulot.fr/wp-content/uploads/sites/2/2021/12/huitren.svg);
background-position-y: 15px;
background-size: 50px;
}

.icon-moulen {
background-image: url(https://www.mulot.fr/wp-content/uploads/sites/2/2021/12/moulen.svg);
background-position-y: 15px;
background-size: 50px;
}

.icon-autresn {
background-image: url(https://www.mulot.fr/wp-content/uploads/sites/2/2021/12/coquillagen.svg);
background-position-y: 15px;
background-size: 50px;
}

.icon-accessoiresn {
background-image: url(https://www.mulot.fr/wp-content/uploads/sites/2/2021/12/accessoiren.svg);
background-position-y: 15px;
background-size: 50px;
}

.icon-bateaun {
background-image: url(https://www.mulot.fr/wp-content/uploads/sites/2/2021/12/bateaun.svg);
background-position-y: 15px;
background-size: 50px;
}



/* Styles de textes */

html, body {
    font-family:var(--fonttextes)!important;
	font-size:1rem!important;
}

h1,h2,h3,h4,h5,h6 {
    font-family:var(--fonttitres)!important;
} 

p, li, a {
    color:var(--fonce);
}

h1, h1 a {
    font-size:2.5rem;
    color:var(--fonce);
    line-height:2.5rem;
    font-weight:900!important;
    b {font-weight:200!important;
    color:var(--fonce);}
}

h2, h2 a {
    font-size:1.5rem;
    text-transform: uppercase!important;
    font-weight:700;
     b {font-weight:700!important;
    color:var(--fonce);}
}

h3, h3 a {
    font-size:1.2rem!important;
    font-weight:900!important;
     text-transform: uppercase!important;
    font-weight:700;
    color:--var(--accent1)!important;

}

/* Couleurs d'accent */

.accent1 {
    h1,h2,h3,h4,h5,h6,p,li,a {color:var(--accent1);
    }
}
.accent2 {
    h1,h2,h3,h4,h5,h6,p,li,a {color:var(--accent2);
    }
}
.blanc {
    h1,h2,h3,h4,h5,h6p,li,a {color:var(--blanc);
    }
}
.clair {
    h1,h2,h3,h4,h5,h6p,li,a {color:var(--clair);
    }
}
.moyen {
    h1,h2,h3,h4,h5,h6p,li,a {color:var(--moyen);
    }
}
.fonce {
    h1,h2,h3,h4,h5,h6p,li,a {color:var(--fonce);
    }
}

/* Couleurs d'accent backgrounds */

.bgaccent1 {
    background-color:var(--accent1);
}
.bgaccent2 {
    background-color:var(--accent2);
}
.bgclair  {
    background-color:var(--clair);
}
.bgmoyen {
    background-color:var(--moyen);
}
.bgfonce {
    background-color:var(--fonce);
}

.bgblanc {
    background-color:#ffffff;
}

/* recadrer les images */

.recadre img {
-o-object-fit: cover!important;
   object-fit: cover!important;
height: 200px!important;
max-width: 500px!important;
	padding-bottom:30px
}


/* cacher le dernier niveau du fil d'ariane */





/* Blocs spécifiques */

#header {

    #logo {}

    #menu {
        li a {color:var(--fonce);
        &:hover {color:var(--accent1)} 
        }
        .fl-logo-img {
            width:115px;
            margin-bottom:-40px;
            position:relative; 
            z-index:1000
        }
        .contact {
            display:block;
            border:1px solid;
            padding:13px 25px 13px 25px;
        }
    }
}

#fildariane
{font-size:0.8rem;
.breadcrumb_last {visibility:hidden;}
}



#actu {
       .fl-post-grid-title h2, h2 a {
    font-size:1.3rem;
    font-weight: bold;
}
}


#form{}


#footer {
    background-color:var(--fonce);
    h3   {font-size:0.8rem;font-weight:bold;}
    p,li,a {font-size:0.8rem;}
}


/* Boutons couleur accent */

.buttonaccent a.fl-button {
    border: 1px solid var(--accent1)!important;
        border-radius: 50px;
}
.buttonaccent a:hover.fl-button {
    border: 1px solid var(--accent1hover)!important;
}
.buttonaccent a.fl-button .fl-button-text{
    color:var(--accent1);
}
.buttonaccent a:hover.fl-button .fl-button-text{
    color:var(--accent1hover);
}
/* Boutons Couleur background */

.buttonfonce a.fl-button {
    border: 1px solid var(--fonce)!important;
        border-radius: 50px;
}
.buttonfonce a:hover.fl-button {
    border: 1px solid var(--foncehover)!important;
}
.buttonfonce a.fl-button .fl-button-text{
    color:var(--fonce);
}
.buttonfonce a:hover.fl-button .fl-button-text{
    color:var(--foncehover);
}

/* Boutons blancs */

.buttonblanc a.fl-button {
    border: 1px solid var(--blanc)!important;
        border-radius: 50px;
}
.buttonblanc a:hover.fl-button {
    border: 1px solid var(--clair)!important;
}
.buttonblanc .fl-button-text {
    color:var(--blanc);
}
.buttonblanc a:hover.fl-button .fl-button-text{
    color:var(--clair);
}


.wp-grid-builder.wpgb-grid-3 {
    .wpgb-card .wpgb-card-media-thumbnail div {
        background-size:contain;
    }
}

h4.wpgb-facet-title  {
text-transform: uppercase;
font-weight:bold;
font-size:1rem!important;
padding-bottom:10px!important;
margin-bottom:0!important;

}

/*.wpgb-sidebar {
    max-width:50px!important;
}*/

.wpgb-card-body h3 {
    word-break: none!important;
    text-transform:normal!important!;
line-height:1.2rem!important;
font-size:0.8rem!important;
}


/* fiche produit */


.quantity input {
    margin-top:15px;
}

.woocommerce-Tabs-panel h2, .up-sells h2 , .related h2 {
    display:none;
}

.products ul h2 {
    display:block;
    font-size: 0.8rem!important;
    text-align:left!important;
}


th.woocommerce-product-attributes-item__label {
    width:250px!important;
}

/* liste produits */

h3.wpgb-block-3 a {
        font-size:1rem!important;
        ms-hyphens : none!important;
    
}

.wpgb-prev-button {
    margin-left:-40px!important;
}

.wpgb-next-button {
    margin-right:-40px!important;
}