/*
Theme Name: Grocery Ecommerce Pro
Theme URI:  https://www.themesglance.com/themes/grocery-pro-wordpress-theme/
Author: Themes Glance
Author URI: http://www.themesglance.com/
Description: The premium grocery pro WordPress theme is fully responsive, translation ready, SEO-friendly and cross-browser compatible. It is embedded with social media icons to give the much needed exposure. It is customizable, so much so that every element of the theme can be changed including colour, background, header, footer, menu and images. It has various sections like testimonial, subscription area, gallery and other. Each of this section can be enabled/disabled. It uses simple as well as mega menu. This premium grocery-pro WP theme is compatible with WooCoomerce and WPML plugin and can be tied with any third party plugin. For secure online donations, it uses trusted payment gateways. With this premium theme we provide our support and regular theme updates.
Version: 0.0.1
Requires at least: 5.8
Tested up to: 6.1.1
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: grocery-ecommerce-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Grocery Ecommerce Pro WordPress Theme has been created by Themes Glance(themesglance.com), 2018.
Grocery Ecommerce Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
:root {
  --green:#0A472E;
  --black:#000000;
  --lightgreen: #80891B;
  --white: #FFFFFF;
}
:root {
  --font-archivo: 'Archivo', sans-serif;
  --font-merri: 'Merriweather Sans', sans-serif;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html body {
  overflow-x: hidden;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-archivo);
  color:black;
  font-weight: 700;
}
p{
    font-family: var(--font-archivo);
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--color-383838);
}
blockquote:before,blockquote:after {
  display: block;
  font-size: 80px;
  position: absolute;
  color: #7a7a7a;
}
blockquote:before {
  content: "\201C";
  left: 0px;
  top: -20px;
}
blockquote:after {
  content: "\201D";
  right: 0px;
  bottom: -10px;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
table th a {
    color: black;
    text-decoration: none;
}

/* ----------- Spinner ------------- */
.eco-spinner-loading-box{
  position: fixed;
  width:100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  z-index: 9999999;
  background-color: white;
}
.eco-spinner-loading-box .lds-ripple {
  display: inline-block;
  position: relative;
  width: 242px;
  height: 242px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/grocery.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@media screen and (min-width: 1025px){
  #menu_conatiner .nav ul li:hover ul li:hover > ul {
    display: block;
    position: absolute;
    left: 215px;
    top: -20px;
}
}

a{
    text-decoration: none;
}
@media screen and (min-width: 1600px) and (max-width: 2560px){
  .carousel-indicators
  {
    bottom: 54px !important;
  }
  #slider .carousel-caption
  {
        top: 17% !important;
  }
  #slider .slide_nav
  {
    bottom: 55% !important;
        right: 7% !important;
        left: 7% !important;
  }
  .switcher .selected
  {
        left: 20px;
  }
  #alg_currency_select, #alg_currency_selector select
  {
    padding-left: 27px;
  }
  .feature-block-inner img {
    margin: 0px 0 0 10px !important;
}
.category-main-boxes {
    padding: 0 0 18px 0 !important;
}
.category-main-img img
{
  height: 160px !important;
}
#products .add-tocart-bg,#product-sliders .add-tocart-bg
{
  top: 85% !important;
  padding: 13px !important;
}
.popular-stores-box
{
  height: 316px !important;
}
.banner-box1 h4, .banner-box2 h4
{
  font: normal normal 800 30px/44px Archivo !important;
  max-width: 264px !important;
  margin-top: 12px;
}
.join-now-box
{
  max-width: 494px !important;
}
.read_more_join_now
{
  margin-top: 25px !important;
      padding: 9px 1px 36px 0 !important;
}
.deals-col img
{
      height: 218px !important;
}
.countdown-cols-box .onsale
{
      top: 15px !important;
}
.mul-cat-title a
{
      font: normal normal 600 20px/26px Archivo !important;
}
.mul-border img
{
  height: 86px !important;
}
.popular-banners-title {
    font: normal normal 700 19px/24px Archivo !important;
}
.popular-banners-button
{
      font: normal normal 600 14px/11px Archivo !important;
}
.popular-banners1 {
    padding: 32px 8px 49px 11px !important;
}
.banner-sec-boxs {
    position: relative;
    top: 9px;
}
.inner-product-slider-main-box
{
      width: 33%;
}
#inner-sliders {
    width: 67%;
}
.inner-product-slider-box
{
      left: 47% !important;
          height: 487px !important;
          width: 53%;
}
.inner-product-slider-sub-heading
{
      font: normal normal 600 21px/20px Archivo !important;
}
.inner-product-slider-main-heading
{
  font: normal normal 700 32px/35px Archivo !important;
}
.read-more-inner-product-slider
{
      font: normal normal bold 19px/17px Archivo !important;
}
.testimonial-box
{
  padding: 35px 19px 35px 19px !important;
}
.testimonial_name a
{
  font: normal normal 600 23px/19px Archivo !important;
}
.alert.alert-minimalist
{
height: 9% !important;
    width: 18% !important;
}
.author-name:after
{
      left: -10px !important;
}
.author-name
{
      top: 1px;
}
.log-content
{
  padding: 17px 15px 9px 15px !important;
}
#newsletter form {
    margin: 31px 0 190px 0 !important;
}
.newsletter-main-box {
    position: relative;
    top: 61px;
}
#footer {
    margin-top: -85px !important;
}
#nav_menu-5,#nav_menu-4 {
    padding-left: 8em !important;
}
.errorimg {
    width: 36% !important;
}
.inner_about-para2 {
    font: normal normal 400 18px/37px archivo !important;
    max-width: 451px !important;
}
.page-template-about #footer,.page-template-contact #footer {
    margin-top: -85px !important;
}
.login-icon i,.wishlist-box i
{
  font-size: 19px !important;
}
.order-track, .myaccount-button a
{
  font: normal normal 600 15px/17px Archivo !important;
  color: #000000 !important;
}
.call-texts {
    font: normal normal 600 15px/17px Archivo !important;
    color: #000000;
}
#alg_currency_select, #alg_currency_selector select
{
    font: normal normal 500 14px/13px Archivo !important;
}
.topbar-cart-icon img
{
    height: 21px !important;
}
.cart-text
{
    font: normal 15px/11px Archivo !important;
}
.main-navigation a
{
    font-size: 14px !important;
}
#footer li {
    padding-top: 16px !important;
}
.footer-cols {
    padding-bottom: 35px !important;
}
.footer_boxes {
    padding-top: 70px;
}
#footer h3
{
    font: normal normal 900 19px/26px Archivo !important;
}
#footer li a
{
        font: 500 17px/17px Archivo !important;
}
.main-navigation a
{
  width: max-content;
}
}
@media screen and (min-width: 1400px) and (max-width: 1500px){
  #testimonial .owl-next
  {
    right: -4% !important;
  }
  #testimonial .owl-prev
  {
    left: -4% !important;
  }
  .inner-product-slider-box
  {
    height: 427px !important;
  }
  .inner-prod-slider {
    margin-left: 7em;
}
}
/*-----------------------latest-blog-----------------------*/
.blog_con_text {
    width: max-content;
}
.log-content h6 {
    font: normal normal 400 13px/14px Archivo;
    color: var(--black);
}
.latest-posts-box {
    margin-left: -25px;
}
.latesredmore {
    font: normal normal 700 15px/17px Archivo;
    color: #80891B;
}
.log-content {
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    position: absolute;
    top: 63%;
    padding: 10px 15px 9px 15px;
    width: 89%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.blog-box-content img {
    position: relative;
    border-radius: 6px;
}
.log-content h4 a {
    font: normal normal 600 19px/26px Archivo;
    color: var(--black);
}
.hide-sec p {
    color: #6f6d6d !important;
    font: normal normal normal 500 14px/20px Open Sans !important;
    margin-bottom: 10px;
}
#latest-post .owl-stage-outer
{
  padding-bottom: 160px;
}
.author-name a {
    font: normal normal 500 14px/17px Archivo;
    padding-left: 9px;
    color: #6f6d6d;
    position: relative;
    left: 7px;
}
.blog_con_text {
    width: max-content;
    font: normal normal 500 13px/29px Archivo;
    color: #737171;
    margin-left: -5px;
}
.latesredmore {
    font: normal normal 700 15px/17px Archivo;
    color: #80891B;
}
.author-name:after {
    content: '';
    display: block;
    background: #adabab;
    position: absolute;
    top: 6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: -5px;
}
.latesredmore:hover
{
  color: #80891B;
}
.log-content h4 {
    line-height: 20px;
    padding-top: 5px;
}
.latset-post-heading {
    font: normal normal 600 12px/14px Archivo;
    color: var(--black);
        margin-bottom: 4px;
}
.latset-post-para {
    font: normal normal bold 25px/37px Archivo;
}
.post-contents-cols .postpic img {
    border-radius: 6px;
}
/*----------------------Single Blog Page----------------*/
.single-page-category span{
    background: var(--green);
    color: white;
    border-radius: 0;
    padding: 8px 23px;
    font-family: var(--font-archivo);
    font-size: 13px;
}
.single-page-title {
    font: normal normal 600 32px/50px open sans;
    color: var(--black);
}
.single-author-image img{
  width: 28%;
  border-radius: 50%;
}
.single-page-metabox,.single-author-image span{
  font: 500 14px/30px open sans;
    color: var(--black);
}
.single-page-metabox .entry-comments,.single-page-metabox .entry-date{
color: #BCBCBC;
    font-family: 'Open Sans';
}
.single-post-content p{
  font: 300 14px/35px open sans;
    color: var(--black);
}
.last_single_head{
  font-size: 25px;
}
.meta-box-question{
      font: 600 17px/55px open sans;
    color: #333333;
}
.single-post-social-box .cat-item a{
      font: 300 12px/18px open sans;
    color: var(--black);
}
.single-post-social-box li{
  list-style-type: none;
  margin-right: 15px;
  float: left;
  padding: 20px 0 30px;
}
.single-post-social-box li a{
  padding: 5px 30px;
  border: 1px solid #BCBCBC;
}
.content_boxes{
  background-color: var(--white);
  transform: translateY(-8%);
}
.single-date-box span:before,.single-date-box span:after{
  content: '';
  background: #BCBCBC;
  position: absolute;
  top: 13px;
  width: 4px;
  height: 4px;
  border-radius: 50px;
  left: 0;
}
.single-date-box span:after{
  left: auto;
  right: 0;
}
.post_share .fa-facebook-f{
  padding: 6px 10px;
}
.post_share .fa-link{
  color: #000000c7;
}
.post_share i{
  padding: 6px;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 16px;
}
.post_share .fa-link{
  background-color: #bcbcbc;
}
.single-post-comment{
  margin-top: 6%;
  width: 40%;
}
#reply-title{
  font: 600 25px/35px open sans;
  color: var(--color-violent-violet);
}
.comment-respond label{
  font: 300 16px/35px open sans;
  color: var(--color-violent-violet);
      width: 100%;
}
.comment-form-cookies-consent label{
  font-size: 13px;
}
.logged-in-as,.comment-form-url,.comment-notes,.widget_block{
  display: none;
}
#respond input[type=submit] {
    padding: 9px 17px;
    font-size: 14px;
    background: var(--green);
    color: white;
    font-family: 'Open Sans';
    border: unset;
    font-weight: 600;
}
#comments .comment-form-author{
  width: 100%;
  margin-left: 0;
  display: block;
}
#comments .comment-form-author{
  float: left;
  padding: 0 10px;
}
#comments .comment-form-comment{
  padding: 0 10px;
}

.single-page-metaimage img {
    width: 100%;
}
.post_share i {
    padding: 6px;
    border-radius: 50%;
    color: var(--white);
    font-size: 16px;
}
.post_share .fa-facebook-f {
    background-color: #215b9a;
}
#single_post .share_text {
    display: none;
}
.post_share .fa-twitter {
    background-color: #00adf2;
}
.post_share .fa-linkedin-in {
    background-color: var(--blue);
    padding: 8px 9px;
    font-size: 13px;
}
.post-title {
    font: normal normal normal 17px/24px Open Sans;
    color: #242424;
}
#single_post .nav-next {
    float: right;
    margin-top: -65px;
}
#single_post .meta-nav {
    display: flex;
    font: normal normal normal 16px/41px Open Sans;
    color: #A1A1A1;
}
#single_post .nav-links {
    text-align: start;
}
#single_post .comment-form textarea {
    margin-left: -14px;
    width: 136%;
}
#author {
    width: 137%;
    margin-left: -14px;
}
#location .header-contact
{
        position: relative;
    background: white;
    top: 52px;
}
.page-template-blog-with-left-sidebar .blog-date,.page-template-blog-with-right-sidebar .blog-date,.author-admin .blog-date,.category-technology .blog-date,.category-phones .blog-date
{
    top: 78%;
}
.single-author-image a {
    color: var(--black);
}
.feature-box img {
    width: 100%;
}
.middle-content p,#maincontent p  {
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 1px;
    padding: 55px 0 25px 0;
}
.faq-section .accordion-button:not(.collapsed)::after
{
  background-image: url("assets/images/plus.png") !important;
}
.faq-section .accordion-button::after
{
  background-image: url("assets/images/minus.png") !important;
}
.faq-section .accordion-button:not(.collapsed)
{
  background-color: var(--green) !important;
    color: white;
   box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section a.accordion-button {
    padding: 24px;
}
.para-faq,.accordion-body {
   color: #6c6c6c;
    font-size: 15px;
    font-family: archivo;
    line-height: 28px;
}
.faq-section .accordion-body
{
  margin-bottom: 25px !important;
  padding: 30px !important;
}
.faq-section .accordion-item
{
  border: unset !important;
}
.faq-section a.accordion-button.collapsed {
    margin-top: 25px;
    box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section .accordion-button:not(.collapsed)
{
  margin-top: 25px;
}
.faq-section a.accordion-button {
    font-size: 16px;
    padding: 24px;
    color: black;
    font-weight: 600;
    font-family:archivo;
    letter-spacing: 1px;
}
/*----------------------- newsletter---------------------------*/
#newsletter {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    position: relative;
}
.newsletter-para {
    font: normal normal 500 15px/23px Open Sans;
    color: white;
    max-width: 448px;
}
.newsletter-box .newsletter-main-head{
    font: normal normal bold 30px/37px Archivo;
    color: white;
}
#newsletter input[type="email"] {
border: unset;
padding: 15px;
position: relative;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
width: 100%;
font: 500 14px/17px Archivo;
color: var(--black);
}
#newsletter input[type="submit"] {
background: var(--green);
position: relative;
color: white;
z-index: 1;
left: -50px;
border-radius: 6px;
border: unset;
padding: 15px 21px;
font: normal normal bold 13px/17px Archivo;
}
#newsletter form {
    margin: 31px 0 61px 0;
}
#newsletter .wpcf7 form .wpcf7-response-output
{
        border: 2px solid white !important;
        color: white;
}
#newsletter .wpcf7-not-valid-tip
{
    font-family: 'Archivo' !important;
    position: relative !important;
    top: 15px !important;
    color: white;
}
/*--------------------join now----------------------*/
.join-now-sub-heading {
    font: normal normal 800 24px/36px Archivo;
    color: white;
    max-width: 319px;
    margin: 0 auto;
}
.join-now-text, .read-more-join-now {
    font: normal normal 800 12px/17px Archivo;
    color: white;
}
.join-now-text:hover, .read-more-join-now:hover
{
    color: white;
}
.join-now-box {
    background: #00000099 0% 0% no-repeat padding-box;
    max-width: 412px;
    margin: 0 auto;
    padding-bottom: 49px;
}
.read_more_join_now {
    border: 2px dashed white;
    width: 42%;
    padding: 6px 1px 34px 0;
    height: 0;
    border-radius: 25px;
    margin: 0 auto;
}
.read_more_join_now {
    border: 2px dashed white;
    width: 42%;
    padding: 6px 1px 34px 0;
    height: 0;
    border-radius: 25px;
    margin: 0 auto;
}
/*-------------Feature Settings------------------*/
.feature-block-title {
    color: #05A845;
    font-family: 'Archivo';
    font-size: 18px;
}
.feature-block-text{
  color: #000000d9;
    font-family: 'Archivo';
    font-size: 14px;
    margin-top: -5px;
}
.feature-block-inner {
   background: #E2F9EE;
    border-radius: 6px;
    padding: 25px 10px 6px 19px;
}
#feature-block .owl-stage-outer{
  padding: 10px 0;
}
.feature-block-box {
    background: white;
    box-shadow: 0px 3px 16px #0000001f;
    border-radius: 5px;
    padding: 15px 16px 15px 16px;
}
#feature-block {
    position: relative;
    top: -53px;
    z-index: 9;
}
.feature-block-inner img {
    margin: 1px 0 0 10px;
}