/*
 Theme Name:   Groceries Store
 Theme URI:    http://wpzita.com/groceries-store
 Description:  Groceries Store is a child theme of zita WordPress theme, This theme add frontend layout switcher for shop page. Zita is best theme to create a perfect shop website using WooCommere. Zita is completely builder based theme, With super fast and highly customizable options. Zita works with any of your favourite page builder like Elementor, Visual Composer, Beaver Builder, SiteOrigin, Divi, Brizy etc. Best Suitable for creating any type of website such a corporate, store, agency, blog, portfolio, restaurant, wedding, construction, hospital, school, interior, car workshop, life coach, wine shop, barber shop, furniture shop, yoga, resume, charity, digital marketing etc. Zita includes 8 unique header layout and 8 footer widget layout which makes it extremely powerful. Some more amazing feature are #Woocommerce ready #RTL Ready #Full Responsive #Edit settings in tablet & mobile #Top header #Bottom header #Top footer #Bottom Footer #Transparent Header. Looking for perfect base theme? Looking for perfect multipurpose theme? No need to Look further! Just go with Zita demos: https://wpzita.com/. Zita is built with best SEO practice and best friend of Woocommerce and Elementor.
 Author:       WpZita
 Author URI:   https://wpzita.com
 Template:     zita
 Version:      1.1.0
 Requires at least: 4.5
 Tested up to: 5.5.1
 Requires PHP: 5.2.4
 License:      GNU General Public License v3 or later
 License URI:   http://www.gnu.org/licenses/gpl-3.0.html
 Tags: two-columns, right-sidebar, custom-menu, custom-background, editor-style, translation-ready, full-width-template, flexible-header, sticky-post, theme-options, one-column, e-commerce, blog, photography, threaded-comments, custom-colors 
 Text Domain:  groceries-store
*/
.submenu-it {
   text-align: left;
   margin-bottom: 0px;
   margin-top: 0px;
}
.zita-list-grid-switcher {
    float: right;
    margin-right:0px;
    position: relative;
}
.zita-list-grid-switcher a{
    width: 40px;
    height: 40px;
    color: #fff;
    background:#ebe9eb;
    display: block;
    float: left;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 20px;
    line-height: 42px;
    margin-right:10px;
}
.zita-list-grid-switcher a.selected, .zita-list-grid-switcher a:hover{
background:#006799;
border: 1px solid #006799;
color: #fff;
}
.shop-zita-product-excerpt,.zita-list-view .zta-woo-shop-product-description{
    display: none;
}
.zita-list-view .shop-zita-product-excerpt{
    display: block;
}

.woocommerce-page .zita-list-view ul.products li.product {
    float: left;
    width: 60%!important;
    margin-right: 0%!important;
    margin-bottom: 15px!important;
}
.zita-list-view .zita-shop-thumbnail-wrap{
width:35%;
float:left;
}
.zita-list-view .zita-shop-summary-wrap{
width:65%;
float:left;
    padding-left: 20px;
}
#shop-product-wrap ul.products{
    padding-top: 15px;
}

.woocommerce .zita-list-view ul.products li.product .onsale {
    top: 0;
    right:auto;
    left:0;
    margin: -.5em -.5em 0 0;
}

.zita-list-view ul.products  .zita-shadow-5 .zita-shop-summary-wrap,.zita-list-view ul.products  .zita-shadow-4 .zita-shop-summary-wrap,.zita-list-view ul.products  .zita-shadow-3 .zita-shop-summary-wrap,.zita-list-view ul.products  .zita-shadow-2 .zita-shop-summary-wrap,.zita-list-view ul.products  .zita-shadow-1 .zita-shop-summary-wrap{
   padding-top:15px!important;
}


body {
    background:#e2e4e7;
}
#content .groceries-store-blog-layout article.zita-article .entry-content{
display:none;
}
#content .groceries-store-blog-layout #main .main-content-row {
-js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:flex-start;
    -webkit-align-items:flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;}

#content .groceries-store-blog-layout article.zita-article{
    margin-left:2px;
    margin-right:2px;
    margin-bottom: 4px;
    width:100%;
   float:none;
}

#content .groceries-store-blog-layout article.zita-article:nth-child(3n+2),
#content .groceries-store-blog-layout article.zita-article:nth-child(3n+3){
    width: calc(50% - 4px);
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper{
position: absolute;
 bottom:0;
}
#content .groceries-store-blog-layout article.zita-article .post-img-wrapper .post-img{
margin-bottom:0;
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper h2.entry-title a{
color:#fff;
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper,
#content .groceries-store-blog-layout article.zita-article .entry-meta a,
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper .entry-meta{
color:rgba(255, 255, 255, 0.8);
font-size: 14px;

}
#content .groceries-store-blog-layout article.zita-article h2.entry-title a:before{
width:0;
}
article.zita-article:first-child .groceries-store-blog-layout h2.entry-title a,
article.zita-article:nth-child(3n+3) .groceries-store-blog-layout h2.entry-title a{
margin:0;
}
.entry-content-wrapper{
position:relative;
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper:before{
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0;
    top: -100px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}

#content .groceries-store-blog-layout article.zita-article h2.entry-title,
#content .groceries-store-blog-layout article.zita-article .entry-meta,
#content .groceries-store-blog-layout article.zita-article .entry-content{
    margin-left: 20px;
    margin-right: 20px;
}
 #content .groceries-store-blog-layout article.zita-article .entry-content-wrapper .entry-meta{
    margin-bottom:20px;
 }
#content .entry-content-outer-wrapper.groceries-store-blog-layout .entry-content-wrapper.no-thumb{
width:100%;
}
#content .entry-content-outer-wrapper.groceries-store-blog-layout .zta-date-meta.no-thumb .posted-on{
margin-left:0;
}
#content .groceries-store-blog-layout article.zita-article .entry-content{
margin-bottom:40px;
}
#content .groceries-store-blog-layout article.zita-article .post-img-wrapper,#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper{
width:100%;
float:none;
margin:0;
padding-right:0;
}

#content.site-content{
  display:block;
}
#content .entry-content-outer-wrapper.groceries-store-blog-layout:before{
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
}

#content .entry-content-outer-wrapper.groceries-store-blog-layout {
    padding:0;
    position: relative;
        overflow: hidden;
}

article.zita-article .groceries-store-blog-layout h2.entry-title{
    font-size: 21px;
    font-family: "Catamaran-bold", sans-serif;
    position: relative;
    letter-spacing: normal;

}
article.zita-article .groceries-store-blog-layout h2.entry-title a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width:3px;
    height: 60%;
    background-color:#006799;
}
.groceries-store-blog-layout .entry-meta {
font-family: "Catamaran-semibold", sans-serif;
    margin-top: 10px;
    position:relative;

}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper.no-thumb{
position:relative;
color:#808285;
padding: 20px;
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper.no-thumb:before{
position:relative;
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper.no-thumb h2.entry-title a{
color:#3a3a3a;
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper.no-thumb .entry-meta{
   color: #9c9c9c;
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper.no-thumb .entry-meta a{
color:#666;
}
#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper.no-thumb h2.entry-title, #content .groceries-store-blog-layout article.zita-article .entry-content-wrapper.no-thumb .entry-meta,#content .groceries-store-blog-layout article.zita-article .entry-content-wrapper.no-thumb .entry-content{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#content .groceries-store-blog-layout article.zita-article:hover .post-img-wrapper .post-img img{
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    will-change: transform;
}

#content .groceries-store-blog-layout article.zita-article .post-img-wrapper .post-img img {
    transition: transform 1s ease;
}

.home .woocommerce ul.products li.product {
    padding: 15px;
    box-shadow: 0 0 10px 3px rgba(110,193,228,.13);
    -webkit-box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
    -moz-box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
    box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
    background:#fff;
}
.home .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:18px;
}
.home span.woocommerce-Price-amount.amount{
    font-size: 16px;
    font-weight: bold;
    color: #96588A;
}
.home .home .woocommerce ul.products li.product .onsale, .home .woocommerce span.onsale, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .home .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: #08161D;
}
.home .woocommerce a.button{
    background:#000;
    font-weight:bold;
}
.home .woocommerce nav.woocommerce-pagination ul li a:focus, .home .woocommerce nav.woocommerce-pagination ul li a:hover, .home .woocommerce nav.woocommerce-pagination ul li span.current {
    background: black;
    color:#fff;
}
.home .woocommerce nav.woocommerce-pagination ul li a, .home .woocommerce nav.woocommerce-pagination ul li span {
    background: #fff;
    color: #000;
    border: none;
    box-shadow: 0 0 10px 3px rgba(110,193,228,.13);
    -webkit-box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
    -moz-box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
    box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
}


.woocommerce-page ul.products li.product.zita-shadow-1 .zita-shop-summary-wrap, .woocommerce-page ul.products li.product.zita-shadow-2 .zita-shop-summary-wrap, .woocommerce-page ul.products li.product.zita-shadow-3 .zita-shop-summary-wrap, .woocommerce-page ul.products li.product.zita-shadow-4 .zita-shop-summary-wrap, .woocommerce-page ul.products li.product.zita-shadow-5 .zita-shop-summary-wrap {
    padding: 0px 6px;
}
.home .woocommerce-ordering select {
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #fff;
    box-shadow: 0 0 10px 3px rgba(110,193,228,.13);
    -webkit-box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
    -moz-box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
    box-shadow: 0 0 10px 3px rgb(156 215 241 / 13%);
}
.home .zita-list-grid-switcher a.selected, .home .zita-list-grid-switcher a:hover {    background: #000000!important;
    border: none;
}
.wooco_component_product_selection .dd-selected-image {
    max-width: 100px;
}

/*HTML SLIDER BEGINS */

/*HTML SLIDER END */

/* WOOCOMMERCE BEGIN */ 
.woocommerce div.product div.images img{display:block;width:75%;height:auto;box-shadow:none;margin-right:auto;}
.woocommerce ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none;padding:10px;}
.woocommerce ul.products li.product .price{color:#96588A;display:block;font-weight:400;margin-bottom:.5em;font-size:1.2em}
.woocommerce-store-notice a, p.demo_store a {color:#aaa;text-decoration: underline;}

#add_payment_method .cart-collaterals .shipping-calculator-button,.woocommerce-cart .cart-collaterals .shipping-calculator-button,.woocommerce-checkout .cart-collaterals .shipping-calculator-button{display:none}

.woocommerce-store-notice, p.demo_store {position: absolute;
top: 25px;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0,0,0,.2);}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger
{
    position: absolute;
    top: .5em;
    right: 1.9em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
}
/* PRODUCT THUMBNAILS GRID */ 
.woocommerce div.product.zita-single-product-content-left div.images .flex-control-thumbs li, .woocommerce div.product.zita-single-product-content-right div.images .flex-control-thumbs li {
    /* margin-right: 1em; */
    margin-bottom: 1em;
    margin-top: 1em;
}

.woocommerce div.product.zita-single-product-content-left div.images .flex-control-thumbs li, .woocommerce div.product.zita-single-product-content-right div.images .flex-control-thumbs li {
    width: 50%;
}
/* PRODUCT THUMBNAILS GRID END */ 

/* WOOCOMMERCE END */ 


/* Same product box height in catalogue for big screens */ 
/*#content .content-area li {
    margin-bottom: 10px;
    line-height: 1.8;
	min-height: 650px;} */

#respond.comment-respond #submit:focus,
[type="submit"]:focus{
 outline: thin dotted;
text-decoration: underline;  
}
@media only screen and (min-width: 1024px) {
.woocommerce.boxed #content.site-content article.zita-article, .woocommerce.contentbox #content.site-content article.zita-article {
    background-color: transparent;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 40px;
    position: relative;
    min-height: 1644px;
}
}
@media only screen and (min-width: 1024px) {
	.page.boxed #content.site-content article.zita-article, .page.contentbox #content.site-content article.zita-article {
    background-color: transparent;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 60px;
    min-height: 955px;
}
	}

@media screen and (max-width: 767px){
#content .groceries-store-blog-layout article.zita-article:nth-child(3n+2),
 #content .groceries-store-blog-layout article.zita-article:nth-child(3n+3),
  #content .groceries-store-blog-layout article.zita-article{
    width: 100%;
 }
  @media only screen and (max-width: 480px) {
 .woocommerce-page .zita-list-view ul.products li.product {
    float: left;
    width: 100%!important;
    margin-right: 0%!important;
    margin-bottom: 15px!important;
}
}
/*default mobile pages layout*/
@media only screen and (max-width: 768px) {
.page.boxed #content.site-content article.zita-article,
.page.contentbox #content.site-content article.zita-article{
    background-color:transparent;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 20px;
}
}
@media only screen and (max-width: 768px) {
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
    margin-bottom: 15px;
	text-align: center;
	margin-top: 20px;
	padding:0px;
}
h2 {
    font-size: 22px;
    line-height: 1.3;
}
#content .content-area .entry-content p {
   margin-bottom: 10px;
   line-height: 1.7;
}
.wooco_component_product_selection > a {    
	margin-left: 6px;
    margin-right: 0px;
	position: relative;
    bottom: +35px;
}
.wooco_component_product .wooco_component_product_qty {
    padding-left: 10px;
    padding-right: 10px;
	position: relative;
    right: +30px;
}
.wooco-minus, .wooco-plus {
    display: inline-block;
    width: 25px;
	height: 40px;
}
.wooco_component_product .wooco_component_product_qty input {
	width: 25px;
	padding: 2px;
}
.wooco-qty-label {
	width: 62px;
    padding-right: 10px;
    position: relative;
    bottom: 34px;
    left: 35px;
}
.wooco-qty, .wooco-qty-input {
    position: relative;
    left: -45px;
}
.woocommerce div.product div.images img {
    width: 100%;
	padding-right: 6px;
	margin-top: 5px;
}
#content .content-area li {
	margin-bottom: 0px;
	margin-left: 6px;
}
}