/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


.product-grid-item .product-element-top:hover .hover-img {
    transform: scale(1) !important;
}

.category-grid-item:hover .category-image {
    transform: scale3d(1.01, 1.01, 1) !important;
}

.product_title {
    font-size: 24px;
    line-height: 1.2;
}

.wd-buttons {
    z-index: 2;
    display: flex;
    flex-direction: column;
    background: #ffffffc7;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
    transition: all .3s ease;
    border-radius: 5px;
}

.products-bordered-grid-ins .product-wrapper {
    padding: 15px;
    border: 1px solid var(--brdcolor-gray-300);
    border-radius: 5px;
}

div#WOODMART_Widget_Sorting.wd-widget.widget.filter-widget {
    display: none;
}

div#WOODMART_Widget_Price_Filter.wd-widget.widget.filter-widget {
    display: none;
}

.wd-filter-buttons>a:before {
    content: "\f118" !important;
    font-size: 1.2em !important;
}

.wd-filter-buttons.wd-action-btn>a {
    padding: 5px 10px;
    line-height: 18px;
    background-color: #83b735;
    border-style: solid;
    border-color: transparent;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: 600;
    cursor: pointer;
    color: #ffffff;
}

.woocommerce-mini-cart__total strong {
    font-size: 15px;
}

@media (max-width: 1024px) {
.wd-nav-accordion-mb-on.color-scheme-light .wd-nav-product-cat {
    background-color: rgba(0,0,0,0.4);
    border-radius: 5px;
  }
}

@media (max-width: 768.98px) {
.wd-show-sidebar-btn.wd-action-btn>a {
    display: none;
}

.offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12) .wd-show-sidebar-btn {
    display: none !important;
}

.woocommerce-ordering.wd-ordering-mb-icon {
    display: none;
  }
}

@media (max-width: 576px) {
.checkout-order-review {
    padding: 20px 5px;
}

tr.order-total strong .amount {
    font-size: 18px;
  }
}

@media (max-width: 414px) {
.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.category-grid-item {
    border: 1px solid var(--brdcolor-gray-300);
    border-radius: 5px;
  }
}