/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

ul.product-flags li.out_of_stock {
 background: #ff2222;
}
ul.product-flags li.out_of_stock:before {
 border-color: #ff2222 transparent transparent;
}
ul.product-flags li.out_of_stock:after {
 border-color: transparent transparent #ff2222;
}
.block-category{
 display: flex;
 align-items: stretch;
 background: url('../img/generic-cat-bg.jpg');
 margin-top: 0 !important;
 margin-bottom: 0 !important;
 padding-top:0 !important;
 padding-bottom: 0 !important;
 min-height: initial !important;
}
.block-category .h2{
 font-weight: bold;
 margin-bottom: 0;
}
.block-category .container{
 display: flex;
 margin-left: 0;
 align-items: center;
 padding-top: 1rem;
 padding-bottom: 1rem;
}
.block-category .container #category-description{
 max-width: 70% !important;
}
#search_filters{
 padding-top: 2.85714rem;
}
#search_filters .facet .variant-links .facet-label {
 width: 32px;
 height: 32px;
 text-align: left;
 background-size: cover;
}
.variant-links a, .variant-links label{
 box-shadow:0 0.2rem 1rem 0 rgb(0 0 0 / 50%);
 -webkit-box-shadow:0 0.2rem 1rem 0 rgb(0 0 0 / 50%);
}
#search_widget{
 float: none;
}
#search_widget form i{
 position: initial;
}
#product .pb-right-column .product-prices .discount{
 order:-1;
}
[class*=" product-prices-"].with-discount.product-prices-lg .price, [class*=" product-prices-"].with-discount.product-prices-lg .regular-price, [class^=product-prices-].with-discount.product-prices-lg .price, [class^=product-prices-].with-discount.product-prices-lg .regular-price{
 flex-basis: 100%;
}
#product .pb-right-column .product-prices .price{
 order: initial;
}

.jxmegamenu_item.font-weight-bold > a{
 font-weight: bold;
}

.custom-control-label, .variant-links a.color{
 background-size: cover;
}

.transparent-bg-content, .transparent-bg-content .jxml-banner-description{
 background: rgba(255,255,255,.7);
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover{
 color:#fff;
}

#footer.bg-dark a{
 color:#888;
}

.wishlist-button-add {
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 10;
}

.wishlist-modal.show{
 background: rgba(0,0,0,.5);
}

.wishlist-add-to-new{
 width:initial !important;
}