/** Shopify CDN: Minification failed

Line 74:13 Expected identifier but found whitespace
Line 74:15 Unexpected "{"
Line 74:24 Expected ":"
Line 74:57 Expected ":"
Line 75:16 Expected identifier but found whitespace
Line 75:18 Unexpected "{"
Line 75:27 Expected ":"
Line 75:63 Expected ":"
Line 240:13 Expected identifier but found whitespace
Line 240:15 Unexpected "{"
... and 6 more hidden warnings

**/


/* CSS from section stylesheet tags */
.about-double-image {
  background: #fff;
  padding: 30px 15px;
}

.about-double-image__inner {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
}

.about-double-image__col {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.about-double-image__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Hide options for mobile and tablet */
@media (max-width: 991px) {
  .hide-left-mobile .about-double-image__left {
    display: none !important;
  }

  .hide-right-mobile .about-double-image__right {
    display: none !important;
  }

  .about-double-image{
    padding:0;
  }
}

@media (min-width: 992px) {
  .about-double-image__inner {
    grid-template-columns: 1fr 1fr;
  }

  .about-double-image {
    padding: 0;
  }
}
.wildnut-about-left {
  padding: 0 15px 30px 15px;
  background: #fff;
  margin-top: {{ section.settings.section_margin_top }}px;
  margin-bottom: {{ section.settings.section_margin_bottom }}px;
}

/* Centered container with max width */
.wildnut-about-left__inner {
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  gap: 0;
  align-items: center;
  text-align: center;
}

/* Image column */
.wildnut-about-left__image {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  line-height: 0;
  order: 1;
}
.wildnut-about-left__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text column */
.wildnut-about-left__text {
  text-align: center;
  order: 2;
  padding: var(--text-padding-desktop, 20px);
}

/* Shared heading style */
.wildnut-about-left__heading {
  font-family: var(--font-heading-family);
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 1rem;
}

/* Font sizes per level */
.wildnut-about-left__text h1.wildnut-about-left__heading {
  font-size: 42pt;
}
.wildnut-about-left__text h2.wildnut-about-left__heading {
  font-size: var(--h2-size, 28pt);
}
.wildnut-about-left__text h3.wildnut-about-left__heading {
  font-size: var(--h3-size, 22pt);
}

/* Quote */
.wildnut-about-left__quote { margin-bottom: 10px; }
.wildnut-about-left__quote p { font-style: italic; font-weight: 600; }

/* Body */
.wildnut-about-left__body p { margin-bottom: 1rem; }

/* Tablet */
@media (max-width: 991px) {
  .wildnut-about-left__text {
    padding: var(--text-padding-tablet, 20px);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .wildnut-about-left__text {
    padding: var(--text-padding-mobile, 15px);
  }
}

/* Desktop layout */
@media (min-width: 992px) {
  .wildnut-about-left { padding: 0 15px 0 15px; }
  .wildnut-about-left__inner {
    grid-template-columns: 1fr 1fr;
  }
  /* On desktop: image on left, text on right */
  .wildnut-about-left__image { order: 1; }
  .wildnut-about-left__text  { order: 2; }
}
.about-title {
  background: #fff;
  padding-top: var(--pad-top, 50px);
  padding-bottom: var(--pad-bottom, 50px);
}
.about-title__inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
}
.about-title__heading {
  font-family: var(--font-heading-family);
  font-weight: 500;
  font-size: var(--title-size, 28pt); /* pt-based control */
  line-height: 1.2;
  margin: 0 0 12px 0;
}
.about-title__subtitle{
  margin-bottom: 10px;
}
.about-title__subtitle p {
  display: block;
  font-style: italic;
  font-weight: 600;
  margin: 0;
}

/* Image frame */
.about-title__image-wrap {
  width: min(var(--img-width, 60%), var(--img-max-width, 1200px));
  margin: var(--img-mt, 20px) var(--img-mr, 0) var(--img-mb, 20px) var(--img-ml, 0);
  padding: var(--img-pt, 0) var(--img-pr, 0) var(--img-pb, 0) var(--img-pl, 0);
  display: inline-block;
  border-radius: var(--img-radius, 0);
  overflow: hidden; /* ensures rounded corners clip the image */
}

/* Aspect-ratio box that constrains the image */
.about-title__image-aspect {
  position: relative;
  width: 100%;
  /* Use CSS aspect-ratio when a value is set; 'auto' lets the image define it */
  aspect-ratio: var(--img-aspect, auto);
}

.about-title__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--img-fit, cover);
  display: block;
}

@supports not (aspect-ratio: 1 / 1) {
  /* Fallback for very old browsers: keep intrinsic ratio behavior */
  .about-title__image-aspect {
    position: relative;
    height: auto;
  }
  .about-title__image {
    position: static;
    height: auto;
    object-fit: initial;
  }
}

@media (max-width: 768px){
  .about-title {
    padding: 30px;
  }
  .about-title__image-wrap {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.about-mission {
  padding: 20px 0 0 0;
  margin-top: {{ section.settings.section_margin_top }}px;
  margin-bottom: {{ section.settings.section_margin_bottom }}px;
  background: #fff;
}

/* Centered container with max width */
.about-mission__inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 15px;
  display: grid;
  gap: 0;
  align-items: center;
  text-align: center;
}
@media (min-width: 992px) {
  .about-mission__inner { grid-template-columns: 1fr 1fr; }
}

.about-mission__image {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  line-height: 0;
}
.about-mission__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text column */
.about-mission__text { text-align: center; padding:15px; }

/* Shared heading style */
.about-mission__heading {
  font-family: var(--font-heading-family);
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 1rem;
}

/* Font sizes per level */
.about-mission__text h1.about-mission__heading {
  font-size: 42pt; /* you can adjust or make variable if needed */
}
.about-mission__text h2.about-mission__heading {
  font-size: var(--h2-size, 28pt);
}
.about-mission__text h3.about-mission__heading {
  font-size: var(--h3-size, 22pt);
}

/* Quote */
.about-mission__quote { margin-bottom:10px; }
.about-mission__quote p { font-style: italic; font-weight: 600; }

/* Body */
.about-mission__body p { margin-bottom: 1rem; }

/* Signature */
.about-mission__signature {
  margin-top: 1.5rem;
  width: var(--sig-w, 160px);
  margin-left: auto;
  margin-right: auto;
}
.about-mission-signature { display: block; width: 100%; height: auto; }

/* Make any signature SVG render with strokes */
.about-mission__signature { color: #221f20; } /* change if needed */
.about-mission-signature,
.about-mission-signature * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
/* ——— Base ——— */
.wildnut-image-text {
  padding: 0; /* per request: no outer padding */
  background: var(--section-bg);
}

/* ——— Layout ——— */
.wildnut-image-text__inner {
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
}

.wildnut-image-text__image,
.wildnut-image-text__textcol {
  width: 100%;
}

/* Side image box */
.wildnut-image-text__image-box {
  width: 100%;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.wildnut-image-text__image-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay */
.wildnut-image-text__image-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    var(--grad-angle, 180deg),
    rgba(0,0,0, var(--grad-alpha, .55)) var(--grad-start, 20%),
    rgba(0,0,0, 0) 100%
  );
}

/* Text column */
.wildnut-image-text__textcol {
  display: flex;
  flex-direction: column;
  gap: 16px;

  /* Mobile padding (four sides) */
  padding: var(--pad-m-t, 20px) var(--pad-m-r, 20px) var(--pad-m-b, 20px) var(--pad-m-l, 20px);

  /* Mobile alignment (overridden at breakpoints) */
  text-align: var(--align-m, left);
}
.wildnut-it__block { width: 100%; }
.wildnut-it__inline-image-box img { display: block; }

/* Title sizing */
.wildnut-it__title h1 { font-size: 28pt; }
.wildnut-it__title h2 { font-size: 24pt; }

/* Button */
.wildnut-it__btn {
  display: inline-block;
  margin-top: 10px;
  min-width: 275px;
  font-size: var(--btn-size, 12pt);
  font-family: var(--font-heading-family);
  padding: var(--btn-py, 12px) var(--btn-px, 20px);
  background: var(--btn-bg, #222);
  color: var(--btn-color, #fff);
  text-decoration: none;
  line-height: 1;
  border-radius: 0;
  border: 1px solid #222;
  letter-spacing: 0.1pt;
  transition: background-color .2s ease, color .2s ease, transform .05s ease;
}
.wildnut-it__btn:hover {
  background: var(--btn-bg-hov, #000);
  color: var(--btn-color-hov, #fff);
}

/* ——— Default order (mobile-first) ——— */
.wildnut-image-text__inner .wildnut-image-text__image { order: 1; }
.wildnut-image-text__inner .wildnut-image-text__textcol { order: 2; }

/* Mobile reverse (<768px) */
.wildnut-image-text__inner.is-reverse-mobile .wildnut-image-text__image { order: 2; }
.wildnut-image-text__inner.is-reverse-mobile .wildnut-image-text__textcol { order: 1; }

/* ——— Tablet (768–991px) ——— */
@media (min-width: 768px) and (max-width: 991px) {
  /* If stacking on tablet is OFF, switch to two columns */
  .wildnut-image-text__inner.is-no-stack-tablet {
    grid-template-columns: 1fr 1fr;
  }

  /* Reset default order for this range */
  .wildnut-image-text__inner .wildnut-image-text__image { order: 1; }
  .wildnut-image-text__inner .wildnut-image-text__textcol { order: 2; }

  /* Apply tablet reverse when toggled */
  .wildnut-image-text__inner.is-reverse-tablet .wildnut-image-text__image { order: 2; }
  .wildnut-image-text__inner.is-reverse-tablet .wildnut-image-text__textcol { order: 1; }

  /* Tablet padding and alignment */
  .wildnut-image-text__textcol {
    padding: var(--pad-t-t, 30px) var(--pad-t-r, 30px) var(--pad-t-b, 30px) var(--pad-t-l, 30px);
    text-align: var(--align-t, left);
  }
}

/* ——— Desktop (≥992px) ——— */
@media (min-width: 992px) {
  .wildnut-image-text__inner {
    grid-template-columns: 1fr 1fr;
  }

  /* Desktop order toggle */
  .wildnut-image-text__inner:not(.is-reverse) .wildnut-image-text__image { order: 1; }
  .wildnut-image-text__inner:not(.is-reverse) .wildnut-image-text__textcol { order: 2; }
  .wildnut-image-text__inner.is-reverse .wildnut-image-text__image { order: 2; }
  .wildnut-image-text__inner.is-reverse .wildnut-image-text__textcol { order: 1; }

  /* Desktop padding and alignment */
  .wildnut-image-text__textcol {
    padding: var(--pad-d-t, 40px) var(--pad-d-r, 40px) var(--pad-d-b, 40px) var(--pad-d-l, 40px);
    text-align: var(--align-d, left);
  }
}

/* ——— Per-button alignment via wrapper ——— */
.wildnut-it__button { 
  text-align: var(--btn-align-m, left);
}
@media (min-width: 768px) {
  .wildnut-it__button { text-align: var(--btn-align-t, left); }
}
@media (min-width: 992px) {
  .wildnut-it__button { text-align: var(--btn-align-d, left); }
}