/*!
 Theme Name:   ShopCommerce
 Theme URI:    https://walkerwp.com/shopcommerce/
 Description:  ShopCommerce is the child theme of WalkerShop, ShopCommerce is a feature rich WordPress theme for shopping site, woocommerce products and ecommerce. ShopCommerce comes with great appearance with tons of featrues like cross-browser compatibility, SEO optimized, accessbility-ready and highly customizable. It comes with multiple header and footer layout as well as and one click demo import makes ease to setup your site in a minute.  find the demos and details at https://walkerwp.com/shopcommerce.
 Author:       WalkerWP
 Author URI:   https://walkerwp.com/
 Template:     walkershop
 Version:      1.0.1
 Tested up to: 6.2
 Requires PHP: 5.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, blog, news, two-columns, three-columns, footer-widgets, sticky-post
 Text Domain:  shopcommerce
*/

span.combine-div .header-icons.header-buttons-group {
    padding-left: 5px;
    border-left: 1px solid #d5d3d3;
}
.product-item:hover,
.product-item {
    border: 0;
    box-shadow: none;
}
.products-holder .product-item .product-title h4 {
    color: var(--primary-color);
}
.product-item .product-content {
    padding: 0;
}
.latest-product-wrapper .product-item .featured-image {
    height: 450px;
}
.product-item span.onsale {
    background: var(--primary-color);
    color: var(--light-color);
}
.about-wrapper:before,
.about-wrapper .img-col:before{
    display: none;
}
.about-wrapper{
    margin: 0;
    padding: 0;
}
.about-wrapper .container {
    max-width: 100% !important;
    padding: 0;
}
.about-wrapper .img-col img {
    width: 100%;
    min-height: 700px;
    margin: 0;
    object-fit: cover;
}
.about-wrapper .img-col {
    line-height: 0;
}
.about-wrapper .text-col {
    padding: 50px 5%;
}
.wrapper.latest-post-wrapper .container,
.wrapper.topselling-product-wrapper .container{
    max-width: 1200px;
}
.latest-post-wrapper .post-holder a.post-thumbnail {
    height: 300px;
}
.latest-post-wrapper .post-title a {
    color: var(--primary-color);
    text-decoration: none;
}
.latest-post-wrapper .post-title a:hover {
    color: var(--secondary-color);
}
.latest-post-wrapper .post-title {
    margin: 10px 0;
}
.service-wrapper .services-holder:before, .about-wrapper:after, .wrapper.brands-wrapper:before{
    background: #f9f9f9;
}
.about-box .page-title{
    padding: 0;
}
 .topselling-product-wrapper .products-holder.walkershop-product-col-2{
    grid-gap: 75px;
 }
 a.walkershop-button, .products-button-group a.button {
    background: var(--primary-color);
    color: #fff;
}
.discount-offer-wrapper a.walkershop-button{
    background: var(--primary-color);
    color: #fff;
}
.wrapper.discount-offer-wrapper .container {
    padding: 0;
}
.wrapper.service-wrapper {
    border-top: 1px solid #e9e7e7;
    border-bottom: 1px solid #e9e7e7;
    padding: 0;
}
.service-wrapper .services-holder{
    padding: 0;
}
.service-wrapper .services-holder .service-box {
    padding: 30px 0;
}
.wrapper.service-wrapper .container {
    max-width: 100%;
}
.wrapper.newsletter-wrapper{
    border-top: 0;
}
.discount-offer-wrapper.text-align-center .offer-holder .offer-content span {
    display: inline-block;
    max-width: 70%;
}
.section-heading {
    margin: 0 0 20px;
}
a.banner-button {
    background: var(--primary-color);
    color: #fff;
}
.products-holder .product-item .product-title:hover h4{
    color: var(--secondary-color);
}
.products-holder .product-item .product-price{
    font-weight: 600;
}
.wrapper.main-header.header-layout-1 .header-icon-search{
    height: 24px;
}
@media(max-width: 1460px){
    .wrapper.service-wrapper h4 {
        font-size: 15px;
    }
    .latest-product-wrapper .product-item .featured-image {
        height: 280px !important; 
    }
    .wrapper.banner-wrapper.banner-section-text-align-center .container.full-width .hero-image {
        height: 650px !important;
    }
    .wrapper.banner-wrapper.banner-section-text-align-center span.banner-content-holder {
        max-width: 85% !important;
    }
    .primary-menu .main-navigation ul li a {
        font-size: 13px;
    }
    .discount-offer-wrapper.text-align-center .offer-holder .offer-content span {
        max-width: 85%;
    }
}
@media(max-width: 1024px){
    .header-icons.header-buttons-group{
        display: none;
    }
}