/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#product-availability {
    display: none !important;
}
.tax-shipping-delivery-label {
	display:none;
}
.blog-posts .top-blog h3 a {
    color: #000;
    font-weight: 400;
}
.blog-posts .top-blog h3 a:hover {
    color: #000;
}
li.product-flag {
    display: inline-block;
    background: none;
    font-weight: normal;
    text-transform: uppercase;
    color: black;
    z-index: 3;
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    border-radius: 2px;
    font-size: 11px;
    font-style: italic;
    box-shadow: 4px 4px 4px rgba(0,0,0,.14);
}
.product-title {
    text-transform: none !important;
}
.product-reference, .product-reference label, .product-reference span .product-quantities {
    display: none !important;
}
#_desktop_setting-header {
	display:none;
}
.product-actions .input-container span.color {
	background-size: contain;
}



.facet-label.active .custom-radio span.color, .facet-label:checked .custom-radio span.color, .facet-label:hover .custom-radio span.color,
.facet-label.active .custom-checkbox span.color, .facet-label:checked .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color{
	box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 67%);
}

#search_filters .facet .color-boxes .color, #search_filters .facet .color-boxes .custom-checkbox input[type=checkbox]+span.color{
	margin: 2px 9px 0 0;
}

* {
	text-transform: none;
}

header#header{
	transform: none !important;
}

#footer a{
	font-size: 16px !important;
}

#contact .container #content{
	margin-top: 0px;
}

/* code css pour selectionner la facette active
.facet-label.active .custom-checkbox span.color:before{

}*/

.bonmm-top-menu[data-bonmm-depth="1"]>li {
    width: 20%;
}

.cms-id-9 h1, .blog-posts .top-blog .comment{
    display: none;
}

.toolbar-paging .pagination{
    display: flex !important;
    justify-content: center;
}

.page-my-account #content .links #discounts-link, #order-slip h6{
    display: none;
}

.btn-primary, .btn-secondary, .btn-tertiary{
    text-transform: initial;
}

/* TODO: MOVE TO SCSS FILES */
#search_filters .facet .color-boxes .facet-label .custom-radio {
    top: 5px;
    left: 10px;
}
#search_filters .facet .color-boxes .facet-label .custom-radio input[type="radio"] + span::before {
    display: none;
}
#search_filters .facet .color-boxes {
    float: left;
    padding-bottom: 10px;
    width: 32px;
    height: 42px;
    margin: 2px 9px 0 0;
}
.color-boxes .custom-radio .color {
    position: absolute;
    top: -10px;
    left: -10px;
}