/*
Theme Name: PUP Grass
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.14
Updated: 2026-05-07 14:24:38

*/

body, button, input, select, textarea, .ast-button, .ast-custom-button {
    text-transform: initial !important;
}
.woocommerce div.product .woocommerce-Tabs-panel--description p, .woocommerce div.product .woocommerce-Tabs-panel--description li, .woocommerce div.product .woocommerce-Tabs-panel--description span, .entry-content p, .wc-tab p{
	 text-transform: initial !important;
}
body, p, li, span, div {
    div#modal-1-content{
        background: transparent !important;
        padding: 10px 20px;
        font-weight: bold;
    }
}
/* Center the primary menu items */
.main-header-bar .ast-builder-menu {
  justify-content: center !important;
}

.main-header-bar .main-header-menu {
  justify-content: center !important;
}
/* FORCE FOOTER IMAGE FULL WIDTH */
.site-footer img {
  width: 100vw !important;
  max-width: 100vw !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

/* REMOVE ASTRA FOOTER PADDING */
.site-footer {
  padding: 0 !important;
}

.site-footer .ast-footer-overlay {
  padding: 0 !important;
}
/* FORCE LOGO ON HOMEPAGE – CLEAN */
.force-home-logo {
  position: absolute;
  top: 40px;
  left: 20px;
  z-index: 9999;
}

/* Size the logo image */
.force-home-logo img {
  max-height: 80px;
  width: auto;
  display: block;
}

/* HIDE ALL TEXT TITLES/TAGLINES ON HOME ONLY */
.home .site-title,
.home .site-description,
.home .ast-site-title-wrap,
.home .ast-header-html {
  display: none !important;
}
/* HOME PAGE: add space below forced logo so menu drops */
.home .ast-primary-header-bar {
  padding-top: 60px;
}
/* HOME PAGE: remove underline / border bleeding through logo */
.home .force-home-logo a,
.home .force-home-logo img {
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
/* HOME PAGE: hide tagline text */
.home .site-description,
.home .ast-site-tagline {
  display: none !important;
}

/* HOME PAGE: remove header underline / divider line */
.home .ast-primary-header-bar {
  border-bottom: none !important;
  box-shadow: none !important;
}
/* HOME PAGE: replace forced logo image with the exact PNG file */
.home .force-home-logo img {
  content: url("https://pup-grass.com/wp-content/uploads/2026/01/Pup-Grass-Logo.392-x-122-px-1.png") !important;
  max-height: 80px;
  width: auto;
  display: block;
}
/* FIX WOOCOMMERCE PRODUCT GRID SPACING */
.woocommerce ul.products {
  gap: 20px !important;
  margin-bottom: 0 !important;
}

.woocommerce ul.products li.product {
  margin-bottom: 20px !important;
}

/* NORMALIZE FONT */
body, h1, h2, h3, h4, h5, h6, .entry-title a, .entry-content :where(h1,h2,h3,h4,h5,h6) {
    font-family: "Segoe UI Light", "Segoe UI";
	font-weight: 700 !important;
}
/* LOCK TEXT + HEADING COLORS SITE-WIDE */
body,
p,
li,
span,
div {
/*   color: #000000 !important;
 */
/* LOCK LATO FONT EVERYWHERE */
body,
button,
input,
select,
textarea,
.woocommerce {
  font-family: "Lato", sans-serif !important;
}
/* HEADER PHONE NUMBER COLOR */
.ast-header-button a,
.ast-header-button a span,
.ast-header-html-1,
.ast-header-html-1 a {
  color: #8BB23C !important;
}

.pg-top__center {
	color: #7aa13a !important;
}
/* Astra dropdown: prevent disappearing (gap + clipping + stacking) */
.main-header-menu > li { position: relative; }

.main-header-menu > li > ul.sub-menu{
  top: 100%;
  margin-top: 0 !important;
  padding-top: 0 !important;
  z-index: 99999 !important;
}

.ast-primary-header-bar,
.ast-builder-menu,
.ast-header-menu{
  overflow: visible !important;
}
/* 1) Create a "hover bridge" so the cursor can't fall through a tiny gap */
.main-header-menu > li.menu-item-has-children {
  position: relative;
}

.main-header-menu > li.menu-item-has-children:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 14px;           /* bridge height */
}

/* 2) Keep submenu open when hovering either the parent OR the submenu */
.main-header-menu > li.menu-item-has-children:hover > ul.sub-menu,
.main-header-menu > li.menu-item-has-children > ul.sub-menu:hover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 3) Make sure submenu can receive the mouse */
.main-header-menu > li > ul.sub-menu {
  pointer-events: auto !important;
}
/* Apply the hover-bridge fix to Astra menus that use different classes */
.ast-nav-menu li.menu-item-has-children,
.main-header-menu li.menu-item-has-children{
  position: relative;
}

.ast-nav-menu li.menu-item-has-children:after,
.main-header-menu li.menu-item-has-children:after{
  content:"";
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  height:14px;
}

/* Keep dropdown open on hover (both parent and submenu) */
.ast-nav-menu li.menu-item-has-children:hover > ul.sub-menu,
.ast-nav-menu li.menu-item-has-children > ul.sub-menu:hover,
.main-header-menu li.menu-item-has-children:hover > ul.sub-menu,
.main-header-menu li.menu-item-has-children > ul.sub-menu:hover{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
/* ===== Astra dropdown "won't disappear" universal fix ===== */

/* 1) Prevent clipping by parent containers (common cause) */
.site-header,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
.ast-header-break-point,
.ast-desktop-header,
.ast-mobile-header,
.ast-builder-layout-element,
.ast-main-header-bar-alignment,
.ast-container,
.ast-sticky-header,
.ast-sticky-active {
  overflow: visible !important;
}

/* 2) Make sure submenus are positioned and layered correctly */
.main-header-menu li,
.ast-nav-menu li {
  position: relative;
}

.main-header-menu ul.sub-menu,
.ast-nav-menu ul.sub-menu {
  position: absolute !important;
  top: calc(100% - 1px) !important;
  left: 0 !important;
  z-index: 999999 !important;
  display: none;
  visibility: hidden;
  opacity: 0;
  transform: none !important;
  transition: none !important;
}

/* 3) Keep open when hovering parent OR submenu (no flicker) */
.main-header-menu li:hover > ul.sub-menu,
.ast-nav-menu li:hover > ul.sub-menu,
.main-header-menu ul.sub-menu:hover,
.ast-nav-menu ul.sub-menu:hover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 4) Hover-bridge to eliminate dead zone under parent item */
.main-header-menu li.menu-item-has-children::after,
.ast-nav-menu li.menu-item-has-children::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 18px;
}
/* FORCE HEADER PHONE NUMBER COLOR */
.ast-header-html-1,
.ast-header-html-1 a,
.ast-header-html-1 span {
  color: #8BB23C !important;
}

.wc-block-mini-cart__button .wc-block-mini-cart__icon {
    font-size: 50px;
}

button.wc-block-mini-cart__button {
    background: transparent;
    border: none;
    box-shadow: none;
}
	
	div#modal-1-content {
    background: #E9EEE0;
    padding: 10px 20px;
    font-weight: bold;
}

div#modal-1-content a span {
    color: var(--ast-global-color-7) !important;
}
	
	.astra-advanced-hook-209 .wp-block-columns:first-child {
    max-width: fit-content;
    margin: 5px auto;
}/* Astra header cart / mini-cart text */
.ast-site-header-cart,
.ast-site-header-cart a,
.ast-site-header-cart .cart-container,
.ast-site-header-cart .widget_shopping_cart,
.ast-site-header-cart .widget_shopping_cart *,
.site-header .ast-site-header-cart-data,
.site-header .ast-addon-cart-wrap,
.site-header .ast-addon-cart-wrap *,
.site-header .woocommerce-mini-cart,
.site-header .woocommerce-mini-cart * {
    color: #ffffff !important;
}

/* subtotal + price text */
.ast-site-header-cart .amount,
.ast-site-header-cart .quantity,
.ast-site-header-cart .woocommerce-mini-cart__total,
.ast-site-header-cart .woocommerce-mini-cart__buttons a {
    color: #ffffff !important;
}
.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel li,
.woocommerce div.product .woocommerce-tabs .panel {
    font-weight: normal !important;
    text-transform: none !important;
}
	
.woocommerce-product-details__short-description strong,
.woocommerce-product-details__short-description b {
    font-weight: 400;
}

.product .woocommerce-tabs .panel#tab-description strong,
.product .woocommerce-tabs .panel#tab-description b {
    font-weight: 400;
}
#footer-container{
	width: calc(100% - 90px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;	
}
#footer-container img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
button.wc-block-mini-cart__button span {
    color: black !important;
}