/* XB - Changements 30-12-2020*/
body {
    font-family:'Roboto',sans-serif!important;
}
:root {
  --primary-color: #ffc43b;
  --secondary-color: #edab12;
}
a {
    color: var(--primary-color);
    text-decoration: none;
}
a:hover {
    color: var(--primary-color);    
}
/* fond */
#wrapper{background-color:#fff;box-shadow:none;}

/* Google Font */
h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5 .h6 .p{font-family: 'Roboto',sans-serif!important;color:#3f4745;}
#header .header-top a[data-depth="0"]{font-family: 'Roboto',sans-serif;color:#3f4745;font: size 35px;}

/* head */
#header .header-nav{border-bottom:1px solid #3f4745;}
#header {
    box-shadow: none;
}
/* logo */
#_desktop_logo{text-align:center;}

/* body */
.thumbnail-container{box-shadow:none!important;}
.highlighted-informations{box-shadow:none!important;}
.search-widget form input[type=text]{border:1px solid #3f4745;}
#category .block-category{box-shadow:none!important;border:none;border-bottom:1px solid #3f4745;}
#search_filters{box-shadow:none;}
.block-categories .category-sub-menu li[data-depth="0"]>a{border-bottom:none;}
.product-variants .product-variants-item select{box-shadow:none;}
.product-flags li.product-flag{font-size:11px;text-align:center;}
#product .product-cover img{box-shadow: none!important;}
#product .product-images>li.thumb-container>.thumb{box-shadow:none!important;}
#product .bootstrap-touchspin{box-shadow:none!important;}
#product .btn-primary{box-shadow:none!important;}
#product #block-reassurance {box-shadow:none!important;border:none;}
#product .tabs {box-shadow:none!important;border:none;}
#button .brands-sort .select-title, .products-sort-order .select-title, .suppliers-sort .select-title{box-shadow:none!important;border:1px solid #3f4745;} .button:focus-visible{background-color: #af8930;}

/* catégories */
#left-column .block-categories{box-shadow:none;}

/* footer */
.footer-container{box-shadow:none;border-top:1px solid #3f4745;}
#footer .footer-container{background-color:#e7e7e7;}

/* desktop */
@media(min-width:1024px){ 
    #cms .li-category-blog{margin-left:20%;margin-right:20%;}
}

/* mobile */
@media(max-width:600px){ 
    #cms .li-category-blog{padding-left:10%;padding-right:10%;background-color:#fff;}
}

/* mobiles */
@media(max-width:767px){

    #header .header-top a[data-depth="0"]{font-size:25px;}
    .left-column{border:none;}
    #category .block-category{border:none;}
    #header .header-top {
        padding: 0;
        background-color: #f1f1f1;
    }
    #header .header-top .search-widget {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

/* mobiles */
@media(max-width:767px){
#block_new_customer img{max-width:70px;}  
}
.block-social ul li:hover {
    background-color: var(--primary-color);
}

.footer-container li a:hover {
    color: var(--primary-color);
}
.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: transparent
}
.btn-primary, .btn-secondary, .btn-tertiary {
    /* box-shadow: 2px 2px 4px 0 #3f4745; */
    font-weight: 600;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: transparent
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: transparent;
    background-image: none
}
.tag-primary[href]:focus,
.tag-primary[href]:hover {
    background-color: var(--secondary-color)
}
a.bg-primary:focus,
a.bg-primary:hover {
    background-color: var(--secondary-color) !important
}
a.text-primary:focus,
a.text-primary:hover {
    color: var(--secondary-color) !important
}
.cart-grid-right .promo-discounts .cart-summary-line .label .code {
    color: var(--secondary-color);
    cursor: pointer
}
.block-promo .promo-name .cart-summary-line span {
    color: var(--secondary-color)
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
    background-color: var(--primary-color);
    border-color: transparent
}
.btn-outline-primary {
    color: var(--primary-color);
    background-image: none;
    background-color: transparent;
    border-color: var(--primary-color)
}
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.open>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color)
}
.btn-link {
    font-weight: 400;
    color: var(--primary-color);
    border-radius: 0
}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary-color);
    outline: 0
}
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    color: #fff;
    cursor: default;
    background-color: var(--primary-color)
}
.card-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}
.card-outline-primary {
    border-color: var(--primary-color)
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}
.page-link {
    position: relative;
    float: left;
    padding: .5rem .75rem;
    margin-left: -1px;
    color: var(--primary-color);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.tag-primary {
    background-color: var(--primary-color)
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}
.bg-primary {
    background-color: var(--primary-color) !important
}
.text-primary {
    color: var(--primary-color) !important
}
a:hover {
    color: var(--primary-color);
    text-decoration: none
}
.btn-unstyle:focus .expand-more {
    color: var(--primary-color)
}
.form-control:focus,
.input-group.focus {
    outline: .1875rem solid var(--primary-color)
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    font-size: .875rem;
    padding: .5rem 1rem
}
.custom-radio input[type=radio]:checked+span {
    display: block;
    background-color: var(--primary-color);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: .125rem;
    top: .125rem
}
.dropdown:hover .expand-more {
    color: var(--primary-color)
}
.dropdown-item:focus,
.dropdown-item:hover {
    background: none;
    text-decoration: none;
    color: var(--primary-color)
}
.search-widget form input[type=text]:focus {
    outline: 3px solid var(--primary-color);
    color: #232323;
    background: #fff
}
.search-widget form input[type=text]:focus+button .search {
    color: var(--primary-color)
}
.search-widget form button[type=submit] .search:hover {
    color: var(--primary-color)
}
#header .top-menu a[data-depth="0"]:hover {
    color: var(--primary-color);
    text-decoration: none
}
.top-menu .sub-menu a:hover {
    color: var(--primary-color)
}
body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: 3px solid var(--primary-color)
}
.page-my-account #content .links a:hover i {
    color: var(--primary-color)
}
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
    color: var(--primary-color)
}
#products .highlighted-informations .quick-view:hover,
.featured-products .highlighted-informations .quick-view:hover,
.product-accessories .highlighted-informations .quick-view:hover,
.product-miniature .highlighted-informations .quick-view:hover {
    color: var(--primary-color)
}
.brands-sort .select-list:hover,
.products-sort-order .select-list:hover,
.suppliers-sort .select-list:hover {
    background: var(--primary-color);
    color: #fff;
    text-decoration: none
}
.facet-dropdown.open>.select-title {
    border: 3px solid var(--primary-color);
    background: #f6f6f6
}
.facet-dropdown .select-list:hover {
    background: var(--primary-color);
    color: #fff;
    text-decoration: none
}
.pagination .current a {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 1.25rem
}
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover {
    color: var(--primary-color)
}
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover {
    color: var(--primary-color)
}
.product-price {
    color: var(--primary-color);
    display: inline-block
}
.tabs .nav-tabs .nav-link.active {
    color: var(--primary-color)
}
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 3px solid var(--primary-color)
}
#product-modal .modal-content .modal-body .product-images img:hover {
    border: 3px solid var(--primary-color)
}
#blockcart-modal .product-name {
    color: var(--primary-color);
    font-size: 1.125rem
}
.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover,
.product-images>li.thumb-container .thumb.selected, 
.product-images>li.thumb-container .thumb:hover {
    border: 3px solid var(--primary-color)
}
.product-cover img,
.quickview .images-container .product-images>li.thumb-container .thumb {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
}
.product-flags li.product-flag {
    pointer-events: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: var(--primary-color);
    font-weight: 700;
    padding: .3125rem .4375rem;
    text-transform: uppercase;
    color: #fff;
    margin-top: .625rem;
    font-size: 1rem;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2)
}
.product-customization .product-message:focus {
    background-color: #fff;
    outline: .1875rem solid var(--primary-color)
}
.cart-grid-body a.label:hover {
    color: var(--primary-color)
}
.block-promo .promo-input+button {
    margin-top: -4px;
    margin-left: -1px;
    text-transform: capitalize;
    border: 2px solid var(--primary-color)
}
.block-promo .promo-code-button.cancel-promo {
    color: var(--primary-color);
    margin-bottom: 0
}
.account-list a:hover {
    color: var(--primary-color)
}
.block-social ul li:hover {
    background-color: var(--primary-color)
}
.footer-container li a:hover {
    color: var(--primary-color)
}
.block_newsletter form input[type=text]:focus {
    outline: 3px solid var(--primary-color);
    color: #232323;
    background: #fff
}
.block_newsletter form input[type=text]:focus+button .search {
    color: var(--primary-color)
}
.block_newsletter form button[type=submit] .search:hover {
    color: var(--primary-color)
}
.block_newsletter form input[type=email]:focus {
    border: 3px solid var(--primary-color);
    padding: 8px 8px 9px;
    outline: 0
}

#header a:hover {
    text-decoration: none;
    color: var(--primary-color)
}
#header .header-nav .cart-preview.active {
    background: var(--primary-color)
}
#header .header-nav .blockcart a:hover {
    color: var(--primary-color)
}
@media (max-width:767px) {
    #header .header-nav .user-info .logged {
        color: var(--primary-color)
    }
}
.products article .wishlist-button-add {display: none;}

/*** commented out parts are for box shadow/border removal from elements ***

.card {
    box-shadow: 2px 2px 8px 0 #3f4745;
}
.bootstrap-touchspin {
    box-shadow: 2px 2px 4px 0 #3f4745;
}

***/

.cart-grid-body .card-block h1 {
    font-weight: 700;
}
.product-line-grid-right .product-price strong {
    font-weight: 900;
}
.card-block.cart-summary-totals .cart-summary-line.cart-total {
    background-color: #f1f1f1;
    padding: .5rem;
    border: none;
}
#header .header-top .search-widget {
    overflow: hidden;
}
body#checkout .custom-checkbox span {
    position: initial;
}
body#checkout section.checkout-step.-reachable.-current .step-number {
    background: none;
    color: #3f4745;
    font-weight: bold;
    font-size: 1.125rem;
}
body#checkout section.checkout-step {
    /* box-shadow: 2px 2px 8px 0 #3f4745;
    border: 1px solid rgba(0,0,0,.25);
    border-top: none;
    border-left: none;
    border-right: none; */
    padding: .9375rem;
}
/* body#checkout .cart-grid-right .card {
    box-shadow: 2px 2px 8px 0 #3f4745;
} */
body#checkout section#content {
    margin-top: 30px;
}

body#checkout section.checkout-step.-current .step-title,
body#checkout section.checkout-step.-current+ .checkout-step .step-title,
body#checkout section.checkout-step .not-allowed, 
body#checkout section.checkout-step.-unreachable .step-title {
    padding: 0;
    border: 0;
}
body#checkout section.checkout-step .step-title {
    border: none;
    padding-bottom: 0;
}
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title
{
   font-weight: 700; 
   margin-top: 0;
}
/* .pagination .page-list {
    box-shadow: 2px 2px 4px 0 #3f4745;
} */
.pagination a {
    font-weight: bolder;
    color: #3f4745;
    font-size: 1rem;
}
#contact #left-column {
    display: none;
}
#contact #content-wrapper {
    width: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
.product-prices .current-price-value {
    font-size: 1.2rem;
}


/* MBIT.ie changes */

.btn-primary.focus,
.btn-primary:focus {
    background-color: var(--secondary-color);
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    background-color: var(--secondary-color);
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    background-color: var(--secondary-color);
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus {
    background-color: #ffc05c;
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    background-color: #ffc05c;
}


:focus-visible {
    outline: 2px solid var(--primary-color);
}

a:focus,
a:focus-visible {
    color: inherit;
}

#subcategories ul li .subcategory-name:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.cart-grid-body a.label:hover,
body#checkout a:hover,
.nav-item .nav-link.active {
    color: var(--secondary-color);
}

body#checkout a.btn:hover {
    color: #fff;
}

#subcategories ul li:hover .subcategory-image a {
    border: 5px solid var(--secondary-color);
}

#footer .footer-container .links p,
#footer .footer-container .links p.myaccount-title a,
.footer-container .links .h3 {
    color: var(--primary-color);
}

#footer .footer-container .links ul li>a,
#footer #contact-infos {
    color: #3f4745;
}

.product-information .tab-content ul,
#category-description ul,
#cms .page-content ul,
#custom-text ul {
    list-style: disc;
    padding-left: 15px;
    color: #3f4745;
}

#custom-text ul {
    font-size: .875rem;
}

#cms #content ol li {
    font-size: .9375rem;
}

.blockreassurance div.block-title,
.blockreassurance_product span.block-title {
    color: var(--primary-color) !important;
}

.blockreassurance div>p,
.blockreassurance_product div>p {
    color: #3f4745 !important;
}

.card,
body#checkout section.checkout-step,
body#checkout .cart-grid-right .card,
#product .product-actions .wishlist-button-add,
body#checkout section.checkout-step:last-child {
    border: 1px solid rgba(0, 0, 0, .125);
}

body header#header.header_omg_im_scrolled {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

#product .product-actions .wishlist-button-add,
body header#header.header_omg_im_scrolled {
    box-shadow: none;
}

#subcategories {
    border: none;
}



@media (max-width: 767px) {
    .footer-container {
        padding-top: 10px;
    }

    .links .navbar-toggler,
    .block-contact .navbar-toggler .material-icons {
        color: var(--primary-color);
    }

    .footer-container .links ul {
        background: none;
    }

    .footer-container .links ul>li,
    .links .title {
        border: none;
    }

    .blockreassurance .row>div.col-xs-12 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #custom-text .btn.btn-primary {
        max-width: 100%;
        font-size: .9rem;
        padding: .85rem 1.25rem;
    }

    .cart-grid .cart-summary,
    #checkout .cart-grid-right>#js-checkout-summary,
    #custom-text {
        padding: 20px;
    }

    .cart-grid .cart-summary .cart-detailed-subtotals {
        padding: .5rem;
    }

    .cart-grid .cart-summary .cart-summary-line:not(:last-child),
    body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line:not(:last-child) {
        margin-bottom: inherit;
    }

    .cart-grid .cart-summary .block-promo {
        margin-top: 10px;
    }

    body#checkout .cart-grid-right .card .cart-total {
        padding: 1rem 0;
    }

    #js-checkout-summary .block-promo .promo-code-button {
        padding: 0;
    }

    #payment-confirmation button.btn,
    #checkout .checkout-step .btn.continue {
        width: 100%;
    }

}