/*
Theme Name: Green Grocer
Theme URI: https://www.seothemesexpert.com/products/green-grocer-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Green Grocer is a multipurpose free theme designed with a perfect balance of minimal, elegant, and sophisticated styling. Built to meet the needs of grocery store owners, organic food shops, farmers market websites, fresh produce stores, online grocery stores, eco-friendly shop owners, online grocery shopping,grocery delivery,online grocery deals, dropshipping businesses, Renewable Energy, Green Technology, wholesale marketplaces, and food delivery services, this theme offers a clean and user-friendly interface that ensures effortless navigation for visitors. Its responsive and mobile-friendly design adapts seamlessly across devices, while being retina-ready ensures every detail looks stunning and crisp. Packed with modern personalization options, the Green Grocer Theme makes customization simple and effective for online sellers using plugins like WooCommerce, Contact Form 7, Yoast SEO, and Jetpack. From interactive banners to animated elements, it allows you to create visually appealing product pages that grab attention. Essential features like a testimonial section, team showcase, product filter, and prominent Call to Action Buttons (CTA) make it easy to connect with your audience and build trust. Integrated social media options help expand your reach, while shortcodes and Bootstrap framework support add flexibility for developers to design without limits. Engineered with optimized codes and secure, clean coding standards, the theme delivers faster page load times, SEO optimization, and ensures a safe browsing experience. Its agency-friendly structure makes it suitable for professional use, while also being ideal for personal blogs, portfolios, affiliate marketing sites, or eCommerce business websites. The inclusion of advanced customization options ensures users can tailor layouts, colors, and fonts to reflect their brand identity with ease. Additionally, the Green Grocer Theme is translation ready and compatible with page builder plugins like Gutenberg and Classic Editor, enabling you to connect with global audiences effortlessly. With its luxurious yet minimal design, it strikes the right chord between functionality and aesthetics. Whether you want a beautiful modern site for your agency, a clean online dropshipping store, or a sophisticated portfolio, the Green Grocer Theme offers everything you need to build an interactive and professional online presence.
Version: 0.9
Tested up to: 6.9
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: green-grocer
Template: supermarket-shopping
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, editor-style, full-width-template, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, featured-image-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, food-and-drink, e-commerce, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
:root {
    --color-primary1: #78B85D;
    --font-awesome: 'FontAwesome';
}
a{
    text-decoration: none;
    color: var(--color-primary2);
}
.blog-item.inner-related-post .post-title a{
  color: var(--color-primary2);
  text-decoration: none;
}
.singel-page-area a{
  color: var(--color-primary2);
}
.topbar{
    background-color: var(--color-primary1);
}
.search-cat-box{
    border: 1px solid var(--color-primary1);
}
.banner-2 .toppro-text{
    color: #FF4242;
}
.banner-2 h2.discount-text a{
    color: #000;
}
.banner-2 .product-btn a{
    color: #000;
}
.product-content.second{
    left: 46%;
}
#slider{
    position: relative;
    height: 550px;
    background-color: var(--color-primary1);
}
#slider img{
    opacity: 1;
    height: 300px;
    width: 80% !important;
    object-fit: contain;
}
.slideimg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 550px;
}
/*deliver section*/
#product-services .container{
    background-color: #fff; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}
.main-delivery-detail {
    display: flex;
    justify-content: normal;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
}
.delivery-icon i{
    font-size: 40px;
    color: #FF8A00;
}
.delivery-text{
    font-size: 13px;
    color: #B0B0B0;
}
.deliver-title{
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
@media (max-width: 767px) {
    #slider img{
        height: 170px;
    }
    #slider .owl-dots{
        top: 95%;
    }
    #slider{
        height: 600px;
    }
    .slideimg{
        height: 300px;
    }
  body{
    position: static;
  }
  .main-header .navbar-menubar.responsive-menu{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }
  #slider .carousel-caption{
    position: static;
    height: 300px;
    transform: none;
    padding: 2em;
    text-align: center;
  }
  p.slidetop-text.mb-3 {
    border-left: 2px solid #FF4242;
    padding-left: 13px;
    }
    #slider .short-content{
        border-left: none;
        padding-left: 0 !important;
    }
    .main-delivery-detail{
        justify-content: center;
    }
    #product-section .product-heading{
        text-align: center !important;
        font-size: 28px;
        margin-bottom: 5em;
    }

}
@media (min-width: 768px) and (max-width: 999px) {
  #slider .carousel-caption{
    right: 55%;
  }
  #product-section .product-image img{
    height: 210px
  }
    #product-section .product-heading{
        font-size: 28px;
        margin-bottom: 5em;
    }
}
@media (min-width: 999px) and (max-width: 1024px) {
    .login-text, span.cart-count{
        font-size: 9px;
    }
    .topbar a, .topbar p {
        font-size: 12px;
    }
    .navbar-menubar .main-navigation .menu > li > a, .navbar-menubar .page_item a{
        font-size: 12px;
    }
    #slider .carousel-caption{
    right: 55%;
  }
  #product-section .product-image img{
    height: 210px
  }
    #product-section .product-heading{
        font-size: 28px;
        margin-bottom: 5em;
    }
  .delivery-text{
        font-size: 10px;
    }
    .deliver-title{
        font-size: 13px;
    }
    .delivery-icon i{
        font-size: 30px;
    }
    .banner-2 h2.discount-text a{
        font-size: 16px;
    }
    .product-btn a{
        font-size: 13px;
    }
    .toppro-content{
        font-size: 10px;
    }
  .banner-1 h2.discount-text a{
    font-size: 18px;
  }
}
@media (max-width: 1000px) {
    .delivery-text{
        font-size: 10px;
    }
    .deliver-title{
        font-size: 13px;
    }
    .delivery-icon i{
        font-size: 30px;
    }
    .banner-2 h2.discount-text a{
        font-size: 16px;
    }
    .product-btn a{
        font-size: 13px;
    }
    .toppro-content{
        font-size: 10px;
    }
  .banner-1 h2.discount-text a{
    font-size: 18px;
  }
}
#main-slider .product-img{
    width: 100%;
    height: 265px;
    border-radius: 0;
}
#main-slider .product-img img, .slidesection, .slider-img-color {
    border-radius: 0;
}