/************************* TEMPLATE DE BASE ********************/
html{ overflow-x: hidden!important;}

body,#wrapper {
    background: #ffffff!important;
}

#footer {
    padding-top: 0;
}

a{
    color:#32559f;
}
a:hover{
    color: #f70606;
}
.btn-primary{
    background-color: #32559f;
}
.btn-primary:hover{
    background-color: #f70606;
}


/*** PANNIER ***/
.page-cart #wrapper{
    padding-top: 11rem;
    padding-bottom: 7em;
}
.page-cart #wrapper .cart-grid-body a.label:hover{
    color: #ee1d23;
}
.product-price .price{
    color:#32559f!important;
}

/*** COMMANDE ***/

body#checkout section.checkout-step.-reachable.-current .step-number{
    background-color: #f70606;
}
.page-order .done{
    color: #f70606;
}
.page-order .nav-link:hover{
    color: #ee1d23!important;
}
.page-order .form-control:focus{
    outline: .1875rem solid #32559f!important;
}
.custom-radio input[type=radio]:checked+span{
        background-color: #32559f;
}
.done{
    color: #32559f;
}
/*** PAGE PERSONNELLE ***/

.alert-info{
    background-color: #32559f3f;
    border-color: #32559f3f;
    color: #000000;
}

.progress-bar {
        background-color: #32559f!important;
}
.text-success{ color: #32559f!important;}
.form-control:focus{ outline: .1875rem solid #32559f!important;}
.page-my-account #content .links a:hover i{    color: #32559f; }

#module-blockwishlist-lists #wrapper{
    padding-top: 11rem;
    padding-bottom: 7em;
}
#module-blockwishlist-lists #wrapper a{
    color: #32559f!important;
}
#module-blockwishlist-lists #wrapper a:hover, #module-blockwishlist-lists #wrapper a:hover .wishlist-list-item-title{
    color: #ee1d23!important;
}

/*** ARTICLES ***/
/*#module-prestablog-blog .container{
            width: 1920px;
}
a.blog_link:hover{
    background-color: #f70606!important;
}
#module-prestablog-blog #wrapper .container .row{
    padding: 5%;
}*/

/************************* CUSTOM ********************/


/*** TITRE CUSTOM ***/

.title-3 h3{
   font-size: clamp(1.7em,
    2vw, 2.5em)!important; 
}

.h2-custom h2{
    font-size: clamp(2.2em,
    3.5vw, 5em)!important;
}
.h2-banner h2{
    font-size: clamp(2.5em,
    3.5vw, 5em)!important;
}
.p-custom{
   p, li{ font-size: clamp(0.9em, 1.2vw, 1.4em)!important;
    line-height: 1.2!important;
}
}

    /*** BLOC CUSTOM ***/
    
    
.fabrication{
        border-radius: 41px 40px 0 0;
    background-color: f2f2f2;
    box-shadow: 0px 0px 10px 0px #00000021;
}
.slider-produit{
   .ls-v6 .ls-bottom-slidebuttons a{
        border: 2px solid black !important;
    }
}
.texte-shadow{
    text-shadow: 0px 2px 4px white;
}
.activity{

    h2{
    text-shadow: 1px 2px 10px #000000;
    }
}

.min-height{
    .elementor-column-wrap{
        min-height: 402px;
    }
}


/*** BOUTON  ******/

 .btn-vendeurs{
  	background-color: #de0014!important;
 	color: white;
 	 border-radius: 50px;
 	 padding: 5px 25px;
 	 transition: .3s ease-in-out;
 	 &:hover{
 	     color: white;
 	     letter-spacing: 2px;
 	 }
}


/*** custom catégorie - produits ***/


.ce-filters{
    display: flex;
    .elementor-field-group{
        width: fit-content;
        margin-right: 1em!important;
        
    }
    .ce-filters .ce-filters__tab{
        border-radius: 50px!important;
    }
}
.elementor-8170101 .elementor-element.elementor-element-5798de7e .ce-filters__tab{
        border-radius: 50px!important;
}

.description-produit{
    .elementor-widget-container{
   ul li::marker{
    color: transparent;
    }
    ul{ margin-bottom: 4em!important;}
    li{
        font-size: 19px!important;
    }
    .btn-produit{
         background-color: #f4971a;
         color: white;
         border-radius: 10px;
        padding: 10px 25px;
    }
   }
}

.img-miniature .elementor-element-populated{
    padding: 0px!important;
}




/*** Responssive ***/

@media (max-width: 1300px){

    .presentation-produits .elementor-row{
            display: block!important;
    }
    .presentation-produits .elementor-row .elementor-element {
            width: 100%!important;
    }
    .presentation-produits .elementor-row .elementor-element:nth-child(1) .elementor-column-wrap {
            padding: 7% 7% 3% 7%;
    }
}

@media (max-width: 1200px){
    #module-prestablog-blog #wrapper .container .row #left-column, #module-prestablog-blog #wrapper .container .row .left-column{
            width: 100%!important;
    }

}

@media (max-width: 992px){
.ce-filters__container.ce-filters--shown .ce-filters{
    display: grid!important;
}
}

@media(max-width: 575px){
    html{ overflow-x: hidden!important;}
    .titre-1 {     line-height: 0.8;}
}