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


#wrapper {
   /*
    background: #f1f1f1;
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.11);
    padding-top: 1.563rem;
    */

   background: #d8b23c21 !important;
}

.block-category {

   /*min-height: 13.75rem;*/

   min-height: 5.75rem;

}

.product-description h2 {
   margin: 5px 10px;
}

.sub-menu .top-menu {
   display: flex;
   flex-direction: column;
   line-height: 30px;
}


#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
   height: 386px;
}

.product-marca a img {
   width: 100px;
}

.product-marca .img-thumbnail {
   padding: .25rem;
   background-color: transparent;
   border: none;
   border-radius: 0;
   transition: all .2s ease-in-out;
}

#custom-text {

   background: transparent;
   border-radius: 2px;
   margin-bottom: -1rem;
   padding: 0;
   text-align: center;
}

@media (max-width: 750px) {
   #custom-text {
      display: none !important;
   }
}

#search_filters .facet .facet-label,
#search_filters_brands .facet .facet-label,
#search_filters_suppliers .facet .facet-label {
   margin-bottom: 0;
   display: flex;
   align-items: baseline;
}

#search_filters .facet .facet-label a,
#search_filters_brands .facet .facet-label a,
#search_filters_suppliers .facet .facet-label a {
   font-size: .8rem;
   text-align: left;
}

#header {
   background-image: url('https://tienda.elarmariolaboral.com/img/cms/fondo-header_1.jpg');
   background-size: cover;
}

@media (max-width: 767px) {
   #header .header-nav {
      background-image: url('https://tienda.elarmariolaboral.com/img/cms/fondo-header_1.jpg');
      background-size: cover;
   }
}

#products img, .featured-products img, .product-accessories img, .product-miniature img{
    margin-left: 0;
    width: 100%;
}

 .featured-products .product-miniature .on-sale.on-sale, .featured-products .product-miniature .discount-percentage.discount-percentage,
 .has-discount .discount {
   background: #ff000096;
 }