/*
Theme Name: Grocery and Organic Store
Theme URI: https://www.templatehouse.net/themes/grocery-store-wordpress-theme/
Author: TemplateHouse
Author URI: https://www.templatehouse.net/
Description: NAS Organic Food Store is a clean, modern, and lightweight WordPress theme designed specifically for grocery stores, organic food shops, supermarkets, and online daily essentials businesses. The theme provides a professional and user-friendly foundation for building a fully functional WooCommerce-powered ecommerce website. Built with a well-structured layout, NAS Organic Food Store helps store owners showcase products in an organized and visually appealing way. Dedicated sections for product categories, featured products, special offers, banners, and customer testimonials make it easy to highlight key items and promotions. The design focuses on clarity, usability, and a familiar retail shopping experience that encourages customer engagement and conversions. The theme is fully compatible with WooCommerce, allowing you to sell groceries, organic foods, fruits, vegetables, and daily essentials with ease. An intuitive product catalog, clean product pages, shopping cart, and streamlined checkout process ensure a smooth and hassle-free shopping experience for customers. Inventory updates, pricing changes, and product management can be handled efficiently from the WordPress dashboard. NAS Organic Food Store is fully responsive and mobile-friendly, ensuring consistent performance across desktops, tablets, and smartphones. The theme is developed with SEO-friendly and optimized code to support fast loading speeds and better visibility in search engines. It also supports popular WordPress plugins for extended functionality, including contact forms, multilingual setup, and SEO optimization. Whether you are launching a small organic food shop, a grocery delivery service, or a supermarket ecommerce website, NAS Organic Food Store offers a reliable, flexible, and performance-focused solution to grow your online business. Discover all features and live demos at https://www.templatehouse.net/themes/grocery-store-wordpress-theme/
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.0.6
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grocery-and-organic-store
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
  text-decoration: underline;
}
/* -------------------- WooCommerce -------------------- */
.grocery-and-organic-store-categories-dropdown .wp-block-categories__label {
  display: none;
}
.grocery-and-organic-store-categories-dropdown .wp-block-categories-dropdown select {
  appearance: none;
  border: none;
  outline: none;
  color: var(--wp--preset--color--light);
  font-size: var(--wp--preset--font-size--normal);
  font-family: var(--wp--preset--font-family--inter);
  background-color: inherit;
  font-weight: 400;
  text-transform: capitalize;
  cursor: pointer;
}

.grocery-and-organic-store-categories-dropdown select option {
  padding: 5px 8px !important;
  color: var(--wp--preset--color--foreground);
}
.grocery-and-organic-store-categories-dropdown .wp-block-categories-dropdown button {
  outline: none;
  border: none;
  cursor: pointer;
  background-color: var(--wp--preset--color--transparent);
}
.grocery-and-organic-store-categories-dropdown .wp-block-categories-dropdown button > svg {
  fill: var(--wp--preset--color--light);
}
.grocery-and-organic-store-categories-dropdown .wp-block-categories-dropdown button > svg:hover {
  fill: var(--wp--preset--color--secondary);
}

/* ********** Page List ********** */
ul.grocery-and-organic-store-page-list-padding {
  padding: 0px;
}
/* ********** Contact Form 7 ********** */
.wpcf7 form input {
  padding: 1em;
  font-size: var(--wp--preset--font-size--normal);
  color: var(--wp--preset--color--foreground);
  width: -webkit-fill-available;
  border: none;
  outline: none;
}
.wpcf7 form input[type="submit"] {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light);
  padding: 1em;
}
.wpcf7 form input[type="submit"]:hover {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--dark-shade);
}
/* contact Newsletter 1 */
.grocery-and-organic-store-contact-newsletter-1 form p input,
.grocery-and-organic-store-contact-newsletter-1 form p textarea {
  padding: 10px;
  margin-bottom: 1em;
  font-size: var(--wp--preset--font-size--normal);
  border: 1px solid var(--wp--preset--color--dark-shade);
  width: -webkit-fill-available;
}
.grocery-and-organic-store-contact-newsletter-1 form p input[type="submit"] {
  padding: 10px;
  font-size: var(--wp--preset--font-size--medium) !important;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light);
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.grocery-and-organic-store-contact-newsletter-1 form p input[type="submit"]:hover {
  padding: 10px;
  font-size: var(--wp--preset--font-size--medium) !important;
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light);
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
/* contact Newsletter 2 */
.grocery-and-organic-store-contact-newsletter-2 form {
  position: relative;
  width: 100%;
}
.grocery-and-organic-store-contact-newsletter-2 form p input {
  padding: 12px;
  margin-bottom: 5px;
  font-size: var(--wp--preset--font-size--normal);
  color: var(--wp--preset--color--dark-shade);
  border: 1px solid var(--wp--preset--color--border-color);
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.grocery-and-organic-store-contact-newsletter-2 form p textarea {
  padding: 12px;
  margin-bottom: 5px;
  font-size: var(--wp--preset--font-size--normal);
  border: 1px solid var(--wp--preset--color--border-color);
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.grocery-and-organic-store-contact-newsletter-2 form p input[type="submit"] {
  position: absolute;
  top: 0%;
  right: 0%;
  padding: 12px;
  font-size: var(--wp--preset--font-size--normal) !important;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light);
  width: fit-content;
  border: 1px solid var(--wp--preset--color--primary);
  transition: all 0.2s ease-in-out;
}
.grocery-and-organic-store-contact-newsletter-2 form p input[type="submit"]:hover {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light);
  border: 1px solid var(--wp--preset--color--secondary);
  transition: all 0.2s ease-in-out;
}


/* Slider Marquee */
.grocery-and-organic-store-marquee-wrapper {
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.grocery-and-organic-store-marquee-content {
  position: relative;
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  padding-right: 2rem;
  animation: grocery-and-organic-store-marquee 15s linear infinite;
  flex-wrap: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.grocery-and-organic-store-marquee-content:hover {
  animation-play-state: paused;
}
.grocery-and-organic-store-marquee-wrapper .grocery-and-organic-store-marquee-content.block-editor-block-list__block,
.grocery-and-organic-store-marquee-content.block-editor-block-list__block {
  animation: none;
}
.grocery-and-organic-store-marquee-content p {
  overflow: hidden;
  position: relative;
  display: inline-block;
  flex: 1 0 auto;
  margin-block-start: 0;
  white-space: nowrap;
  flex: 1 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grocery-and-organic-store-marquee-content p:before {
  content: url(assets/images/union.svg);
  margin-right: 1em;
  font-size: var(--wp--preset--font-size--large);
}
@keyframes grocery-and-organic-store-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Product Categories */
.wp-block-group.grocery-and-organic-store-product-group-wrapper .wp-block-group.is-style-grocery-and-organic-store-product-group img.attachment-woocommerce_single,
.wp-block-group.is-style-grocery-and-organic-store-product-group .wp-block-button.wc-block-components-product-button {
  transition: all 0.2s ease-in-out;
}
.wp-block-group.grocery-and-organic-store-product-group-wrapper:hover .wp-block-group.is-style-grocery-and-organic-store-product-group img.attachment-woocommerce_single {
  opacity: 0.6;
}
.wp-block-group.is-style-grocery-and-organic-store-product-wrapper:hover .wp-block-group.is-style-grocery-and-organic-store-product-group img.attachment-woocommerce_single {
  opacity: 0.6;
}
.wp-block-group.grocery-and-organic-store-product-group-wrapper:hover .wp-block-button.wc-block-components-product-button {
  bottom: 13px;
  opacity: 1;
}
.wp-block-group.is-style-grocery-and-organic-store-product-group {
  position: relative;
  overflow: hidden;
}
.wp-block-group.is-style-grocery-and-organic-store-product-group .wp-block-button.wc-block-components-product-button {
  position: absolute;
  bottom: -100px;
  width: 90%;
  left: 5%;
  opacity: 0;
}

.wp-block-group.is-style-grocery-and-organic-store-product-wrapper:hover .wp-block-button.wc-block-components-product-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--primary) !important;
  color: #fff !important;
}
.grocery-and-organic-store-marquee-content p:before {
    margin: 0;
    padding: 0;
    line-height: 15px;
}

/* contact Newsletter 3 - Rounded */
.grocery-and-organic-store-contact-newsletter-3 form {
  position: relative;
  width: 100%;
}
.grocery-and-organic-store-contact-newsletter-3 form p input {
  padding: 13px;
  margin-bottom: 5px;
  font-size: var(--wp--preset--font-size--normal);
  color: var(--wp--preset--color--dark-shade);
  border: 1px solid var(--wp--preset--color--border-color);
  width: 100%;
  box-sizing: border-box;
  border-radius: 100px;
  transition: all 0.2s ease-in-out;
}
.grocery-and-organic-store-contact-newsletter-3 form p textarea {
  padding: 12px;
  margin-bottom: 5px;
  font-size: var(--wp--preset--font-size--normal);
  border: 1px solid var(--wp--preset--color--border-color);
  width: 100%;
  box-sizing: border-box;
  border-radius: 100px;
  transition: all 0.2s ease-in-out;
}
.grocery-and-organic-store-contact-newsletter-3 form p input[type="submit"] {
  position: absolute;
  top: 0%;
  right: 0%;
  padding: 13px;
  font-size: var(--wp--preset--font-size--normal) !important;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light);
  width: fit-content;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 100px;
  transition: all 0.2s ease-in-out;
}
.grocery-and-organic-store-contact-newsletter-3 form p input[type="submit"]:hover {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light);
  border: 1px solid var(--wp--preset--color--secondary);
  transition: all 0.2s ease-in-out;
}
/* contact Newsletter 4 */
.grocery-and-organic-store-contact-newsletter-4 form p input,
.grocery-and-organic-store-contact-newsletter-4 form p textarea {
  padding: 10px;
  margin-bottom: 5px;
  font-size: var(--wp--preset--font-size--normal);
  border: 1px solid var(--wp--preset--color--light);
  width: 100%;
  box-sizing: border-box;
  border-radius: 100px;
}
.grocery-and-organic-store-contact-newsletter-4 form p input[type="submit"] {
  padding: 10px;
  font-size: var(--wp--preset--font-size--medium) !important;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light);
  width: 100%;
  box-sizing: border-box;
  border-radius: 100px;
}
.grocery-and-organic-store-contact-newsletter-4 form p input[type="submit"]:hover {
  padding: 10px;
  font-size: var(--wp--preset--font-size--medium) !important;
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light);
  border: 1px solid var(--wp--preset--color--secondary);
  width: 100%;
}