/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*header*/
#header .logo {max-width: 200px;}
#_desktop_logo{width: 100%; order: 2; text-align: center; padding-top: 20px;}

/*home page*/
#bonbanners { margin: 14px auto 40px auto;}
#bonbanners a .banner-inner{position: relative;padding-top: 10px;padding-left: 0; transform: none;}
.products-section-title {margin-bottom: 80px; margin-top: 50px;}

@media (max-width: 480px) {#bonbanners a .banner-inner { padding: 0 20px;text-align: center;max-width: 100%;}}



/*bonslick*/    
#bonslick h2::before,#bonslick h2::after {content: "";position: absolute; width: 38%;height: 1px;background: #000;transform: translateY(12px); }
#bonslick h2::before {left: 15px;}
#bonslick h2::after {right: 15px;}

#bonbanners h2::before,#bonbanners h2::after {content: "";position: absolute;width: 38%;height: 1px;background: #000;transform: translateY(12px);}
#bonbanners h2::before {left: 15px;}
#bonbanners h2::after {right: 15px;}

@media screen and (min-width: 1280px) and (max-width: 1440px) {#bonbanners a .banner-inner p {font-size: 18px;margin-bottom: 8px;}}


/* bonhtml */

#bonhtmlcontent{padding: 40px 0; border-top: solid 1px #000; border-bottom: solid 1px #000;}

/* bonhtml */
#custom-text{background:#EEF4F0 ; margin-bottom: 8rem;}
#custom-text .eco{background:#EEF4F0 ;}
#custom-text h4{color:#298435 ;}
#custom-text h4 span{color:#000;font-weight: 300;font-size: 20px;line-height: 100%;text-transform: uppercase;}
#custom-text p span{font-weight: 300;font-size: 16px;line-height: 100%; color:#43770E;}
#custom-text a span{font-weight: 400;font-size: 16px;text-transform: uppercase;padding: 10px 50px; display: inline-block; border: solid 1px #000; color: #000; margin-top: 20px;}



/**bonbrand**/
#bon_manufacturers_block .slick-slide img {max-height: 90px; width: auto; }
#bon_manufacturers_block{border:solid 1px #000;}
#bon_manufacturers_block ul{margin-bottom:0;}
.manufacturers_link{text-align: center;}

.manufacturers_link a span{font-weight: 400;font-size: 16px;text-transform: uppercase;padding: 10px 50px;display: inline-block;border: solid 1px #000;color: #000; margin: 80px 0; }
#bonbrand h2::before,#bonbrand h2::after {content: "";position: absolute;width: 38%;height: 1px;background: #000;transform: translateY(12px); }
#bonbrand h2::before {left: 15px;}
#bonbrand h2::after {right: 15px;}

.footer-container .h3{ color: #CC1417;}
/**footer**/
#footer .footer-container{background:#fff;}
@media(min-width:768px){
#footer .footer-container{padding: 0; border-bottom: solid 1px #000;}
#footer .footer-container>.container>.row{display: flex;align-items: stretch;}
#footer .footer-container>.container>.row .links,#footer .footer-container>.container>.row .block_newsletter{flex:1} 
#footer .footer-container>.container>.row .links .row{display: flex;align-items: stretch;}
#footer .footer-container>.container>.row .links .row .col-md-6{flex:1;border-right: solid 1px #000;}
.footer-container .h3{display: block; margin-top: 15px; padding-top: 20px !important; color: #CC1417;font-size: 20px; font-weight: 400;}
.footer-container .links li a{font-weight: 300;font-size: 16px;text-transform: uppercase;color:#000;}
.footer-container .links .col-md-6:nth-child(2), .block_newsletter{ padding-left: 100px !important; }
}
.block_newsletter #footer_newsletter p{font-weight: 300; font-size: 14px; text-transform: uppercase;color: #000;}
.block_newsletter form input[type=email]{font-size: 13px;border: none;border-bottom: solid 1px #000;width: 90%;}
.block_newsletter form input::placeholder {color: #000;opacity: 1; font-weight: 300; font-size: 14px;line-height: 100%;text-align: center;text-transform: uppercase;text-align: left;float: left;}
.block_newsletter form input::-webkit-input-placeholder {color: #000;}
.block_newsletter form input::-moz-placeholder {color: #000;}

.block_newsletter form .btn-footer{background: #fff; box-shadow: none;}
.block_newsletter form .btn-footer:before{color:#000;}

.footer-container-bottom .logo{width: 200px;}
.block-social ul{padding-top: 0; margin-bottom: 0;}
body .block-social ul li{background: none !important;}
.block-social ul li a{color: #000; width: auto;line-height: 0;height: 0;}
body .block-social ul .instagram,body .block-social ul .tiktok{list-style: inside;}
ul li::marker {color: #000;}
.block-social{float: right;}
.footer-container-bottom a._blank{font-weight: 300;font-style: italic;font-size: 14px;text-align: center;color: #000;}

.menu-main-wrapper{justify-content: center; }  
#wrapper , header ,.header-top,.bonmmenu.direction-horizontal>.bonmm-top-menu.center_alignment,.bonsearch #input_search ,.position-static>#_desktop_search_widget .bonsearch_box{ background: #F9F8F8 !important;}

@media (min-width: 1200px) {.position-static>#_desktop_search_widget .bonsearch_box, .position-static>.bonsearch-left #_desktop_search_widget .bonsearch_box{width: 280px;
    }}
#header .blockcart .cart-products-count{background: transparent; color: #000;    top: 7px; right: 1px; box-shadow: none; }
#desktop_bonmm_0{    padding: 35px 0;background:#F9F8F8 !important;}
#blockcart-modal .modal-body .cart-content-btn .btn-secondary{color: #000;border: solid 1px #000;}



#header .header-top .position-static #_desktop_user_info .user-info a{display: flex; flex-direction: row;font-weight: 400;font-size: 13px;text-align: center;vertical-align: middle; text-transform: uppercase;}
#header .header-top .position-static #_desktop_user_info .user-info i{padding-right: 5px;}
div.all_category a{    font-weight: 400;font-size: 16px;text-transform: uppercase; padding: 10px 50px; display: inline-block; border: solid 1px #000;  color: #000;  margin: 20px;    margin: 50px 0;}
div.all_category{text-align: center;}
 #desktop_bonmm_0>.bonmm-top-menu>li>a:after {background: #000 !important;} 
 #desktop_bonmm_0 .bonmm-title:hover .burger-lines span {background-color:  #000 !important;}
  #desktop_bonmm_0 .bonmm-title:hover span {color:  #000 !important;} 
   #top-menu-0[data-bonmm-depth="0"] > li > a:hover,#top-menu-0[data-bonmm-depth="0"] > li > a:hover .collapse-icons i {color: #000 !important;} */
   #top-menu-0 .bonmm-top-menu a.dropdown-submenu:hover { color: #000 !important; } 

   #desktop_bonmm_0 a:hover{color: #000 !important;}
.bonmmenu.sub-direction-horizontal .sub-menu.collapse{top:33.4%;}
@media (min-width: 1600px){
.bonmmenu.sub-direction-horizontal .sub-menu.collapse{top:25.4%;}
}



/** cms engagement**/

.page-content.page-cms.page-cms-6 .row p.title { font-size: 20px; font-weight: 400; line-height: 30px;  text-align: center;  color: #43770E;}
.page-content.page-cms p{margin-bottom: auto !important; padding: 5px 0 !important; font-weight: 300; font-size: 16px; line-height: 20px; letter-spacing: 0; text-align: justify; vertical-align: middle; color: #000;}
.page-content.page-cms.page-cms-6 .row { padding-top: 30px;padding-bottom: 30px; display: flex;}
.page-content.page-cms.page-cms-6 .row .col-md-4{text-align: center;}
.page-content.page-cms.page-cms-6 .row img{padding-top: 25px; max-width: 70px;}
.page-content.page-cms.page-cms-6 .row .col-md-8 {margin: auto;}

#cms .breadcrumb{display: none;}
.page-content.page-cms{background: transparent;}

/**cms guide des tailles **/
.page-content.page-cms.page-cms-7{text-align: center;}
.page-content.page-cms.page-cms-7 table {width: 100%;border-collapse: collapse;}

.page-content.page-cms.page-cms-7 td {font-weight: 300;font-size: 15px;line-height: 100%;letter-spacing: 0%;text-align: center;border: solid 1px #000;padding: 5px; }

.page-content.page-cms.page-cms-7 img{width: 250px;margin-top: 50px;margin-bottom: 50px;}
.page-content.page-cms.page-cms-7 .men, .page-content.page-cms.page-cms-7 .women{text-align: center;width: 60%;margin-left: 20%;}
.page-content.page-cms.page-cms-7 h5{font-size: 20px;font-weight: 300;line-height: 30px;text-align: center;color: #000;}
.page-content.page-cms.page-cms-7 {background: #F9F8F8;}
.page-content.page-cms.page-cms-7 h6{font-size: 24px;font-weight: 800;line-height: 36px;text-align: left;}

.page-content.page-cms.page-cms-7 table{margin-top: 30px;margin-bottom: 50px;}


.page-content.page-cms.page-cms-7 table tr:nth-child(1) td,.page-content.page-cms.page-cms-7 table tr td:nth-child(1){font-weight: 400;font-size: 20px;text-align: center;}
.page-content.page-cms.page-cms-7 p.desc{font-size: 20px;font-weight: 300;line-height: 30px;text-align: left;color:#000;}

#cms .page-header h1{font-weight: 500;font-size: 20px;text-align: center;text-transform: uppercase;color: #000;position:relative;overflow: hidden;}

#cms .page-header h1::before,#cms .page-header h1::after {content: "";position: absolute; width: 40%;height: 1px;background: #000;transform: translateY(12px); }
#cms .page-header h1::before {left: 0px;}
#cms .page-header h1::after {right: 0px;}

.page-content.page-cms.page-cms-1 table{width: 100%;text-align: center;}
.page-content.page-cms.page-cms-1 table td{border: solid 1px #000;padding: 20px 30px 30px; vertical-align: top;}

.page-content.page-cms.page-cms-1 table td p{font-weight: 300;font-size: 16px;text-align: center;color: #000;}
.page-content.page-cms.page-cms-1 table td p span{color:#CC1417}
.page-content.page-cms.page-cms-1 table img{padding-bottom: 50px;}


/* .page-content.page-cms.page-cms-8 .circle {display: flex; align-items: center;justify-content: center;width: 15px;height: 15px;border-radius: 50%;background-color: transparent;color: #000;font-size: 12px;font-weight: 500;text-align: center;border: solid 2px;}
.page-content.page-cms.page-cms-8 .question {display: flex; align-items: center;}
.page-content.page-cms.page-cms-8 .shipping,.page-content.page-cms.page-cms-8 .paiement,.page-content.page-cms.page-cms-8 .refund,.page-content.page-cms.page-cms-8 .article,.page-content.page-cms.page-cms-8 .prom{margin-top: 80px;}
.page-content.page-cms.page-cms-8 .question p{padding: 5px !important;} */

.page-content.page-cms.page-cms-8 h3 span{
      font-weight: 500; color: #000;font-size: 1.125rem;
}
.page-content.page-cms.page-cms-8 p{
   color: #000;
}
.page-content.page-cms.page-cms-8 strong a span ,.page-content.page-cms.page-cms-8 i a{font-size:17px;}


.page-content.page-cms.page-cms-9 p.bloc_title{font-weight: 500;font-size: 20px;text-transform: uppercase;}
.page-content.page-cms.page-cms-9 h4{font-weight: 500 !important;font-size: 16px !important;text-decoration: underline !important;text-decoration-style: solid !important;color: #000;}
.page-content.page-cms.page-cms-9 p{font-weight: 300;font-size: 16px;text-align: justify;}




.page-content.page-cms.page-cms-10 .values {display: flex;}
.page-content.page-cms.page-cms-10 .values .bloc_1{padding-right:2%;}
.page-content.page-cms.page-cms-10 .values .bloc_2{padding-right:2%;padding-left: 2%;}
.page-content.page-cms.page-cms-10 .values .bloc_3{padding-left: 2%;}
.page-content.page-cms.page-cms-10 .values .bloc_3>div,.page-content.page-cms.page-cms-10 .values .bloc_2>div,.page-content.page-cms.page-cms-10 .values .bloc_1>div{border :solid 1px #000 ;padding:20px;height:100%;}
.page-content.page-cms.page-cms-10 .values p.title{font-size: 20px;font-weight: 700;line-height: 30px;text-align: center;color: #cc1417;}

.page-content.page-cms.page-cms-10 .values span{font-size: 16px;font-weight: 400;line-height: 24px;text-align: center;color: #000;display: block;min-height: 50px;display: flex;align-items: center;justify-content: center;margin-top: 25px;}
@media(min-width:992px){.page-content.page-cms.page-cms-10 .values p.desc{display: flex;align-items: top;text-align: center;margin-top: 25px;}}
.page-content.page-cms.page-cms-10 .mission img{width: 100%;}
.page-content.page-cms.page-cms-10 .mission{display: flex;align-items: stretch;}

.page-content.page-cms.page-cms-10 .mission .col-md-4{flex: 1;}
.page-content.page-cms.page-cms-10 .mission .col-md-8{flex: 2; display: flex;align-items: stretch;}
.page-content.page-cms.page-cms-10 .mission .col-md-8>div{margin: 0;line-height: 1.5;display: flex;flex-direction: column;justify-content: space-between;}

.page-content.page-cms.page-cms-10 h4{margin-bottom: 20px; margin-top: 20px; font-weight: 500; font-size: 20px; color: #000;}
.page-content.page-cms.page-cms-10 ul{padding-left: 20px !important;}


.page-content.page-cms.page-cms-11{margin-top: 70px !important;}
.page-content.page-cms.page-cms-11 h4{font-size: 20px;font-weight: 500;color: #000;margin-top: 50px;}
.page-content.page-cms.page-cms-11 p,.page-content.page-cms.page-cms-11 p a{font-size: 16px;font-weight: 300;text-align: justify ;color: #000;}
.page-content.page-cms.page-cms-11 ul{padding-left: 20px !important;}


.page-content.page-cms.page-cms-12 h4{font-weight: 500;font-size: 20px;text-transform: uppercase;color: #000; padding-top: 30px;}
.page-content.page-cms.page-cms-12 p{font-weight: 300;font-size: 16px;text-align: justify; color:#000 ;}
.page-content.page-cms.page-cms-12 p a{font-weight: 300;text-align: justify; color:#000;text-decoration-line: underline;}

.page-content.page-cms.page-cms-12 ul{padding-left: 20px !important;}
.page-content.page-cms.page-cms-12 ul li{font-weight: 300; text-align: justify; color:#000;font-size: 16px;} 

.page-content.page-cms.page-cms-12 p span{ font-weight: 500;}

#cms-id-12 h1::before, #cms-id-12 h1::after {width: 22% !important;}
.page-content.page-cms.page-cms-12 p span.step{font-weight: 300;}

#cms p{line-height: 22px !important;}


/* category page */
.block-category{min-height: auto !important;}
#category .block-category h1{text-align: center;}
#category .block-category h1::before,#category .block-category h1::after {content: "";position: absolute;width: 38%;height: 1px;background: #000;transform: translateY(12px); }
#category .block-category h1::before {left: 15px;}
#category .block-category h1::after {right: 15px;}
#subcategories .subcategories-list{display: flex;align-items: center;justify-content: center;text-align: center; border: solid 1px #000;margin-right: 0;margin-left: 0;flex-wrap: wrap;}
#subcategories .mt-2{margin-top: 0.5rem !important; padding: 0 10px;}
#products .row.products-selection{display: none;} 
#products .thumbnail-container .ajax_add_to_cart_button{border: none;}
.horizontal-layout .af_subtitle{border: solid 1px #000;text-align: center; color: #000; background-color: transparent;}
.horizontal-layout .closed .af_subtitle{border-color: #000;} 
.horizontal-layout .af_subtitle.toggle-content:before{display: none;}
.products-grid.active{padding-top: 100px;}

.products h3.product-title{display:flex;justify-content: space-between; padding: 10px 10px 0px 10px;}
.products .bon_manufacture_list{display: none;}
.products h3.product-title a,.products .brand span{font-weight: 400;font-size: 16px;color: #000;}
.products .brand{text-align: left;padding-left: 10px; margin-bottom: 0.5rem;}
.product-title{margin: 6px 0 0;}

.product-price-and-shipping .price-has-discount{color: #000;}
.product-price-and-shipping{text-align: left; padding-left: 10px;}
.products .bloc_footer{display: flex;justify-content: space-between;}
.products .state svg{height: 20px;color: #75B932;}
.products .state{padding-right: 10px;}

.thumbnail-container .bonwishlist-hook-wrapper{display: block !important;}
.bonwishlist-hook-wrapper .wish-button{color: #000;}

.products .btn-view{display: none;}

#products .thumbnail-container .ajax_add_to_cart_button{position: absolute; top: -55px; background: #fff; opacity: 0.7; color: #787878;box-shadow: none;}


@media(min-width:767px){

    .featured-products .thumbnail-container:hover,.product-miniature .thumbnail-container:hover {
    padding: 0 0 120px !important;
    background:transparent !important;
}
}



/**/

#products .thumbnail-container:not(.with_thumb):focus,#products .thumbnail-container:not(.with_thumb):hover,.featured-products .thumbnail-container:not(.with_thumb):focus,.featured-products .thumbnail-container:not(.with_thumb):hover,.product-accessories .thumbnail-container:not(.with_thumb):focus,.product-accessories .thumbnail-container:not(.with_thumb):hover,.product-miniature .thumbnail-container:not(.with_thumb):focus,.product-miniature .thumbnail-container:not(.with_thumb):hover {
    margin:0
}
#products .thumbnail-container:not(.with_thumb):focus .thumbnail-container-images,#products .thumbnail-container:not(.with_thumb):hover .thumbnail-container-images,.featured-products .thumbnail-container:not(.with_thumb):focus .thumbnail-container-images,.featured-products .thumbnail-container:not(.with_thumb):hover .thumbnail-container-images,.product-accessories .thumbnail-container:not(.with_thumb):focus .thumbnail-container-images,.product-accessories .thumbnail-container:not(.with_thumb):hover .thumbnail-container-images,.product-miniature .thumbnail-container:not(.with_thumb):focus .thumbnail-container-images,.product-miniature .thumbnail-container:not(.with_thumb):hover .thumbnail-container-images {
    padding: 0
}
  #products .thumbnail-container:focus .thumbnail-container-images,#products .thumbnail-container:hover .thumbnail-container-images,.featured-products .thumbnail-container:focus .thumbnail-container-images,.featured-products .thumbnail-container:hover .thumbnail-container-images,.product-accessories .thumbnail-container:focus .thumbnail-container-images,.product-accessories .thumbnail-container:hover .thumbnail-container-images,.product-miniature .thumbnail-container:focus .thumbnail-container-images,.product-miniature .thumbnail-container:hover .thumbnail-container-images {
        padding: 0
    }

    #products .thumbnail-container:focus .thumbnail-container-bottom,#products .thumbnail-container:hover .thumbnail-container-bottom,.featured-products .thumbnail-container:focus .thumbnail-container-bottom,.featured-products .thumbnail-container:hover .thumbnail-container-bottom,.product-accessories .thumbnail-container:focus .thumbnail-container-bottom,.product-accessories .thumbnail-container:hover .thumbnail-container-bottom,.product-miniature .thumbnail-container:focus .thumbnail-container-bottom,.product-miniature .thumbnail-container:hover .thumbnail-container-bottom {
        padding: 0;
        border:none;
        border-top: none;
        background: transparent;
        box-shadow: none;
        z-index: 999
    } 

      #products .thumbnail-container:focus,#products .thumbnail-container:hover,.featured-products .thumbnail-container:focus,.featured-products .thumbnail-container:hover,.product-accessories .thumbnail-container:focus,.product-accessories .thumbnail-container:hover,.product-miniature .thumbnail-container:focus,.product-miniature .thumbnail-container:hover {
        margin:0;
        padding: 0; background: #fff;
        border:none;border-bottom: none;
        box-shadow: none; z-index: 9;
        position: relative
    } 

      #products .thumbnail-container .thumbnail-container-bottom,.featured-products .thumbnail-container .thumbnail-container-bottom,.product-accessories .thumbnail-container .thumbnail-container-bottom,.product-miniature .thumbnail-container .thumbnail-container-bottom {
        left: 0;position: absolute;top: 100%;width: 100%}

@media(min-width:767px){
    .horizontal-layout .af-form{display: flex; width: 100%;}
  
}

li.product-flag.new ,li.product-flag.out_of_stock ,li.product-flag.pack{ background-color: transparent; box-shadow:none;color: #000;font-size: 12px;
    font-weight: 300;}
li.product-flag.new:after,li.product-flag.out_of_stock:after,li.product-flag.pack:after{display:none !important;}
  #products .thumbnail-container:focus .product-flags,#products .thumbnail-container:hover .product-flags,.featured-products .thumbnail-container:focus .product-flags,.featured-products .thumbnail-container:hover .product-flags,.product-accessories .thumbnail-container:focus .product-flags,.product-accessories .thumbnail-container:hover .product-flags,.product-miniature .thumbnail-container:focus .product-flags,.product-miniature .thumbnail-container:hover .product-flags {
        margin-top: 10px;
    }



/* product page*/    

/* #main .images-container .js-qv-mask{width:100% !important} */
#product .product-cover{width: 100% !important;}

.slick-slider .slick-track{display: flex !important;margin-right: 0;}
#main .images-container .js-qv-mask{width: 100% !important;}
    .slick-list-wrap{height: max-content !important;}
/* #main .images-container .js-qv-mask .slick-slider{float: right; padding-top:10px !important;} */
#main .images-container .js-qv-mask .slick-slider img{padding: 15px;}

.product-page-right .product-price .current-price,.product-page-right .regular-price{font-weight: 300;font-size: 16px;color: #000;}

.product-actions .add-to-cart{background-color: transparent;border: solid 1px #000;color: #000;box-shadow: none;}

.product-page-right .product-prices{margin-top: 0;}
#product .product-manufacturer span,#product .details span{font-weight: 300;font-size: 16px;color: #000;}
#product .details span{line-height: 30px;}
.product-page-right .h1{font-weight: 500;font-size: 20px; color: #000;padding-top: 50px;}

#product hr{border-top: solid 1px #000;}
#product p.bloc_title{font-weight: 500; font-size: 20px;color: #000;margin-bottom:8px;} 
#product .product-reference label{font-weight: 300; font-size: 16px; color: #000;}



#product .product_add_info p.product_info_text{font-weight: 300; font-size: 16px;color: #000; }
#product .product_add_info img{margin-right: 10px; width: 17px; height: auto;}
#product .product_add_info p.product_info_text a{text-decoration: underline;font-weight: 300; font-size: 16px;color: #000;}

#product .ps_checkout-payment-method-logo-block-container{padding-top:20px;}
#product #product-availability{color: #000;}

@media(max-width:767px){
#subcategories .subcategories-list{margin-top: 25px;}
.product-add-to-cart .add-to-cart-bonwrapper .add-to-cart{width: 80%;margin-left: 10%;}
  .bonsearch .bonsearch_box{width: 100%;}
    .bonsearch #input_search{width:100%};
   .bonsearch .bonsearch_btn{background-color:#CC1417 !important;}
}

/**panier*/

.cart-grid-body .card{border: none;background-color: transparent;}
#cart .cart-item .col-md-1{margin-top: 5rem;}
.product-line-grid-body>.product-line-info>.label{color: #000 !important;font-weight: 500;font-size: 20px;}
.product-line-grid-body>.product-line-info .product-discount .price,.product-discount .regular-price,.has-discount .discount{font-weight: 400;font-size: 16px;color: #000;}
#cart .cart-item .product-reference label{font-weight: 400;font-size: 16px;color: #000;}
#cart .cart-item .col-md-1 i{color: #000;}
.cart-grid-right .card{border: solid 1px #000; padding: 30px;}

.btn-primary{box-shadow: none;background-color: transparent; border: solid 1px #000;color: #000;}

#cart p.nb{font-size: 12px;font-weight: 300;color:#000;display: flex;}
#cart p.nb span{display: flex; width: 20px;height: 20px;border-radius: 50%; align-items: center; justify-content: center; font-size: 12px;border: solid 1px #000;margin-right: 5px;}
.cart-grid-right .nb{justify-content: center;}

.cart-summary-line .label{color: #000;}

#cart h1.h1{text-align: center;margin-bottom: 50px;}
#cart h1.h1::before,#cart h1.h1::after {content: "";position: absolute; width: 38%;height: 1px;background: #000;transform: translateY(12px); }
#cart h1.h1::before {left: 15px;}
#cart h1.h1:after {right: 15px;}

#bon-cart-summary-product-list .card .bon-card-actions .btn{color: #000 !important;}

/* checkout**/
body#checkout section.checkout-step{background-color: transparent;border: solid 1px #000;}
body#checkout section.checkout-step .step-number{color: #000;}
body#checkout section#content #checkout-personal-information-step .nav .nav-item a.active, body#checkout section#content #checkout-personal-information-step .nav .nav-item a:hover{color:#CC1417}
.custom-radio input[type=radio]+span:before,.custom-checkbox input[type=checkbox]+span .checkbox-checked{background-color: #CC1417;}
body#checkout a, body#checkout p, body#checkout label,body#checkout span{color: #000 !important;}
body#checkout section.checkout-step .step-title:hover{color: #CC1417;}

body#checkout .card.js-cart{padding: 30px;border: solid 1px #000;}
body#checkout section.checkout-step:last-child{border-bottom: solid 1px #000;}


body#checkout section.checkout-step.-reachable.-complete h1 .done{color: #CC1417;}

body#checkout .btn-primary{color: #000;}
body#checkout .btn-primary:hover,body#checkout .btn-primary:focus, body#checkout .btn-primary:active{background-color: #CC1417;color: #fff !important;}

#manufacturer h4{font-weight: 600;font-size: 20px;text-align: center;color: #CC1417;}
#manufacturer h1.title{text-align: center;margin-bottom: 50px;}
#manufacturer h1.title::before,#manufacturer h1.title::after {content: ""; position: absolute; width: 38%; height: 1px; background: #000; transform: translateY(12px); }
#manufacturer h1.title::before {left: 15px;}
#manufacturer h1.title:after {right: 15px;}
#manufacturer .row h1{color: #CC1417;}
#manufacturer .row{margin-top: 20px; margin-bottom: 10px;}
#manufacturer .row .col-md-10{background-color: #F5F5F5;}





/***blog***/
section#bonnews{padding-top: 0;}
#bonnews .bonnews-item{padding-right: 20px; padding-left: 20px;}
#bonnews .bonnews-item-description h3{padding-top:20px;padding-bottom: 20px;font-size: 20px;font-weight: 400;text-transform: none;color: #000;}
#bonnews .bonnews-item-description p{font-size: 16px;font-weight: 300;line-height: 24px;color: #000;text-align: justify;}
#bonnews .bonnews-item-description{min-height: 160px;}
#module-bonnews-main div#bonnews .bonnews-image{max-height: none;}
#bonnews .bonnews-item-description p{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
#bonnews .products-section-title{margin-bottom: 80px !important; margin-top: 10px;overflow: hidden; position: relative;}
#bonnews h2.h2::before,#bonnews h2.h2::after {content: "";position: absolute; width: 38%;height: 1px;background: #000;transform: translateY(12px); }
#bonnews h2.h2::before {left: 15px;}
#bonnews h2.h2:after {right: 15px;}

#bonnews.bon-main .bonnews-image{padding: 0;}
#bonnews.bon-main .box-bonnews{padding-left: 0;padding-right: 0;}
/**  store  **/


#stores p{font-weight: 300;font-size: 18px;text-align: justify; color: #000; line-height: 25px;}
#stores .row img{width: 100%;}
#stores .map{padding-bottom:50px;}
#stores h4{font-size: 24px;font-weight: 500;color: #000;padding-bottom: 20px;}
@media(min-width:767px){
#stores .desc .col-md-8{padding-left: 0;}
#stores .desc .col-md-4{padding-right: 0;}
}
@media (min-width: 1200px) {body .row {margin-right: 0px; margin-left: 0px;}}

/** retarait magasin **/

.cms-id-13 section .row img{width: 100%; height: 350px;padding-top: 20px;}
.cms-id-13 .row .col-md-3{padding: 10px;}
.cms-id-13 .row .col-md-3>div{border : solid 1px #000;padding: 10px;}

.cms-id-13 h4{font-weight: 500;font-size: 20px; color: #000;padding-top: 20px; padding-bottom:20px;} 
.cms-id-13 p{color: #000;font-weight: 300;font-size: 16px;}
.cms-id-13 h5{font-weight: 500;font-size: 20px;line-height: 100%;text-align: center;text-transform: uppercase;min-height: 70px;} 


.cms-id-13 h6{font-weight: 500;font-size: 16px; color: #000;} 
.cms-id-13 p.add{min-height: 60px !important;}
.cms-id-13 .butt{text-align: center; margin-top: 30px;}
.cms-id-13 .butt a{padding: 10px 50px; border: solid 1px #000; color: #000;}

/** page contact*/

#contact section p,#contact section p a{color: #000;font-weight: 300;font-size: 16px;}
#contact .container .contact-form{border: solid 1px #000;padding: 20px;background: #fff;}
#contact .col-md-6{margin: 0;}
#contact .row{margin: 0;}
#contact .col-md-6 > :first-child {padding-top: 30px;}
#contact .form-control-select{border:solid 1px #000;background: transparent !important;}


#contact .container .contact-form .form-footer{text-align: center !important;}

#contact .form-control{border: solid 1px #000; background: #fff !important;}    
/* #contact section#wrapper .container{background: #fff;} */
/* #contact #wrapper .breadcrumb-wrapper{background: #fff;text-align: center;}
#contact #wrapper .breadcrumb{background: #fff;}
#contact #wrapper{background: #fff;} */

#contact p.title{font-weight: 500;font-size: 16px;}
#contact .container #content{background: transparent !important;}

 #contact #wrapper .breadcrumb-wrapper{text-align: center;}
#contact .form-fields .form-group .input-group .input-group-btn>.btn{background: #000;}
#contact .container .contact-form h3{font-weight: 300;font-size: 16px;text-align: center;text-transform: none;}
#contact .social .block-social{float: none;}
#contact .social .block-social ul{text-align: center;}
#contact .social .block-social ul li{text-align: center;float: none;}
#contact .form-control-label{color: #000;}
#contact .social .block-social ul{padding-top: 10px;text-align: center; display: flex; justify-content: center;}
#contact h1.h1{text-align: center;color: #000;}
#contact h1.h1::before,#contact h1.h1::after {content: "";position: absolute; width: 38%;height: 1px;background: #000;transform: translateY(12px); }
#contact h1.h1::before {left: 15px;}
#contact h1.h1:after {right: 15px;}




 /**wishlist**/
 #wishlist-popup2 article{width: 23%;margin-right: 1% ;margin-left: 1%; float: left;margin-bottom: 20px;}
#wishlist-popup2 article img{background-color: #fff;}

#wishlist-popup2 article .wishlist-summary-product-name h1 a span{color: #000;font-weight: 400;font-size: 16px;line-height: 30px;text-align: left;}

#wishlist-popup2 article .regular-price{font-size: 13px;font-weight: 400;line-height: 19.5px;text-align: left;color: #000;}
#wishlist-popup2 article .price.has-discount{font-size: 13px;font-weight: 600;line-height: 19.5px;text-align: left; color: #000;}
#wishlist-popup2 article form{text-align: right;margin-top: -30px; position: relative; padding-right: 10px;}
#wishlist-popup2 article form button{background: none;border: none;}
#module-bonwishlist-list #wrapper{padding-bottom: 100px;}
#module-bonwishlist-list h1.page_title{ font-size: 24px;font-weight: 600; line-height: 36px; text-align: center;color: #000; margin-bottom: 30px;}
#module-bonwishlist-list .product-title{text-align: left;}


#top-menu-0[data-bonmm-depth="0"] > li > a{padding-right: 2px;padding-left: 2px;border: solid 1px transparent;}
#top-menu-0[data-bonmm-depth="0"] > li > a:hover{color:#000;border: solid 1px #000;}
.bonmmenu ul[data-bonmm-depth="1"]>li a:hover{text-decoration: underline !important; }
#top-menu-0 .bonmm-top-menu[data-bonmm-depth="2"] a::before {
   content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: black;
  border-radius: 50%;
  margin-right: 6px;
  flex-shrink: 0;
}
.bonmmenu ul[data-bonmm-depth="2"]>li a{flex-direction: row !important;

  display: inline-flex; /* ou flex si nécessaire */
  align-items: center;
  white-space: nowrap;}

#identity .form-control{background: transparent;border: none;border-bottom: solid 1px #000;}
#identity label,#identity span ,#identity a,#identity p{color: #000;}

@media(min-width:767px){

#identity .col-md-3{width: 100%;padding-left: 25%;text-align: left;}
#identity .col-md-6{padding-left: 25%;width: 75%;}

}
#wrapper .breadcrumb-wrapper{text-align: center;}
.breadcrumb .container {justify-content: center;
}


@media(max-width:767px){
 h1.h1::before, h1.h1::after{width: 15% !important;}
 h2.h2::before, h2.h2::after{width: 15% !important;}

#bonslick h2.h2::before,#bonslick h2.h2::after{width:5% !important;}


 #products .thumbnail-container .thumbnail-container-bottom{position: relative !important;}
 #products article{padding:20px 30px !important;}
 #amazzing_filter .compact-toggle{background: #CC1417;border: none;}
 .af_subtitle{color: #000;font-weight: 400;font-size: 16px;}
 .af_filter .name{color: #000;}
}

.horizontal-layout .af_filter_content{border: solid 1px #000;border-top: transparent;}
.foldered .af-parent-category > label .name{color:#000;}
.af_filter .name{color:#000 !important;}
.af_filter label{color:#000 !important;}
.af_filter .count{bottom: 0; color: #000;}
.horizontal-layout .has-selection .af_subtitle{color: #CC1417;}
.selectedFilters.inline{color: #000;}
.selectedFilters.inline .clearAll{ border: solid 1px; color: #000;}

/*new products*/
h1.h2{text-align: center;}
h1.h2{text-align: center;margin-bottom: 50px;}
h1.h2::before, h1.h2::after {content: "";position: absolute; width: 38%;height: 1px;background: #000;transform: translateY(12px); }
h1.h2::before {left: 15px;}
h1.h2:after {right: 15px;}



/*** new products**/
@media(min-width:767px){
.products-grid{
    display: grid;
    --product-col: 3;
    grid-template-columns: repeat(var(--product-col), 3fr);
    grid-gap: 0;
    width: 100%;
}
 .products-grid>article{
    width: 100%;
}
}
.pagination .current a{color: #CC1417;}

@media (max-width: 768px) {
  .cms-id-1 table, .cms-id-1 tbody, .cms-id-1 tr, .cms-id-1 td {
    display: block;
    width: 100%;
  }

  .cms-id-1 tr {
    margin-bottom: 20px;
  }

  .cms-id-1 td {
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
  }

  .cms-id-1 tr:first-child {
   display: none;
  }
   .page-content.page-cms.page-cms-1 h3{text-align: center;}
   #cms .page-header h1::before, #cms .page-header h1::after {width: 10% !important;}
  .cms-id-6 .page-header h1::before, .cms-id-6 .page-header h1::after{top: 20px;}
  .page-content.page-cms.page-cms-6 .row{display: block;}
  .page-content.page-cms.page-cms-6 .row img{padding-bottom:25px;}
  .page-content.page-cms.page-cms-7 .men, .page-content.page-cms.page-cms-7 .women{width: 100%; margin-left: 0;}
  .page-content.page-cms.page-cms-7 table tr:nth-child(1) td, .page-content.page-cms.page-cms-7 table tr td:nth-child(1){font-size: 12px;}
  .page-content.page-cms.page-cms-7 td{font-size: 12px;}
  #cms.cms-id-9 .page-header h1::before, #cms.cms-id-9 .page-header h1::after,#cms.cms-id-11 .page-header h1::before, #cms.cms-id-11 .page-header h1::after{width: 3% !important; }
.page-content.page-cms.page-cms-10 .values {display: block;}
.page-content.page-cms.page-cms-10 .values .bloc_1,.page-content.page-cms.page-cms-10 .values .bloc_2,.page-content.page-cms.page-cms-10 .values .bloc_3{padding: 2%;}
.page-content.page-cms.page-cms-10 .mission{display: block;}
    #cms.cms-id-12 .page-header h1::before, #cms.cms-id-12 .page-header h1::after{width: 5% !important;top: 20px;}


}

.cms-id-2 h2{font-weight: 500;color: #000;padding-top: 30px;padding-bottom: 20px;}
.cms-id-2 p{color: #000;}
    #cms.cms-id-12 .page-header h1::before, #cms.cms-id-12 .page-header h1::after{width: 20% !important;}

.cms-id-6 .page-header h1::before, .cms-id-6 .page-header h1::after,.cms-id-9 .page-header h1::before, .cms-id-9 .page-header h1::after,.cms-id-11 .page-header h1::before, .cms-id-11 .page-header h1::after{width: 30% !important; }


/* #product .product-accessories article{width: 20%;} */
#product .product-accessories h2{text-align: left;font-weight: 300;font-size: 14px;margin-bottom: 30px;}
@media(min-width:767px){
#product .product-accessories .products-grid{
    display: grid;
    --product-col: 5;
    grid-template-columns: repeat(var(--product-col), 5fr);
    grid-gap: 0;
    width: 100%;
}
}

@media(max-width:767px){
#product .product-accessories article{
padding-bottom: 90px;
}
}
#product .product-accessories .products-grid>article{
    width: 100%;
}
#product .product-accessories .ajax_add_to_cart_button {
    position: absolute;
    top: -55px;
    background: #fff;
    opacity: 0.7;
    color: #787878;
    box-shadow: none;
    border: none;
    font-size: 15px;
}
#product .product-accessories h3.product-title a{text-align: left;}

#product #footer{ padding-bottom: 0;}
#_desktop_search_widget:hover i{color: #CC1417;}
.bonsearch_box i{color: #CC1417 !important;}

 a:hover{color: #CC1417 !important;}
::selection{background: #CC1417 !important;}
#header a:hover i{color: #CC1417 !important;}
#search_widget .bonsearch_btn{background-color:#CC1417 !important;}

#blockcart-modal .modal-body .cart-content-btn .btn-primary:hover{ background-color: #CC1417; color: #fff !important;}
#cart .btn-primary:hover{ background-color: #CC1417;color: #fff !important;}
/* .btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color: #CC1417;color: #fff !important;} */
.page-my-account #content .links a:hover i{color: #CC1417;}

.cart-grid-body .cart-overview .no-items{color: #000;}

.search_popup .wrap_item .product_image{display:flex;}


#bon-cart-summary-product-list .card .bon-card-actions .btn:hover{background-color: #fff; color: #fff;}

#bonbrand a:hover span{color: #CC1417;}
#custom-text a:hover span{color: #CC1417;}

#stores #footer img{width: 200px;}
#bonwishlist .wishlist-count{background: #CC1417;}
.block-promo .promo-code{display: block;padding: 0.6rem;}
.block-promo .promo-input{color: #000;font-size: 14px;}
.block-promo .promo-input::placeholder {
  color: #000;opacity: 1;font-size: 14px;}
.block-promo .promo-input+button {
    margin-top: -1px;
}