/*
Theme Name: Online Grocery Mart
Theme URI: https://www.vwthemes.com/products/free-online-grocery-wordpress-theme
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: Introducing our Free Online Grocery WordPress Theme, your gateway to building a dynamic and user-friendly online grocery store without breaking the bank. Online Grocery Mart sets a perfect platform for taking online your organic groceries and food products, fruits, grocery stores, supermarket, market, organic bakery, vegetables, organic farming, retail shop, organic soaps, Pet Food Delivery, Seafood & Meat Delivery,E-commerce, Retail, Grocery, Marketplace, Store, bakery, daily needs items, Daily Household Items, dairy products business. You can easily build an online grocery store or make it big for your small food and grocery stall. Not only this it can be implemented for Local Farmers Markets, Meal Kit Delivery Services, Fresh produce delivery, Vegan and vegetarian groceries, Gluten-free products, Health food store and Sustainable seafood providing services also. Whether you specialize in fresh produce, gourmet foods, organic products, or specialty ingredients, our theme provides the flexibility and customization options you need to showcase your unique offerings in style. This astounding theme gives an elegant and sophisticated display of all your products in a modern layout. With the freedom to add a customized logo and images, it offers you a flexible header and banner with plenty of settings. To introduce your business in the best possible way, you will see that there are expertly crafted sections and beautiful CSS animations included. Being translation ready, this amazing theme allows users to translate your site into multiple languages and along with this, it comes with a retina-ready and responsive design that ensures a pixel-perfect display of your site on every device. Its responsive layout guarantees compatibility across all devices, allowing shoppers to browse and purchase groceries effortlessly from their desktop, tablet, or smartphone. With Woocommerce compatibility, you can get an online store on your website which also allows you to accept online payments. The proper CTAs placed at desired locations do take care of the conversion rates. It has a nice combination of boxed and grid layout with a lot of social media options, SEO friendly as well as secure and clean codes boosting the overall performance of your site. our theme is adaptable to a wide range of niches within the grocery industry. Empower your business with a compelling online presence and capitalize on the growing trend of online grocery shopping. Demo: https://www.vwthemes.net/vw-grocery-pro/
Template: food-grocery-store
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 2.8.5
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: online-grocery-mart
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, flexible-header, block-patterns, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, translation-ready, threaded-comments, post-formats, rtl-language-support, blog, portfolio, e-commerce
*/

/*------- DEFAULT CSS --------*/

body{
	font-family: 'Roboto', sans-serif !important;
	color: #909090 !important;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Prata', serif ;
	color: #000000;
}
a,.add-to-cart-btn a:hover, .deal-box h3 a:hover{
	color: #f79a21;
    text-decoration: none !important;
}
a:hover{
    text-decoration: none !important;
}
select{
    outline: none;
    border-bottom: none;
}
#footer .search-form .search-field:focus,#footer input[type="submit"]:focus,a.scrollup i:focus{
    outline: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#footer .search-form .search-field{
    color: #fff;
}
/*------- COMMON COLOR CSS --------*/
/* green bg */
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span.current, .more-btn a,#sidebar h3,input[type="submit"],.scrollup i,#footer-2,.pagination span, .pagination 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,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,.main-navigation a:hover,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,.order-track i.fas.fa-angle-right,span.wishlist-counter,.hot-deals-btn a,#comments input[type="submit"],nav.woocommerce-MyAccount-navigation ul li,.widget_product_search button{
	background: #19764a;
}
.main-navigation ul.sub-menu a:hover,#footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a,#footer li a:hover,#sidebar ul li a:hover{
	color: #19764a;
}
/* yellow bg */
.more-btn a:hover,input[type="submit"]:hover,.scrollup i: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 .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover,
 .custom-social-icons i:hover,.hot-deals-btn a:hover,.woocommerce span.onsale{
	background: #f79a21;
}
/* white color */
.more-btn a:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,.main-navigation a:hover,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,.custom-social-icons i:hover,.hot-deals-btn a,#sidebar p a{
	color: #fff;
}
.post-main-box h2 a,.grid-post-main-box h2 a, .post-info span a,.top-bar p,button.product-btn,.product-cat li a,.order-track span,.custom-social-icons i,.order-track i.fas.fa-map-marker-alt,.main-navigation a {
	color: #2f3d61;
}
span.post-page-numbers.current{
    background: #2c2b2b;
    color: #fff; 
}
i.fa.fa-pinterest{
    font-family: 'FontAwesome' !important;
}
.post-nav-links a:hover{
  color:#fff;
  background: #2c2b2b !important;
}
.post-nav-links a,.wishlist_table .product-add-to-cart a{
    background: #19764a;
}
.woocommerce-MyAccount-content a{
    text-decoration: underline !important;
}
/*------- TOP HEADER CSS --------*/
.top-bar,.product-cat-box,.product-cat,.search-box form.woocommerce-product-search,.post-info,#product-sec {
    background: #f7f7f7;
}
.top-bar p {
    padding: 12px 0;
}
.top-bar p a:hover{
    color: #19764a;
}
.discount-line {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
}
.translate-lang {
    padding: 8px 0;
}
.currency-box{
	padding: 10px 0;
}
.translate_lang .switcher, .switcher .selected a {
    border: solid 1px #dee0e4 !important;
    border-radius: 5px;
}
.currency-box form#alg_currency_selector {
    border: solid 1px #dee0e4;
    padding: 3px;
    border-radius: 5px;
}
button.product-btn {
    font-size: 15px;
}
.page-template-ibtana-page-template .middle-align{
  padding: 0em 0 0;
}
/*------- HEADER CSS --------*/
p.site-title, .logo h1{
	font-size: 28px;
}
.logo .site-title a:hover{
    color: #f79a21;
}
.product-cat-box{
    position: relative;
    left: 0;
    right: 0;
	border:none;
}
.product-cat {
    border: none;
    width: 100%;
}
.product-cat li a {
    font-size: 15px;
}
.search-box form.woocommerce-product-search{
	border-radius: 0;
	border:none;
}
#middle-header input[type="search"] {
    border-radius: 0;
    background: transparent;
}
.search-box button {
    background: url(images/search.png) no-repeat scroll 20px 13px;
    text-indent: -9999px;
    float: right;
    width: 12%;
}
.order-track span {
    background: #f7f7f7;
    padding: 10px 5px;
    display: inline-block;
}
.order-track i.fas.fa-map-marker-alt{
	font-size: 25px;
    padding: 10px 5px;
}
.order-track i.fas.fa-angle-right {
    padding: 5px 10px;
    color: #fff;
    position: relative;
    left: 25px;
}
#middle-header .custom-social-icons h3 {
    display: none;
}
#middle-header .custom-social-icons{
    display: flex;
    list-style-type: none;
    padding-left: 0 !important;
}
.custom-social-icons i {
    border-radius: 30px;
    font-size: 14px;
    padding: 14px;
    text-align: center;
    width: 40px;
    height: 40px;
}
.wishlist i {
    color: #f79a21;
}
.account i{
	color: #19764a;
}
.cart_no {
    position: relative;
}
.cart_no i {
    background-image: linear-gradient(to right, #19764a , #b0d879);
    color: #fff;
    padding: 20px;
    font-size: 15px;
    border-radius: 5px;
}
span.cart-value {
    background: #f79a21;
    color: #fff;
    border-radius: 6px;
    padding: 2px 8px;
    top: 30%;
    right: auto;
    left: 0%;
    bottom: auto;
    font-weight: bold;
    transform: translateX(-20%);
}
span.wishlist-counter {
    top: 20px;
    right: 0px;
    left: auto;
    bottom: auto;
}
.account i:hover, .cart_no i:hover{
    color: #f79a21;
}
.wishlist i:hover {
    color: #19764a;
}
.main-navigation a {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.main-navigation ul ul{
	border-color: #19764a;
}
.hot-deals-btn a{
	border-radius: 6px;
	font-weight: bold;
	font-size: 15px;
}
.related-post .post-main-box{
    padding: 10px;
}
.top-bar .wSelect-theme-classic.wSelect{
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 0 !important;
}
/*------- SLIDER CSS --------*/
.headingsmall-text{
    font-size: 24px !important;
    letter-spacing: 7px;
    text-transform: uppercase;
    color: #19764a;
    font-weight: 700 !important;
}
#slider{
	background: #fff;
}
#slider img {
    opacity: 0.9;
}
#slider .inner_carousel h1 {
    font-size: 70px;
    color: #000000;
    font-weight: 500;
}
.more-btn a {
    font-size: 14px;
    border-radius: 35px;
    padding: 12px 25px !important;
}
#slider .carousel-control-prev {
    left: 88%;
}
#slider .carousel-control-next {
    right: 84px;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    padding: 12px 28px;
}
#slider .carousel-control-prev, #slider .carousel-control-next{
    width: 4%;
}
#slider .carousel-control-prev-icon {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: solid 2px #fff;
}
#slider .carousel-control-next-icon {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-left: solid 2px #fff;
}
.carousel-control-prev, .carousel-control-next {
    top: auto !important;
    bottom: 25% !important;
}

/*------- BEST DEAL CSS --------*/
.deal-box img{
    object-fit: contain;
    height: 200px;
}
#product-sec .product img{
    height: 160px;
    object-fit: contain;
}
.deal-box-color1 {
    background: #b8e6e3;
}
.deal-box-color2 {
    background: #b8e6c6;
}
.deal-box-color3 {
    background: #e3e3e3;
}
.deal-box {
    border-radius: 10px;
}
.deal-box h3 a {
    color: #000;
    font-size: 25px;
    font-weight: 500;
}
.add-to-cart-btn a {
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}
a.added_to_cart.wc-forward{
    color: #fff !important;
    background: #19764a !important;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: bold;
    padding: 8px 15px !important;
    position: relative;
/*    margin-top: -11%;*/
}
a.added_to_cart.wc-forward:hover{
    background: #2c2b2b !important;
}
.add-to-cart-btn i {
    background: #ff0000;
    padding: 4px 8px;
    border-radius: 50%;
    color: #fff;
}
.deal-box h3 {
    padding: 0;
    line-height: 0.9;
}
.con-box {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/*------- SIDEBAR CSS --------*/
#sidebar h3,#footer h3, #footer .wp-block-search .wp-block-search__label{
	font-size: 25px;
	color: #fff;
    font-weight: 600;
}
#sidebar input[type="search"]{
    padding: 15px; 
}
#footer .wp-block-search .wp-block-search__label{
    font-family: 'Prata', serif !important;
}
#sidebar .wp-block-search .wp-block-search__label, #footer .wp-block-search .wp-block-search__button, #sidebar .wp-block-search .wp-block-search__button{
   background: #19764a; 
}
#sidebar ul li a{
    font-size: 15px;
}
#sidebar .tagcloud a:hover, #footer .tagcloud a:hover {
    background-color: #19764a;
    border: 1px solid #19764a;
}
/*------- POST CSS --------*/
.post-main-box h2,.grid-post-main-box h2{
	font-size: 25px;
}
.sticky .post-main-box h2:before,.sticky .grid-post-main-box h2:before{
	color: #f79a21;
}
.post-main-box:hover h2 a,.grid-post-main-box:hover h2 a, .post-main-box:hover .post-info span a,.grid-post-main-box:hover .post-info span a, .post-info:hover a {
    color: #19764a;
}
#comments a.comment-reply-link {
    background: #19764a;
    padding: 10px;
}
.copyright .custom-social-icons i{
    font-size: 15px;
    padding: 0px;
    height: 0px;
    width: 30px;
    color: #fff;
}
.copyright .widget{
    margin-bottom: 10px;
}
/*--------------------------------------------------------------
4.0 Blocks - Layout Elements
--------------------------------------------------------------*/

/* Buttons */

.wp-block-button__link {
  color: #fff !important;
  background: #19764a !important;
}
.wp-block-buttons .wp-block-button {
  display: inline-block;
  margin:0 0 15px;
}
.wp-block-button.is-style-squared a{
  border-radius: 0 !important; 
}
.wp-block-button.is-style-outline {
  margin: 10px 0;
}
.wp-block-button.is-style-outline a{
  color: #000 !important;
  background: transparent !important;
}
.entry-content .blocks-gallery-grid{
  margin-right: 10px;
}
/*------- WOOCOMMERCE CSS --------*/
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
	color: #19764a !important;
}
nav.woocommerce-MyAccount-navigation ul li{
    border-radius: 30px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: #fff !important;
}
.woocommerce-input-wrapper input#billing_phone {
    padding: 10px;
    border: 1px solid #c8c8c8;
}
nav.woocommerce-MyAccount-navigation ul li a {
    color: #fff !important;
    padding: 0 0px 0 15px;
}
h3#order_review_heading{
    padding: 15px 0 0 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 105px !important;
}
button.single_add_to_cart_button.button.alt{
    font-size: 15px;
}

/*----------- PRELOADER ----------*/
#preloader {
  background-color: #19764a;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999;
  height: 100%;
}
.loader-inner {
  bottom: 0;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader-line-wrap {
  animation: spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 50% 100%;
  width: 100px;
}
.loader-line {
  border: 4px solid #f79a21;
  border-radius: 100%;
  box-sizing: border-box;
  height: 100px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(1) .loader-line {
  height: 90px;
  width: 90px;
  top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
  height: 76px;
  width: 76px;
  top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
  height: 62px;
  width: 62px;
  top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
  height: 48px;
  width: 48px;
  top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
  height: 34px;
  width: 34px;
  top: 35px;
}
@keyframes spin {
  0%, 15% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.elementor-page #preloader{
  display: none;
}
.post-categories li a , .bradcrumbs a, .bradcrumbs span,.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,.wc-block-components-checkout-return-to-cart-button{
  color: #fff;
  background: #19764a;
  font-weight: 600 !important;
}
.post-categories li a:hover, .bradcrumbs a:hover,.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover,.wc-block-components-checkout-return-to-cart-button:hover{
  background:#f79a21;
  color: #fff;
}
input#url{
  width: 100%;
  padding: 12px 10px;
  font-size: 18px;
  margin: 20px 0 0 0;
  border: 1px solid #bcbcbc;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    border: 1px solid #d2c9c9;
    padding-bottom: 10px;
}
/*block sidebar css*/
#sidebar label.wp-block-search__label, #sidebar .wp-block-heading, #footer .custom-about-us a.custom_read_more, #sidebar .custom-about-us a.custom_read_more{
    background: #19764a;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    padding: 12px;
}
#sidebar .wp-block-tag-cloud a:hover{
    background: #19764a;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
}
#sidebar p a{
    color: #000 !important;
}
.wp-block-tag-cloud a:hover, nav.navigation.posts-navigation .nav-previous a,nav.navigation.posts-navigation .nav-next a{
    background: #19764a !important;
}
#sidebar h3 a.rsswidget{
   font-size: 25px;
    color: #fff;
    font-weight: 600;
}
/*------- MEDIA CSS --------*/
@media screen and (max-width:720px) {
    #sidebar h3, #sidebar .wp-block-search .wp-block-search__label{
        margin: 0px auto 10px auto;
    }
    .logo {
        background: #19764a;
    }
    button.product-btn{
        border: none;
        border-radius: 0px;
    }
    .custom-social-icons i {
        font-size: 15px;
        padding: 12px;
    }
    .search-box button{
        width: 20%;
    }
    .custom-social-icons {
        text-align: center;
    }
    #slider .inner_carousel h1{
        font-size: 20px;
    }
    .carousel-control-prev, .carousel-control-next {
        bottom: 10px !important;
    }
    #slider .carousel-control-prev {
        left: 10px;
    }
    #slider .carousel-control-next {
        right: 10px;
    }
    .one {
        order: 2;
    }
    #slider .more-btn {
      text-align: center;
    }
    .copyright .widget, .copyright p {
        float: none;
        width: 100%;
        text-align: center;
    }
    #slider .carousel-control-prev{
        left: 3%;
    }
}
@media screen and (max-width:767px) {
    #slider .inner_carousel h1{ 
        font-size: 26px;
    }
    #slider .inner_carousel p{
        display: none;
    } 
    #best-deal .product-image,.order-track,.top-bar p{
        text-align: center;
    } 
    #middle-header .custom-social-icons{
        justify-content: center;
    }
}
@media screen and ( max-width: 788px ) and ( min-width: 768px ) {
	span.cart-value {
        left: 5px;
    }
    #slider .carousel-caption {
        right: 35% !important;
    }
    #slider .inner_carousel h1 {
        font-size: 35px;
    }
    #slider .carousel-control-prev {
        left: 76%;
    }
    .one {
        order: 2;
    }
    .search-box button{
      width: 20%;  
    }
    .copyright .widget{
        width: 40%;
    }
    .copyright p{
        width: 60%;
    }
}
@media screen and (max-width: 1000px){
    .toggle-nav i {
        background-image: linear-gradient(to right, #19764a , #b0d879);
        border-radius: 5px;
    }
    a.closebtn.mobile-menu{
        background-image: linear-gradient(to right, #19764a , #b0d879);
        border-radius: 5px;
    }
    .order-track:hover form.track_order{
        width: auto;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1920px){
  .main-navigation a{
    font-size: 14px !important;
  }
  #slider .more-btn a{
    padding: 12px 20px;
    font-size: 16px;
  }
}
@media screen and ( max-width: 1599px ) and ( min-width: 992px ){
    .top-bar .wSelect-theme-classic.wSelect{
        max-width: 100px;
        margin-bottom: 0 !important;
    }
    .top-bar .currency-box form#alg_currency_selector{
        max-width: 110px;
    }
}
@media screen and ( max-width: 788px ) and ( min-width: 721px ){
    #slider .carousel-control-prev {
        left: 77%;
    }
}
@media screen and ( max-width: 1199px ) and ( min-width: 789px ) {
    #slider .carousel-control-prev {
        left: 82%;
    }
}
@media screen and ( max-width: 1440px ) and ( min-width: 1200px ){
    #slider .carousel-control-prev{
        left:85%;
    }
}
@media screen and ( max-width: 1023px ) and ( min-width: 768px ){
    .order-track span,.order-track i.fas.fa-map-marker-alt {
        padding: 10px 5px;
        font-size: 12px;
    }
    .order-track i.fas.fa-map-marker-alt {
        font-size: 18px;
    }
}
@media screen and ( max-width: 1399px ) and ( min-width: 993px ) {
    #slider .inner_carousel h1 {
        font-size: 40px;
    }
}
@media screen and ( max-width: 1199px ) and ( min-width: 1024px ) {
    #slider .carousel-caption {
        right: 35% !important;
    }
    /*#slider .carousel-control-prev {
        left: 81%;
    }*/
    .order-track i.fas.fa-angle-right{
        left: 20px;
    }
    .order-track span,.order-track i.fas.fa-map-marker-alt {
        padding: 10px 5px;
        font-size: 12px;
    }
    .order-track i.fas.fa-map-marker-alt {
        font-size: 18px;
    }
}
a.added_to_cart.wc-forward{
    margin-top: 10px;
}
@media screen and (max-width:991px) {
  #footer h3, a.rsswidget.rss-widget-title{
    font-size: 24px !important;
  }
}
/*@media screen and ( max-width: 1399px ) and ( min-width: 992px ){
    a.added_to_cart.wc-forward{
        display: block;
        margin-left: 0px !important;
    }
}*/
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: #19764a;
  border-radius: 30px !important;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
#tag-cloud-sec .tag-cloud-link {
  font-size: 16px !important;
  color: #fff !important;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  text-transform: capitalize;
  background-color: #19764a;
  border-radius: 30px !important;
  color: #ffffff;
}
header.woocommerce-Address-title.title a:hover,#tag-cloud-sec .tag-cloud-link:hover{
  background: #f79a21;
  color:#fff !important;
}