@charset "UTF-8";
/*
Theme Name: Supermarket Zone
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-supermarket-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Supermarket zone is a multipurpose and responsive that is ideal to design all kinds of Ecommerce websites. You can develop an online store for grocery store, food delivery, electronics store, multivendor, clothing, luxury brands, fashion shop, agriculture, jewelry, retail store, grocery, farm shop, furniture store, cosmetics and skincare products, sports and outdoors, beauty and health, home appliances and more. The theme utilizes bootstrap framework and offers a very user-friendly environment to work on. You can customize it freely using so many features and options for customization.  It offers full support for WooCommerce plugin aiding you to create a full-fledge WooCommerce store and allowing buyers to do safe transactions. It uses 100% secure and clean codes making your site free from errors and bugs. With the social media option you can display your social existence which helps your customers to trust and know your popularity. The responsive design is mobile-friendly to adjust perfectly in all devices screen sizes. The theme comes SEO optimized to aid your site with search engine ranking. It shows compatibility to various WordPress plugins like Contact form 7, WooCommerce, Mailchimp, Elementor. Your site will get ready in minutes using the drag and drop builder. and Faster page load times add to the core web vitals of your site.
Version: 2.4.6
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: 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;
      }
}