@charset "UTF-8";
/*
Theme Name: Retailer Market
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-retailer-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Retailer Market WordPress theme is designed to create professional websites for a wide range of applications, including marketplaces, stores, and food delivery chains, as well as multivendor shops, grocery outlets, fashion boutiques, and electronics sellers. This free theme boasts a plethora of features and its minimalistic yet impressive design directs audience attention to essential facts and key information. With a clean and clutter-free layout, every product shines on your website. Its retina ready display ensures that images are crystal clear, while the responsive design perfectly adapts to any device's screen. The user-friendly interface enables both novices and beginners to craft an attractive site effortlessly. You can easily personalize colors and fonts, ensuring a unique touch. The theme is optimized for better performance and faster page load times, resulting in a lightweight website. Additionally, its SEO-friendly design enhances your site's visibility, potentially increasing visitor traffic. The inclusion of a Call to Action Button (CTA) can significantly boost conversions and foster an interactive environment for your audience, all supported by effective social media promotion options. 
Version: 2.4.5
Tested up to: 6.9
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: ecommerce-zone
Text Domain: retailer-market
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, footer-widgets, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, food-and-drink

Retailer Market WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2022.
Retailer Market WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #d30b5c;
}

.product-box h4 a:hover, .slider-inner-box h2:hover, .cart_no i:hover, span.cart-total:hover, a, .sidebar a:hover, #colophon a:hover, #colophon a:focus, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-message::before, .woocommerce-info::before, .navbar-brand a{
    color: var(--first-color);
}
.sale-btn a:hover, .sidebar button[type="submit"], .sticky .entry-title::before, .main-navigation .menu > li > a:hover, #button, .sidebar input[type="submit"], .comment-respond input#submit, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .pro-button a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .wp-block-button__link, .serv-box:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .btn-primary, span.cart-value, .toggle-nav.mobile-menu button, .woocommerce .woocommerce-ordering select, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .slider-inner-box a:hover, .cat-pro-inner-box a:hover, span.onsale,.all-categories,.sidebar .tagcloud a:hover, .load hr {
    background: var(--first-color);
}
.woocommerce-message, .woocommerce-info, .wp-block-pullquote, .wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote, .btn-primary, .pro-button a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .slider-inner-box a:hover, .cat-pro-inner-box a:hover, #homepage-product h3{
    border-color: var(--first-color);
}
.article-box a:hover, .socialmedia a:hover, #masthead .navbar-brand a:hover, .cart_no i, span.cart-total{
  color: #353238;
}
.user-account {
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: right;
}
.user-account a:hover{
    background: #fff;
}
.head-menu{
  padding: 18px;
}
.socialmedia {
    background: var(--first-color);
}
.socialmedia,.logo-head,.head-menu{
    border: none;
}
.socialmedia a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}
.head-menu {
    background: #353238;
}
.main-navigation .menu > li > a, .sale-btn a:hover{
    color: #fff;
}
.navbar{
    padding: 15px 0;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: #fff;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--first-color);
    color: #fff !important;
}
#site-navigation .menu ul li a{
    color: #fff;
}
#site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
.logo-head form.woocommerce-product-search{
    border-color: #938e99;
}
.logo-head button {
    padding: 9px 25px;
    background: url(assets/img/icon.png) no-repeat scroll 15px 8px var(--first-color);
    float: right;
    text-indent: -9999px;
    border: none;
    position: relative;
    top: -6px;
    left: 5px;
    border-radius: 0 5px 5px 0;
}
.all-categories button {
    background: transparent;
    border: none;
    padding: 15px 25px;
    color: #fff;
}
.all-categories:hover, .cat-pro-inner-box a:hover{
    background: #fff;
}
.all-categories button:hover, .cat-pro-inner-box a:hover{
    color: var(--first-color);
}
.home_product_cat h4 {
    font-size: 16px;
    border-bottom: solid 1px #efefef;
    padding: 10px 15px;
    margin-bottom: 0;
}
.home_product_cat{
    display: none;
}
.home_product_cat {
    position: absolute;
    background: #fff;
    z-index: 999;
    width: 100%;
}
.sale-btn a {
    background: #4b484e;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 5px;
}
.sale-btn a:hover{
    color: #fff;
}
.socialmedia i {
    padding-right: 4px;
}
.slider-box img{
    height: 600px;
}
.slider-inner-box {
    left: 15%;
    right: 50%;
    padding: 0;
    background: transparent;
    text-align: left;
}
.slider-inner-box h2 {
    font-size: 50px;
    font-style: italic;
}
.slider-inner-box p,.slider-inner-box a:hover{
    color: #fff;
}
.slider-inner-box a {
    color: var(--first-color);
    padding: 15px 20px;
}

.cat-pro-inner-box {
    background: transparent;
    right: 10%;
    text-align: right;
    padding: 0;
}
.cat-pro-inner-box a {
    padding: 10px;
    border: none;
    background: var(--first-color);
}
.admin-bar .head-menu.stick_header{
    background: #353238;
}
@media screen and (max-width: 575px){
    .user-account{
        margin: 15px 0px;
    }
    .slider-box .more-btn {
        margin-top: 15px !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 720px){
    .socialmedia,.user-account {
        text-align: center;
    }
    
    .sale-btn{
        display: inline-grid;
    }
    .slider-inner-box {
        right: 10%;
    }
    .slider-inner-box p{
        display: none;
    }
    .slider-inner-box h2 {
        font-size: 30px;
        margin-bottom: 0;
    }
    .slider-box img{
        height: 300px;
    }
}
@media screen and (min-width: 376px) and (max-width: 575px){
    .logo-head button {
        top: -7px !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 991px){
    .logo-head button {
        top: -30px;
    }
}
@media screen and (min-width: 721px) and (max-width: 999px){
    .slider-inner-box {
        right: 30%;
    }
}

@media screen and (max-width: 1000px){
    .toggle-nav {
        z-index: 9999;
    }
    .toggle-nav {
        height: 55px;
        width: 40px;
    }
    .toggle-nav i{
        background: transparent;
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation .menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus{
        background: transparent;
        color: var(--first-color) !important;
    }
    .sidenav .closebtn{
        background: var(--first-color);
    }
}