/** Shopify CDN: Minification failed

Line 35:0 "@charset" must be the first rule in the file
Line 62:13 Expected ")" to end URL token
Line 63:10 Expected ")" to end URL token
Line 64:10 Expected ")" to end URL token
Line 75:13 Expected ")" to end URL token
Line 76:10 Expected ")" to end URL token
Line 77:10 Expected ")" to end URL token
Line 88:13 Expected ")" to end URL token
Line 89:10 Expected ")" to end URL token
Line 90:10 Expected ")" to end URL token
... and 12 more hidden warnings

**/
body {
  background-color: "{{ settings.bg }}";
  padding: 0;
  margin: 0;
  justify-content: center;
}

/**
 * --------------------------------------------------------------------
 * NAVIGATION BAR
 * --------------------------------------------------------------------
 */

/* .navigation-bar {
  display: flex;
  justify-content: space-between;
  padding: 0 30px 0 30px;
} */

@charset "UTF-8";

.notfound {
  background-color: rgb(226, 226, 226);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Set the height to the full viewport height */
}

/*///////FONTS */
/* Alte Haas Grotesk Bold */
/* @font-face {
  font-family: "AlteHaasGrotesk";
  src: url({{"AlteHaasGrotesk-Bold.woff2"|asset_url}}) format("woff2"),
    url({{"AlteHaasGroteskBold.ttf"|asset_url}}) format("truetype"),
    url({{"Alte Haas Grotesk Bold.woff2"|asset_url}}) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F,
    U+A720-A7FF;
}

/* Inria Serif Italic */
@font-face {
  font-family: "InriaSerif";
  src: url({{"InriaSerif-Italic.woff2"|asset_url}}) format("woff2"),
    url({{"InriaSerif-Italic.ttf"|asset_url}}) format("truetype"),
    url({{"Inria Serif Italic.woff2"|asset_url}}) format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F,
    U+A720-A7FF;
}

/* Outfit Bold */
@font-face {
  font-family: "Outfit";
  src: url({{"Outfit-Bold.woff2"|asset_url}}) format("woff2"),
    url({{"Outfit-Bold.ttf"|asset_url}}) format("truetype"),
    url({{"Outfit Bold.woff2"|asset_url}}) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F,
    U+A720-A7FF, U+0105;
}

/* Outfit Light */
@font-face {
  font-family: "Outfit";
  src: url({{"Outfit-Light.woff2"|asset_url}}) format("woff2"),
    url({{"Outfit-Light.ttf"|asset_url}}) format("truetype"),
    url({{"Outfit Light.woff2"|asset_url}}) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F,
    U+A720-A7FF;
}

/* Outfit Regular */
@font-face {
  font-family: "Outfit";
  src: url({{"Outfit-Regular.woff2"|asset_url}}) format("woff2"),
    url({{"Outfit-Regular.ttf"|asset_url}}) format("truetype"),
    url({%asset_url"Outfit-Regular.woff2"%}) format("woff2");
  font-weight: 400, Regular;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F,
    U+A720-A7FF, U+0105;
}

/* Outfit SemiBold */
@font-face {
  font-family: "Outfit";
  src: url({{"Outfit-SemiBold.woff2"|asset_url}}) format("woff2"),
    url({{"Outfit-SemiBold.ttf"|asset_url}}) format("truetype"),
    url({%asset_url"Outfit-SemiBold.woff2"%}) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+2C60-2C7F,
    U+A720-A7FF, U+0105;
} */

{{ '//fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap' | stylesheet_tag }}
{{
  '//fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'
  | stylesheet_tag
}}

.terms-container {
  max-width: 60rem;
  margin: 4rem auto !important;
  padding: 2rem !important;
  text-align: left;
  font-family: "Outfit", sans-serif !important;
}

@media (max-width: 1024px) {
  .terms-container {
    margin: 2rem auto !important;
    padding: 1.5rem !important;
  }
}

@media (max-width: 768px) {
  .terms-container {
    margin: 0.5rem auto !important;
    padding: 1rem !important;
  }
}

#shopify-pc__banner {
  background-color: #F7F7F3; /* off-white background */
  color: #4A503F; /* blackish text */
  font-family: 'Outfit', sans-serif;
  border-radius: 30px;
  border:#b4b9ac, 2px solid;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.06);
  padding: 24px;
  max-width: 600px;
  margin: 20px auto;
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 9999;
}



.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
  border-radius: 30px;
  background-color: #5F7A52;
  color: #F7F7F3;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline {
  border-radius: 30px;
}

#shopify-pc__banner_body-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

#shopify-pc__banner p {
  font-size: 14px;
  line-height: 1.6;
}

#shopify-pc__banner a {
  color: #5F7A52; /* oak green */
  font-weight: 500;
  text-decoration: underline;
}

.shopify-pc__banner_btns {
  margin-top: 20px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}


/* Primary (Accept) Button */
#shopify-pc__banner_btn-accept {
  background-color: #5F7A52;
  color: #F7F7F3;
  padding: 10px 16px;
  border-radius: 30px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#shopify-pc__banner_btn-accept:hover {
  background-color: #4c6244;
}

/* Secondary (Decline) Button */
#shopify-pc__banner_btn-decline {
  background-color: #B4B9AC;
  color: #4A503F;
  padding: 10px 16px;
  border-radius: 30px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#shopify-pc__banner_btn-decline:hover {
  background-color: #a2a7a0;
}

/* Manage preferences (Text-style) */
#shopify-pc__banner_btn-manage-prefs {
  background: none;
  border: none;
  color: #5F7A52;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}