/*
Theme Name: eStar Child
Theme URI: https://gretathemes.com/wordpress-themes/estar/
Template: estar
Author: GretaThemes
Author URI: https://gretathemes.com
Description: eStar is a super fast, lightweight (less than 10KB on the front end), responsive and highly customizable WordPress theme suitable for blog, personal portfolio and business websites. It works perfectly with Gutenberg and all WordPress blocks. You can also pair it with any page builder plugin like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, Thrive Architect, Brizy and more. eStar is written from scratch with performance, extensibility, usability and SEO in mind. The theme follows best practices, well-coded and follows the latest web standards (HTML5, SVG, JavaScript). Some of the other features: microdata integration, widget areas, sidebar layouts, custom colors, custom Google fonts, translation ready. Looking for a perfect base theme? Look no further. eStar is fast, fully customizable WordPress theme that you can use for building any kind of website like business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Learn more about the theme at https://gretathemes.com/wordpress-themes/estar/
Tags: blog,news,portfolio,grid-layout,one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,microformats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 1.3.5.1679986801
Updated: 2023-03-28 09:00:01

*/


.header {
    border-bottom: 1px solid var(--color-light);
	background: #088000
}

.header-sticky .header, .header-sticky.menu-bottom .header-bottom {
    position: sticky;
    top: 0;
    background: #088000;
    z-index: 9999;
}
.nav a {
  display: block;
  padding: 12px;
  color: #fff;
	background: #088000;
}

.nav .sub-menu {
  text-indent: 0px;
  font-size: var(--text-xs);
  background: #088000;
}

.nav li{
	background: #088000;
}

:root {
  --container: 1700px;
  --font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 48px;
  --text-6xl: 64px;
  --color-accent: #4299e1;
  --color-dark: #1a202c;
  --color-base: #4a5568;
  --color-gray: #a0aec0;
  --color-light: #e2e8f0;
  --color-lighter: #edf2f7;
  --color-lightest: #f7fafc;
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --tracking-wide: .025em;
  --tracking-wider: .05em;
  --tracking-widest: .1em;
}

.header-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 29%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 70%;
    clear: none;
}

.woocommerce span.onsale {
	width: 73px;
	background-color:  #088000;
}

@media (max-width: 1000px) {
  .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 100%;
    clear: none;
}

	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
}

}

.nav a:hover {
   color: #fff;
   background: #022000;
	
}

h2.woocommerce-loop-product__title {
    min-height: 100px;
}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-937032859"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-937032859');
</script>