/**
Theme Name: Astra
Theme URI: https://wpastra.com/
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/
Version: 4.13.4
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 10.7.0
Tested up to: 7.0
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
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
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

 * Woo: 18734004237442:e9db0cffdacd09814e342ac62903250f

/* Note: The CSS files are loaded from assets/css/ folder. */

/* =========================================================================
   ARANYAKA DESIGN SYSTEM
   Handcrafted small-batch dog treats — forest/paper/letterpress brand.
   Source of truth: design/README.md. Reference the tokens below; do not
   hardcode hex in the rules. Loaded on the frontend via functions.php
   (aranyaka_enqueue_design_system), after Astra's compiled CSS.
   ========================================================================= */

:root {
	/* ---- Raw brand palette (from design system) ---- */
	--aranyaka-forest:        #2E713E; /* primary brand green */
	--aranyaka-forest-border: #265C33;
	--aranyaka-forest-shadow: #21351F;
	--aranyaka-forest-hover:  #336E40;
	--aranyaka-pine:          #314237; /* dark surfaces / hero */
	--aranyaka-moss:          #6E7B52; /* secondary muted leaf */
	--aranyaka-gold:          #DAAE3D; /* accent CTAs */
	--aranyaka-gold-border:   #C29A2A;
	--aranyaka-gold-shadow:   #A8821C;
	--aranyaka-gold-hover:    #E3BA4E;
	--aranyaka-bark:          #774927; /* wood-tone mono labels */
	--aranyaka-clay:          #8D5A39;
	--aranyaka-ember:         #C9452A; /* micro-accent only */
	--aranyaka-sage:          #9FB098;
	--aranyaka-ink:           #2C2E35; /* primary text */
	--aranyaka-stone:         #6E685B; /* secondary text */
	--aranyaka-line:          #DCCFB4; /* borders (1.5px) */
	--aranyaka-hush:          #ECE3D0; /* inset */
	--aranyaka-paper:         #F3EDDF; /* page background */
	--aranyaka-card:          #FAF6EC; /* raised card surface */
	--aranyaka-body-text:     #4A463C; /* running body copy */

	/* ---- Mapped design-system tokens ---- */
	--color-primary:        var(--aranyaka-forest);
	--color-primary-hover:  var(--aranyaka-forest-hover);
	--color-secondary:      var(--aranyaka-moss);
	--color-accent:         var(--aranyaka-gold);
	--color-accent-hover:   var(--aranyaka-gold-hover);
	--color-bg:             var(--aranyaka-paper);
	--color-surface:        var(--aranyaka-card);
	--color-text-primary:   var(--aranyaka-ink);
	--color-text-secondary: var(--aranyaka-stone);
	--color-body:           var(--aranyaka-body-text);
	--color-border:         var(--aranyaka-line);

	/* ---- Fonts ---- */
	--font-display:   "Fraunces", "Young Serif", Georgia, serif; /* arty brand wordmark */
	--font-heading:   "Young Serif", Georgia, "Times New Roman", serif;
	--font-editorial: "Spectral", Georgia, serif;
	--font-body:      "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-mono:      "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;

	/* ---- Base type ---- */
	--font-size-base:   18px;
	--line-height-base: 1.6;

	/* ---- Spacing scale (base 4px) ---- */
	--space-xs: 8px;
	--space-sm: 12px;
	--space-md: 16px;
	--space-lg: 24px;
	--space-xl: 48px;

	/* ---- Radius ---- */
	--radius-sm: 3px;   /* buttons, inputs */
	--radius-md: 6px;   /* cards */
	--radius-lg: 999px; /* pills / tags */

	/* ---- Letterpress button shadows (warm, never grey) ---- */
	--shadow-press-primary: 0 2px 0 var(--aranyaka-forest-shadow), inset 0 1px 0 rgba(255,255,255,0.12);
	--shadow-press-accent:  0 2px 0 var(--aranyaka-gold-shadow), inset 0 1px 0 rgba(255,255,255,0.28);
}

/* -------------------------------------------------------------------------
   Point Astra's own CSS variables at the Aranyaka tokens so Astra's
   built-in components inherit the brand automatically.
   ------------------------------------------------------------------------- */
:root {
	/* Generic theme vars referenced by some Astra / builder styles */
	--theme-color:         var(--color-primary);
	--link-color:          var(--color-primary);
	--link-h-color:        var(--color-accent);
	--heading-color:       var(--color-text-primary);
	--font-body-family:    var(--font-body);
	--font-heading-family: var(--font-heading);

	/* Astra global palette (drives links, headings, text, backgrounds) */
	--ast-global-color-0: var(--color-primary);        /* theme / link */
	--ast-global-color-1: var(--color-primary-hover);  /* link hover / accents */
	--ast-global-color-2: var(--color-text-primary);   /* headings */
	--ast-global-color-3: var(--color-body);           /* body text */
	--ast-global-color-4: var(--color-bg);             /* page background */
	--ast-global-color-5: var(--color-surface);        /* section / alt background */
	--ast-border-color:   var(--color-border);
}

/* -------------------------------------------------------------------------
   Global typography & base styles
   ------------------------------------------------------------------------- */
body {
	font-family: var(--font-body);
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	color: var(--color-body);
	background-color: var(--color-bg);
}

p, li, td, dd, blockquote {
	font-family: var(--font-body);
	color: var(--color-body);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.ast-archive-title {
	font-family: var(--font-heading);
	font-weight: 400; /* Young Serif ships a single weight */
	color: var(--color-text-primary);
	letter-spacing: -0.005em;
}

/* Editorial italic accents (taglines, pull-quotes, subtitles) */
blockquote, .wp-block-quote, em.aranyaka-editorial {
	font-family: var(--font-editorial);
}

/* Mono eyebrow / label utility */
.aranyaka-label {
	font-family: var(--font-mono);
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: var(--aranyaka-bark);
}

/* Links */
a {
	color: var(--color-primary);
	text-decoration: none;
	transition: color 0.18s ease;
}

a:hover,
a:focus {
	color: var(--color-accent-hover);
}

/* -------------------------------------------------------------------------
   Buttons — global letterpress treatment (primary on Forest)
   ------------------------------------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.ast-button,
.wp-block-button__link,
.wp-element-button {
	font-family: var(--font-body);
	font-weight: 600;
	letter-spacing: 0.05em;
	border-radius: var(--radius-sm);
	background-color: var(--color-primary);
	border: 1.5px solid var(--aranyaka-forest-border);
	color: var(--color-bg);
	box-shadow: var(--shadow-press-primary);
	transition: background-color 0.18s ease, transform 0.08s ease, box-shadow 0.08s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.ast-button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover {
	background-color: var(--color-primary-hover);
	color: var(--color-bg);
}

button:active,
input[type="submit"]:active,
.button:active,
.ast-button:active,
.wp-block-button__link:active,
.wp-element-button:active {
	transform: translateY(2px);
	box-shadow: 0 0 0 var(--aranyaka-forest-shadow);
}

/* Accent (Gold) button modifier */
.aranyaka-btn-accent,
.is-style-accent .wp-block-button__link {
	background-color: var(--color-accent);
	border-color: var(--aranyaka-gold-border);
	color: var(--color-text-primary);
	box-shadow: var(--shadow-press-accent);
}

.aranyaka-btn-accent:hover,
.is-style-accent .wp-block-button__link:hover {
	background-color: var(--color-accent-hover);
	color: var(--color-text-primary);
}

/* -------------------------------------------------------------------------
   Header & navigation
   ------------------------------------------------------------------------- */
.site-header {
	/* Match the layered papyrus surface used by the pledge banner. */
	background-color: #E6D6B0;
	background-image:
		radial-gradient(ellipse at 22% 16%, rgba(168, 128, 66, 0.16), transparent 58%),
		radial-gradient(ellipse at 82% 90%, rgba(122, 86, 38, 0.20), transparent 55%),
		repeating-linear-gradient(91deg, rgba(120, 86, 40, 0.05) 0 2px, transparent 2px 7px),
		repeating-linear-gradient(2deg, rgba(120, 86, 40, 0.045) 0 1px, transparent 1px 6px);
	border-bottom: 1.5px solid #C8B485;
	box-shadow: inset 0 0 70px rgba(120, 86, 40, 0.22);
}

.main-header-bar,
.ast-primary-header-bar,
.ast-above-header,
.ast-below-header {
	background: transparent;
	border-bottom: 0;
	box-shadow: none;
}

/* The ink logo is rendered as the real, home-linked site identity. */
.main-header-bar,
.ast-primary-header-bar {
	position: relative;
}
.main-header-bar::after,
.ast-primary-header-bar-wrap .ast-primary-header-bar::after {
	content: none;
}

/* Keep the branding and menu controls above the textured header surface. */
.ast-primary-header-bar .site-branding,
.ast-primary-header-bar .ast-header-navigation-wrap,
.main-header-bar .site-branding,
.main-header-bar .main-header-menu {
	position: relative;
	z-index: 1;
}

/* Primary navigation links */
.main-header-menu a,
.ast-builder-menu .menu-item > .menu-link,
.ast-header-navigation-wrap .menu-item a {
	font-family: var(--font-body);
	font-weight: 600;
	color: var(--color-text-primary);
	transition: color 0.18s ease, background-color 0.18s ease;
}

.main-header-menu .menu-item:hover > a,
.ast-builder-menu .menu-item:hover > .menu-link,
.main-header-menu .current-menu-item > a {
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 1.5px;
}

/* WooCommerce cart icon in header */
.ast-site-header-cart a,
.ast-site-header-cart .ast-cart-menu-wrap,
.ast-site-header-cart i.astra-icon,
.ast-header-woo-cart .ast-addon-cart-wrap {
	color: var(--color-primary);
}

.ast-site-header-cart .ast-cart-menu-wrap .count,
.ast-cart-menu-wrap .count {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-bg);
}

/* Mobile hamburger / toggle */
.ast-mobile-menu-buttons-minimal,
.ast-mobile-menu-buttons-outline,
.ast-mobile-menu-buttons-fill,
.menu-toggle,
.ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
	color: var(--color-primary);
	fill: var(--color-primary);
}

.ast-mobile-menu-buttons-fill .menu-toggle {
	background-color: var(--color-primary);
	color: var(--color-bg);
	fill: var(--color-bg);
}

/* Logo treatment */
.ara-header-logo {
	display: block;
	line-height: 0;
	transform: scale(1.35);
	transform-origin: left center;
}

.ara-header-logo:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 4px;
}

.site-logo-img .custom-logo-link img,
.ast-site-identity .custom-logo-link img,
.ara-header-logo img {
	display: block;
	height: clamp(64px, 7vw, 82px);
	max-height: none;
	width: auto;
	padding: 4px 0;
	mix-blend-mode: multiply;
}

/* Carry the papyrus surface into Astra's expanded mobile navigation. */
.ast-header-break-point .main-header-menu {
	background-color: #E6D6B0;
	background-image:
		repeating-linear-gradient(91deg, rgba(120, 86, 40, 0.05) 0 2px, transparent 2px 7px),
		repeating-linear-gradient(2deg, rgba(120, 86, 40, 0.045) 0 1px, transparent 1px 6px);
}

@media (max-width: 544px) {
	.site-logo-img .custom-logo-link img,
	.ast-site-identity .custom-logo-link img,
	.ara-header-logo img {
		height: 58px;
	}
}

/* Rustic / artistic site title ("ARANYAKA") — Young Serif with a warm
   letterpress lift. Applies when the site name is shown as text (no image logo). */
.site-title,
.ast-site-title-wrap .site-title {
	font-family: var(--font-display);
	font-optical-sizing: auto;
	font-weight: 600;
	font-size: clamp(28px, 3.6vw, 38px);
	line-height: 1.02;
	letter-spacing: 0.015em;
	text-transform: uppercase;
}

.site-title a,
.ast-site-title-wrap .site-title a {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--color-primary);
	text-decoration: none;
	/* Warm letterpress: light highlight above, soft brown shadow below. */
	text-shadow: 0 1px 0 rgba(250, 246, 236, 0.65), 0 2px 2px rgba(120, 86, 40, 0.22);
	transition: color 0.18s ease, text-shadow 0.18s ease;
}

.site-title a:hover,
.ast-site-title-wrap .site-title a:hover {
	color: var(--color-accent);
	text-shadow: 0 1px 0 rgba(250, 246, 236, 0.7), 0 2px 3px rgba(120, 86, 40, 0.28);
}

/* Tagline in the brand's editorial italic */
.site-description,
.ast-site-identity .site-description {
	font-family: var(--font-editorial);
	font-style: italic;
	color: var(--color-text-secondary);
	letter-spacing: 0.01em;
}

/* -------------------------------------------------------------------------
   Footer — botanical foliage on Pine, cream text
   ------------------------------------------------------------------------- */
.site-footer,
.ast-small-footer,
.footer-adv-overlay,
footer.site-footer {
	background-color: var(--aranyaka-pine);
	background-image:
		linear-gradient(rgba(38, 52, 43, 0.86), rgba(38, 52, 43, 0.93)),
		url(assets/images/aranyaka-foliage-bg.png);
	background-size: cover;
	background-position: center;
}

.site-footer,
.site-footer p,
.site-footer li,
.site-footer .widget-title,
.site-footer .ast-footer-copyright,
.site-footer .ast-builder-html-element {
	color: var(--color-bg);
}

.site-footer a {
	color: var(--aranyaka-sage);
}

.site-footer a:hover,
.site-footer a:focus {
	color: var(--color-accent);
}

/* -------------------------------------------------------------------------
   WooCommerce — food / farm storefront
   ------------------------------------------------------------------------- */

/* Product titles — heading font, clearly readable */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.wc-block-grid__product-title,
.wp-block-post-title {
	font-family: var(--font-heading);
	font-weight: 400;
	color: var(--color-text-primary);
	font-size: 1.35em;
	line-height: 1.2;
}

/* Prices — prominent, brand primary */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wc-block-grid__product-price,
.wc-block-components-product-price {
	font-family: var(--font-heading);
	color: var(--color-primary);
	font-size: 1.5em;
	font-weight: 400;
}

/* Add to cart — large, high-contrast, primary */
.woocommerce a.button.add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.woocommerce .single_add_to_cart_button,
.wc-block-components-button {
	background-color: var(--color-primary);
	border: 1.5px solid var(--aranyaka-forest-border);
	color: var(--color-bg);
	border-radius: var(--radius-sm);
	font-family: var(--font-body);
	font-weight: 600;
	letter-spacing: 0.05em;
	padding: var(--space-sm) var(--space-lg);
	font-size: 1.05em;
	box-shadow: var(--shadow-press-primary);
}

.woocommerce a.button.add_to_cart_button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce .single_add_to_cart_button:hover,
.wc-block-components-button:hover {
	background-color: var(--color-primary-hover);
	color: var(--color-bg);
}

/* Sale badge uses the gold accent */
.woocommerce span.onsale {
	background-color: var(--color-accent);
	color: var(--color-text-primary);
	border-radius: var(--radius-lg);
}

/* Product tiles on the warm card surface, with hover lift */
.woocommerce ul.products li.product {
	background-color: var(--color-surface);
	border: 1.5px solid var(--color-border);
	border-radius: var(--radius-md);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 34px rgba(60, 45, 25, 0.16); /* warm brown, never grey */
}