/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
 :root {
    --colorbg: rgb(0, 0, 0);
    --colortx: rgb(255, 255, 255);
    --colortr: rgb(255, 255, 255);
    --colorcarousel: rgb(255, 255, 255);
    --colorhover: rgb(218, 49, 52);
    --colorborder: rgb(255, 255, 255);
    --bordersz: 2px;
    --boutonbg:rgb(237, 122, 0);
    --boutoncl:rgb(0, 0, 0);
    --hyplien: rgb(255, 64, 64);
    --inputcolorbg: rgb(255, 255, 255);
    --inputcolortx: rgb(0, 0, 0);
 }
 
 /*
 * color titre
 */
.h1 {
    color: var(--colortr);
    }

.h2 {
    color: var(--colortr);
    }

.h3 {
    color: var(--colortr);
    }

.h4 {
    color: var(--colortr);
    }
.h5 {
    color: var(--colortr);
    }

.h6 {
    color: var(--colortr);
    }
h1 {
    color: var(--colortr);
    }

h2 {
    color: var(--colortr);
    }

h3 {
    color: var(--colortr);
    }

h4 {
    color: var(--colortr);
    }
h5 {
    color: var(--colortr);
    }

h6 {
    color: var(--colortr);
    }

body {

color: var(--colortx);

}
.form-control::placeholder {
    color: var(--colortr);

}

.contact-form h3 {
    color: var(--colortr);
    }

.btn-secondary, .btn-tertiary {
color: var(--colortx);
background-color: var(--colorbg);
border-bottom: var(--colorborder) var(--bordersz) solid;
border-top: var(--colorborder) var(--bordersz) solid;
border-right: var(--colorborder) var(--bordersz) solid;
border-left: var(--colorborder) var(--bordersz) solid;
}
.btn-secondary:hover, .btn-tertiary:hover {
    color: var(--colorhover);
    background-color: var(--colorbg);
border-bottom: var(--colorborder) var(--bordersz) solid;
border-top: var(--colorborder) var(--bordersz) solid;
border-right: var(--colorborder) var(--bordersz) solid;
border-left: var(--colorborder) var(--bordersz) solid;
    }
/*
 * header
 */
 #search_widget form i {
    color: var(--inputcolortx);
    }
.popover{
    background-color: var(--colorbg);
    }

#header, #header .header-top {
    background-color: var(--colorbg);
    }

#header .header-nav .blockcart {
    background: var(--colorbg);
    }
.search-widget {
    color: var(--colortr)
}
#search_widget form input {
        color: var(--inputcolortx);
        background-color: var(--inputcolorbg);
        border-bottom: var(--colorborder) var(--bordersz) solid;
        border-top: var(--colorborder) var(--bordersz) solid;
        border-right: var(--colorborder) var(--bordersz) solid;
        border-left: var(--colorborder) var(--bordersz) solid;
    }

.header-top .search-widgets form input[type="text"] {
    color: var(--colortx);
    background: var(--colorbg);
}

.header-top .search-widgets  {
    color: var(--colortr);
    background: var(--colorbg);
}

#header .header-nav .cart-preview .shopping-cart {
    color: var(--colortr);
    }

#header {
    color: var(--colortr);
}

#header a {
    color: var(--colortr);
    }

#header .header-top a[data-depth="0"] {
    color: var(--colortr);
    }
    
#header .top-menu a[data-depth="0"]:hover {
    color: var(--colorhover);
    }

#header a:hover {
    color: var(--colorhover);
    }

#header .header-nav {
    border-bottom: var(--colorborder) 2px solid;
    }
 
#header .header-nav .cart-preview.active {
background: var(--boutonbg);
color:var(--boutoncl);
}
#header .header-nav .blockcart.active a {
    color: var(--boutoncl);
    }
#header .header-nav .blockcart.active a:hover {
    color: var(--colorhover);
    }

#header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {
color: var(--boutoncl);
}    
#header .header-nav .cart-preview.active a:hover, #header .header-nav .cart-preview.active i:hover {
    color: var(--colorhover);
    }    
/*
 * carousel
 */

.carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption .caption-description p, .carousel .carousel-item .caption .caption-description .page-content.page-cms ul, .page-content.page-cms .carousel .carousel-item .caption .caption-description ul {
        color: var(--colorcarousel);
        }

.carousel .carousel-item .caption .display-1 {
        color: var(--colorcarousel);
}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
    color: var(--colorhover);
    }


/*
 * block de text
 */

 #custom-text {
    background: var(--colorbg);
    border-bottom: var(--colorborder) var(--bordersz) solid;
    border-top: var(--colorborder) var(--bordersz) solid;
    border-right: var(--colorborder) var(--bordersz) solid;
    border-left: var(--colorborder) var(--bordersz) solid;
    }

#custom-text p, #custom-text .page-content.page-cms ul, .page-content.page-cms #custom-text ul {
    color: var(--colortx);
    }

#custom-text p .dark, #custom-text .page-content.page-cms ul .dark, .page-content.page-cms #custom-text ul .dark {
    color: var(--colortx);
    }

#custom-text h2 {
    color: var(--colortr);
    }


/*
 * footer
 */

 .footer-container li a:hover {
    color: var(--colorhover);
    }

.footer-container li a {
        color: var(--colortr);
        }

.footer-container {
    background-color: var(--colorbg);
    }

#block_myaccount_infos .myaccount-title a {
    color: var(--colortr);
    }

.block-contact .block-contact-title {
    color: var(--colortr);
    }

.block-contact {
    color: var(--colortr);
    }

#footer {
    background-color: var(--colorbg);
        }    
/*
 * news-letter
 */

 .block_newsletter #block-newsletter-label {
    color: (var(--colortr));
    }

 .block_newsletter form input[type="email"] {
    color: var(--inputcolortx);
    border: var(--bordersz) solid var(--colorborder);
    background-color: var(--inputcolorbg);
    }

    .block_newsletter form input[type="email"]:focus {
    padding: 8px 8px 9px;
    border: 3px var(--colorhover) solid;
    outline:0
}

.block_newsletter {
background-color: var(--colorbg);
color: var(--colortr);
border-bottom: var(--colorborder) var(--bordersz) solid;
border-top: var(--colorborder) var(--bordersz) solid;
border-right: var(--colorborder) var(--bordersz) solid;
border-left: var(--colorborder) var(--bordersz) solid;
}

.block_newsletter form .row .col-xs-12:last-of-type p, .block_newsletter form .row .col-xs-12:last-of-type .page-content.page-cms ul, .page-content.page-cms .block_newsletter form .row .col-xs-12:last-of-type ul {
    color: var(--colortx);
    }

.block_newsletter form input {
background-color: var(--boutonbg);
color: var(--boutoncl);
}

/*
* corps
*/

#wrapper {
    background: var(--colorbg);
    }

/*
* produit
*/

.pagination a {
    color: var(--colortr);
    }
#product-comments-list-header {
    color: var(--colortr);
    }
.product-features > dl.data-sheet dd.value:nth-of-type(even), .product-features > dl.data-sheet dt.name:nth-of-type(even) {
    background:var(--colorbg);
    border-bottom: var(--colorborder) var(--bordersz) solid;
    border-top: var(--colorborder) var(--bordersz) solid;
    border-right: var(--colorborder) var(--bordersz) solid;
    border-left: var(--colorborder) var(--bordersz) solid;
}
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {

    color: var(--colortr);
    }

.product-information {

    color: var(--colortx);
    }
.product-miniature .product-description {
    background: var(--colorbg);
    border-bottom: var(--colorborder) var(--bordersz) solid;
    border-top: var(--colorborder) var(--bordersz) solid;
    border-right: var(--colorborder) var(--bordersz) solid;
    border-left: var(--colorborder) var(--bordersz) solid;
 }

.product-miniature .highlighted-informations {
background: var(--colorbg);
}

.product-miniature .highlighted-informations .quick-view:hover {
    color: var(--colorhover);
    }
.product-miniature .highlighted-informations .quick-view {
    color: var(--colortr);
    }

.product-miniature .product-title a {
        color: var(--colortr);
        }

.product-miniature .product-price-and-shipping {
color: var(--colortr);
}

.product-miniature .regular-price {
    color: var(--colortx);
    }

.product-miniature .variant-links {
background: var(--colorbg);
}

.tabs {
    background: var(--colorbg);
    border-bottom: var(--colorborder) var(--bordersz) solid;
border-top: var(--colorborder) var(--bordersz) solid;
border-right: var(--colorborder) var(--bordersz) solid;
border-left: var(--colorborder) var(--bordersz) solid;
    }
.tabs .nav-tabs .nav-link:hover {
border: none;
border-bottom: var(--colorhover) 3px solid;
}
.tabs .nav-tabs .nav-link.active {
    color: var(--colorhover);
    border: none;
    border-bottom: var(--colorhover) 3px solid;
    }
.tabs .nav-tabs .nav-link {
    color: var(--colortr);
    border: 0 solid transparent;
    }
.tabs .nav-tabs {
border: none;
border-bottom: var(--colorborder) 2px solid;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover {
    color: var(--colortr);
    background-color: var(--boutonbg);
    border-color: #ddd #ddd transparent;
}

#product-details .label {
    color: var(--colortr);
    }
.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name {
background: var(--colorbg);
border-bottom: var(--colorborder) var(--bordersz) solid;
border-top: var(--colorborder) var(--bordersz) solid;
border-right: var(--colorborder) var(--bordersz) solid;
border-left: var(--colorborder) var(--bordersz) solid;
}

.product-comment-list-item {
    color: var(--inputcolortx);
    background-color: var(--inputcolorbg);
    border-bottom: var(--colorborder) var(--bordersz) solid;
    border-top: var(--colorborder) var(--bordersz) solid;
    border-right: var(--colorborder) var(--bordersz) solid;
    border-left: var(--colorborder) var(--bordersz) solid;
    }
.product-flags li.product-flag {
color: var(--boutoncl);
background: var(--boutonbg);
}
/*
* contenue
*/

.page-content.page-cms {
    background: var(--colorbg);
    }

p, .page-content.page-cms ul {
color: var(--colortx);
}

/*
* chemin
*/

#wrapper .breadcrumb li:last-child {
    color: var(--colortr);
    }

#wrapper .breadcrumb li::after {
color: var(--colortr);
}

#wrapper .breadcrumb li a {
    color: var(--colortr);
    }

/*
* page categorie
*/
#subcategories {
    margin-bottom: 20px;
    border-top: var(--bordersz) solid var(--colorborder);
    }
.text-muted {
    color: var(--colortx);
    }

.block-categories a {
color: var(--colortr);
}
.block-category .block-category-inner #category-description p, .block-category .block-category-inner #category-description .page-content.page-cms ul, .page-content.page-cms .block-category .block-category-inner #category-description ul {
    color: var(--colortx);
    }
#search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title {
color: var(--colortr);
}

#subcategories ul li .subcategory-name:hover {
    color: var(--colorhover);
    }

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

#subcategories ul li .subcategory-image a {
    border: 2px solid var(--colorborder);
    }

.block-categories {
    background: var(--colorbg);
    border-bottom: var(--colorborder) var(--bordersz) solid;
    border-top: var(--colorborder) var(--bordersz) solid;
    border-right: var(--colorborder) var(--bordersz) solid;
    border-left: var(--colorborder) var(--bordersz) solid;
    }

#search_filters, #search_filters_brands, #search_filters_suppliers {
background: var(--colorbg);
border-bottom: var(--colorborder) var(--bordersz) solid;
border-top: var(--colorborder) var(--bordersz) solid;
border-right: var(--colorborder) var(--bordersz) solid;
border-left: var(--colorborder) var(--bordersz) solid;

}

.card {
    background-color: var(--colorbg);
    border-bottom: var(--colorborder) var(--bordersz) solid;
    border-top: var(--colorborder) var(--bordersz) solid;
    border-right: var(--colorborder) var(--bordersz) solid;
    border-left: var(--colorborder) var(--bordersz) solid;
    }

.btn-tertiary {
    color: var(--boutoncl);
    background-color: var(--boutonbg);
    }
.btn-tertiary:hover {
    color: var(--colorhover);
    background-color:var(--boutonbg);
    border-color: rgba(0,0,0,0);
    }
.btn-secondary:active:hover, .btn-tertiary:active:hover, .btn-secondary:active:focus, .btn-tertiary:active:focus, .btn-secondary:active.focus, .btn-tertiary:active.focus, .btn-secondary.active:hover, .active.btn-tertiary:hover, .btn-secondary.active:focus, .active.btn-tertiary:focus, .btn-secondary.active.focus, .active.focus.btn-tertiary, .open>.btn-secondary.dropdown-toggle:hover, .open>.dropdown-toggle.btn-tertiary:hover, .open>.btn-secondary.dropdown-toggle:focus, .open>.dropdown-toggle.btn-tertiary:focus, .open>.btn-secondary.dropdown-toggle.focus, .open>.dropdown-toggle.focus.btn-tertiary {
    color: var(--colorhover);
    background-color:var(--boutonbg);
    border-color: rgba(0,0,0,0);
    }

#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
color: var(--colortr);
}

.custom-checkbox {
    color: var(--colortr);
    border-color: var(--colortr);
    }

.active_filters .filter-block {
color: var(--boutoncl);
background: var(--boutonbg);
}

.close {
    text-shadow: 0; 
    }

.active_filters {
background: var(--colorbg);
border-bottom: var(--colorborder) var(--bordersz) solid;
border-top: var(--colorborder) var(--bordersz) solid;
border-right: var(--colorborder) var(--bordersz) solid;
border-left: var(--colorborder) var(--bordersz) solid;
}

#products {
    color: var(--colortr);
    }


.pagination .page-list {
background: var(--colorbg);
border-bottom: var(--colorborder) var(--bordersz) solid;
border-top: var(--colorborder) var(--bordersz) solid;
border-right: var(--colorborder) var(--bordersz) solid;
border-left: var(--colorborder) var(--bordersz) solid;
}    

.pagination .current a {
    color: var(--colortr);
    }

/*
* appersue rapide
*/
.quickview .social-sharing{
    background-color: var(--colorbg);
}
.quickview .arrows {
    background-color: var(--colorbg);
}
.quickview .arrow-down {
    background-color: var(--colorbg);
}
.quickview .arrow-up {
    background-color: var(--colorbg);
}

.quickview .images-container {
    background-color: var(--colorbg);
}


.quickview .images-container {
    background-color: var(--colorbg);
}
.quickview .product-cover img {
    background-color: var(--colorbg);
}


.quickview .modal-footer {
    background-color: var(--colorbg);
    border-top: var(--bordersz) solid var(--colorborder);
}

.quickview .modal-header {
    background-color: var(--colorbg);
}
.quickview .modal-content {
    background-color: var(--colorbg);
    border-bottom: var(--colorborder) var(--bordersz) solid;
    border-top: var(--colorborder) var(--bordersz) solid;
    border-right: var(--colorborder) var(--bordersz) solid;
    border-left: var(--colorborder) var(--bordersz) solid;
}


.quickview .mask {
    background-color: var(--colorbg);
}

.social-sharing {
    width: auto;
    }

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

.btn-primary {
color: var(--boutoncl);
background-color: var(--boutonbg);
border-color: var(--colorborder);
}

.btn-primary:hover {
    color: var(--colorhover);
    background-color: var(--boutonbg);
    border-color: var(--colorborder);
    opacity: 0.7;
    }

.product-prices .tax-shipping-delivery-label {
color: var(--colortr);
}

.wishlist-modal .modal-header h5 {
    color: var(--colortr);
    }

.wishlist-modal .modal-text {
color: var(--colortx);
}
/*
* modal
*/

.modal-body {
    background-color: var(--colorbg);
    color: var(--colortx);
}
.modal-text {
    background-color: var(--colorbg);
    color: var(--colortx);
}
.modal-body {
    background-color: var(--colorbg);
    color: var(--colortx);
}
.modal-content {
    background-color: var(--colorbg);
    color: var(--colortx);
}
.modal-footer {
    background-color: var(--colorbg);
    color: var(--colortx);
}
.modal-header {
    background-color: var(--colorbg);
    color: var(--colortx);
}
.modal-title {
    background-color: var(--colorbg);
    color: var(--colortr);
}
/*
* block cart
*/

#blockcart-modal .modal-body{
    background: var(--colorbg);
    }

#blockcart-modal .modal-header {
    background: var(--colorbg);
}

#blockcart-modal .modal-title {
    color: var(--colortr);
    }

#blockcart-modal .product-name {
color: var(--colortr);
}

#blockcart-modal .cart-content p.cart-products-count, #blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count, .page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {
    color: var(--colortr);
    }

#blockcart-modal .cart-content p.product-total, #blockcart-modal .cart-content .page-content.page-cms ul.product-total, .page-content.page-cms #blockcart-modal .cart-content ul.product-total {
background-color: var(--colorbg);
}

#blockcart-modal .cart-content .cart-content-btn button {
    background-color: var(--colorbg);
    color: var(--colortr);
    border-bottom: var(--colorborder) var(--bordersz) solid;
    border-top: var(--colorborder) var(--bordersz) solid;
    border-right: var(--colorborder) var(--bordersz) solid;
    border-left: var(--colorborder) var(--bordersz) solid;
    }

#blockcart-modal .cart-content .cart-content-btn button:hover {
    color: var(--colorhover);
}

.modal-header {
    border-bottom: var(--bordersz) solid var(--colorborder);
    }



/*
* connection
*/

.page-authentication #content {
    background: var(--colorbg);
    }

form .form-control-label {

        color: var(--colortr);
        }
label, .label {

color: var(--colortx);

}

/*
* hyperlien
*/

a:hover {
color: var(--colorhover);
}

a {
    color: var(--hyplien);
    }

/*
* mots de passe oublier
*/

.page-customer-account #content {
background: var(--colorbg);
color: var(--colortx);
}

.form-control {
    color: var(--inputcolortx);
    background: var(--inputcolorbg);
    border: var(--bordersz) solid var(--colorborder);
    }


.contact-form {
    background: var(--colorbg);
}

.form-control-comment {
    color: var(--colortr);
    }


/*
* menu deroulant
*/

.products-sort-order .select-title, .brands-sort .select-title, .suppliers-sort .select-title {
    color: var(--inputcolortx);
    background: var(--inputcolorbg);
    border: 1px solid var(--colorborder);
    }
    
.products-sort-order .select-list:hover, .brands-sort .select-list:hover, .suppliers-sort .select-list:hover {
    color: var(--colorhover);
    background: var(--inputcolorbg);
}

.products-sort-order .select-list, .brands-sort .select-list, .suppliers-sort .select-list {
    color: var(--inputcolortx);
    background: var(--inputcolorbg);
    }

/*
* quantite
*/

.product-quantity #quantity_wanted {
        color:var(--inputcolortx);
        background-color: var(--inputcolorbg);
        }

.bootstrap-touchspin .btn-touchspin {
background-color: var(--inputcolorbg);
color: var(--inputcolortx);
}

.bootstrap-touchspin .btn-touchspin:hover {
    background-color: var(--inputcolorbg);
    color: var(--colorhover);
    }

/*
* social
*/



.social-sharing li {
    background-color: var(--boutonbg);
}

.social-sharing li:hover {
    background-color: var(--colorhover);
}

.social-sharing ul li {
    background-color: var(--boutonbg);
}

.social-sharing ul li:hover {
    background-color: var(--colorhover);
}


.contact-rich {

    color: var(--colortr);

    }

.contact-rich h4 {
        color: var(--colortr);

        }

.contact-rich .block .data {
    color: var(--colortr);
}
.contact-rich .block .icon i {
    color: var(--colortr);
    }