@charset "UTF-8";
/*
Theme Name: Supermarket Zone
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/retailer-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Supermarket Zone is a versatile and responsive theme that's perfect for creating a variety of eCommerce websites, including those for grocery stores that feature fresh vegetables and farm products. You can easily develop an online platform for diverse sectors such as food delivery, electronics, multivendor marketplaces, clothing, luxury brands, fashion, agriculture, jewelry, retail, furniture, cosmetics, skincare, health and beauty, home appliances, and more. Built on the Bootstrap framework, this theme offers a user-friendly environment for customization with numerous features and options. It fully supports the WooCommerce plugin, enabling you to create a robust online store where customers can safely transact. With 100% clean and secure code, your site remains free from errors and bugs. The inclusion of social media options enhances your brand's credibility, allowing customers to engage with your online presence. Its mobile-friendly responsive design adapts seamlessly to various screen sizes, and the theme is SEO-optimized to improve your site's search engine ranking. Additionally, it supports various WordPress plugins such as Contact Form 7, WooCommerce, Mailchimp, and Elementor. With a drag-and-drop builder, your site can be ready in minutes, and faster page load times contribute positively to your website's core web vitals. 
Version: 2.5.3
Tested up to: 7.0
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: digital-storefront
Text Domain: supermarket-zone
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, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, food-and-drink

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


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

:root {
  --first-color:#ef8b59;
  --second-color: #1d1d1d;
}

input.search-submit.btn.btn-primary.mb-2,a.added_to_cart.wc-forward,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,span.cart-value, .sidebar h5, .comment-respond input#submit, #button, .sidebar input[type="submit"], .sidebar button[type="submit"], #colophon, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .wp-block-button__link, .about-inner-box a, .pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .woocommerce-ordering select, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .btn-primary, #top-slider button.owl-next:hover, #top-slider button.owl-prev:hover, .toggle-nav i,.sidebar .tagcloud a:hover, .load hr, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover {
    background: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  border:0px;
  color: #ffffff;
}
a.added_to_cart.wc-forward{
  margin:0 auto !important;
  color: #ffffff;
  margin-top: 10px !important;
}
.navbar-brand a:hover, .product-asset i:hover, .serv-box h4 a:hover, .product-box p a:hover, a, .social-link i:hover, .article-box a, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-message::before, .woocommerce-info::before, .sidebar ul li a:hover, .widget a:hover, .widget a:focus{
    color: var(--first-color);
}
.article-box a:hover{
    color: var(--second-color);
}
input.search-submit.btn.btn-primary.mb-2,.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote,.navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    border-color: var(--first-color) !important;
}
.entry-content .wp-block-woocommerce-cart.alignwide{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
#top-slider button.owl-next, #top-slider button.owl-prev,.slider-inner-box a:hover, .about-inner-box a:hover,#button:hover, #button:active,.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{
    background: var(--second-color);
}
h1, h2, h3, h4, h5, h6,.slider-inner-box a,.product-asset i,.top-info p, .social-link span,.navbar-brand a,.serv-box h4 a{
    color: var(--second-color);
}

.slider-inner-box a{
    background: #fff;
}
.slider-inner-box a:hover{
    color: #fff;
}

.navbar-brand h1.site-title, p.site-title{
    font-size: 25px;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--first-color);
    color: #fff !important;
}
.product-asset button {
    background: url(assets/img/icon.png) no-repeat scroll 0 14px;
}

.slider-inner-box h1 {
    text-transform: uppercase;
}

.serv-bg-box{
    margin-top: 0px !important;
    z-index: 0 !important;
}
.sidebar section {
    padding: 10px;
}
.sidebar .wp-block-heading {
    font-size: 20px;
    color: #fff;
    background: var(--first-color);
    padding: 15px 10px;
    margin-bottom: 0;
}

/* Product Section */


.product-box,.woocommerce ul.products li {
    background: #fff;
    box-shadow: 0 0 10px 3px #dfdfdf;
    border-radius: 10px;
    padding: 15px !important;
    border: solid 1px #ddd;
}
.product-box p {
    font-size: 16px;
    margin: 10px 0;
}
.product-box p a{
    color: var(--second-color);
}
h5.price {
    font-size: 15px;
    margin: 5px 0;
}
.featured-review__stars .fas{
    color: #ffc107;
}
.product-box .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #fdce38;
}
.product-box .star-rating::before {
  content: "\73\73\73\73\73";
  color: #d3ced2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.product-box .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
.product-box .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.product-box .star-rating {
  display: inline-block;
  margin-top: 5px;
}
span.onsale {
    top: 16px;
    background: var(--second-color);
    padding: 5px 10px;
    left: 31px;
}
#new-products hr {
    width: 8%;
    border-top: 2px solid var(--first-color);
    margin: 0 auto;
}
a.added_to_cart.wc-forward{
    margin: 10px 0px 0px 47px;
}

.dot {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin: 6px;
  animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.loading {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
}
#button.show{
  bottom: 60px;
}
@keyframes loading {
  0%,
  100% {
    transform: translatey(-2.5rem);
    background-color: #fff;
  }
  50% {
    transform: translatey(2.5rem);
    background-color: var(--first-color);
  }
}


@media screen and (max-width: 1000px){
    .sidenav {
        background: var(--second-color);
    }
    .slider-inner-box{
        text-align: center;
        left: 0;
        right: 0;
    }
    .sidenav .closebtn{
        background: var(--first-color);
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, .main-navigation .menu > li > a:hover {
        background: transparent;
        color: var(--first-color) !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .navbar-brand {
        text-align: center;
    }
    .slider-box img{
        height: 300px;
      }
}