/*!
Theme Name: GrShop Grocery
Theme URI: https://rswpthemes.com/shofy-premium-multipurpose-woocommerce-theme/
Author: RS WP THEMES
Author URI: https://rswpthemes.com
Description: GrShop is a versatile WordPress theme designed for grocery & Online Food Store. With GrShop You can start organic food markets, supermarkets, and a range of other food-related businesses. With seamless WooCommerce integration and Kirki customizer support, it's perfect for showcasing fresh produce, gourmet items, and specialty foods. Whether you're a food company, digital storefront, or boutique, GrShop offers a responsive and customizable layout. Its retina-ready design ensures clear product displays, while interactive elements like Call To Action buttons enhance user engagement. Built on Bootstrap, it handles traffic effortlessly, and its SEO-friendly design boosts visibility. Elevate your food business with GrShop - the ultimate theme for online grocery markets and more.
Version: 1.0.4
Tested up to: 6.9
Requires PHP: 7.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2 or later
Text Domain: grshop-grocery

Tags: grid-layout, blog, news, two-columns, three-columns, four-columns, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

one elmenetor is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Theme Default CSS
# Header CSS
# Main Hero Area
# Blog CSS
# Pages CSS
# Pagination CSS
# WordPress Default CSS
# Woocommerce CSS
# Footer CSS
--------------------------------------------------------------*/

/*---------------------------------------
# Theme Default CSS
-----------------------------------------*/
.navigation.posts-navigation,
.navigation.post-navigation {
    margin: 60px 0 0;
}

.nav-previous {
    margin-right: 5px;
}

.nav-links a {
    background: transparent;
    color: var(--grshop-grocery-heading);
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
}

.nav-links a:hover {
    background: var(--grshop-grocery-primary);
    color: #fff;
    border-color: transparent;
}

.nav-links .nav-next a::before {
    left: 100%;
    border-right-color: transparent;
    border-left-color: var(--grshop-grocery-heading);
}

.nav-links .nav-previous a:hover:before {
    border-right-color: var(--grshop-grocery-primary);
}

.nav-links .nav-next a:hover:before {
    border-left-color: var(--grshop-grocery-primary);
}

/* GrShop BC */
.grshop-grocery-bc {
    padding: 40px 0;
    text-align: center;
    content: "";
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #1A2C79), to(rgba(26, 44, 121, 0.18)));
    background: linear-gradient(to right, #F1EDEDE3 30%, rgba(26, 44, 121, 0.18) 100%);
    background: #ED4264;
    background: -webkit-linear-gradient(to left, #FFEDBC, #ED4264);
    background: linear-gradient(to left, #00ab55, #00265E);
}

.grshop-grocery-bc .bc-title {
    color: #fff;
    font-size: 35px;
    margin-bottom: 8px;
}

.grshop-grocery-bc .bc-list {
    color: #fff;
}

.grshop-grocery-bc .bc-list span {
    color: #fff;
    font-size: 14px;
}

.image-head img {
    border-radius: 5px;
}

/* Theme Search CSS */
.searchform {
    position: relative;
}

.searchform input[type="text"] {
    display: ;
    width: 100%;
    height: 52px;
    padding: 0 15px;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    font-size: 14px;
}

.searchform input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 52px;
    width: 52px;
    background: transparent;
    border: none;
    z-index: 1000;
    cursor: pointer;
    text-indent: -200px;
    overflow: hidden;
    border-radius: 0;
}

.searchform div:after {
    content: "";
    height: 48px;
    width: 48px;
    position: absolute;
    top: 0;
    right: 0;
    content: "\f002";
    font-size: 1.2em;
    font-family: 'FontAwesome';
    line-height: 48px;
    text-align: center;
    border-left: none;
    z-index: 110;
    color: var(--grshop-grocery-primary);
}

.searchform input[type="text"]:hover,
.searchform input[type="text"]:focus {
    border-color: var(--grshop-grocery-primary);
}

.grshop-grocery-search-close {
    min-width: 34px;
    min-height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 19px;
    color: #fff !important;
    border-radius: 100%;
    background: transparent;
}

.grshop-grocery-search-close:hover,
.grshop-grocery-search-close:focus {
    background: var(--grshop-grocery-heading);
    color: var(--grshop-grocery-primary) !important;
    border-color: transparent !important;
}

/* Search Block */

.wp-block-search .wp-block-search__input {
    border: 1px solid #ccc;
}

.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:focus {
    background: var(--grshop-grocery-heading);
}

/* Post Meta */
.grshop-grocery-post-meta {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    border-bottom: 1px solid var(--grshop-grocery-border);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.grshop-grocery-post-meta li {
    display: inline-block;
    margin-right: 5px;
}

.grshop-grocery-post-meta li i {
    color: var(--grshop-grocery-secondary);
    margin-right: 5px;
    font-size: 13px;
}

.grshop-grocery-post-meta li a {
    color: var(--grshop-grocery-heading);
    font-weight: normal;
    text-decoration: none;
}

.grshop-grocery-post-meta li a:hover {
    color: var(--grshop-grocery-primary);
}

/*---------------------------------------
# End Theme Default CSS
-----------------------------------------*/

/*---------------------------------------
# Header CSS
-----------------------------------------*/
/* Topbar */
.grshop-grocery-header__topbar {
    background: var(--grshop-grocery-bg);
    padding: 12px 0;
}

.grshop-grocery-header {
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3 ease;
    position: relative;
    padding: ;
    border-bottom: 1px solid #E6E6E6;
}

.grshop-grocery-header__list {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.grshop-grocery-header__list a {
    font-weight: 400;
    color: var(--grshop-grocery-text);
    text-decoration: none;
}

.grshop-grocery-header__list a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-image {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
}

.header-image img {
    width: 100%;
    height: 100%;
}

/* Logo */
.grshop-grocery-logo {
    min-width: 170px;
}

.grshop-grocery-logo .normal-text a {
    position: relative;
    font-size: 28px;
    display: inline-block;
    font-weight: 600;
    color: var(--grshop-grocery-heading);
}

.grshop-grocery-logo .normal-text {
    text-align: left;
}

.grshop-grocery-logo .img-logo img {
    display: inline-block;
}

.grshop-grocery-logo .site-description {
    font-size: 15px;
    margin-top: 5px;
}

.grshop-grocery-logo img {
    max-width: 185px;
}

.grshop-grocery-header__menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grshop-grocery-header__middle {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    padding: 10px 0;
}


.grshop-grocery-header__support {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
}
a.grshop-grocery-header-account__link.d-flex{
	gap: 10px;
}
.grshop-grocery-header__support .icon {
    background: var(--grshop-grocery-secondary);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.grshop-grocery-header-account {
    display: flex;
    align-items: center;
    gap: 15px;
}

.grshop-grocery-header-account .grshop-grocery-header-account__icon {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    padding: 0;
    border-radius: 100%;
    background: #fff;
    transition: all 0.3s ease;
    color: var(--grshop-grocery-primary);
    border: 1px solid var(--grshop-grocery-border);
}

.grshop-grocery-header-account__label {
    font-size: 16px;
}

.grshop-grocery-header-account__info {
    display: flex;
    align-items: center;
    gap: 5px;
}

.grshop-grocery-header-account__info a {
    color: var(--grshop-grocery-text);
}

.grshop-grocery-header-account__info a:hover,
.grshop-grocery-header-account__info a:focus {
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-header__info {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.grshop-grocery-header-account__contact .grshop-grocery-btn {
    cursor: pointer;
    padding: 8px 15px;
    font-size: 15px;
    background: var(--grshop-grocery-secondary);
    color: var(--grshop-grocery-heading);
}

.grshop-grocery-header-account__contact .grshop-grocery-btn:hover,
.grshop-grocery-header-account__contact .grshop-grocery-btn:focus {
    color: #fff;
}

.grshop-grocery-header__main-inside {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.grshop-grocery-header__main {
    border-top: 1px solid var(--grshop-grocery-border);
    padding: 10px 0;
}

.grshop-grocery-header-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--grshop-grocery-primary);
    padding: 5px 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 20px;
    color: #fff !important;
}

.grshop-grocery-header-cart__title {
    color: #fff;
    line-height: initial;
    font-size: 16px;
}

.grshop-grocery-header-cart__amount {
    color: #fff;
    line-height: initial;
    font-size: 14px;
}

.grshop-grocery-header-cart__amount span {
    color: #fff !important;
}

.grshop-grocery-header-cart__icon {
    position: relative;
}

.grshop-grocery-header-cart__icon .total-count {
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    top: -22px;
    background: var(--grshop-grocery-heading);
    color: #fff;
    min-width: 25px;
    min-height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 100%;
    left: 0;
}

.grshop-grocery-header-cart__content {
    border-left: 1px solid #E6E6E67A;
    padding-left: 10px;
}

/* Search Form */
.grshop-grocery-search-form input,
.grshop-grocery-search-form button {
    min-height: 50px;
    border-radius: 0px;
    padding: 0 11px;
    border: none;
}

.grshop-grocery-search-form form {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 4px;
    min-width: 400px;
    justify-content: space-between;
    border: 1px solid var(--grshop-grocery-border);
}

.grshop-grocery-search-form input {
    width: 100%;
}

.grshop-grocery-search-form button {
    width: 65px;
    background: var(--grshop-grocery-primary);
    color: #fff !important;
    position: relative;
    border: none;
}

.grshop-grocery-search-form button:hover,
.grshop-grocery-search-form button:focus {
    background-color: var(--grshop-grocery-secondary);
    color: var(--grshop-grocery-heading);
}

/* Main Menu */
.grshop-grocery-header__nav ul li {
    position: relative;
    display: inline-block;
}

.grshop-grocery-header__nav ul li:last-child {
    margin: 0;
    border: none;
}

.grshop-grocery-header__nav ul li a {
    text-transform: capitalize;
    display: block;
    background: transparent;
    /* border-radius: 0px; */
    padding: 10px 18px;
    position: relative;
    color: var(--grshop-grocery-heading);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    border-radius: 4px;
}

.grshop-grocery-header__nav ul li ul li a:hover,
.grshop-grocery-header__nav ul li ul li a:focus {
    background: var(--grshop-grocery-primary) !important;
    color: #fff !important;
}

.grshop-grocery-header__nav ul li>a:hover,
.grshop-grocery-header__nav ul li>a:focus,
.grshop-grocery-header__nav ul li.current-menu-item>a {
    color: #fff !important;
    background: var(--grshop-grocery-primary) !important;
    border-bottom-color: #ffffff80;
}

.grshop-grocery-header__nav ul li.current-menu-item a:before {
    border-bottom: 1px solid var(--grshop-grocery-primary) !important;
}


/* Dropdown Menu */
.grshop-grocery-header__nav {
    margin: 0;
    padding: 0;
}

.grshop-grocery-header__nav ul {
    display: initial;
    margin: 0;
    display: block;
}

.grshop-grocery-header__nav ul li ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 100%;
    z-index: 99999;
    background: #FFF;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    width: 200px;
    margin: 0;
    padding: 0;
}

.grshop-grocery-header__nav ul li:hover ul,
.grshop-grocery-header__nav ul li.active-focus ul {
    opacity: 1;
    visibility: visible;
}

.grshop-grocery-header__nav ul li ul li {
    display: block;
    margin: 0;
}

.grshop-grocery-header__nav ul li ul li a {
    color: #555 !important;
    padding: 0;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    background: transparent !important;
    border-radius: 0px;
}

.grshop-grocery-header__nav ul li ul li a::before {
    display: none;
}

.grshop-grocery-header__nav ul li ul li a:hover {
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-header__nav li ul li ul.sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.grshop-grocery-header__nav li ul li:hover ul,
.grshop-grocery-header__nav li ul li.active-focus ul {
    opacity: 1;
    visibility: visible;
}

.grshop-grocery-header__nav li ul.sub-menu li ul li ul {
    opacity: 0;
    visibility: hidden;
}

.grshop-grocery-header__nav li ul.sub-menu li ul li:hover ul,
.grshop-grocery-header__nav li ul.sub-menu li ul li.active-focus ul {
    opacity: 1;
    visibility: visible;
}

.grshop-grocery-header__nav ul li ul li ul {
    left: 100%;
    top: 0;
    opacity: 0 !important;
    visibility: hidden !important;
}

.grshop-grocery-header__nav ul li ul li:hover ul,
.grshop-grocery-header__nav ul li ul li.active-focus ul {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Right Default */
.grshop-grocery-header__right {
    display: flex;
    gap: 8px;
    align-items: center;
}

.grshop-grocery-header__button .grshop-grocery-header__button--icon {
    color: var(--grshop-grocery-heading);
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 100%;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.grshop-grocery-header__button .grshop-grocery-header__button--icon:hover,
.grshop-grocery-header__button .grshop-grocery-header__button--icon:focus {
    color: var(--grshop-grocery-secondary);
    border-color: transparent;
    outline: 0;
}

.grshop-grocery-header__button a.grshop-grocery-btn {
    padding: 8px 15px;
    border-radius: 30px;
    color: var(--grshop-grocery-heading);
    display: inline-block;
    background: #fff;
}

.grshop-grocery-header__button a.grshop-grocery-btn:hover,
.grshop-grocery-header__button a.grshop-grocery-btn:focus {
    background: var(--grshop-grocery-primary) !important;
    color: #fff !important;
}

.grshop-grocery-header__button {
    position: relative;
    display: flex;
    gap: 10px;
}

.grshop-grocery-social {
    list-style: none;
    margin: 0;
    display: inline-block;
    position: absolute;
    top: 36px;
    background: #fff;
    text-align: center;
    border-radius: 3px;
    width: 50px;
    padding: 12px;
    opacity: 0;
    right: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.grshop-grocery-header__button:hover .grshop-grocery-social,
.grshop-grocery-header__button.active-focus .grshop-grocery-social {
    opacity: 1;
    visibility: visible;
}

.grshop-grocery-social li {
    padding-right: ;
    color: #fff;
    display: block;
}

.grshop-grocery-social li a {
    text-align: center;
    border-radius: 100%;
    color: var(--grshop-grocery-heading);
    font-size: 13px;
    display: inline-block;
    padding: 0;
    line-height: 100%;
    border: none !important;
    outline: none !important;
}

.grshop-grocery-social li:hover a,
.grshop-grocery-social li a:focus {
    color: var(--grshop-grocery-primary);
    background: transparent;
}

.search-form-main {
    width: 100%;
    z-index: 100;
    padding: 25px 30%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
    transition: all 0.3s ease;
    position: fixed;
    background: var(--grshop-grocery-heading);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.14);
    display: block;
    display: flex;
    gap: 10px;
    align-items: center;
    bottom: 0;
    left: 0;
}

.search-form-main.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.search-form-main .search-form {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 700px;
    margin: 0 auto;
    gap: 15px;
}

.search-form-main .search-form input[type="search"] {
    border: 1px solid #0A25401F;
    border-radius: 0px;
    background: transparent !important;
    border-bottom: 1px solid #fff;
    color: #fff !important;
}

.search-form-main .search-form input[type="search"],
.search-form-main .search-form input[type="submit"] {
    margin: 0 !important;
}

.search-form-main .search-form input[type="search"]:hover,
.search-form-main .search-form input[type="search"]:focus {
    background: #fff;
}

.search-form-main .search-form input[type="submit"]:hover,
.search-form-main .search-form input[type="submit"]:focus {
    background: #fff !important;
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-header__right {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .grshop-grocery-header-account__contact {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grshop-grocery-search-form form {
        min-width: 200px;
    }
}

@media only screen and (max-width: 767px) {

    .grshop-grocery-header__welcome,
    .grshop-grocery-header__list {
        text-align: center;
        justify-content: center;
    }

    .grshop-grocery-logo {
        display: flex;
        justify-content: space-between;
    }

    .grshop-grocery-header__middle {
        gap: 15px;
    }

    .grshop-grocery-search-form,
    .grshop-grocery-header__nav {
        display: none;
    }

    .grshop-grocery-header__right {
        display: block;
    }

    .grshop-grocery-header-account__contact {
        display: none;
    }

    .grshop-grocery-header-account {
        gap: 5px;
    }

    .grshop-grocery-header-account .grshop-grocery-header-account__icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }

    .grshop-grocery-header-account__label {
        font-size: 15px;
    }
}

/*---------------------------------------
# End Header CSS
-----------------------------------------*/

/*---------------------------------------
# Main Hero Area
-----------------------------------------*/
.oa-hero-area {
    overflow: hidden;
}

.oa-hero-slider {
    position: relative;
    z-index: 1;
}

.oa-hero-slider,
.oa-hero-area__single {
    min-height: 500px;
}

.oa-hero-area,
.oa-hero-area .oa-hero-area__single {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.oa-hero-area .oa-hero-area__content {
    position: relative;
}

.oa-hero-area .oa-hero-area__content h4 {
    color: var(--grshop-grocery-heading);
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.oa-hero-area .oa-hero-area__content h1 {
    font-size: 50px;
    color: var(--grshop-grocery-heading);
    line-height: 65px;
    margin-bottom: 20px;
    font-weight: 800;
}

.oa-hero-area .oa-hero-area__content h1 span {
    font-weight: 700;
    color: var(--grshop-grocery-secondary);
}

.oa-hero-area .oa-hero-area__content p {
    color: var(--grshop-grocery-heading);
    font-size: 17px;
}

.oa-hero-area .oa-hero-area__buttons {
    margin-top: 15px;
}

.oa-hero-area .oa-hero-area__content .hero-btn {
    margin-top: 50px;
}

.oa-hero-slider .owl-controls .owl-nav div {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    margin: 0;
    width: 40px;
    height: 50px;
    line-height: 40px;
    font-size: 17px;
    background: #111a3a82;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
    transition: all 0.4s ease;
    border-radius: 0px;
    margin: -25px 0 0 0;
}

.oa-hero-slider .owl-controls .owl-nav div:hover {
    background: var(--grshop-grocery-primary);
    color: #fff;
}

.oa-hero-slider .owl-controls .owl-nav div.owl-prev {
    left: 0;
}

.oa-hero-slider .owl-controls .owl-nav div.owl-next {
    right: 0;
}

/* Slider Animation */
.oa-hero-slider .owl-item.active .oa-hero-area__title {
    animation: fadeInUp 1s both 0.6s;
}

.oa-hero-slider .owl-item.active .oa-hero-area__content p {
    animation: fadeInUp 1s both 1s;
}

.oa-hero-slider .owl-item.active .oa-hero-area__buttons {
    animation: fadeInUp 1s both 1.5s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .oa-hero-area .oa-hero-area__content h1 {
        font-size: 36px;
        line-height: 48px;
    }

    .oa-hero-slider,
    .oa-hero-area__single {
        min-height: 500px;
    }
}

/* Mobile Screen */
@media only screen and (max-width:767px) {

    .oa-hero-area,
    .oa-hero-slider,
    .oa-hero-area .oa-hero-area__single {
        min-height: 395px;
    }

    .oa-hero-area .oa-hero-area__content h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .oa-hero-area .oa-hero-area__content p {
        color: var(--grshop-grocery-heading);
        font-size: 15px;
    }

    .oa-hero-slider .owl-controls .owl-nav div.owl-prev {
        left: -50px;
    }

    .oa-hero-slider:hover .owl-controls .owl-nav div.owl-prev {
        left: 0px;
    }

    .oa-hero-slider .owl-controls .owl-nav div.owl-next {
        right: -50px;
    }

    .oa-hero-slider:hover .owl-controls .owl-nav div.owl-next {
        right: 0px;
    }
}

/* Products Area */
.products-area {}

.oa-single-product {
    margin-top: 30px;
}

.oa-single-product {
    display: inline-block;
    border: 1px solid #cccccc4a;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100%;
}

.oa-single-product.ps-slider {
    border-bottom: 3px solid #cccccca1;
    background: #fff;
}

.oa-single-product__content .product-button a {
    padding: 8px 20px;
    font-size: 14px;
    overflow: hidden;
    background: var(--grshop-grocery-primary);
    border-radius: 3px;
    text-align: center;
    z-index: 2;
    position: relative;
    color: #fff !important;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 !important;
    width: 100% !important;
    min-height: 42px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.product-button.prc-button.active a:hover {
    transition: none !important;
    opacity: 1 !important;
}

.oa-single-product__content .product-button a:hover {
    background: var(--grshop-grocery-primary);
    color: #fff;
    opacity: 0.6;
}

.oa-single-product__content .product-button a::before {
    border-radius: 3px;
}

.quantity {
    position: relative;
    z-index: 1;
}

.quantity .input-group {
    width: 100%;
    display: inline-block;
}

.quantity .button {
    display: inline-block;
    position: absolute;
    top: 0;
    display: inline-block;
}

.quantity .button.minus {
    left: 0;
    border-radius: 0;
    overflow: hidden;
}

.quantity .button.plus {
    right: 0;
    border-radius: 0;
    overflow: hidden;
}

.quantity .button .btn {
    padding: 0;
    width: 35px;
    height: 45px;
    line-height: 45px;
    border-radius: 0px;
    background: transparent;
    color: var(--grshop-grocery-primary);
    font-size: 12px;
    border: none;
}

.quantity .button .btn:hover {
    color: var(--grshop-grocery-primary);
}

.product-button {
    margin-top: 10px;
}

.product-colors {
    position: absolute;
    width: 100%;
    background: #ffffffde;
    padding: 10px;
    text-align: center;
    top: -50px;
    z-index: 2003;
}

.oa-single-product:hover .product-colors {
    top: 0;
}

.oa-single-product__content .prodcut-btn {
    display: inline-block;
    padding: 12px 18px;
    font-size: 16px;
    background: #212c35;
    color: #fff;
    border-radius: 30px;
}

.oa-single-product__content .prodcut-btn.primary {
    background: var(--grshop-grocery-primary);
    color: #fff;
}


.oa-single-product__bgroup-2 {
    text-align: left;
    z-index: 99;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.oa-single-product__bgroup-2 a {
    background-color: transparent;
    color: #fff;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
}

.oa-single-product__bgroup-2 a:hover {
    color: var(--grshop-grocery-primary);
}

.oa-single-product__boverlay {
    background: var(--grshop-grocery-heading);
    display: inline-block;
    height: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -50px;
    z-index: 9;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.oa-single-product:hover .oa-single-product__boverlay {
    top: 0;
}

.oa-single-product__bgroup {
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 99;
    border-radius: 3px;
}

.oa-single-product__bgroup a {
    background-color: transparent;
    color: #fff;
    display: block;
    font-size: 16px;
    display: inline-block;
    margin-right: 15px;
    text-align: right;
    height: 52px;
    position: relative;
    top: 2px;
}

.oa-single-product__bgroup a:last-child {
    margin-right: 0;
    border: none;
}

.oa-single-product__bgroup a i {
    line-height: 40px;
}

.oa-single-product__bgroup a span {
    visibility: hidden;
    position: absolute;
    background: #00ab55 !important;
    color: #fff !important;
    text-align: center;
    padding: 5px 12px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity .6s, margin .3s;
    -o-transition: opacity .6s, margin .3s;
    transition: opacity .6s, margin .3s;
    font-size: 11px;
    right: 0;
    line-height: 14px;
    bottom: -16px;
    margin-top: -5px;
    margin-right: 0;
    display: inline-block;
    width: 120px;
    border-radius: 15px 0 0 15px;
}

.oa-single-product__bgroup a span::after {
    position: absolute;
    content: "";
    right: 0;
    top: -11px;
    border: 6px solid var(--grshop-grocery-primary);
    border-left: 0px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
}

.oa-single-product__bgroup a:hover {
    color: var(--grshop-grocery-primary);
}

.oa-single-product__bgroup a:hover span {
    visibility: visible;
    opacity: 1;
    color: var(--grshop-grocery-heading);
    background: #fff;
    margin-top: -12px;
}

.oa-single-product .product-img .oa-single-product__bgroup.pro-action-width-dec a {
    width: 30px;
    height: 30px;
    font-size: 14px;
}

.oa-single-product .product-img .oa-single-product__bgroup.pro-action-width-dec a i {
    line-height: 30px;
}

.oa-single-product .product-img .oa-single-product__bgroup.pro-action-width-dec-2 {
    bottom: 45px;
}

.oa-single-product__cats {
    border: 1px solid #cccccca3;
    padding: 2px 10px;
    font-size: 13px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    background: #fff;
    margin-bottom: 5px;
}

.oa-single-product__cats a {
    color: #777;
}

.oa-single-product__title {
    margin-bottom: 10px !important;
    position: relative;
    font-size: 18px !important;
    line-height: 24px;
    padding: 0 !important;
}

.oa-single-product__title .title-sub {
    display: block;
    font-size: 13px;
    color: #555;
}

.oa-single-product__rating.rat-active li {
    color: #ffc107;
}

.oa-single-product__head {
    position: relative;
    overflow: hidden;
}

.oa-single-product__head img {
    min-width: 100%;
}

.oa-single-product__head:hover img {
    transform: scale(1.1);
}

.oa-single-product__price .woocommerce-Price-amount.amount {
    font-size: 18px;
}

.p-badge {
    position: absolute;
    background: var(--grshop-grocery-secondary);
    color: var(--grshop-grocery-heading);
    padding: 0 15px;
    top: 8px;
    left: 10px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    z-index: 1000;
    border-radius: 4px;
}

.p-badge.popular {
    background: var(--grshop-grocery-primary);
}

.oa-single-product:hover .p-badge {
    opacity: 0;
    visibility: hidden;
    left: -50px;
    transition: all 0.3s ease;
}

.p-badge.popular {
    background: var(--grshop-grocery-primary);
    color: #fff;
}

.oa-single-product__price {
    padding: 0;
    font-size: 25px;
    font-weight: 700;
    color: var(--grshop-grocery-primary);
    top: 0;
    right: 0;
    border-radius: 30px 0 0 30px;
    font-size: 20px;
    margin-top: 10px;
}

.oa-single-product__price span {
    font-weight: 600;
}

.oa-single-product__content {
    padding: 20px;
}

.oa-single-product__price .pr-sale {
    font-size: 15px;
    opacity: 0.6;
    color: #666;
    font-weight: 400;
    text-decoration: line-through;
}

.oa-single-product__rating {
    margin-top: 5px;
}

.oa-single-product__rating .rating {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.oa-single-product__rating .rating li {
    display: inline-block;
    margin-right: -1px;
}

.oa-single-product__rating .rating li i {
    color: var(--primary);
}

.oa-single-product__rating .total-review {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    color: #777;
}

.oa-single-product__rating .total-review:hover {
    color: var(--black);
}

.oa-single-product__content .product-button a::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\f290";
    margin-right: 10px;
}

.oa-single-product__content .product-button a.added::before {
    content: "\f59c";
}

.oa-single-product__content .product-button a.wc-forward {
    margin-top: 5px;
    background: var(--grshop-grocery-heading);
}

.oa-single-product__title a {
    color: var(--grshop-grocery-heading);
    text-decoration: none;
    font-weight: 600;
}

.oa-single-product__price del {
    font-size: 15px;
    font-size: 15px;
    opacity: 0.6;
    font-weight: 400;
    text-decoration: line-through;
    color: #555;
}

.oa-single-product__price ins {
    background: transparent;
}

.oa-single-product__content .product-button a.product_type_external:before {
    content: "\f35d";
}

/* End Products Area */


/* Departments */
.oa-single-department {
    margin-top: 30px;
    box-shadow: 0px 0px 10px #00000012;
}

.oa-single-department__content {
    padding: 20px;
    background: #fff;
}

.oa-single-department__title {
    font-size: 22px;
    margin-bottom: 10px;
}

.oa-single-department__title a {
    text-decoration: none;
}

.oa-single-department__button {
    margin-top: 15px;
}

.oa-single-department__button a {
    padding: 8px 15px;
    display: inline-block;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #ccccccb5;
    background: #f5f5f5;
}

.oa-single-department__button a:hover {
    background: var(--grshop-grocery-secondary);
    color: var(--grshop-grocery-heading);
    border-color: transparent;
}

/* End Departments Area */


.oa-cta-video {
    position: relative;
}

.oa-cta-video .oa-cta-video__btn {
    position: absolute;
    top: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    font-size: 30px;
    margin-left: -40px;
    margin-top: -40px;
    background: #fff;
    color: var(--grshop-grocery-primary);
    cursor: pointer;
}

.oa-cta-video .oa-cta-video__btn:hover {
    background-color: var(--grshop-grocery-primary);
    color: #fff;
}

.oa-cta-content {
    padding-left: 30px;
    max-width: 80%;
}

.oa-cta-content__label {
    background: #f6f6f6;
    padding: 10px;
    border: 1px solid #cccccc82;
    font-weight: 600;
    font-size: 15px;
    border-radius: 3px;
    margin-bottom: 15px;
    display: inline-block;
}

.oa-cta-content__title {
    font-size: 30px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: ;
    position: relative;
}

.oa-cta-content__title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 4px;
    background: var(--grshop-grocery-primary);
}

.oa-cta-content__button {
    margin-top: 15px;
}

/* Partner Area */
.single-partner {
    background: #eee;
    padding: 1px;
}

@media only screen and (max-width: 767px) {
    .oa-cta-content {
        padding-left: 0;
        max-width: 100%;
        margin-top: 30px;
    }
}


/*---------------------------------------
# End Main Hero Area
-----------------------------------------*/
/*---------------------------------------
# Blog CSS
-----------------------------------------*/
.grshop-grocery-latest-post {
    margin-top: 30px;
}

.grshop-grocery-latest-post {
    position: relative;
}

.grshop-grocery-latest-post article {
    border-bottom: 1px solid #cccccc8f;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.grshop-grocery-latest-post article:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

/* Latest Post CSS*/
.grshop-grocery-single-post {
    background: #fff;
    display: flex !important;
    justify-content: center;
    align-content: center;
    margin-top: 30px;
    flex-direction: column;
}

.grshop-grocery-single-post__head {
    position: relative;
}

.grshop-grocery-single-post__head::before {
    content: "";
    background: #ffffff80;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 33;
}

.grshop-grocery-single-post:hover .grshop-grocery-single-post__head::before {
    opacity: 1;
    visibility: visible;
}

.grshop-grocery-single-post__head img {
    transition: all 0.3s ease;
    border-radius: 4px 4px 0 0;
}

.grshop-grocery-single-post__comments {
    position: absolute;
    top: -5px;
    left: -5px;
    background: var(--grshop-grocery-primary);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    font-size: 13px;
    display: table-cell;
    color: #fff;
    z-index: 3333;
}

.grshop-grocery-single-post__comments i {
    margin-right: 2px;
}

.grshop-grocery-single-post__cat a {
    padding: 2px 12px;
    background: transparent;
    color: var(--grshop-grocery-heading);
    font-size: 13px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    /* position: absolute; */
    bottom: 10px;
    left: 10px;
    z-index: 222;
    border-radius: 30px;
    border: 1px solid var(--grshop-grocery-border);
    background: #fff;
}

.grshop-grocery-single-post__cat a:hover,
.grshop-grocery-single-post__cat a:focus {
    color: var(--grshop-grocery-primary) !important;
    text-decoration: underline;
}

.grshop-grocery-single-post__cat {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 5px;
}

.grshop-grocery-single-post__cat a {
    color: var(--grshop-grocery-text);
}

.grshop-grocery-single-post__head .grshop-grocery-single-post__cat {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}

.grshop-grocery-single-post__head .grshop-grocery-single-post__cat a {
    border-color: transparent;
}

.grshop-grocery-single-post__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.grshop-grocery-sticky {
    color: var(--grshop-grocery-primary);
    font-size: 24px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    border-color: transparent;
}

.grshop-grocery-single-post__title a {
    display: inline-block;
    margin-right: 5px;
    font-size: 25px;
    color: var(--grshop-grocery-heading);
    font-weight: 500;
    text-decoration: none;
}

.grshop-grocery-single-post__content p {
    color: #555555;
}

.grshop-grocery-single-post__title a:hover {
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-single-post__body {
    position: relative;
    border: 1px solid var(--grshop-grocery-border);
    padding: 20px;
    border-radius: 4px;
}

.grshop-grocery-single-post__body .entry-content {
    margin: 15px 0 0;
}

.grshop-grocery-single-post__content {
    margin: 5px 0;
}


.grshop-grocery-single-post__button {
    margin-top: 15px;
}




/* Home Layout */
.grshop-grocery-home-layout {
    /* background: #fff; */
    /* margin-top: 30px; */
    z-index: 100;
    position: relative;
}

.grshop-grocery-heading-group {
    border-bottom: 1px solid #bbbbbb47;
    padding-bottom: 20px;
}

.grshop-grocery-heading-group__title {
    font-size: 24px;
}

.grshop-grocery-heading-group__text {
    font-size: 15px;
}



.post-formet {
    position: absolute;
    top: -21px;
    background: var(--grshop-grocery-primary);
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    border: 1px solid #ccc6;
    opacity: 1;
    visibility: visible;
    right: 0;
    font-size: 13px;
    left: 0;
    z-index: 3333;
    border-radius: 0 5px 5px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.grshop-grocery-single-post:hover .post-formet {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.sticky .grshop-grocery-single-post .blog-head::after {
    position: absolute;
    right: 5px;
    top: 5px;
    content: "\f24a ";
    font-family: "FontAwesome";
    background: var(--grshop-grocery-primary);
    padding: 8px 15px;
    color: #fff;
    border-radius: 30px;
    text-transform: capitalize;
    z-index: 300;
}

/* Blog Sidebar */
.grshop-grocery-sidebar .widget-area {
    position: relative;
}

.grshop-grocery-sidebar .widget:last-child {
    margin: 0;
}

.grshop-grocery-sidebar .search-top input {
    width: 100%;
    height: 45px;
    border-radius: 0px;
    padding: 0 15px;
    font-weight: 400;
    border: none;
}

.grshop-grocery-sidebar .search-top #searchsubmit {
    position: absolute;
    height: 45px;
    border-radius: 0px;
    top: 10px;
    border: none;
    background: #f5f5f5;
    color: var(--grshop-grocery-heading);
    right: 10px;
}

.grshop-grocery-sidebar .search-top {
    position: relative;
    padding: 10px;
    background: var(--grshop-grocery-primary);
}

.grshop-grocery-sidebar .widget {
    margin-bottom: 40px;
}

.grshop-grocery-sidebar .widget:last-child {
    margin: 0;
}

.wp-block-social-links {
    margin-top: 15px !important;
}

.wp-block-social-links li {
    margin: 0 !important;
}

.wp-block-social-links li a {
    fill: #fff !important;
}

/* Blog Single */
.grshop-grocery-blog-single {
    padding: 50px 0 80px;
}

.blog-content-main {
    margin-top: 30px;
}

.grshop-grocery-blog-single ul li a {
    color: var(--grshop-grocery-heading);
}

.grshop-grocery-blog-single ul li {
    line-height: 30px;
}

.grshop-grocery-blog-single .blog-body h1 {
    font-size: 38px;
}

.grshop-grocery-blog-single .blog-body .blog-meta ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

.grshop-grocery-blog-single .blog-body .blog-meta ul li {
    display: inline-block;
    margin-right: 5px;
}

.grshop-grocery-blog-single .blog-body .blog-meta ul li i {
    margin-right: 5px;
}

.grshop-grocery-blog-single .blog-body .blog-meta ul li,
.grshop-grocery-blog-single .blog-body .blog-meta ul li a {
    color: #555;
    font-weight: 400;
}

.grshop-grocery-blog-single .blog-body h1 a {
    color: var(--grshop-grocery-heading);
}

.grshop-grocery-blog-single .blog-body h1 a:hover {
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-blog-single .blog-body p {
    margin-bottom: 20px;
}

.grshop-grocery-blog-single .blog-body p a:hover,
.grshop-grocery-blog-single .blog-body p a:focus {
    color: var(--grshop-grocery-heading);
}

.wp-block-quote {
    background: var(--grshop-grocery-secondary);
    padding: 30px 40px;
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
    border: none;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.14);
}

.wp-block-quote p {
    color: var(--grshop-grocery-heading) !important;
    font-size: 20px;
    font-weight: 500;
    margin: 0 !important;
    font-style: italic;
}

.wp-block-quote cite,
.wp-block-quote footer {
    color: #fff;
    font-size: 18px;
    margin-top: 20px !important;
    color: currentColor !important;
    display: block !important;
}

.wp-block-quote em a {
    color: var(--grshop-grocery-primary);
}

#comments {
    margin-top: 30px;
}

#comments .comments-title {
    font-size: 20px;
}

/* Comment List */
.comment-list {
    margin-top: 30px;
    padding: 0;
    position: relative;
    background: #fff;
    list-style: none;
    margin-bottom: 0px;
    margin-left: 0px;
}

.comment-author.vcard img {
    width: 70px;
    height: 70px;
    line-height: 80px;
    border: 3px solid #F5F8F9;
    padding: 2px;
    position: absolute;
    left: 0;
}

.comment-author.vcard {
    display: inline-block;
}

.comment-meta a {
    color: var(--grshop-grocery-heading);
}

.comment-meta {
    margin-bottom: 5px;
    position: relative;
    padding-left: 90px;
}

.comment-author.vcard .fn {
    margin: 0 0 5px;
    font-size: 16px;
    text-align: left;
    color: var(--grshop-grocery-heading);
}

#comment-7 {
    padding-top: 20px;
    margin: 0 0 20px;
}

.comment-reply-link {
    background: var(--grshop-grocery-primary);
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 50px;
    font-size: 13px;
    text-decoration: none !important;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
    background: #222534;
    color: #fff;
}

.comment-list li.comment {
    display: ;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.comment-list ol.children {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ebebeb;
    list-style: none;
    padding: ;
    margin-left: 50px;
}

.comment-list ol.children ol.children {
    display: ;
    margin-left: 15px;
}

.comment-list li.comment:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.comment-list .comment-body .comment-content {
    padding-left: 90px;
}

.comment-list .reply {
    padding-left: 90px;
    margin-top: 10px;
}

#respond .comment-reply-title {
    font-size: 20px;
}

.comment-respond p {
    margin-bottom: 20px;
}

.comment-respond p:last-child {
    margin: 0;
}

.comment-respond p {
    margin-bottom: 20px;
}

.comment-respond p a {
    color: var(--grshop-grocery-heading);
}

.comment-respond p a:hover {
    color: var(--grshop-grocery-primary);
}

#wp-comment-cookies-consent {
    width: auto;
    display: inline-block;
    height: auto;
}

.comment-respond label {
    display: inline-block;
}

.comment-respond input,
.comment-respond textarea {
    width: 100%;
    padding-left: 10px;
    border-radius: 5px;
    border-radius: 0px;
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(238, 238, 238, 1);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(238, 238, 238, 1);
    box-shadow: none;
    border: 1px solid #cccccc94;
}

.comment-respond input:hover,
.comment-respond input:focus,
.comment-respond textarea:hover,
.comment-respond textarea:focus {
    border-color: var(--grshop-grocery-primary) !important;
}

.comment-respond input,
input {
    min-height: 42px;
    font-size: 14px;
}

.comment-respond .form-submit {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.comment-respond #submit {
    padding: 16px 30px;
    background: var(--grshop-grocery-primary);
    display: inline-block;
    color: #fff;
    float: left;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    height: auto;
    cursor: pointer;
    box-shadow: none;
}

.comment-respond #submit:hover,
.comment-respond #submit:focus {
    background: var(--grshop-grocery-heading);
}

/* Blog Comment Form */
.comment-respond {
    background: #fff;
    margin-top: 50px;
    padding: 0;
    position: relative;
}

.comment-form .form-group label span,
.comment-form .comment-message label span {
    color: var(--grshop-grocery-primary);
}

.comment-form .comment-form-wrap {
    margin-top: 20px;
}

.comment-form .form-group,
.comment-form .comment-message {
    position: relative;
    display: block;
    margin: 0 0 25px;
}

.comment-form .form-group input:hover,
.comment-form .form-group input:focus,
.comment-form .comment-message textarea:hover {
    outline: none;
    background: #fff;
}

.comment-form .comment-message input,
.comment-form .comment-message textarea {
    border-bottom: 1px solid transparent;
}

.comment-form .form-group input:hover,
.comment-form .comment-message textarea:hover {
    border-bottom-color: #379CB0;
}

/* Comment Form Reply */
.comment-list .bottom-title h2.comments-heading {
    background: transparent !important;
    color: var(--grshop-grocery-heading);
    padding: 0;
    left: auto;
}

.comment-list .bottom-title h2.comments-heading:before {
    display: none;
}

.comment-list .bottom-title h2.comments-heading a {
    color: #379CB0;
}

.comment-list .comment-respond {
    background: #f9f9f9;
}


.blog-main-layout {
    padding: 0;
}

.post-cat {
    position: absolute;
    top: 17px;
    left: -43px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    overflow: hidden;
    z-index: 333;
    background: #fff;
    display: inline-block;
    padding: 7px 22px;
    color: var(--grshop-grocery-primary);
    font-weight: 600;
    font-size: 14px;
    left: -30px;
}

.post-cat a {
    color: var(--grshop-grocery-primary);
    font-weight: 400;
}

.site-main.search {
    padding: 100px 0;
}

.grshop-grocery-blog-single-news .post-thumb {
    float: ;
    position: absolute;
    left: 0;
}

.post-text {
    padding-left: 113px;
}

.grshop-grocery-blog-single-news {
    position: relative;
    overflow: hidden;
    margin-bottom: 32px;
}

.post-date {
    font-size: 13px;
    display: block;
    color: #666;
    margin-top: 2px;
}

.post-date i {
    margin-right: 5px;
}

/*Archive Posts */
.grshop-grocery-blog-section {
    padding: 20px 0 50px;
}

.grshop-grocery-main-area__with-side {
    width: 68%;
}

.grshop-grocery-main-area__sidebar {
    width: 28%;
    padding-left: 2%;
    margin-left: 2%;
    border-left: 1px solid #E6E6E6;
    margin-top: 30px;
}

@media only screen and (max-width: 991px) {

    .grshop-grocery-main-area__with-side,
    .grshop-grocery-main-area__sidebar {
        width: 100%;
    }
}

.grshop-grocery-sidebar__single {
    padding-left: 30px;
}

.blog-content-main .blog-head {
    margin-bottom: 30px;
}

.grshop-grocery-blog-single p {
    margin-bottom: 20px;
    color: #555555;
}

/*---------------------------------------
# End Blog CSS
-----------------------------------------*/

/*---------------------------------------
# Pages CSS
-----------------------------------------*/
.grshop-grocery-page {
    padding: 80px 0;
}

.grshop-grocery-search-page {
    padding: 50px 0 80px;
}

.site-page .page-top {
    margin-top: 30px;
}

/* No resutls Page */
.no-results.not-found {
    margin-top: 30px;
}

.no-results.not-found .page-title {
    margin: 0 0 15px;
}

.no-results.not-found .page-title span {
    color: var(--grshop-grocery-primary);
    margin-right: 10px;
}

.no-results.not-found {}

.no-results.not-found .page-content {
    margin: 0;
}

.no-results.not-found .search-form {
    margin-top: 15px;
}

.search-results article.page .entry-content,
.search-results article.page .blog-meta {
    display: none;
}

/* 404 Page CSS */
.grshop-grocery-404 {
    padding: 100px 0;
}

.grshop-grocery-404__content {
    padding: 50px;
    background: var(--grshop-grocery-bg);
    display: flex;
    gap: 25px;
    flex-direction: column;
    border: 1px solid var(--grshop-grocery-border);
}

.grshop-grocery-404__title {
    margin: 0;
    font-weight: 600;
}

.grshop-grocery-404__inside {
    font-size: 40px;
}

.grshop-grocery-404__title span {
    color: var(--grshop-grocery-primary);
    font-size: 80px;
    display: block;
}

.grshop-grocery-404__text {
    margin-top: 20px;
    font-size: 16px;
    color: var(--grshop-grocery-text);
}

.grshop-grocery-404__button {
    margin-top: 25px;
}

.grshop-grocery-404__label {
    display: flex !important;
    gap: 10px;
    flex-direction: column;
}

/*---------------------------------------
# End Pages CSS
-----------------------------------------*/

/*---------------------------------------
# Pagination CSS
-----------------------------------------*/
.pagination-main {
    margin: 50px 0 0;
    text-align: left;
}

.pagination {
    display: block;
    padding-left: 0;
    border-radius: 0px;
    margin: 0;
}

.pagination li {
    display: inline-block;
    margin-right: 10px;
}

.pagination li:last-child {
    margin: 0;
}

.pagination li a {
    display: block;
    width: 46px;
    height: 46px;
    color: var(--grshop-grocery-heading);
    line-height: 46px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 100%;
    text-decoration: none;
    border: 1px solid #ccccccc9;
    border-radius: 0;
    border-radius: 100%;
}

.pagination li.active a,
.pagination li:hover a {
    -webkit-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
    -moz-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
    box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
}

.pagination li.active a,
.pagination li a:hover,
.pagination li a:focus {
    color: #fff !important;
    background: var(--grshop-grocery-primary);
    border-color: transparent;
}

.pagination li a span,
.pagination li a i {
    position: relative;
    z-index: 40;
}

.pagination li a i {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pagination li.prev:hover a i,
.pagination li.next:hover a i {
    color: var(--grshop-grocery-primary);
}

.pagination li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pagination li.active a::before,
.pagination li:hover a::before {
    opacity: 1;
    visibility: visible;
}

.pagination li.prev a:hover,
.pagination li.prev a:focus,
.pagination li.next a:hover,
.pagination li.next a:focus {
    box-shadow: none;
    color: var(--grshop-grocery-primary) !important;
}

.pagination li.prev a,
.pagination li.next a {
    display: ;
    width: auto;
    height: auto;
    background: transparent !important;
    font-size: 20px;
    border: none !important;
    outline: none;
    font-size: 16px;
}

/*---------------------------------------
# End Pagination CSS
-----------------------------------------*/

/*---------------------------------------
# WordPress Default CSS
-----------------------------------------*/
.grshop-grocery-main-area {
    padding: 20px 0 50px;
}

.widget .widget-title,
.widget_block .wp-block-heading,
.widgettitle {
    font-size: 22px;
    font-weight: 500;
    position: relative;
    margin-bottom: 22px;
    text-transform: capitalize;
    color: var(--grshop-grocery-heading);
    display: flex;
    align-items: center;
    gap: 10px;
}

.widget .widget-title::before,
.widget_block .wp-block-heading::before,
.widgettitle::before {
    content: "";
    width: 2px;
    min-height: 100%;
    background: var(--grshop-grocery-secondary);
    display: inline-block;
    height: 20px;
}

.widget ul,
.widget ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul li {
    margin-bottom: 15px;
}

.widget ul li:last-child {
    margin: 0;
}

.widget ul ul ul {
    padding-left: 5px;
}

.widget ul,
.widget ul li a {
    color: var(--grshop-grocery-heading);
    text-decoration: none;
}

.widget ul li a:hover,
.widget ul li a:focus {
    color: var(--grshop-grocery-primary);
}

.page-links {
    padding: 0 20px;
}

.page-links a {
    background: var(--grshop-grocery-primary);
    color: #fff;
    padding: 5px 10px;
}

.widget select {
    width: 100%;
    height: 45px;
    padding: 0 20px;
    background: #F6F9FC;
}

/* Post Password Form */
.post-password-form input[type="password"] {
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    height: 50px;
    padding: 0 10px;
}

.post-password-form input[type="submit"] {
    background: var(--grshop-grocery-primary);
    color: #fff;
    height: 50px;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
}

.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
    background: var(--grshop-grocery-heading);
}

.post-password-form {
    position: relative;
}

/* Table CSS */
table th {}

table thead th {
    background: var(--grshop-grocery-primary);
    padding: 12px 30px;
    color: #fff;
    font-size: 18px;
}

table tbody th,
table tbody td {
    border: 1px solid #ebebeb;
    padding: 12px 30px;
    text-align: ight;
}

table tbody a {
    color: var(--grshop-grocery-primary);
}

table tbody a:hover {
    color: var(--grshop-grocery-heading);
}

/* Widget Select */
.single-widget select {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    background: #F5F8F9;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-user-select: none;
    background-image: url(/images/select-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 50% !important;
}

/* Widget Tags CSS */
.widget_tag_cloud .tagcloud a {
    color: #555;
    font-size: 14px !important;
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    margin-top: 5px;
}

.widget_tag_cloud .tagcloud a:hover {
    background: var(--grshop-grocery-primary);
    color: #fff;
}

/* Widget RSS CSS */
.widget_rss .rsswidget {
    display: inline-block;
}

.widget_rss ul li a {
    line-height: ;
}

.widget_rss ul li a {}

.widget_rss ul li .rsswidget {
    line-height: 20px;
}

.widget_rss .rss-date {
    color: var(--grshop-grocery-primary);
    display: block;
    line-height: initial;
}

.widget_rss .rssSummary {
    display: ;
    line-height: 25px;
}

/* Widget Search CSS */
.search-form {
    position: relative;
    display: flex;
    flex-direction: column;
}

.search-form input[type="search"],
.wp-block-search .wp-block-search__input {
    width: 100%;
    height: 50px;
    border-radius: 0px;
    padding: 0 20px 0 20px;
    font-size: 14px;
    background: #F6F9FC;
    border: none;
    border-radius: 3px;
    border: 1px solid #0A25401F;
    border-radius: 0px;
}

.search-form input[type="search"]:hover,
.search-form input[type="search"]:focus,
.wp-block-search .wp-block-search__input:hover,
.wp-block-search .wp-block-search__input:focus {
    background: #fff;
    border-color: var(--grshop-grocery-primary) !important;
}

.search-form label {
    width: 100%;
    position: relative;
}

.search-form input[type="submit"],
.wp-block-search .wp-block-search__button {
    background: var(--grshop-grocery-primary);
    color: #fff;
    height: 50px;
    border: none;
    border-radius: 0px;
    padding: 0 20px;
    cursor: pointer;
    margin-top: 10px;
    margin: 0 !important;
}

.search-form input[type="submit"]:hover,
.search-form input[type="submit"]:focus,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:focus {
    background: var(--grshop-grocery-heading);
}

.search-form input[type="submit"] {
    margin-top: 15px !important;
}

.search-form-main .search-form input[type="search"]:hover,
.search-form-main .search-form input[type="search"]:focus,
.wp-block-search .wp-block-search__input:hover,
.wp-block-search .wp-block-search__input:focus {
    border-color: var(--grshop-grocery-primary) !important;
}


/* Widget Calender CSS */
#calendar_wrap th,
#calendar_wrap td {
    padding: 5px 10px;
    text-align: center;
    display: nherit;
    border: 1px solid #ebebeb;
    color: var(--grshop-grocery-heading);
    background: #fff;
}

#calendar_wrap #wp-calendar {
    max-width: 100%;
}

#calendar_wrap #wp-calendar thead th,
#calendar_wrap #wp-calendar tfoot td {
    background: #F5F8F9;
    color: var(--grshop-grocery-heading);
    font-size: 15px;
}

#calendar_wrap #wp-calendar caption {
    caption-side: top;
    background: var(--grshop-grocery-primary);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
}

#calendar_wrap #wp-calendar tbody tr a {
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    background: var(--grshop-grocery-primary);
    padding: 0;
    text-align: center;
}

#calendar_wrap #wp-calendar tfoot td {
    display: ;
    background: #fff;
}

#calendar_wrap #wp-calendar tfoot tr a {
    color: var(--grshop-grocery-heading);
}

#calendar_wrap #wp-calendar tfoot tr a:hover {
    color: var(--grshop-grocery-primary);
}

/* Widget Search CSS */
.search-form {
    width: 100%;
}

.search-form label input {
    width: 100%;
    padding: 12px 20px;
    border-radius: 0px;
}

.search-form .search-submit {
    display: block;
    background: #;
    background: var(--grshop-grocery-primary);
    border-radius: 0px;
    padding: 12px 20px;
    border: none;
    color: #fff;
    position: ;
    display: inline-block;
    height: 48px;
}

.search-form label {
    display: inline-block;
}

/* Widget Recent Comments */
.widget_recent_comments li a {
    display: block;
}

.widget_recent_comments .recentcomments a {
    display: block !important;
    line-height: initial;
}

.widget_recent_comments li {
    line-height: 30px !important;
    margin-bottom: 10px !important;
}

.widget_recent_comments li span {
    position: relative;
}

.widget_recent_comments li span::before {
    left: 0;
    top: 0;
    font-family: 'FontAwesome';
    margin-right: 5px;
    line-height: initial;
    content: "\f007";
}

.recentcomments span {
    display: inline-block !important;
}

.widget_categories li {
    text-align: right;
    overflow: hidden;
}

.widget_categories li a {
    text-align: left;
    float: left;
}

.mc4wp-form-fields label {
    width: 100%;
    display: block;
    font-size: 0px;
}

.mc4wp-form-fields input {
    width: 100%;
    padding: 15px;
    border-radius: 0px;
    font-size: 14px;
}

.mc4wp-form-fields input[type="submit"] {
    border: none;
    background: var(--grshop-grocery-primary);
    color: #fff;
    border: none;
    border-radius: 0px;
    margin-top: 10px;
}

.mc4wp-form-fields input[type="submit"]:hover {
    background: var(--grshop-grocery-secondary);
    color: #fff;
}

/* WP Blocks */

.wp-block-archives li,
.wp-block-archives li a {
    color: var(--grshop-grocery-heading);
    line-height: 30px;
    display: ;
}

.wp-block-calendar tfoot td {
    text-align: left;
}

.wp-block-calendar tfoot td a {
    color: var(--grshop-grocery-primary);
    border: none;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
    padding: ;
}

.wp-block-calendar table caption {
    caption-side: initial;
    color: #fff;
    font-weight: 600;
    background: var(--grshop-grocery-primary);
    padding: 10px 20px;
}

.wp-block-calendar table th {
    background: #F5F8F9;
    color: var(--grshop-grocery-heading);
    font-weight: 600;
}

.wp-block-calendar table th {}

.wp-block-categories select {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background: #F5F5F5;
}

.wp-block-categories {
    margin-bottom: 20px;
}

.wp-block-archives.wp-block-archives-dropdown {}

.wp-block-archives select {
    display: ;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background: #F5F5F5;
}

.wp-block-latest-comments li a {
    color: var(--grshop-grocery-heading);
    text-decoration: none;
}

.wp-block-latest-posts a {
    color: var(--grshop-grocery-heading);
}

.wp-block-search input {
    padding: 12px 20px;
    border-radius: 0px;
}

.wp-block-search button {
    background: var(--grshop-grocery-primary);
    color: #fff;
    border-radius: 0px;
}

.wp-block-search {
    margin-bottom: 20px;
}

.wp-block-tag-cloud a {
    color: var(--grshop-grocery-heading);
    padding: 5px;
}

.wp-block-tag-cloud a:hover {
    color: var(--grshop-grocery-primary);
}

.wp-block-rss li a {
    color: #555;
}


.wp-block-latest-comments__comment-date {
    font-size: 13px;
    margin-top: 6px;
}

.wp-block-latest-posts__featured-image img {
    width: auto !important;
    height: auto !important;
    border-radius: 5px;
}

.wp-block-latest-posts__featured-image {
    /* position: absolute; */
    left: 0;
    min-width: 120px;
    margin-bottom: 10px;
    max-width: 120px;
}

.wp-block-latest-posts li {
    position: relative;
}

.wp-block-search__inside-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*---------------------------------------
# End WordPress Default CSS
-----------------------------------------*/

/*---------------------------------------
# Footer CSS
-----------------------------------------*/
.grshop-grocery-footer__top {
    padding: 50px 0 80px;
    background: #F6F9FC;
}

.grshop-grocery-footer__widget {
    margin-top: 30px;
}

.grshop-grocery-footer__bottom {
    padding: 20px 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #E6E6E6;
    background: var(--grshop-grocery-bg);
}

.grshop-grocery-footer__devs a {
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-footer__branding {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.grshop-grocery-footer__branding .grshop-grocery-footer__url {
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-footer__branding .grshop-grocery-footer__devs,
.grshop-grocery-footer__branding .grshop-grocery-footer__devs a {
    font-size: 16px;
}

/*---------------------------------------
# End Footer CSS
-----------------------------------------*/

/* Tablet Layout 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header .main-navigation ul {
        padding-right: 0;
    }

    .header .main-navigation ul li {
        margin-right: 2px;
    }

    .header .main-navigation ul li a {
        padding: 18px 5px;
        font-size: 14px;
    }

    .post-main-slider .grshop-grocery-content {
        margin: 0 5px;
        top: 0;
        padding: 20px;
        top: -50px;
        margin-bottom: -50px;
    }

    .grshop-grocery-sidebar .widget-area {
        padding: 20px;
    }

    .search-form-main {
        padding: 30px 20%;
    }
}

@media only screen and (max-width: 767px) {
    #site-navigation {
        display: none;
    }

    .main-menu {
        padding: 15px 0;
    }

    .header .social-widget {
        top: 3px;
    }

    #calendar_wrap {
        overflow: scroll;
    }

    .scroll-top {
        width: 44px;
        height: 44px;
        line-height: 44px;
        top: -22px;
        right: 30px;
        font-size: 20px;
    }

    .grshop-grocery-footer__branding {
        justify-content: center;
        flex-direction: column;
    }
}


@media only screen and (max-width: 767px) {
    .grshop-grocery-404__content {
        padding: 30px;
    }

    .grshop-grocery-404__title span {
        font-size: 60px;
    }

    .grshop-grocery-404__title {
        font-size: 30px;
    }

    .search-form-main {
        padding: 25px;
    }
}

@media only screen and (max-width: 360px) {

    .grshop-grocery-404__title,
    .grshop-grocery-404__inside {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1000px) {
    .grshop-grocery-main-area__content {
        order: -1;
    }
}

.oe-menu-title {
    font-size: 18px;
    color: #fff;
    border-left: 2px solid #fff;
    font-weight: 700;
    padding-left: 10px;
    margin-bottom: 15px !important;
    display: block;
}

.grshop-grocery-mobile-menu .menu-inner ul li ul li {
    border: none;
}

.grshop-grocery-mobile-menu .menu-inner ul li ul {
    border-left: 1px solid #cccccc47;
    margin-left: 15px;
}

.grshop-grocery-mobile-menu {
    display: block;
}

.grshop-grocery-mobile-menu .menu-click {
    top: 0;
    left: 0;
    font-size: 30px;
}

.grshop-grocery-mobile-menu .menu-click a {
    color: #fff;
    z-index: 3333;
    position: relative;
    font-size: 22px;
}

.grshop-grocery-mobile-menu .menu-click a:hover,
.grshop-grocery-mobile-menu .menu-click a:focus {
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-mobile-menu .menu-click a span {
    padding-left: 5px;
}

.grshop-grocery-mobile-menu .menu-inner {
    position: fixed;
    padding: 0;
    padding-top: 22px;
    padding-bottom: 20px;
    right: 0;
    background: var(--grshop-grocery-heading);
    top: 85px;
    min-width: 300px;
    padding: 30px 20px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    padding-bottom: 20px;
    z-index: 3333333;
    overflow: scroll;
    right: 0;
    padding-bottom: 20px;
    width: 20%;
    top: 0;
    height: 100%;
}

.grshop-grocery-mobile-menu .menu-inner.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.grshop-grocery-mobile-menu .menu-inner ul li {
    display: block;
    float: none;
    width: 100%;
    border-bottom: 1px solid #cccccc47;
}

.grshop-grocery-mobile-menu .menu-inner ul li:last-child {
    border: none;
}

.grshop-grocery-mobile-menu .menu-inner ul li a {
    padding: 0;
    display: block;
    width: 100%;
    padding: 10px 0px;
    color: #eee !important;
    text-decoration: none;
    border: 1px solid transparent;
}

.grshop-grocery-mobile-menu .menu-inner ul li ul {
    padding-left: 20px;
}

.grshop-grocery-mobile-menu .menu-inner ul li a:hover,
.grshop-grocery-mobile-menu .menu-inner ul li a:focus {
    color: #fff !important;
    border-color: #fff;
}

.grshop-grocery-mobile-menu .menu-inner ul {
    display: block;
    padding: 0;
    margin: 0;
}

.grshop-grocery-mobile-menu .main-navigation ul li ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    margin-left: 20px;
}

.header .grshop-grocery-mobile-menu ul li ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 100%;
    margin-left: 30px;
}

.grshop-grocery-mobile-menu .main-navigation ul li ul li a {
    color: var(--grshop-grocery-heading);
}

.grshop-grocery-mobile-menu .close-menu {
    margin-top: 20px;
}

.grshop-grocery-mobile-menu .close-menu a {
    display: inline-block;
    /* border: 1px solid #ccc; */
    background: var(--grshop-grocery-primary);
    color: #fff;
    padding: 10px 25px;
    /* border: none; */
    border: 1px solid transparent;
}

.grshop-grocery-mobile-menu .close-menu a:hover,
.grshop-grocery-mobile-menu .close-menu a:focus {
    background: #fff !important;
    color: var(--grshop-grocery-primary);
}

.grshop-grocery-mobile-menu .close-menu a i {
    margin-right: 5px;
}

/* Contact Form 7 */
.wpcf7-form input[type="submit"] {
    background: var(--grshop-grocery-primary);
    color: #fff;
    border: none;
    display: inline-block !important;
    max-width: initial;
    width: initial;
    height: 55px;
    min-width: 155px;
}

.wpcf7-form input[type="submit"]:hover {
    background: var(--grshop-grocery-secondary);
}

.wpcf7-form textarea {
    min-height: 130px;
}

.wpcf7-form p {
    margin-bottom: 15px;
    width: 100%;
}

.wpcf7-form input,
.wpcf7-form textarea {
    width: 100%;
    min-width: 100%;
    height: 48px;
    border-color: #ccccccc9;
    line-height: 48px;
    padding: 0 20px;
}

.wpcf7-form label {
    width: 100%;
}

.wpcf7-form label span {
    margin-top: 10px !important;
    display: block;
}

/*---------------------------------------
# Woocommerce CSS
-----------------------------------------*/
.woocommerce .woocommerce-ordering select {
    background: #F6F9FC;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid #0A25401F;
}

.woocommerce .woocommerce-result-count {
    margin: 0;
}

.page-title {
    font-size: 30px;
    margin-bottom: 15px;
}

.wc-block-components-price-slider {
    padding: 0 !important;
    margin: 0 !important;
}

/* Price Range */
.wc-block-price-filter__range-input-wrapper.wc-block-components-price-slider__range-input-wrapper {
    margin: 0;
    padding: 0 !important;
    color: var(--grshop-grocery-heading);
}

.wc-block-components-price-slider__range-input-wrapper::before {
    background: currentColor;
}

.wc-block-price-filter__range-input {
    height: initial !important;
    min-height: initial;
    top: -9px !important;
}

.wc-block-components-price-slider__amount {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid var(--grshop-grocery-text) !important;
}


/* Product List */
.woocommerce ul.product_list_widget li img {
    width: 50px;
    border-radius: 4px;
}

.woocommerce ul.product_list_widget li a {
    font-size: 16px;
}

.woocommerce-Price-amount.amount {
    font-size: 14px;
    color: var(--grshop-grocery-primary);
}


/* Pagination */

.woocommerce-pagination {
    margin-bottom: ;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers {
    background: #fff !important;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: var(--grshop-grocery-heading);
    border-radius: 3px;
    box-shadow: 0px 4px 10px #111a3a111a3a12 !important;
    border-radius: 50px;
    border: 1px solid #cccccc82 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-pagination li {
    border: none !important;
}

.woocommerce-pagination .page-numbers {
    border: none !important;
}

.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    gap: 10px !important;
    justify-content: center;
    align-items: center;
}

.woocommerce-pagination {
    margin-bottom: 30px;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover {
    background: var(--grshop-grocery-secondary) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* Cart Page */

.wc-block-components-product-name {
    font-size: 20px;
    color: var(--grshop-grocery-heading) !important;
    margin-bottom: 5px;
}

.wc-block-components-product-name:hover {
    color: var(--grshop-grocery-secondary) !important;
}

.wc-block-components-formatted-money-amount {
    color: var(--grshop-grocery-primary);
}

.components-button.wc-block-components-button {
    background: var(--grshop-grocery-primary);
    color: #fff;
    border-radius: 4px;
    border: none;
}

.is-large.wc-block-cart .wc-block-cart__totals-title {
    font-size: 16px !important;
    margin-bottom: 15px !important;
}

.wc-block-components-quantity-selector input {
    min-height: initial;
}

/* Checkout */
.components-flex-item input,
.wc-block-components-text-input input,
.wc-block-components-textarea {
    border: 1px solid var(--grshop-grocery-border) !important;
}

.wc-block-components-checkout-return-to-cart-button {
    color: var(--grshop-grocery-heading) !important;
}

.wc-block-components-checkout-return-to-cart-button:hover {
    color: var(--grshop-grocery-primary) !important;
}

.wc-block-components-notice-banner.is-error {
    background-color: var(--grshop-grocery-secondary) !important;
    border: none !important;
}

.wc-block-components-notice-banner.is-error svg {
    background: var(--grshop-grocery-heading) !important;
}

.wc-block-components-validation-error>p {
    color: var(--grshop-grocery-secondary) !important;
}

.wc-block-components-form .wc-block-components-text-input.has-error label,
.wc-block-components-text-input.has-error label {
    color: var(--grshop-grocery-secondary) !important;
}

.wc-block-checkout__sidebar .wc-block-components-product-name {
    font-size: 16px;
}

/* My Accounts */

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: var(--grshop-grocery-primary);
    padding: 25px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.woocommerce-MyAccount-navigation ul {}

.woocommerce-MyAccount-navigation ul li a {
    color: #fff !important;
    text-decoration: none;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background: var(--grshop-grocery-bg);
    border-top-color: var(--grshop-grocery-primary);
}

.woocommerce-Button.wc-forward.button,
.woocommerce-Button.button {
    background: var(--grshop-grocery-primary) !important;
    color: #fff !important;
    font-weight: 500 !important;
}

.woocommerce-Button.wc-forward.button:hover {
    background: var(--grshop-grocery-secondary);
}

.woocommerce-info::before {
    color: var(--grshop-grocery-secondary);
}

.woocommerce-account .addresses .title h3 {
    float: left;
    font-size: 24px;
}

.woocommerce-account .addresses .title .edit {
    color: var(--grshop-grocery-primary);
}

.u-columns.woocommerce-Addresses {
    margin-top: 30px;
}

.woocommerce-MyAccount-content fieldset {
    padding: 0;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    padding: 0 10px;
}

/* My Accounts*/
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 8px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    background: var(--grshop-grocery-primary);
    float: none;
    color: #fff;
    padding: 12px 30px;
    margin-top: 10px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
    background: var(--grshop-grocery-secondary);
}

.woocommerce-LostPassword.lost_password a {
    color: var(--grshop-grocery-text);
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: 1px solid var(--grshop-grocery-border);
}


/* Carts */
.wc-block-grid__products {
    margin-top: 30px !important;
}

.wc-block-grid__product-title {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    background: var(--grshop-grocery-primary);
    color: #fff !important;
    border-radius: 4px;
    font-size: 14px !important;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
    background-color: var(--grshop-grocery-secondary) !important;
}

.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale {
    background: var(--grshop-grocery-secondary);
    color: #fff;
    border-color: transparent;
}

/* Product Single */
.woocommerce div.product .product_title {
    font-size: 28px;
    margin-bottom: 10px;
}

.woocommerce-product-details__short-description {
    margin-top: 15px;
    margin-bottom: 15px;
}

.woocommerce div.product div.summary .woocommerce-Price-amount.amount {
    font-size: 22px;
}

.woocommerce div.product div.summary del,
.woocommerce div.product div.summary del span {
    font-size: 20px !important;
}

.woocommerce div.product form.cart .button {
    background: var(--grshop-grocery-primary);
    color: #fff !important;
    border-radius: 4px;
    font-size: 14px !important;
    padding: 15px 30px;
}

.woocommerce span.onsale {
    background-color: var(--grshop-grocery-secondary);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: var(--grshop-grocery-secondary);
    color: #fff !important;
}

.woocommerce-grouped-product-list-item__label label a {
    color: var(--grshop-grocery-heading);
}

.product_meta {
    color: var(--grshop-grocery-text);
}

.product_meta span a {
    color: var(--grshop-grocery-primary);
}

.woocommerce .quantity .qty {
    min-width: 60px !important;
    border-color: var(--grshop-grocery-border);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--grshop-grocery-primary) !important;
}

/* Product Single Tabs */
.woocommerce div.product .woocommerce-tabs .panel h2,
.related.products h2 {
    margin-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: var(--grshop-grocery-primary);
    color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: inherit;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0;
    border: none !important;
    border-bottom: 1px solid var(--grshop-grocery-border) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none !important;
    border-radius: 0px !important;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    border: none !important;
    border-radius: 0px;
    background: var(--grshop-grocery-heading);
    color: #fff !important;
    padding: 10px 10px;
    margin: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: var(--grshop-grocery-primary);
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}


.woocommerce div.product .woocommerce-tabs .panel h2,
.related.products h2 {
    font-size: 25px;
    margin-top: 15px;
}

.woocommerce #review_form #respond .form-submit input {
    background-color: var(--grshop-grocery-primary);
    color: #fff;
    font-weight: 500;
}

.related.products>h2 {
    margin-bottom: 15px;
}

.pswp__bg {
    background: #000000b8;
}

/*---------------------------------------
# End Woocommerce CSS
-----------------------------------------*/