/** Shopify CDN: Minification failed

Line 733:0 Unexpected "}"

**/
/* ============================================
   VGC STUDIOS - CUSTOM THEME COLORS
   Built for Shopify Dawn Theme
   ============================================ */

/* ============================================
   COLOR PALETTE OVERRIDE
   ============================================ */

:root {
  /* VGC Studios Brand Colors */
  --color-cream: #EFEEE6;
  --color-warm-white: #FFFFFF;
  --color-soft-black: #2B2B2B;
  --color-charcoal: #1A1A1A;
  --color-taupe: #D4C4B0;
  --color-light-taupe: #E8DCC8;
  --color-sage: #A8B5A0;
  --color-soft-sage: #C5D0BE;
  --color-border: #E8E3DD;
  --color-hover: #8A9B7F;
  
  /* Override Dawn's default color scheme */
  --color-base-background-1: #EFEEE6; /* Cream background */
  --color-base-background-2: #FFFFFF; /* White for cards */
  --color-base-text: #2B2B2B; /* Soft black text */
  --color-base-accent-1: #A8B5A0; /* Sage green for buttons */
  --color-base-accent-2: #D4C4B0; /* Taupe for accents */
  --color-button: #A8B5A0; /* Sage green buttons */
  --color-button-text: #FFFFFF; /* White button text */
  --color-base-solid-button-labels: #FFFFFF;
  --gradient-base-accent-1: #A8B5A0;
}

/* ============================================
   BACKGROUND COLORS
   ============================================ */

body {
  background-color: var(--color-cream);
  color: var(--color-soft-black);
}

/* Main content background */
.shopify-section {
  background-color: var(--color-cream);
}

/* Card backgrounds (products, etc.) */
.card,
.card-wrapper {
  background-color: var(--color-warm-white);
  border-color: var(--color-border);
}

/* ============================================
   HEADER
   ============================================ */

.header-wrapper {
  background-color: var(--color-warm-white);
  border-bottom: 1px solid var(--color-border);
}

.header__heading-link,
.header__menu-item {
  color: var(--color-soft-black);
}

.header__menu-item:hover {
  color: var(--color-sage);
}

/* ============================================
   BUTTONS
   ============================================ */

.button,
.shopify-challenge__button,
.customer button,
button[type="submit"],
.shopify-payment-button__button--unbranded {
  background-color: var(--color-sage);
  color: var(--color-warm-white);
  border: none;
}

.button:hover,
button[type="submit"]:hover {
  background-color: var(--color-hover);
}

.button--secondary {
  background-color: transparent;
  border: 1.5px solid var(--color-sage);
  color: var(--color-sage);
}

.button--secondary:hover {
  background-color: var(--color-sage);
  color: var(--color-warm-white);
}

/* ============================================
   TEXT & HEADINGS
   ============================================ */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--color-charcoal);
}

p, 
.card__information,
.product__text {
  color: var(--color-soft-black);
}

/* ============================================
   LINKS
   ============================================ */

a {
  color: var(--color-sage);
}

a:hover {
  color: var(--color-hover);
}

/* ============================================
   PRODUCT CARDS
   ============================================ */

.card__heading,
.card-information__text {
  color: var(--color-soft-black);
}

.price {
  color: var(--color-sage);
}

.card:hover {
  border-color: var(--color-taupe);
}

/* ============================================
   FOOTER
   ============================================ */

.footer {
  background-color: var(--color-warm-white);
  border-top: 1px solid var(--color-border);
}

.footer__copyright,
.footer a {
  color: var(--color-soft-black);
}

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

/* ============================================
   FORMS & INPUTS
   ============================================ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select,
.field__input {
  background-color: var(--color-warm-white);
  border-color: var(--color-border);
  color: var(--color-soft-black);
}

input:focus,
textarea:focus,
select:focus,
.field__input:focus {
  border-color: var(--color-sage);
}

/* ============================================
   ANNOUNCEMENT BAR
   ============================================ */

.announcement-bar {
  background-color: var(--color-sage);
  color: var(--color-warm-white);
}

/* ============================================
   NEWSLETTER
   ============================================ */

.newsletter-form {
  background-color: var(--color-cream);
}

.newsletter-form__button {
  background-color: var(--color-sage);
  color: var(--color-warm-white);
}

.newsletter-form__button:hover {
  background-color: var(--color-hover);
}

/* ============================================
   PRODUCT PAGE
   ============================================ */

.product__info-container {
  background-color: var(--color-warm-white);
}

/* ============================================
   CART
   ============================================ */

.cart-items {
  background-color: var(--color-warm-white);
  border: 1px solid var(--color-border);
}

/* ============================================
   HOMEPAGE WIDTH CONSTRAINT
   ============================================ */

/* Constrain ONLY specific sections: Image banner, Image, Email signup */

/* Image banner - constrain the box content */
.banner__box {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Override the default max-widths set by Dawn theme */
@media screen and (min-width: 750px) {
  .banner__box {
    max-width: 1200px !important;
    min-width: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .banner__box {
    max-width: 1200px !important;
  }
}

/* Image section */
.image-with-text .image-with-text__content,
.image-with-text__grid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Mobile: reduce side padding for image section */
@media screen and (max-width: 749px) {
  .image-with-text .image-with-text__content,
  .image-with-text__grid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
/* Homepage padding - desktop only */
@media screen and (min-width: 990px) {
  .index-sections,
  .shopify-section[class*="template-index"] {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
/* Adjust these values to your preference */
@media screen and (min-width: 990px) {
  body.template-index .banner {
    padding-top: 5rem !important;
    padding-bottom: 3rem !important;
    padding-left: 25rem !important;
    padding-right: 25rem !important;
  }
}

/* ============================================
   VGC STUDIOS - COMPREHENSIVE TYPOGRAPHY
   Font adjustments for all text elements
   ============================================ */

/* ============================================
   BASE FONT SETTINGS
   ============================================ */

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px; /* Base size - adjust this to scale everything */
  line-height: 1.8;
  letter-spacing: 0.3px;
  color: #2B2B2B;
}

/* ============================================
   HEADINGS
   ============================================ */

h1, .h1 {
  font-size: 3rem !important; /* 48px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.2 !important;
  margin-bottom: 1.5rem !important;
}

h2, .h2 {
  font-size: 2.5rem !important; /* 40px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.3 !important;
  margin-bottom: 1.2rem !important;
}

h3, .h3 {
  font-size: 1.75rem !important; /* 28px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
  margin-bottom: 1rem !important;
}

h4, .h4 {
  font-size: 1.5rem !important; /* 24px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
}

h5, .h5 {
  font-size: 1.25rem !important; /* 20px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
}

h6, .h6 {
  font-size: 1rem !important; /* 16px */
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
}

/* ============================================
   BODY TEXT & PARAGRAPHS
   ============================================ */

p {
  font-size: 1rem !important; /* 16px */
  line-height: 1.8 !important;
  letter-spacing: 0.3px !important;
  margin-bottom: 1.2rem !important;
}

/* Larger body text option */
.text-large,
.rte p {
  font-size: 1.125rem !important; /* 18px */
  line-height: 1.8 !important;
}

/* Smaller body text */
.text-small {
  font-size: 0.875rem !important; /* 14px */
  line-height: 1.6 !important;
}

/* ============================================
   NAVIGATION
   ============================================ */

/* Main navigation menu */
.header__menu-item,
.header__heading-link {
  font-size: 0.875rem !important; /* 14px */
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* Footer navigation */
.footer__list-item,
.footer a {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px !important;
}

/* ============================================
   BUTTONS
   ============================================ */

.button,
button,
input[type="submit"],
.shopify-payment-button__button {
  font-size: 0.875rem !important; /* 14px */
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* Large buttons */
.button--large {
  font-size: 1rem !important;
  padding: 1rem 3rem !important;
}

/* Small buttons */
.button--small {
  font-size: 0.75rem !important;
  padding: 0.7rem 1.5rem !important;
}

/* ============================================
   PRODUCT CARDS
   ============================================ */

/* Product title on cards */
.card__heading,
.card-information__text {
  font-size: 1rem !important; /* 16px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
}

/* Product price */
.price {
  font-size: 1.125rem !important; /* 18px */
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
}

/* Vendor/collection name on cards */
.card__information .caption,
.card-information__wrapper .caption {
  font-size: 0.75rem !important; /* 12px */
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* ============================================
   PRODUCT PAGE
   ============================================ */

/* Product title */
.product__title {
  font-size: 2.5rem !important; /* 40px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.2 !important;
}

/* Product description */
.product__description,
.product__text {
  font-size: 1rem !important;
  line-height: 1.9 !important;
  letter-spacing: 0.3px !important;
}

/* Variant labels */
.product-form__input label {
  font-size: 0.875rem !important; /* 14px */
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* Variant options */
.product-form__input select,
.product-form__input input {
  font-size: 0.9rem !important;
  letter-spacing: 0.3px !important;
}

/* ============================================
   COLLECTION/SHOP PAGE
   ============================================ */

/* Collection title */
.collection__title,
.collection-hero__title {
  font-size: 3rem !important; /* 48px */
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
}

/* Collection description */
.collection__description {
  font-size: 1.125rem !important;
  line-height: 1.8 !important;
  text-align: center !important;
}

/* Filter labels */
.facets__label,
.facet-filters__label {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* ============================================
   BANNER/HERO SECTION
   ============================================ */

/* Hero heading */
.banner__heading,
.hero__title {
  font-size: 4rem !important; /* 64px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.1 !important;
}

/* Hero subtext */
.banner__text,
.hero__text {
  font-size: 1.25rem !important; /* 20px */
  line-height: 1.6 !important;
  letter-spacing: 0.3px !important;
}

/* ============================================
   FORMS & INPUTS
   ============================================ */

/* Form labels */
label,
.field__label {
  font-size: 0.875rem !important; /* 14px */
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
}

/* Input text */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  font-size: 0.9rem !important;
  letter-spacing: 0.3px !important;
}

/* Placeholder text */
::placeholder {
  font-size: 0.9rem !important;
  letter-spacing: 0.3px !important;
}

/* ============================================
   NEWSLETTER
   ============================================ */

/* Newsletter heading */
.newsletter__heading,
.newsletter h2 {
  font-size: 2rem !important; /* 32px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
}

/* Newsletter subtext */
.newsletter__subheading,
.newsletter p {
  font-size: 1rem !important;
  line-height: 1.7 !important;
  letter-spacing: 0.3px !important;
}

/* ============================================
   CART
   ============================================ */

/* Cart heading */
.cart__title {
  font-size: 2.5rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
}

/* Cart item titles */
.cart-item__name {
  font-size: 1rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px !important;
}

/* Cart subtotal */
.cart-subtotal {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
}

/* ============================================
   BADGES & LABELS
   ============================================ */

.badge,
.card__badge {
  font-size: 0.75rem !important; /* 12px */
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* ============================================
   LINKS
   ============================================ */

a {
  font-weight: 400;
  letter-spacing: 0.3px;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* ============================================
   BREADCRUMBS
   ============================================ */

.breadcrumbs {
  font-size: 0.875rem !important;
  letter-spacing: 0.3px !important;
}

/* ============================================
   ANNOUNCEMENT BAR
   ============================================ */

.announcement-bar__message {
  font-size: 0.875rem !important; /* 14px */
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
}

/* ============================================
   FOOTER
   ============================================ */

/* Footer headings */
.footer__heading {
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* Footer copyright */
.footer__copyright {
  font-size: 0.875rem !important;
  letter-spacing: 0.3px !important;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */

@media screen and (max-width: 749px) {
  /* Scale down headings */
  h1, .h1 { font-size: 2.25rem !important; }
  h2, .h2 { font-size: 1.875rem !important; }
  h3, .h3 { font-size: 1.5rem !important; }
  h4, .h4 { font-size: 1.25rem !important; }
  
  /* Banner/hero */
  .banner__heading,
  .hero__title {
    font-size: 2.5rem !important;
  }
  
  .banner__text,
  .hero__text {
    font-size: 1rem !important;
  }
  
  /* Product title */
  .product__title {
    font-size: 1.875rem !important;
  }
  
  /* Collection title */
  .collection__title {
    font-size: 2rem !important;
  }
  
  /* Base text stays same or slightly smaller */
  body, p {
    font-size: 0.9375rem !important; /* 15px */
  }
}

/* Tablet adjustments */
@media screen and (min-width: 750px) and (max-width: 989px) {
  h1, .h1 { font-size: 2.75rem !important; }
  h2, .h2 { font-size: 2.25rem !important; }
  
  .banner__heading {
    font-size: 3.5rem !important;
  }
}

}
/* END OF TYPOGRAPHY */


/* ============================================
   CUSTOM PRODUCT CARD OVERRIDES
   (These override the default product card styles above)
   ============================================ */

/* Hide price on product cards */
.card__information .price,
.card-information .price {
  display: none !important;
}

/* Product card title - Custom styling */
.card__heading,
.card-information__text,
.card__information .card__heading {
  font-size: 1.43rem !important;
  font-weight: 100 !important;
  letter-spacing: 0.8px !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

/* Product card padding */
.card__content,
.card__information {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

/* Card background color */
.card-wrapper,
.card {
  background-color: #EFEEE6 !important;
  border: 1px solid #E8E3DD !important;
}

/* Card background color - borders match background */
.card-wrapper,
.card {
  background-color: #EFEEE6 !important;
  border: 1px solid #EFEEE6 !important; /* Same as background - invisible */
}

/* Hide price */
.card__information .price,
.card-information .price {
  display: none !important;
}

/* ============================================
   PRODUCT PAGE BACKGROUND
   ============================================ */

/* Main product page background */
.product,
.section-product,
.product-template,
main#MainContent.product {
  background-color: #EFEEE6 !important;
}

/* Product info container */
.product__info-container,
.product__info-wrapper {
  background-color: #EFEEE6 !important;
  border: none !important;
}

/* Product media wrapper */
.product__media-wrapper {
  background-color: #EFEEE6 !important;
}

/* Any white sections on product page */
.product .color-scheme-1,
.product .gradient {
  background-color: #EFEEE6 !important;
}

/* END OF CUSTOM STYLES */