#fw-section-image-ec258f7f-62c3-4fea-9b4b-e740a1cd9d7d {

/* ===== LOAD SOURCE SERIF 4 FONT ===== */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ===== REMOVE IMAGE CORNER RADIUS ===== */
img,
picture,
[class*="image"] img,
[class*="media"] img {
  border-radius: 0 !important;
}


/* Remove radius from the image container */
picture,
[class*="image-wrapper"],
[class*="media-wrapper"],
[class*="image-container"] {
  border-radius: 0 !important;
}


/* ==========================================
   IMAGE COLOR OVERLAY
   ========================================== */

/* Make the image container support an overlay */
picture,
[class*="image-wrapper"],
[class*="media-wrapper"],
[class*="image-container"] {
  position: relative !important;
  overflow: hidden !important;
}


/* Add the color overlay */
picture::after,
[class*="image-wrapper"]::after,
[class*="media-wrapper"]::after,
[class*="image-container"]::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  /* CHANGE DESKTOP OVERLAY COLOR AND STRENGTH */
  background-color: rgba(0, 0, 0, 0) !important;

  pointer-events: none !important;
  z-index: 1 !important;
}


/* ==========================================
   MOBILE IMAGE CUSTOMIZATION
   ========================================== */

@media screen and (max-width: 767px) {

  /*
    CHANGE THIS NUMBER TO MAKE THE
    MOBILE IMAGE SECTION TALLER OR SHORTER
  */
  picture,
  figure,
  [class*="image-wrapper"],
  [class*="media-wrapper"],
  [class*="image-container"],
  [class*="aspect"],
  [style*="aspect-ratio"] {
    width: 100% !important;
    max-width: 100% !important;

    height: 450px !important;
    min-height: 450px !important;
    max-height: none !important;

    /* Disable Fourthwall's preset image ratio */
    aspect-ratio: auto !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    overflow: hidden !important;
    border-radius: 0 !important;

    position: relative !important;
    box-sizing: border-box !important;
  }


  /*
    Make any extra wrappers inside the image
    container match the new height.
  */
  picture > span,
  picture > div,
  figure > span,
  figure > div,
  [class*="image-wrapper"] > div,
  [class*="image-wrapper"] > span,
  [class*="media-wrapper"] > div,
  [class*="media-wrapper"] > span,
  [class*="image-container"] > div,
  [class*="image-container"] > span {
    width: 100% !important;
    height: 100% !important;
    min-height: 450px !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    position: relative !important;
    inset: auto !important;

    padding: 0 !important;
    margin: 0 !important;
  }


  /* ===== MOBILE IMAGE ===== */
  img,
  picture img,
  figure img,
  [class*="image"] img,
  [class*="media"] img {
    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 450px !important;
    max-height: none !important;

    object-fit: cover !important;

    /* CHANGE WHICH PART OF THE IMAGE IS VISIBLE */
    object-position: center center !important;

    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 0 !important;
  }


  /* Support sections using a background image */
  [style*="background-image"] {
    min-height: 450px !important;
    height: 450px !important;

    background-size: cover !important;
    background-position: center center !important;
  }


  /* ===== MOBILE OVERLAY ===== */
  picture::after,
  figure::after,
  [class*="image-wrapper"]::after,
  [class*="media-wrapper"]::after,
  [class*="image-container"]::after {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}
}
#fw-section-rich-text-178456849280130 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-custom-html-5c0f5b5e-1447-4c01-9cb2-338ed70b9c50 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}

#fw-section-custom-html-c8dea55d-9a2d-4d29-b0e4-15e7972a7549 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}
#fw-section-image-268f3e91-a795-4315-9db4-7949643f41e7 {

/* ===== LOAD SOURCE SERIF 4 FONT ===== */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ===== REMOVE IMAGE CORNER RADIUS ===== */
img,
picture,
[class*="image"] img,
[class*="media"] img {
  border-radius: 0 !important;
}


/* Remove radius from the image container */
picture,
[class*="image-wrapper"],
[class*="media-wrapper"],
[class*="image-container"] {
  border-radius: 0 !important;
}


/* ==========================================
   IMAGE COLOR OVERLAY
   ========================================== */

/* Make the image container support an overlay */
picture,
[class*="image-wrapper"],
[class*="media-wrapper"],
[class*="image-container"] {
  position: relative !important;
  overflow: hidden !important;
}


/* Add the color overlay */
picture::after,
[class*="image-wrapper"]::after,
[class*="media-wrapper"]::after,
[class*="image-container"]::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  /* CHANGE DESKTOP OVERLAY COLOR AND STRENGTH */
  background-color: rgba(0, 0, 0, 0) !important;

  pointer-events: none !important;
  z-index: 1 !important;
}


/* ==========================================
   MOBILE IMAGE CUSTOMIZATION
   ========================================== */

@media screen and (max-width: 767px) {

  /*
    CHANGE THIS NUMBER TO MAKE THE
    MOBILE IMAGE SECTION TALLER OR SHORTER
  */
  picture,
  figure,
  [class*="image-wrapper"],
  [class*="media-wrapper"],
  [class*="image-container"],
  [class*="aspect"],
  [style*="aspect-ratio"] {
    width: 100% !important;
    max-width: 100% !important;

    height: 450px !important;
    min-height: 450px !important;
    max-height: none !important;

    /* Disable Fourthwall's preset image ratio */
    aspect-ratio: auto !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    overflow: hidden !important;
    border-radius: 0 !important;

    position: relative !important;
    box-sizing: border-box !important;
  }


  /*
    Make any extra wrappers inside the image
    container match the new height.
  */
  picture > span,
  picture > div,
  figure > span,
  figure > div,
  [class*="image-wrapper"] > div,
  [class*="image-wrapper"] > span,
  [class*="media-wrapper"] > div,
  [class*="media-wrapper"] > span,
  [class*="image-container"] > div,
  [class*="image-container"] > span {
    width: 100% !important;
    height: 100% !important;
    min-height: 450px !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    position: relative !important;
    inset: auto !important;

    padding: 0 !important;
    margin: 0 !important;
  }


  /* ===== MOBILE IMAGE ===== */
  img,
  picture img,
  figure img,
  [class*="image"] img,
  [class*="media"] img {
    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 450px !important;
    max-height: none !important;

    object-fit: cover !important;

    /* CHANGE WHICH PART OF THE IMAGE IS VISIBLE */
    object-position: center center !important;

    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 0 !important;
  }


  /* Support sections using a background image */
  [style*="background-image"] {
    min-height: 450px !important;
    height: 450px !important;

    background-size: cover !important;
    background-position: center center !important;
  }


  /* ===== MOBILE OVERLAY ===== */
  picture::after,
  figure::after,
  [class*="image-wrapper"]::after,
  [class*="media-wrapper"]::after,
  [class*="image-container"]::after {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}
}
#fw-section-rich-text-178423208757900 {
--font-heading-scale: 1.0;
--font-body-scale: 0.95;
}
#fw-section-rich-text-178423208757900 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #39393a;
--color-on-background-rgb: 57, 57, 58;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #39393a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #39393a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #39393a;
--secondary-btn-border-color: #39393a;
/* ===== LOAD SOURCE SERIF 4 AND SEN ===== */
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   TEXT BANNER SECTION
   ========================================== */

section {
  /* ========================================
     FONT CONTROLS
     ======================================== */

  /* HEADING FONT */
  --heading-font:
    "Source Serif 4",
    Georgia,
    serif;

  /* BODY AND LINK FONT */
  --body-font:
    "Sen",
    Arial,
    sans-serif;


  /* ========================================
     TEXT COLOR CONTROLS

     Change these three colors.
     ======================================== */

  /* HEADING COLOR */
  --heading-text-color: #39393a;

  /* BODY TEXT COLOR */
  --body-text-color: #39393a;

  /* LINK COLOR */
  --link-text-color: #ec1f25;

  /* LINK HOVER COLOR */
  --link-hover-color: #395b37;


  /* ========================================
     TEXT WIDTH CONTROLS
     ======================================== */

  --heading-text-width: 1100px;
  --body-text-width: 900px;


  /* BACKGROUND COLOR */
  background-color: #ffffff !important;


  /* ========================================
     SECTION HEIGHT AND PADDING
     ======================================== */

  min-height: 180px !important;

  padding-top: 70px !important;
  padding-right: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 30px !important;


  /* CONTENT ALIGNMENT */
  text-align: center !important;


  /* CENTER CONTENT */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;


  box-sizing: border-box !important;
}


/* APPLY BOX SIZING INSIDE SECTION */

section,
section * {
  box-sizing: border-box !important;
}


/* ==========================================
   FOURTHWALL INNER WRAPPERS
   ========================================== */

section > div,
section [class*="content"],
section [class*="wrapper"],
section [class*="container"] {
  width: 100% !important;
  max-width: 100% !important;

  box-sizing: border-box !important;
}


/* ==========================================
   MAIN HEADING
   ========================================== */

section h1,
section h2,
section h3 {
  /* HEADING FONT */
  font-family:
    var(--heading-font) !important;

  font-optical-sizing: auto !important;
  font-style: normal !important;


  /* HEADING WIDTH */
  width: 100% !important;

  max-width:
    var(--heading-text-width) !important;


  /* HEADING SIZE */
  font-size: 60px !important;


  /* HEADING WEIGHT */
  font-weight: 600 !important;


  /* HEADING COLOR */
  color:
    var(--heading-text-color) !important;

  -webkit-text-fill-color:
    var(--heading-text-color) !important;


  /* REMOVE GRADIENT TEXT STYLING */
  background-image: none !important;

  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;


  /* TEXT ALIGNMENT */
  text-align: center !important;


  /* LETTER SPACING */
  letter-spacing: 2.5px !important;


  /* LINE HEIGHT */
  line-height: 1.15 !important;


  /* TEXT POSITION */
  position: relative !important;

  left: 0 !important;
  top: 0 !important;


  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 12px !important;
  margin-left: auto !important;

  padding: 0 !important;
}


/* FORCE HEADING COLOR ON INNER SPANS */

section h1 *,
section h2 *,
section h3 * {
  color:
    var(--heading-text-color) !important;

  -webkit-text-fill-color:
    var(--heading-text-color) !important;

  background-image: none !important;

  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}


/* ==========================================
   BODY TEXT
   ========================================== */

section p {
  /* BODY FONT */
  font-family:
    var(--body-font) !important;

  font-style: normal !important;


  /* BODY TEXT WIDTH */
  width: 100% !important;

  max-width:
    var(--body-text-width) !important;


  /* BODY FONT SIZE */
  font-size: 18px !important;


  /* BODY FONT WEIGHT */
  font-weight: 400 !important;


  /* BODY TEXT COLOR */
  color:
    var(--body-text-color) !important;

  -webkit-text-fill-color:
    var(--body-text-color) !important;


  /* REMOVE GRADIENT TEXT STYLING */
  background-image: none !important;

  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;


  /* TEXT ALIGNMENT */
  text-align: center !important;


  /* LINE HEIGHT */
  line-height: 1.5 !important;


  /* LETTER SPACING */
  letter-spacing: 0 !important;


  /* TEXT POSITION */
  position: relative !important;

  left: 0 !important;
  top: -15px !important;


  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding: 0 !important;
}


/* FORCE BODY COLOR ON INNER SPANS */

section p *,
section [class*="text"] p,
section [class*="text"] p * {
  color:
    var(--body-text-color) !important;

  -webkit-text-fill-color:
    var(--body-text-color) !important;

  background-image: none !important;

  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}


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

section a,
section a * {
  font-family:
    var(--body-font) !important;

  font-weight: 600 !important;

  color:
    var(--link-text-color) !important;

  -webkit-text-fill-color:
    var(--link-text-color) !important;

  background-image: none !important;

  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;

  text-decoration: none !important;
}


/* LINK HOVER */

section a:hover,
section a:hover * {
  color:
    var(--link-hover-color) !important;

  -webkit-text-fill-color:
    var(--link-hover-color) !important;
}


/* ==========================================
   EXTRA FOURTHWALL COLOR OVERRIDE
   ========================================== */

/*
  These selectors have extra specificity
  to override Fourthwall theme colors.
*/


:is(
  #force-banner-heading-color#force-banner-heading-color-two,
  section h1,
  section h2,
  section h3,
  section h1 *,
  section h2 *,
  section h3 *
) {
  color:
    var(--heading-text-color) !important;

  -webkit-text-fill-color:
    var(--heading-text-color) !important;

  background-image: none !important;
}


:is(
  #force-banner-body-color#force-banner-body-color-two,
  section p,
  section p *
) {
  color:
    var(--body-text-color) !important;

  -webkit-text-fill-color:
    var(--body-text-color) !important;

  background-image: none !important;
}


/* ==========================================
   MOBILE TEXT BANNER
   ========================================== */

@media screen and (max-width: 767px) {

  section {
    /* MOBILE TEXT WIDTH */
    --heading-text-width: 100%;
    --body-text-width: 100%;


    /* MOBILE SECTION HEIGHT */
    min-height: 150px !important;


    /* MOBILE SECTION PADDING */
    padding-top: 60px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
  }


  section h1,
  section h2,
  section h3 {
    /* MOBILE HEADING SIZE */
    font-size: 30px !important;


    /* MOBILE HEADING WEIGHT */
    font-weight: 600 !important;


    line-height: 1.15 !important;


    width: 100% !important;

    max-width:
      var(--heading-text-width) !important;


    margin-left: auto !important;
    margin-right: auto !important;
  }


  section p {
    /* MOBILE BODY SIZE */
    font-size: 16px !important;


    line-height: 1.45 !important;


    width: 100% !important;

    max-width:
      var(--body-text-width) !important;


    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}
#fw-section-custom-html-94dd2ed6-55f0-47c8-a6cf-b3d8d9d96f5d {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   SECTION CONTROLS
   ========================================== */

.mmx-gallery {
  /* SECTION BACKGROUND */
  --mmx-background: #ffffff;

  /* TEXT COLORS */
  --mmx-heading-color: #39393a;
  --mmx-body-color: #39393a;
  --mmx-link-color: #ec1f25;
  --mmx-link-hover-color: #b9171c;

  /* BULLET / NUMBER COLOR */
  --mmx-marker-color: #39393a;

  /* SLIDER ARROWS */
  --mmx-arrow-background: transparent;
  --mmx-arrow-color: #ffffff;

  /* CONTENT WIDTH AND COLUMN SPACE */
  --mmx-content-width: 1375px;
  --mmx-column-gap: 70px;

  /* IMAGE SIZE AND CORNERS */
  --mmx-image-height: 500px;
  --mmx-image-radius: 48px;


  /* ========================================
     DESKTOP PADDING CONTROLS
     ======================================== */

  --mmx-desktop-padding-top: 65px;
  --mmx-desktop-padding-right: 40px;
  --mmx-desktop-padding-bottom: 60px;
  --mmx-desktop-padding-left: 40px;


  width: 100% !important;

  margin: 0 !important;

  padding:
    var(--mmx-desktop-padding-top)
    var(--mmx-desktop-padding-right)
    var(--mmx-desktop-padding-bottom)
    var(--mmx-desktop-padding-left) !important;

  background:
    var(--mmx-background) !important;

  box-sizing: border-box !important;
}


.mmx-gallery,
.mmx-gallery * {
  box-sizing: border-box !important;
}


/* ==========================================
   TWO-COLUMN LAYOUT
   ========================================== */

.mmx-inner {
  width: 100% !important;

  max-width:
    var(--mmx-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(280px, 0.85fr)
    minmax(420px, 1.15fr) !important;

  gap:
    var(--mmx-column-gap) !important;

  align-items: center !important;
}


/* ==========================================
   TEXT CONTAINER
   ========================================== */

.mmx-copy {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


/* ==========================================
   HEADING
   ========================================== */

.mmx-copy h2 {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* HEADING SIZE */
  font-size: 55px !important;

  /* HEADING WEIGHT */
  font-weight: 650 !important;

  line-height: 1.08 !important;
  letter-spacing: 1.5px !important;

  color:
    var(--mmx-heading-color) !important;

  -webkit-text-fill-color:
    var(--mmx-heading-color) !important;

  text-align: left !important;
}


/* FORCE HEADING COLOR ON INNER ELEMENTS */

.mmx-copy h2,
.mmx-copy h2 * {
  color:
    var(--mmx-heading-color) !important;

  -webkit-text-fill-color:
    var(--mmx-heading-color) !important;
}


/* ==========================================
   BODY TEXT CONTAINER
   ========================================== */

.mmx-body {
  width: 100% !important;
  max-width: 520px !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 18px !important;
  font-weight: 400 !important;

  line-height: 1.65 !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;

  text-align: left !important;
}


/* ==========================================
   PARAGRAPHS
   ========================================== */

.mmx-copy p,
.mmx-body p {
  width: 100% !important;
  max-width: 520px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* PARAGRAPH SIZE */
  font-size: 18px !important;

  /* PARAGRAPH WEIGHT */
  font-weight: 400 !important;

  line-height: 1.65 !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;

  text-align: left !important;
}


/* REMOVE BOTTOM SPACE FROM LAST PARAGRAPH */

.mmx-body p:last-child {
  margin-bottom: 0 !important;
}


/* FORCE BODY COLOR ON INNER ELEMENTS */

.mmx-body,
.mmx-body p,
.mmx-body p *,
.mmx-body span {
  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;
}


/* ==========================================
   BULLET AND NUMBERED LISTS
   ========================================== */

.mmx-body ul,
.mmx-body ol {
  width: 100% !important;
  max-width: 520px !important;

  /*
    LIST SPACING:
    TOP RIGHT BOTTOM LEFT
  */
  margin: 0 0 18px 0 !important;

  /*
    Increase this value to move the
    bullets and text farther right.
  */
  padding-left: 27px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* LIST TEXT SIZE */
  font-size: 18px !important;

  /* LIST TEXT WEIGHT */
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;

  text-align: left !important;
}


/* BULLET LIST STYLE */

.mmx-body ul {
  list-style-type: disc !important;
}


/* NUMBERED LIST STYLE */

.mmx-body ol {
  list-style-type: decimal !important;
}


/* ==========================================
   INDIVIDUAL LIST ITEMS
   ========================================== */

.mmx-body li {
  margin: 0 0 9px 0 !important;

  /*
    Adds space between the bullet
    and the list-item words.
  */
  padding-left: 4px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;

  text-align: left !important;
}


/* REMOVE SPACE AFTER LAST LIST ITEM */

.mmx-body li:last-child {
  margin-bottom: 0 !important;
}


/* BULLET AND NUMBER COLOR */

.mmx-body li::marker {
  color:
    var(--mmx-marker-color) !important;

  font-weight: 700 !important;
}


/* ==========================================
   NESTED LISTS
   ========================================== */

.mmx-body li ul,
.mmx-body li ol {
  margin-top: 8px !important;
  margin-bottom: 5px !important;

  padding-left: 24px !important;
}


/* SECOND-LEVEL BULLETS */

.mmx-body ul ul {
  list-style-type: circle !important;
}


/* THIRD-LEVEL BULLETS */

.mmx-body ul ul ul {
  list-style-type: square !important;
}


/* ==========================================
   BOLD AND ITALIC TEXT
   ========================================== */

.mmx-body strong,
.mmx-body b {
  font-weight: 700 !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;
}


.mmx-body em,
.mmx-body i {
  font-style: italic !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;
}


/* ==========================================
   LINKS INSIDE BODY TEXT
   ========================================== */

.mmx-body a,
.mmx-body a * {
  color:
    var(--mmx-link-color) !important;

  -webkit-text-fill-color:
    var(--mmx-link-color) !important;

  font-weight: 600 !important;

  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}


.mmx-body a:hover,
.mmx-body a:hover * {
  color:
    var(--mmx-link-hover-color) !important;

  -webkit-text-fill-color:
    var(--mmx-link-hover-color) !important;
}


/* ==========================================
   SLIDER
   ========================================== */

.mmx-slider {
  position: relative !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  outline: none !important;
}


.mmx-stage {
  position: relative !important;

  width: 100% !important;

  height:
    var(--mmx-image-height) !important;

  overflow: hidden !important;

  border-radius:
    var(--mmx-image-radius) !important;

  background: #eeeeee !important;
}


.mmx-slide {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;

  opacity: 0 !important;
  visibility: hidden !important;

  cursor: zoom-in !important;

  transition:
    opacity 0.35s ease,
    visibility 0.35s ease !important;
}


.mmx-slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;

  z-index: 2 !important;
}


.mmx-slide img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  transition:
    transform 0.35s ease !important;
}


.mmx-slide:hover img {
  transform: scale(1.025) !important;
}


/* ==========================================
   SLIDER ARROWS
   ========================================== */

.mmx-arrow {
  position: absolute !important;

  top: 50% !important;

  z-index: 10 !important;

  width: 48px !important;
  height: 48px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background:
    var(--mmx-arrow-background) !important;

  color:
    var(--mmx-arrow-color) !important;

  -webkit-text-fill-color:
    var(--mmx-arrow-color) !important;

  font-size: 25px !important;

  cursor: pointer !important;

  transform: translateY(-50%) !important;
}


.mmx-prev {
  left: 15px !important;
}


.mmx-next {
  right: 15px !important;
}


/* ==========================================
   IMAGE COUNTER
   ========================================== */

.mmx-count {
  position: absolute !important;

  top: 15px !important;
  right: 15px !important;

  z-index: 10 !important;

  padding: 7px 11px !important;

  border-radius: 999px !important;

  background: transparent !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  color: #ffffff !important;

  -webkit-text-fill-color:
    #ffffff !important;
}


/* ==========================================
   LIGHTBOX
   ========================================== */

.mmx-lightbox {
  position: fixed !important;

  inset: 0 !important;

  z-index: 999999 !important;

  display: none !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 30px !important;

  background:
    rgba(0, 0, 0, 0.92) !important;
}


.mmx-lightbox.is-open {
  display: flex !important;
}


.mmx-lightbox-image {
  display: block !important;

  max-width: 92vw !important;
  max-height: 86vh !important;

  width: auto !important;
  height: auto !important;

  object-fit: contain !important;

  border-radius: 8px !important;
}


.mmx-close,
.mmx-lightbox-arrow {
  position: fixed !important;

  z-index: 20 !important;

  width: 48px !important;
  height: 48px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background: #ffffff !important;

  color: #222222 !important;

  -webkit-text-fill-color:
    #222222 !important;

  cursor: pointer !important;
}


.mmx-close {
  top: 20px !important;
  right: 20px !important;

  font-size: 30px !important;
}


.mmx-lightbox-arrow {
  top: 50% !important;

  font-size: 25px !important;

  transform: translateY(-50%) !important;
}


.mmx-lightbox-prev {
  left: 20px !important;
}


.mmx-lightbox-next {
  right: 20px !important;
}


.mmx-caption {
  position: fixed !important;

  left: 50% !important;
  bottom: 18px !important;

  max-width: 80vw !important;

  padding: 7px 13px !important;

  border-radius: 999px !important;

  background:
    rgba(0, 0, 0, 0.6) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 14px !important;

  color: #ffffff !important;

  -webkit-text-fill-color:
    #ffffff !important;

  text-align: center !important;

  transform:
    translateX(-50%) !important;
}


body.mmx-no-scroll {
  overflow: hidden !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mmx-gallery {
    --mmx-column-gap: 40px;
    --mmx-image-height: 420px;


    /* TABLET PADDING CONTROLS */

    --mmx-tablet-padding-top: 50px;
    --mmx-tablet-padding-right: 25px;
    --mmx-tablet-padding-bottom: 45px;
    --mmx-tablet-padding-left: 25px;


    padding:
      var(--mmx-tablet-padding-top)
      var(--mmx-tablet-padding-right)
      var(--mmx-tablet-padding-bottom)
      var(--mmx-tablet-padding-left) !important;
  }


  .mmx-copy h2 {
    font-size: 44px !important;
  }


  .mmx-copy p,
  .mmx-body,
  .mmx-body p,
  .mmx-body ul,
  .mmx-body ol {
    font-size: 17px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mmx-gallery {
    --mmx-image-height: 380px;


    /* ======================================
       MOBILE PADDING CONTROLS

       TOP
       RIGHT
       BOTTOM
       LEFT
       ====================================== */

    --mmx-mobile-padding-top: 35px;
    --mmx-mobile-padding-right: 20px;
    --mmx-mobile-padding-bottom: 35px;
    --mmx-mobile-padding-left: 20px;


    padding:
      var(--mmx-mobile-padding-top)
      var(--mmx-mobile-padding-right)
      var(--mmx-mobile-padding-bottom)
      var(--mmx-mobile-padding-left) !important;
  }


  .mmx-inner {
    grid-template-columns: 1fr !important;

    row-gap: 30px !important;
  }


  .mmx-copy {
    text-align: center !important;
  }


  .mmx-copy h2 {
    font-size: 34px !important;

    text-align: center !important;
  }


  .mmx-body {
    max-width: 560px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mmx-copy p,
  .mmx-body p {
    max-width: 560px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 16px !important;

    text-align: center !important;
  }


  /*
    Lists remain left-aligned so the bullets
    and list text stay properly lined up.
  */

  .mmx-body ul,
  .mmx-body ol {
    width: fit-content !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 27px !important;

    font-size: 16px !important;

    text-align: left !important;
  }


  .mmx-body li {
    text-align: left !important;
  }


  .mmx-arrow {
    width: 43px !important;
    height: 43px !important;
  }


  .mmx-lightbox-arrow {
    width: 43px !important;
    height: 43px !important;
  }


  .mmx-lightbox-prev {
    left: 8px !important;
  }


  .mmx-lightbox-next {
    right: 8px !important;
  }


  /* ========================================
     MOBILE — SPLIT SUB-LISTS INTO 2 COLUMNS
     ======================================== */

  .mmx-body ul ul,
  .mmx-body ul ol,
  .mmx-body ol ul,
  .mmx-body ol ol {
    display: block !important;

    width: 100% !important;
    max-width: 340px !important;

    column-count: 2 !important;
    column-gap: 28px !important;

    margin-top: 10px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding-left: 24px !important;

    text-align: left !important;
  }


  .mmx-body ul ul > li,
  .mmx-body ul ol > li,
  .mmx-body ol ul > li,
  .mmx-body ol ol > li {
    display: list-item !important;

    width: auto !important;

    margin: 0 0 8px 0 !important;
    padding-left: 3px !important;

    break-inside: avoid-column !important;
    page-break-inside: avoid !important;

    text-align: left !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mmx-gallery {
    --mmx-image-height: 300px;


    /* ======================================
       SMALL-PHONE PADDING CONTROLS

       TOP
       RIGHT
       BOTTOM
       LEFT
       ====================================== */

    --mmx-small-padding-top: 28px;
    --mmx-small-padding-right: 16px;
    --mmx-small-padding-bottom: 28px;
    --mmx-small-padding-left: 16px;


    padding:
      var(--mmx-small-padding-top)
      var(--mmx-small-padding-right)
      var(--mmx-small-padding-bottom)
      var(--mmx-small-padding-left) !important;
  }


  .mmx-copy h2 {
    font-size: 30px !important;
  }


  .mmx-copy p,
  .mmx-body,
  .mmx-body p,
  .mmx-body ul,
  .mmx-body ol {
    font-size: 15px !important;
  }
}


/* ==========================================
   REMOVE FOURTHWALL OUTER SECTION SPACING
   ========================================== */

section:has(.mmx-gallery),
[data-section-id]:has(.mmx-gallery),
[class*="section"]:has(.mmx-gallery) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}
}
#fw-section-custom-html-50987678-c83a-42cd-8978-94b691401caf {

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   SECTION CONTROLS
   ========================================== */

.mmx-gallery {
  /* SECTION BACKGROUND */
  --mmx-background: #ffffff;

  /* TEXT COLORS */
  --mmx-heading-color: #39393a;
  --mmx-body-color: #39393a;
  --mmx-link-color: #ec1f25;
  --mmx-link-hover-color: #b9171c;

  /* BULLET / NUMBER COLOR */
  --mmx-marker-color: #39393a;

  /* SLIDER ARROWS */
  --mmx-arrow-background: transparent;
  --mmx-arrow-color: #ffffff;

  /* CONTENT WIDTH AND COLUMN SPACE */
  --mmx-content-width: 1375px;
  --mmx-column-gap: 70px;

  /* IMAGE SIZE AND CORNERS */
  --mmx-image-height: 500px;
  --mmx-image-radius: 48px;


  /* ========================================
     DESKTOP PADDING CONTROLS

     TOP
     RIGHT
     BOTTOM
     LEFT
     ======================================== */

  --mmx-desktop-padding-top: 60px;
  --mmx-desktop-padding-right: 40px;
  --mmx-desktop-padding-bottom: 100px;
  --mmx-desktop-padding-left: 40px;


  width: 100% !important;

  margin: 0 !important;

  padding:
    var(--mmx-desktop-padding-top)
    var(--mmx-desktop-padding-right)
    var(--mmx-desktop-padding-bottom)
    var(--mmx-desktop-padding-left) !important;

  background:
    var(--mmx-background) !important;

  box-sizing: border-box !important;

  min-height: 0 !important;
}


.mmx-gallery,
.mmx-gallery * {
  box-sizing: border-box !important;
}


/* ==========================================
   TWO-COLUMN LAYOUT
   ========================================== */

.mmx-inner {
  width: 100% !important;

  max-width:
    var(--mmx-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    LEFT COLUMN: IMAGE
    RIGHT COLUMN: TEXT
  */

  grid-template-columns:
    minmax(420px, 1.15fr)
    minmax(280px, 0.85fr) !important;

  gap:
    var(--mmx-column-gap) !important;

  align-items: center !important;
}


/* ==========================================
   IMAGE — LEFT SIDE
   ========================================== */

.mmx-slider {
  grid-column: 1 !important;
  grid-row: 1 !important;

  position: relative !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  outline: none !important;
}


/* ==========================================
   TEXT — RIGHT SIDE
   ========================================== */

.mmx-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


/* ==========================================
   HEADING
   ========================================== */

.mmx-copy h2 {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* DESKTOP HEADING SIZE */
  font-size: 55px !important;

  /* HEADING WEIGHT */
  font-weight: 650 !important;

  line-height: 1.08 !important;
  letter-spacing: 1.5px !important;

  color:
    var(--mmx-heading-color) !important;

  -webkit-text-fill-color:
    var(--mmx-heading-color) !important;

  text-align: left !important;
}


/* FORCE HEADING COLOR */

.mmx-copy h2,
.mmx-copy h2 * {
  color:
    var(--mmx-heading-color) !important;

  -webkit-text-fill-color:
    var(--mmx-heading-color) !important;
}


/* ==========================================
   BODY TEXT CONTAINER
   ========================================== */

.mmx-body {
  width: 100% !important;
  max-width: 520px !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 18px !important;
  font-weight: 400 !important;

  line-height: 1.65 !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;

  text-align: left !important;
}


/* ==========================================
   PARAGRAPHS
   ========================================== */

.mmx-copy p,
.mmx-body p {
  width: 100% !important;
  max-width: 520px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* PARAGRAPH SIZE */
  font-size: 18px !important;

  /* PARAGRAPH WEIGHT */
  font-weight: 400 !important;

  line-height: 1.65 !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;

  text-align: left !important;
}


/* REMOVE BOTTOM SPACE FROM LAST PARAGRAPH */

.mmx-body p:last-child {
  margin-bottom: 0 !important;
}


/* FORCE BODY COLOR */

.mmx-body,
.mmx-body p,
.mmx-body p *,
.mmx-body span {
  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;
}


/* ==========================================
   BULLET AND NUMBERED LISTS
   ========================================== */

.mmx-body ul,
.mmx-body ol {
  width: 100% !important;
  max-width: 520px !important;

  /*
    LIST SPACING:
    TOP RIGHT BOTTOM LEFT
  */

  margin: 0 0 18px 0 !important;

  /*
    Increase this value to move the
    bullets and words farther right.
  */

  padding-left: 27px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* LIST TEXT SIZE */
  font-size: 18px !important;

  /* LIST TEXT WEIGHT */
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;

  text-align: left !important;
}


/* BULLET LIST STYLE */

.mmx-body ul {
  list-style-type: disc !important;
}


/* NUMBERED LIST STYLE */

.mmx-body ol {
  list-style-type: decimal !important;
}


/* ==========================================
   INDIVIDUAL LIST ITEMS
   ========================================== */

.mmx-body li {
  margin: 0 0 9px 0 !important;

  /*
    Space between the bullet
    and the list-item words.
  */

  padding-left: 4px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;

  text-align: left !important;
}


/* REMOVE SPACE AFTER LAST LIST ITEM */

.mmx-body li:last-child {
  margin-bottom: 0 !important;
}


/* BULLET AND NUMBER COLOR */

.mmx-body li::marker {
  color:
    var(--mmx-marker-color) !important;

  font-weight: 700 !important;
}


/* ==========================================
   NESTED LISTS
   ========================================== */

.mmx-body li ul,
.mmx-body li ol {
  margin-top: 8px !important;
  margin-bottom: 5px !important;

  padding-left: 24px !important;
}


/* SECOND-LEVEL BULLETS */

.mmx-body ul ul {
  list-style-type: circle !important;
}


/* THIRD-LEVEL BULLETS */

.mmx-body ul ul ul {
  list-style-type: square !important;
}


/* ==========================================
   BOLD AND ITALIC TEXT
   ========================================== */

.mmx-body strong,
.mmx-body b {
  font-weight: 700 !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;
}


.mmx-body em,
.mmx-body i {
  font-style: italic !important;

  color:
    var(--mmx-body-color) !important;

  -webkit-text-fill-color:
    var(--mmx-body-color) !important;
}


/* ==========================================
   LINKS INSIDE BODY TEXT
   ========================================== */

.mmx-body a,
.mmx-body a * {
  color:
    var(--mmx-link-color) !important;

  -webkit-text-fill-color:
    var(--mmx-link-color) !important;

  font-weight: 600 !important;

  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}


.mmx-body a:hover,
.mmx-body a:hover * {
  color:
    var(--mmx-link-hover-color) !important;

  -webkit-text-fill-color:
    var(--mmx-link-hover-color) !important;
}


/* ==========================================
   IMAGE SLIDER STAGE
   ========================================== */

.mmx-stage {
  position: relative !important;

  width: 100% !important;

  height:
    var(--mmx-image-height) !important;

  overflow: hidden !important;

  border-radius:
    var(--mmx-image-radius) !important;

  background: #eeeeee !important;
}


/* ==========================================
   INDIVIDUAL SLIDES
   ========================================== */

.mmx-slide {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  opacity: 0 !important;
  visibility: hidden !important;

  cursor: zoom-in !important;

  transition:
    opacity 0.35s ease,
    visibility 0.35s ease !important;
}


.mmx-slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;

  z-index: 2 !important;
}


.mmx-slide img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  transition:
    transform 0.35s ease !important;
}


.mmx-slide:hover img {
  transform: scale(1.025) !important;
}


/* ==========================================
   SLIDER ARROWS
   ========================================== */

.mmx-arrow {
  position: absolute !important;

  top: 50% !important;

  z-index: 10 !important;

  width: 48px !important;
  height: 48px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background:
    var(--mmx-arrow-background) !important;

  color:
    var(--mmx-arrow-color) !important;

  -webkit-text-fill-color:
    var(--mmx-arrow-color) !important;

  font-size: 25px !important;

  cursor: pointer !important;

  transform:
    translateY(-50%) !important;
}


.mmx-prev {
  left: 15px !important;
}


.mmx-next {
  right: 15px !important;
}


/* ==========================================
   IMAGE COUNTER
   ========================================== */

.mmx-count {
  position: absolute !important;

  top: 15px !important;
  right: 15px !important;

  z-index: 10 !important;

  padding: 7px 11px !important;

  border-radius: 999px !important;

  background: transparent !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  color: #ffffff !important;

  -webkit-text-fill-color:
    #ffffff !important;
}


/* ==========================================
   LIGHTBOX
   ========================================== */

.mmx-lightbox {
  position: fixed !important;

  inset: 0 !important;

  z-index: 999999 !important;

  display: none !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 30px !important;

  background:
    rgba(0, 0, 0, 0.92) !important;
}


.mmx-lightbox.is-open {
  display: flex !important;
}


.mmx-lightbox-image {
  display: block !important;

  max-width: 92vw !important;
  max-height: 86vh !important;

  width: auto !important;
  height: auto !important;

  object-fit: contain !important;

  border-radius: 8px !important;
}


.mmx-close,
.mmx-lightbox-arrow {
  position: fixed !important;

  z-index: 20 !important;

  width: 48px !important;
  height: 48px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background: #ffffff !important;

  color: #222222 !important;

  -webkit-text-fill-color:
    #222222 !important;

  cursor: pointer !important;
}


.mmx-close {
  top: 20px !important;
  right: 20px !important;

  font-size: 30px !important;
}


.mmx-lightbox-arrow {
  top: 50% !important;

  font-size: 25px !important;

  transform:
    translateY(-50%) !important;
}


.mmx-lightbox-prev {
  left: 20px !important;
}


.mmx-lightbox-next {
  right: 20px !important;
}


.mmx-caption {
  position: fixed !important;

  left: 50% !important;
  bottom: 18px !important;

  max-width: 80vw !important;

  padding: 7px 13px !important;

  border-radius: 999px !important;

  background:
    rgba(0, 0, 0, 0.6) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 14px !important;

  color: #ffffff !important;

  -webkit-text-fill-color:
    #ffffff !important;

  text-align: center !important;

  transform:
    translateX(-50%) !important;
}


body.mmx-no-scroll {
  overflow: hidden !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mmx-gallery {
    --mmx-column-gap: 40px;
    --mmx-image-height: 420px;


    /* ======================================
       TABLET PADDING CONTROLS

       TOP
       RIGHT
       BOTTOM
       LEFT
       ====================================== */

    --mmx-tablet-padding-top: 50px;
    --mmx-tablet-padding-right: 25px;
    --mmx-tablet-padding-bottom: 50px;
    --mmx-tablet-padding-left: 25px;


    padding:
      var(--mmx-tablet-padding-top)
      var(--mmx-tablet-padding-right)
      var(--mmx-tablet-padding-bottom)
      var(--mmx-tablet-padding-left) !important;
  }


  .mmx-copy h2 {
    font-size: 44px !important;
  }


  .mmx-copy p,
  .mmx-body,
  .mmx-body p,
  .mmx-body ul,
  .mmx-body ol {
    font-size: 17px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mmx-gallery {
    --mmx-image-height: 380px;


    /* ======================================
       MOBILE PADDING CONTROLS

       TOP
       RIGHT
       BOTTOM
       LEFT
       ====================================== */

    --mmx-mobile-padding-top: 40px;
    --mmx-mobile-padding-right: 20px;
    --mmx-mobile-padding-bottom: 40px;
    --mmx-mobile-padding-left: 20px;


    padding:
      var(--mmx-mobile-padding-top)
      var(--mmx-mobile-padding-right)
      var(--mmx-mobile-padding-bottom)
      var(--mmx-mobile-padding-left) !important;
  }


  /* ONE-COLUMN MOBILE LAYOUT */

  .mmx-inner {
    grid-template-columns: 1fr !important;

    row-gap: 30px !important;
  }


  /* TEXT FIRST ON MOBILE */

  .mmx-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;

    text-align: center !important;
  }


  /* IMAGE SECOND ON MOBILE */

  .mmx-slider {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }


  .mmx-copy h2 {
    font-size: 34px !important;

    text-align: center !important;
  }


  .mmx-body {
    max-width: 560px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mmx-copy p,
  .mmx-body p {
    max-width: 560px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 16px !important;

    text-align: center !important;
  }


  /*
    Lists remain left-aligned so the bullets
    and list text stay properly lined up.
  */

  .mmx-body ul,
  .mmx-body ol {
    width: fit-content !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 27px !important;

    font-size: 16px !important;

    text-align: left !important;
  }


  .mmx-body li {
    text-align: left !important;
  }


  .mmx-arrow {
    width: 43px !important;
    height: 43px !important;
  }


  .mmx-lightbox-arrow {
    width: 43px !important;
    height: 43px !important;
  }


  .mmx-lightbox-prev {
    left: 8px !important;
  }


  .mmx-lightbox-next {
    right: 8px !important;
  }


  /* ========================================
     MOBILE — SPLIT SUB-LISTS INTO 2 COLUMNS
     ======================================== */

  .mmx-body ul ul,
  .mmx-body ul ol,
  .mmx-body ol ul,
  .mmx-body ol ol {
    display: block !important;

    width: 100% !important;
    max-width: 340px !important;

    column-count: 2 !important;
    column-gap: 28px !important;

    margin-top: 10px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding-left: 24px !important;

    text-align: left !important;
  }


  .mmx-body ul ul > li,
  .mmx-body ul ol > li,
  .mmx-body ol ul > li,
  .mmx-body ol ol > li {
    display: list-item !important;

    width: auto !important;

    margin: 0 0 8px 0 !important;
    padding-left: 3px !important;

    break-inside: avoid-column !important;
    page-break-inside: avoid !important;

    text-align: left !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mmx-gallery {
    --mmx-image-height: 300px;


    /* ======================================
       SMALL-PHONE PADDING CONTROLS

       TOP
       RIGHT
       BOTTOM
       LEFT
       ====================================== */

    --mmx-small-padding-top: 32px;
    --mmx-small-padding-right: 16px;
    --mmx-small-padding-bottom: 32px;
    --mmx-small-padding-left: 16px;


    padding:
      var(--mmx-small-padding-top)
      var(--mmx-small-padding-right)
      var(--mmx-small-padding-bottom)
      var(--mmx-small-padding-left) !important;
  }


  .mmx-copy h2 {
    font-size: 30px !important;
  }


  .mmx-copy p,
  .mmx-body,
  .mmx-body p,
  .mmx-body ul,
  .mmx-body ol {
    font-size: 15px !important;
  }
}


/* ==========================================
   REMOVE FOURTHWALL OUTER SECTION SPACING
   ========================================== */

section:has(.mmx-gallery),
[data-section-id]:has(.mmx-gallery),
[class*="section"]:has(.mmx-gallery) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}

/* ==========================================
   SLIDESHOW IMAGE POSITION CONTROLS
   ========================================== */

.mmx-gallery {
  /*
    HORIZONTAL IMAGE POSITION:
    0%   = show more of the left side
    50%  = centered
    100% = show more of the right side
  */
  --mmx-image-position-x: 50%;

  /*
    VERTICAL IMAGE POSITION:
    0%   = show more of the top
    50%  = centered
    100% = show more of the bottom
  */
  --mmx-image-position-y: 30%;
}


.mmx-slide img {
  object-fit: cover !important;

  object-position:
    var(--mmx-image-position-x)
    var(--mmx-image-position-y) !important;
}

/* ==========================================
   REMOVE EXTRA LIVE-SITE BOTTOM SPACE
   KEEP AT THE VERY BOTTOM
   ========================================== */

/* DESKTOP */
.mmx-gallery {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}


/* TABLET */
@media screen and (max-width: 1000px) {
  .mmx-gallery {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* MOBILE */
@media screen and (max-width: 767px) {
  .mmx-gallery {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* SMALL PHONES */
@media screen and (max-width: 450px) {
  .mmx-gallery {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* REMOVE SPACING FROM FOURTHWALL'S OUTER WRAPPER */
section:has(.mmx-gallery),
section:has(.mmx-gallery) > div,
[data-section-id]:has(.mmx-gallery),
[class*="section"]:has(.mmx-gallery) {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}


/* REMOVE MARGIN FROM THE LAST ITEM INSIDE THE SECTION */
.mmx-gallery .mmx-inner,
.mmx-gallery .mmx-copy,
.mmx-gallery .mmx-body,
.mmx-gallery .mmx-slider,
.mmx-gallery .mmx-body > *:last-child {
  margin-bottom: 0 !important;
}
}
#fw-section-rich-text-50d41f81-ecbb-42bf-a82b-26752830aa9f {
--font-heading-scale: 1.0;
--font-body-scale: 0.95;
}
#fw-section-rich-text-50d41f81-ecbb-42bf-a82b-26752830aa9f {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #39393a;
--color-on-background-rgb: 57, 57, 58;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #39393a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #39393a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #39393a;
--secondary-btn-border-color: #39393a;
/* ===== LOAD SEN FONT ===== */
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap");


/* ==========================================
   PLAN YOUR VISIT TEXT SECTION
   ========================================== */

section {
  /* FONT */
  --visit-heading-font: "Sen", Arial, sans-serif;
  --visit-body-font: "Sen", Arial, sans-serif;

  /* TEXT COLORS */
  --visit-heading-color: #39393a;
  --visit-body-color: #39393a;

  /* BULLET COLOR */
  --visit-marker-color: #39393a;

  /* CONTENT WIDTH */
  --visit-content-width: 1300px;

  /* LIST COLUMN SPACING */
  --visit-list-column-gap: 75px;
  --visit-list-row-gap: 30px;

  /* SECTION BACKGROUND */
  --visit-background: #ffffff;

  /* DESKTOP SECTION PADDING */
  --visit-padding-top:90px;
  --visit-padding-right: 40px;
  --visit-padding-bottom: 100px;
  --visit-padding-left: 40px;

  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  padding:
    var(--visit-padding-top)
    var(--visit-padding-right)
    var(--visit-padding-bottom)
    var(--visit-padding-left) !important;

  background-color:
    var(--visit-background) !important;

  display: block !important;

  text-align: left !important;

  box-sizing: border-box !important;
}


section,
section * {
  box-sizing: border-box !important;
}


/* ==========================================
   FOURTHWALL WRAPPER RESET
   ========================================== */

section > *,
section > * > *,
section > * > * > *,
section [class*="container"],
section [class*="content"],
section [class*="wrapper"],
section [class*="text"],
section [class*="rich"] {
  width: 100% !important;

  max-width:
    var(--visit-content-width) !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================
   HEADING
   ========================================== */

section h1,
section h2,
section h3,
section [role="heading"] {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 24px !important;
  margin-left: 0 !important;

  padding: 0 !important;

  font-family:
    var(--visit-heading-font) !important;

  /* DESKTOP HEADING SIZE */
  font-size: 60px !important;

  /* HEADING WEIGHT */
  font-weight: 600 !important;

  line-height: 1.1 !important;
  letter-spacing: 2.5px !important;

  color:
    var(--visit-heading-color) !important;

  -webkit-text-fill-color:
    var(--visit-heading-color) !important;

  text-align: left !important;

  position: static !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;

  transform: none !important;

  background-image: none !important;
}


/* FORCE HEADING COLOR ON INNER SPANS */

section h1 *,
section h2 *,
section h3 *,
section [role="heading"] * {
  color:
    var(--visit-heading-color) !important;

  -webkit-text-fill-color:
    var(--visit-heading-color) !important;

  background-image: none !important;
}


/* ==========================================
   BODY TEXT
   ========================================== */

section p {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 24px !important;
  margin-left: 0 !important;

  padding: 0 !important;

  font-family:
    var(--visit-body-font) !important;

  /* DESKTOP BODY SIZE */
  font-size: 18px !important;

  font-weight: 400 !important;

  line-height: 1.55 !important;
  letter-spacing: 0 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;

  position: static !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;

  transform: none !important;

  background-image: none !important;
}


/* FORCE BODY COLOR ON INNER SPANS */

section p,
section p *,
section [class*="text"] p,
section [class*="text"] p * {
  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  background-image: none !important;
}


/* ==========================================
   MAIN AMENITIES LIST — TWO COLUMNS
   ========================================== */

/*
  This targets only the main list.
  Nested lists remain grouped beneath
  their matching main amenity.
*/

section ul:not(ul ul),
section ol:not(ol ol) {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  column-gap:
    var(--visit-list-column-gap) !important;

  row-gap:
    var(--visit-list-row-gap) !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  padding-left: 25px !important;

  font-family:
    var(--visit-body-font) !important;

  font-size: 18px !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;
}


/* ==========================================
   MAIN AMENITY ITEMS
   ========================================== */

section ul:not(ul ul) > li,
section ol:not(ol ol) > li {
  width: 100% !important;

  margin: 0 !important;
  padding-left: 6px !important;

  font-family:
    var(--visit-body-font) !important;

  font-size: 18px !important;

  /* MAKES MAIN AMENITY NAMES BOLD */
  font-weight: 700 !important;

  line-height: 1.4 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;

  break-inside: avoid !important;
}


/* MAIN BULLET COLOR */

section ul:not(ul ul) > li::marker,
section ol:not(ol ol) > li::marker {
  color:
    var(--visit-marker-color) !important;

  font-weight: 700 !important;
}


/* ==========================================
   SUB-BULLET LISTS
   ========================================== */

section li > ul,
section li > ol {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin-top: 16px !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;

  padding-left: 31px !important;

  font-family:
    var(--visit-body-font) !important;

  font-size: 18px !important;

  /* SUB-BULLETS ARE REGULAR WEIGHT */
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;
}


/* SUB-BULLET ITEMS */

section li > ul > li,
section li > ol > li {
  display: list-item !important;

  width: 100% !important;

  margin: 0 0 14px 0 !important;
  padding-left: 4px !important;

  font-size: 18px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;
}


/* REMOVE SPACE AFTER LAST SUB-BULLET */

section li > ul > li:last-child,
section li > ol > li:last-child {
  margin-bottom: 0 !important;
}


/* SUB-BULLET COLOR */

section li > ul > li::marker,
section li > ol > li::marker {
  color:
    var(--visit-marker-color) !important;

  font-weight: 400 !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  section {
    --visit-padding-top: 50px;
    --visit-padding-right: 25px;
    --visit-padding-bottom: 45px;
    --visit-padding-left: 25px;

    --visit-list-column-gap: 45px;
    --visit-list-row-gap: 26px;
  }


  section h1,
  section h2,
  section h3,
  section [role="heading"] {
    font-size: 48px !important;
  }


  section p,
  section ul:not(ul ul),
  section ol:not(ol ol),
  section ul:not(ul ul) > li,
  section ol:not(ol ol) > li,
  section li > ul,
  section li > ol,
  section li > ul > li,
  section li > ol > li {
    font-size: 17px !important;
  }
}


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

@media screen and (max-width: 767px) {

  section {
    --visit-content-width: 100%;

    --visit-padding-top: 38px;
    --visit-padding-right: 20px;
    --visit-padding-bottom: 35px;
    --visit-padding-left: 20px;
  }


  section h1,
  section h2,
  section h3,
  section [role="heading"] {
    font-size: 34px !important;

    line-height: 1.12 !important;
    letter-spacing: 1px !important;

    margin-bottom: 18px !important;

    text-align: left !important;
  }


  section p {
    font-size: 16px !important;

    line-height: 1.5 !important;

    text-align: left !important;
  }


  /*
    RETURN THE MAIN LIST TO ONE COLUMN
    ON MOBILE
  */

  section ul:not(ul ul),
  section ol:not(ol ol) {
    grid-template-columns: 1fr !important;

    row-gap: 24px !important;

    padding-left: 23px !important;

    font-size: 16px !important;
  }


  section ul:not(ul ul) > li,
  section ol:not(ol ol) > li {
    font-size: 16px !important;
  }


  section li > ul,
  section li > ol {
    padding-left: 27px !important;

    font-size: 16px !important;
  }


  section li > ul > li,
  section li > ol > li {
    margin-bottom: 11px !important;

    font-size: 16px !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  section {
    --visit-padding-top: 32px;
    --visit-padding-right: 35px;
    --visit-padding-bottom: 60px;
    --visit-padding-left: 35px;
  }


  section h1,
  section h2,
  section h3,
  section [role="heading"] {
    font-size: 30px !important;
  }


  section p,
  section ul:not(ul ul),
  section ol:not(ol ol),
  section ul:not(ul ul) > li,
  section ol:not(ol ol) > li,
  section li > ul,
  section li > ol,
  section li > ul > li,
  section li > ol > li {
    font-size: 15px !important;
  }
}

/* ==========================================
   DESKTOP AMENITIES COLUMN PLACEMENT
   ========================================== */

@media screen and (min-width: 768px) {

  /* PARTY BARN — LEFT COLUMN, ROW 1 */
  section ul:not(ul ul) > li:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }


  /* ANIMAL INTERACTION — LEFT COLUMN, ROW 2 */
  section ul:not(ul ul) > li:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }


  /* COVERED WAGON RIDE — RIGHT COLUMN, ROW 1 */
  section ul:not(ul ul) > li:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }


  /* COMMERCIAL BOUNCE HOUSE — RIGHT COLUMN */
section ul:not(ul ul) > li:nth-child(4) {
  grid-column: 2 !important;
  grid-row: 2 !important;

  align-self: start !important;
}


/* CORN PIT — DIRECTLY UNDER BOUNCE HOUSE */
section ul:not(ul ul) > li:nth-child(5) {
  grid-column: 2 !important;
  grid-row: 2 !important;

  align-self: start !important;

  /* EDIT THIS TO CONTROL THE SPACE */
  margin-top: 40px !important;
}

}
}
#fw-section-rich-text-a0f64d43-e9fe-4fc3-ad98-d294991fd8e9 {
--font-heading-scale: 1.0;
--font-body-scale: 0.95;
}
#fw-section-rich-text-a0f64d43-e9fe-4fc3-ad98-d294991fd8e9 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #39393a;
--color-on-background-rgb: 57, 57, 58;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #39393a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #39393a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #39393a;
--secondary-btn-border-color: #39393a;
/* ===== LOAD SEN FONT ===== */
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap");


/* ==========================================
   PLAN YOUR VISIT TEXT SECTION
   ========================================== */

section {
  /* FONT */
  --visit-heading-font: "Sen", Arial, sans-serif;
  --visit-body-font: "Sen", Arial, sans-serif;

  /* TEXT COLORS */
  --visit-heading-color: #39393a;
  --visit-body-color: #39393a;

  /* BULLET COLOR */
  --visit-marker-color: #39393a;

  /* CONTENT WIDTH */
  --visit-content-width: 1300px;

  /* LIST COLUMN SPACING */
  --visit-list-column-gap: 75px;
  --visit-list-row-gap: 30px;

  /* SECTION BACKGROUND */
  --visit-background: #ffffff;

  /* DESKTOP SECTION PADDING */
  --visit-padding-top:0px;
  --visit-padding-right: 40px;
  --visit-padding-bottom: 50px;
  --visit-padding-left: 40px;

  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  padding:
    var(--visit-padding-top)
    var(--visit-padding-right)
    var(--visit-padding-bottom)
    var(--visit-padding-left) !important;

  background-color:
    var(--visit-background) !important;

  display: block !important;

  text-align: left !important;

  box-sizing: border-box !important;
}


section,
section * {
  box-sizing: border-box !important;
}


/* ==========================================
   FOURTHWALL WRAPPER RESET
   ========================================== */

section > *,
section > * > *,
section > * > * > *,
section [class*="container"],
section [class*="content"],
section [class*="wrapper"],
section [class*="text"],
section [class*="rich"] {
  width: 100% !important;

  max-width:
    var(--visit-content-width) !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================
   HEADING
   ========================================== */

section h1,
section h2,
section h3,
section [role="heading"] {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 24px !important;
  margin-left: 0 !important;

  padding: 0 !important;

  font-family:
    var(--visit-heading-font) !important;

  /* DESKTOP HEADING SIZE */
  font-size: 60px !important;

  /* HEADING WEIGHT */
  font-weight: 600 !important;

  line-height: 1.1 !important;
  letter-spacing: 2.5px !important;

  color:
    var(--visit-heading-color) !important;

  -webkit-text-fill-color:
    var(--visit-heading-color) !important;

  text-align: left !important;

  position: static !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;

  transform: none !important;

  background-image: none !important;
}


/* FORCE HEADING COLOR ON INNER SPANS */

section h1 *,
section h2 *,
section h3 *,
section [role="heading"] * {
  color:
    var(--visit-heading-color) !important;

  -webkit-text-fill-color:
    var(--visit-heading-color) !important;

  background-image: none !important;
}


/* ==========================================
   BODY TEXT
   ========================================== */

section p {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 24px !important;
  margin-left: 0 !important;

  padding: 0 !important;

  font-family:
    var(--visit-body-font) !important;

  /* DESKTOP BODY SIZE */
  font-size: 18px !important;

  font-weight: 400 !important;

  line-height: 1.55 !important;
  letter-spacing: 0 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;

  position: static !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;

  transform: none !important;

  background-image: none !important;
}


/* FORCE BODY COLOR ON INNER SPANS */

section p,
section p *,
section [class*="text"] p,
section [class*="text"] p * {
  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  background-image: none !important;
}


/* ==========================================
   MAIN AMENITIES LIST — TWO COLUMNS
   ========================================== */

/*
  This targets only the main list.
  Nested lists remain grouped beneath
  their matching main amenity.
*/

section ul:not(ul ul),
section ol:not(ol ol) {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  column-gap:
    var(--visit-list-column-gap) !important;

  row-gap:
    var(--visit-list-row-gap) !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  padding-left: 25px !important;

  font-family:
    var(--visit-body-font) !important;

  font-size: 18px !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;
}


/* ==========================================
   MAIN AMENITY ITEMS
   ========================================== */

section ul:not(ul ul) > li,
section ol:not(ol ol) > li {
  width: 100% !important;

  margin: 0 !important;
  padding-left: 6px !important;

  font-family:
    var(--visit-body-font) !important;

  font-size: 18px !important;

  /* MAKES MAIN AMENITY NAMES BOLD */
  font-weight: 700 !important;

  line-height: 1.4 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;

  break-inside: avoid !important;
}


/* MAIN BULLET COLOR */

section ul:not(ul ul) > li::marker,
section ol:not(ol ol) > li::marker {
  color:
    var(--visit-marker-color) !important;

  font-weight: 700 !important;
}


/* ==========================================
   SUB-BULLET LISTS
   ========================================== */

section li > ul,
section li > ol {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin-top: 16px !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;

  padding-left: 31px !important;

  font-family:
    var(--visit-body-font) !important;

  font-size: 18px !important;

  /* SUB-BULLETS ARE REGULAR WEIGHT */
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;
}


/* SUB-BULLET ITEMS */

section li > ul > li,
section li > ol > li {
  display: list-item !important;

  width: 100% !important;

  margin: 0 0 14px 0 !important;
  padding-left: 4px !important;

  font-size: 18px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--visit-body-color) !important;

  -webkit-text-fill-color:
    var(--visit-body-color) !important;

  text-align: left !important;
}


/* REMOVE SPACE AFTER LAST SUB-BULLET */

section li > ul > li:last-child,
section li > ol > li:last-child {
  margin-bottom: 0 !important;
}


/* SUB-BULLET COLOR */

section li > ul > li::marker,
section li > ol > li::marker {
  color:
    var(--visit-marker-color) !important;

  font-weight: 400 !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  section {
    --visit-padding-top: 50px;
    --visit-padding-right: 25px;
    --visit-padding-bottom: 45px;
    --visit-padding-left: 25px;

    --visit-list-column-gap: 45px;
    --visit-list-row-gap: 26px;
  }


  section h1,
  section h2,
  section h3,
  section [role="heading"] {
    font-size: 48px !important;
  }


  section p,
  section ul:not(ul ul),
  section ol:not(ol ol),
  section ul:not(ul ul) > li,
  section ol:not(ol ol) > li,
  section li > ul,
  section li > ol,
  section li > ul > li,
  section li > ol > li {
    font-size: 17px !important;
  }
}


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

@media screen and (max-width: 767px) {

  section {
    --visit-content-width: 100%;

    --visit-padding-top: 10px;
    --visit-padding-right: 20px;
    --visit-padding-bottom: 15px;
    --visit-padding-left: 20px;
  }


  section h1,
  section h2,
  section h3,
  section [role="heading"] {
    font-size: 34px !important;

    line-height: 1.12 !important;
    letter-spacing: 1px !important;

    margin-bottom: 18px !important;

    text-align: left !important;
  }


  section p {
    font-size: 16px !important;

    line-height: 1.5 !important;

    text-align: left !important;
  }


  /*
    RETURN THE MAIN LIST TO ONE COLUMN
    ON MOBILE
  */

  section ul:not(ul ul),
  section ol:not(ol ol) {
    grid-template-columns: 1fr !important;

    row-gap: 24px !important;

    padding-left: 23px !important;

    font-size: 16px !important;
  }


  section ul:not(ul ul) > li,
  section ol:not(ol ol) > li {
    font-size: 16px !important;
  }


  section li > ul,
  section li > ol {
    padding-left: 27px !important;

    font-size: 16px !important;
  }


  section li > ul > li,
  section li > ol > li {
    margin-bottom: 11px !important;

    font-size: 16px !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  section {
    --visit-padding-top: 10px;
    --visit-padding-right: 35px;
    --visit-padding-bottom: 20px;
    --visit-padding-left: 35px;
  }


  section h1,
  section h2,
  section h3,
  section [role="heading"] {
    font-size: 30px !important;
  }


  section p,
  section ul:not(ul ul),
  section ol:not(ol ol),
  section ul:not(ul ul) > li,
  section ol:not(ol ol) > li,
  section li > ul,
  section li > ol,
  section li > ul > li,
  section li > ol > li {
    font-size: 15px !important;
  }
}

/* ==========================================
   DESKTOP AMENITIES COLUMN PLACEMENT
   ========================================== */

@media screen and (min-width: 768px) {

  /* PARTY BARN — LEFT COLUMN, ROW 1 */
  section ul:not(ul ul) > li:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }


  /* ANIMAL INTERACTION — LEFT COLUMN, ROW 2 */
  section ul:not(ul ul) > li:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }


  /* COVERED WAGON RIDE — RIGHT COLUMN, ROW 1 */
  section ul:not(ul ul) > li:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }


  /* COMMERCIAL BOUNCE HOUSE — RIGHT COLUMN */
section ul:not(ul ul) > li:nth-child(4) {
  grid-column: 2 !important;
  grid-row: 2 !important;

  align-self: start !important;
}


/* CORN PIT — DIRECTLY UNDER BOUNCE HOUSE */
section ul:not(ul ul) > li:nth-child(5) {
  grid-column: 2 !important;
  grid-row: 2 !important;

  align-self: start !important;

  /* EDIT THIS TO CONTROL THE SPACE */
  margin-top: 40px !important;
}

}
}
#fw-section-custom-html-e807a20a-203d-467e-a313-51d84a068586 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}

#fw-section-custom-html-94285995-f08b-4c1d-8395-8937458cd990 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}
#fw-section-custom-html-0cc222c6-5821-4eb7-9d2e-8966888c4909 {

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap");


/* ==========================================
   PHOTO ALBUM — MAIN CONTROLS
   ========================================== */

.mm-photo-album {
  /*
    10 PHOTOS = 1 PAGE
    20 PHOTOS = 2 PAGES
    30 PHOTOS = 3 PAGES
  */

  --album-total-photos: 30;

  /* COLORS */
  --album-background: #ffffff;
  --album-text-color: #39393a;

  --album-arrow-background: #ffffff;
  --album-arrow-hover: #ffffff;
  --album-arrow-color: #39393a;

  /* LAYOUT */
  --album-content-width: 1450px;
  --album-photo-gap: 22px;
  --album-row-height: 220px;
  --album-photo-radius: 0px;

  /* DESKTOP SECTION PADDING */
  --album-padding-top: 10px;
  --album-padding-right: 35px;
  --album-padding-bottom: 0px;
  --album-padding-left: 35px;

  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  padding:
    var(--album-padding-top)
    var(--album-padding-right)
    var(--album-padding-bottom)
    var(--album-padding-left) !important;

  background:
    var(--album-background) !important;

  box-sizing: border-box !important;
}


.mm-photo-album,
.mm-photo-album * {
  box-sizing: border-box !important;
}


/* ==========================================
   PHOTO UPLOADS AND CROP POSITIONS

   ADD AN IMAGE:

   --photo-image: url("YOUR IMAGE URL");

   LEAVE A FRAME EMPTY:

   --photo-image: none;

   CROP POSITION EXAMPLES:

   50% 50% = centered
   50% 10% = show more of the top
   50% 90% = show more of the bottom
   10% 50% = show more of the left
   90% 50% = show more of the right
   ========================================== */


/* ==========================================
   PAGE 1 — PHOTOS 1 THROUGH 10
   ========================================== */


/* ===== PHOTO 1 ===== */

.mm-photo-album-photo[data-photo="1"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994935/537706659_10231000498619414_1980322152980075011_n_y4lthl.jpg");

  --photo-position: 50% 50%;
  --photo-label: "Farm photo 1";
}


/* ===== PHOTO 2 ===== */

.mm-photo-album-photo[data-photo="2"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785098317/506862073_10236352249767532_4254757898407481506_n_e9nqfk.jpg");

  --photo-position: 50% 30%;
  --photo-label: "Farm photo 2";
}


/* ===== PHOTO 3 ===== */

.mm-photo-album-photo[data-photo="3"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785008727/742060085_122104128933387031_352780664567385699_n_bai7ga.jpg");

  --photo-position: 50% 55%;
  --photo-label: "Farm photo 3";
}


/* ===== PHOTO 4 ===== */

.mm-photo-album-photo[data-photo="4"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785008734/742405970_122104128447387031_4833152381225455859_n_dyzpj4.jpg");

  --photo-position: 50% 50%;
  --photo-label: "Farm photo 4";
}


/* ===== PHOTO 5 — TALL CENTER FRAME ===== */

.mm-photo-album-photo[data-photo="5"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994934/537584215_10231000497859395_3633925728259889583_n_vmpx1z.jpg");

  --photo-position: 50% 40%;
  --photo-label: "Farm photo 5";
}


/* ===== PHOTO 6 ===== */

.mm-photo-album-photo[data-photo="6"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994933/536280993_10231000503299531_8754007936035526240_n_foksob.jpg");

  --photo-position: 50% 50%;
  --photo-label: "Farm photo 6";
}


/* ===== PHOTO 7 ===== */

.mm-photo-album-photo[data-photo="7"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994937/644526701_10233198849696817_6452207709796483517_n_pv7sh1.jpg");

  --photo-position: 50% 20%;
  --photo-label: "Farm photo 7";
}


/* ===== PHOTO 8 — TALL RIGHT FRAME ===== */

.mm-photo-album-photo[data-photo="8"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994938/644232156_10233198846736743_6036353157002339882_n_ocbz7s.jpg");

  --photo-position: 50% 40%;
  --photo-label: "Farm photo 8";
}


/* ===== PHOTO 9 — NORMAL BOTTOM-LEFT FRAME ===== */

.mm-photo-album-photo[data-photo="9"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994934/537343742_10231000497459385_7738108656661274118_n_gp9rs3.jpg");

  --photo-position: 50% 25%;
  --photo-label: "Farm photo 9";
}


/* ===== PHOTO 10 — NORMAL BOTTOM-CENTER FRAME ===== */

.mm-photo-album-photo[data-photo="10"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994930/488308080_1140680851408892_6446771721357777649_n_ydftao.jpg");

  --photo-position: 50% 65%;
  --photo-label: "Farm photo 10";
}


/* ==========================================
   PAGE 2 — PHOTOS 11 THROUGH 20
   ========================================== */


/* ===== PHOTO 11 ===== */

.mm-photo-album-photo[data-photo="11"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785098310/503882878_10227538252458730_8013309639105246553_n_znwghz.jpg");

  --photo-position: 50% 50%;
  --photo-label: "Farm photo 11";
}


/* ===== PHOTO 12 ===== */

.mm-photo-album-photo[data-photo="12"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785008709/740812384_122104129443387031_5467594931711316527_n_vq7y7h.jpg");

  --photo-position: 50% 35%;
  --photo-label: "Farm photo 12";
}


/* ===== PHOTO 13 ===== */

.mm-photo-album-photo[data-photo="13"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785098314/504421259_10227538253938767_1597610103903216985_n_vmukqa.jpg");

  --photo-position: 50% 40%;
  --photo-label: "Farm photo 13";
}


/* ===== PHOTO 14 ===== */

.mm-photo-album-photo[data-photo="14"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785098319/748106813_122110096095387031_6488883483883132426_n_ws3c3b.jpg");

  --photo-position: 50% 70%;
  --photo-label: "Farm photo 14";
}


/* ===== PHOTO 15 — TALL CENTER FRAME ===== */

.mm-photo-album-photo[data-photo="15"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994937/644512766_10233198848136778_6017809449886755875_n_e9it98.jpg");

  --photo-position: 50% 50%;
  --photo-label: "Farm photo 15";
}


/* ===== PHOTO 16 ===== */

.mm-photo-album-photo[data-photo="16"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994932/536280160_10231000503779543_7174583564239013038_n_nnb0sv.jpg");

  --photo-position: 50% 35%;
  --photo-label: "Farm photo 16";
}


/* ===== PHOTO 17 ===== */

.mm-photo-album-photo[data-photo="17"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785098312/504121489_10227538254098771_3302322907320684415_n_nrwyyx.jpg");

  --photo-position: 50% 50%;
  --photo-label: "Farm photo 17";
}


/* ===== PHOTO 18 — TALL RIGHT FRAME ===== */

.mm-photo-album-photo[data-photo="18"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994936/538526305_10231000500299456_3292128545686817472_n_zjcgrl.jpg");

  --photo-position: 50% 30%;
  --photo-label: "Farm photo 18";
}


/* ===== PHOTO 19 ===== */

.mm-photo-album-photo[data-photo="19"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785008726/741446917_122104129143387031_6015385699990356111_n_si7m0a.jpg");

  --photo-position: 50% 20%;
  --photo-label: "Farm photo 19";
}


/* ===== PHOTO 20 ===== */

.mm-photo-album-photo[data-photo="20"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994936/643880750_10233198845496712_4004999185337379494_n_pu4pbv.jpg");

  --photo-position: 50% 25%;
  --photo-label: "Farm photo 20";
}

/* ===== PHOTO 21 ===== */

.mm-photo-album-photo[data-photo="21"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994930/449066376_18438271414018387_1186297263040410390_n_wrfdv2.jpg");
  --photo-position: 50% 50%;
  --photo-label: "Farm photo 21";
}

/* ===== PHOTO 22 ===== */

.mm-photo-album-photo[data-photo="22"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994932/536280147_10231000500859470_3649303435702378344_n_uhmf9e.jpg");
  --photo-position: 50% 35%;
  --photo-label: "Farm photo 22";
}


/* ===== PHOTO 23 ===== */

.mm-photo-album-photo[data-photo="23"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994933/537313192_10231000495379333_1456681916518699726_n_ntxgk0.jpg");
  --photo-position: 50% 50%;
  --photo-label: "Farm photo 23";
}


/* ===== PHOTO 24 ===== */

.mm-photo-album-photo[data-photo="24"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994936/643786100_10233198847496762_1305793769842158080_n_fvuioh.jpg");
  --photo-position: 50% 50%;
  --photo-label: "Farm photo 24";
}


/* ===== PHOTO 25 ===== */

.mm-photo-album-photo[data-photo="25"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785098315/506445822_3046595472170535_8025356918427421788_n_r2eup4.jpg");
  --photo-position: 50% 50%;
  --photo-label: "Farm photo 25";
}


/* ===== PHOTO 26 ===== */

.mm-photo-album-photo[data-photo="26"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994930/502900375_10237625904417116_5865179616299243031_n_jt44f4.jpg");
  --photo-position: 50% 50%;
  --photo-label: "Farm photo 26";
}


/* ===== PHOTO 27 ===== */

.mm-photo-album-photo[data-photo="27"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994936/538270000_10231000493219279_5454729279678364123_n_nwh1x1.jpg");
  --photo-position: 50% 45%;
  --photo-label: "Farm photo 27";
}


/* ===== PHOTO 28 ===== */

.mm-photo-album-photo[data-photo="28"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1785008736/743163725_122104128897387031_6192489265382021949_n_lozcwf.jpg");
  --photo-position: 50% 50%;
  --photo-label: "Farm photo 28";
}


/* ===== PHOTO 29 ===== */

.mm-photo-album-photo[data-photo="29"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994934/537417645_10231000497179378_5478725214356263934_n_aiolld.jpg");
  --photo-position: 50% 40%;
  --photo-label: "Farm photo 29";
}


/* ===== PHOTO 30 ===== */

.mm-photo-album-photo[data-photo="30"] {
  --photo-image: url("https://res.cloudinary.com/jwezcmg6/image/upload/v1784994935/538000905_10231000494379308_9074978371187704831_n_lknjhs.jpg");
  --photo-position: 50% 30%;
  --photo-label: "Farm photo 30";
}

/* ==========================================
   INNER CONTAINER
   ========================================== */

.mm-photo-album-inner {
  width: 100% !important;

  max-width:
    var(--album-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;
}


/* ==========================================
   HEADING
   ========================================== */

.mm-photo-album-heading {
  width: 100% !important;

  margin: 0 0 32px !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 52px !important;
  font-weight: 650 !important;

  line-height: 1.1 !important;
  letter-spacing: 1px !important;

  color:
    var(--album-text-color) !important;

  -webkit-text-fill-color:
    var(--album-text-color) !important;

  text-align: center !important;
}


.mm-photo-album-heading:empty {
  display: none !important;
}


/* ==========================================
   DESKTOP MISMATCHED GALLERY GRID

   1   2   3
   4   5   6
   7   5   8
   9  10   8

   Frame 5 remains tall.
   Frame 8 remains tall.
   Frames 9 and 10 are separate.
   ========================================== */

.mm-photo-album-page {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  grid-template-rows:
    repeat(4, var(--album-row-height)) !important;

  grid-template-areas:
    "photo1 photo2 photo3"
    "photo4 photo5 photo6"
    "photo7 photo5 photo8"
    "photo9 photo10 photo8" !important;

  gap:
    var(--album-photo-gap) !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


.mm-photo-album-page[hidden] {
  display: none !important;
}


/* ==========================================
   PHOTO FRAME GRID POSITIONS
   ========================================== */

.mm-photo-album-photo:nth-child(1) {
  grid-area: photo1;
}


.mm-photo-album-photo:nth-child(2) {
  grid-area: photo2;
}


.mm-photo-album-photo:nth-child(3) {
  grid-area: photo3;
}


.mm-photo-album-photo:nth-child(4) {
  grid-area: photo4;
}


.mm-photo-album-photo:nth-child(5) {
  grid-area: photo5;
}


.mm-photo-album-photo:nth-child(6) {
  grid-area: photo6;
}


.mm-photo-album-photo:nth-child(7) {
  grid-area: photo7;
}


.mm-photo-album-photo:nth-child(8) {
  grid-area: photo8;
}


.mm-photo-album-photo:nth-child(9) {
  grid-area: photo9;
}


.mm-photo-album-photo:nth-child(10) {
  grid-area: photo10;
}


/* ==========================================
   PHOTO FRAMES
   ========================================== */

.mm-photo-album-photo {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 0 !important;

  border-radius:
    var(--album-photo-radius) !important;

  background: #e8e5df !important;

  appearance: none !important;

  cursor: zoom-in !important;
}


/* ACTUAL PHOTO INSIDE FRAME */

.mm-photo-album-photo::before {
  content: "";

  position: absolute !important;

  inset: 0 !important;

  z-index: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  background-image:
    var(--photo-image, none) !important;

  background-repeat:
    no-repeat !important;

  background-size:
    cover !important;

  background-position:
    var(--photo-position, 50% 50%) !important;

  transform:
    scale(1) !important;

  transition:
    transform 0.35s ease !important;
}


.mm-photo-album-photo.has-photo:hover::before {
  transform:
    scale(1.025) !important;
}


.mm-photo-album-photo:disabled {
  opacity: 1 !important;

  cursor: default !important;
}


/* ==========================================
   EMPTY IMAGE PLACEHOLDERS
   ========================================== */

.mm-photo-album-placeholder {
  position: relative !important;

  z-index: 2 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  padding: 20px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 600 !important;

  color: #747474 !important;

  -webkit-text-fill-color:
    #747474 !important;

  text-align: center !important;
}


/* ==========================================
   BOTTOM PAGE NAVIGATION
   ========================================== */

.mm-photo-album-navigation {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 18px !important;

  width: 100% !important;

  margin: 30px 0 0 !important;
  padding: 0 !important;
}


.mm-photo-album-arrow {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 48px !important;
  height: 48px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background:
    var(--album-arrow-background) !important;

  color:
    var(--album-arrow-color) !important;

  -webkit-text-fill-color:
    var(--album-arrow-color) !important;

  font-family:
    Arial,
    sans-serif !important;

  font-size: 25px !important;
  line-height: 1 !important;

  cursor: pointer !important;

  transition:
    background 0.2s ease,
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-photo-album-arrow:hover {
  background:
    var(--album-arrow-hover) !important;

  transform:
    scale(1.06) !important;
}


.mm-photo-album-arrow:disabled {
  opacity: 0.35 !important;

  cursor: default !important;

  transform: none !important;
}


.mm-photo-album-count {
  min-width: 65px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 650 !important;

  color:
    var(--album-text-color) !important;

  -webkit-text-fill-color:
    var(--album-text-color) !important;

  text-align: center !important;
}


/* ==========================================
   LIGHTBOX
   ========================================== */

.mm-photo-album-lightbox {
  position: fixed !important;

  inset: 0 !important;

  z-index: 999999 !important;

  display: none !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 30px !important;

  background:
    rgba(0, 0, 0, 0.92) !important;
}


.mm-photo-album-lightbox.is-open {
  display: flex !important;
}


.mm-photo-album-lightbox-image {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 92vw !important;
  max-height: 86vh !important;

  object-fit: contain !important;
}


.mm-photo-album-close,
.mm-photo-album-lightbox-arrow {
  position: fixed !important;

  z-index: 20 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 48px !important;
  height: 48px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background: #ffffff !important;

  color: #222222 !important;

  -webkit-text-fill-color:
    #222222 !important;

  cursor: pointer !important;
}


.mm-photo-album-close {
  top: 20px !important;
  right: 20px !important;

  font-size: 30px !important;
}


.mm-photo-album-lightbox-arrow {
  top: 50% !important;

  font-size: 24px !important;

  transform:
    translateY(-50%) !important;
}


.mm-photo-album-lightbox-prev {
  left: 20px !important;
}


.mm-photo-album-lightbox-next {
  right: 20px !important;
}


body.mm-photo-album-no-scroll {
  overflow: hidden !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-photo-album {
    --album-photo-gap: 16px;
    --album-row-height: 180px;

    /* TABLET PADDING */
    --album-padding-top: 45px;
    --album-padding-right: 24px;
    --album-padding-bottom: 40px;
    --album-padding-left: 24px;
  }


  .mm-photo-album-heading {
    font-size: 43px !important;
  }

}


/* ==========================================
   MOBILE MISMATCHED GRID

   1   2
   3   3
   4   5
   6   5
   7   8
   9  10
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-photo-album {
    --album-photo-gap: 12px;

    /* MOBILE PADDING */
    --album-padding-top: 35px;
    --album-padding-right: 18px;
    --album-padding-bottom: 35px;
    --album-padding-left: 18px;
  }


  .mm-photo-album-heading {
    margin-bottom: 24px !important;

    font-size: 34px !important;
  }


  .mm-photo-album-page {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    grid-template-rows:
      145px
      175px
      145px
      145px
      145px
      145px !important;

    grid-template-areas:
      "photo1 photo2"
      "photo3 photo3"
      "photo4 photo5"
      "photo6 photo5"
      "photo7 photo8"
      "photo9 photo10" !important;
  }


  .mm-photo-album-navigation {
    margin-top: 24px !important;
  }


  .mm-photo-album-arrow {
    width: 44px !important;
    height: 44px !important;
  }


  .mm-photo-album-lightbox-arrow {
    width: 42px !important;
    height: 42px !important;
  }


  .mm-photo-album-lightbox-prev {
    left: 8px !important;
  }


  .mm-photo-album-lightbox-next {
    right: 8px !important;
  }

}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-photo-album {
    --album-photo-gap: 9px;

    /* SMALL-PHONE PADDING */
    --album-padding-top: 28px;
    --album-padding-right: 12px;
    --album-padding-bottom: 28px;
    --album-padding-left: 12px;
  }


  .mm-photo-album-heading {
    font-size: 30px !important;
  }


  .mm-photo-album-page {
    grid-template-rows:
      125px
      155px
      125px
      125px
      125px
      125px !important;
  }

}
}
#fw-section-custom-html-80eb3dda-77aa-4222-9581-0c410b439c84 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}
#fw-section-rich-text-178457020093353 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-custom-html-dff713af-5846-4d45-a035-43535b380c93 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}

#fw-section-custom-html-3b6b55ab-b107-4fdd-9213-4e7ef644f0c1 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}
#fw-section-custom-html-655842a6-b2ef-4fb0-ac7a-36d35127d94f {

/* =========================================
   MOO MOO'S FARM CONTACT SECTION
========================================= */

.mm-contact-section {
  /* =======================================
     COLORS
  ======================================= */

  --mm-contact-background: #ffffff;
  --mm-contact-text: #39393a;
  --mm-contact-accent: #ec1f25;
  --mm-contact-field: #e8e9eb;
  --mm-contact-border: #c9c9b3;
  --mm-contact-white: #ffffff;


  /* =======================================
     DESKTOP SECTION PADDING
  ======================================= */

  --mm-padding-top: 70px;
  --mm-padding-right: 45px;
  --mm-padding-bottom: 40px;
  --mm-padding-left: 45px;


  /* =======================================
     TABLET SECTION PADDING
  ======================================= */

  --mm-tablet-padding-top: 60px;
  --mm-tablet-padding-right: 30px;
  --mm-tablet-padding-bottom: 60px;
  --mm-tablet-padding-left: 30px;


  /* =======================================
     MOBILE SECTION PADDING
  ======================================= */

  --mm-mobile-padding-top: 48px;
  --mm-mobile-padding-right: 20px;
  --mm-mobile-padding-bottom: 48px;
  --mm-mobile-padding-left: 20px;


  /* =======================================
     LAYOUT CONTROLS
  ======================================= */

  --mm-content-width: 1500px;

  /* Space between form and information */
  --mm-column-gap: 100px;

  /* Right contact-information width */
  --mm-info-width: 430px;


  width: 100%;
  margin: 0;

  padding:
    var(--mm-padding-top)
    var(--mm-padding-right)
    var(--mm-padding-bottom)
    var(--mm-padding-left) !important;

  background: var(--mm-contact-background);

  box-sizing: border-box;
  overflow: hidden;
}

.mm-contact-section *,
.mm-contact-section *::before,
.mm-contact-section *::after {
  box-sizing: border-box;
}


/* =========================================
   MAIN TWO-COLUMN LAYOUT
========================================= */

.mm-contact-container {
  width: 100%;
  max-width: var(--mm-content-width);

  margin: 0 auto;

  display: grid;

  /*
    LEFT = CONTACT FORM
    RIGHT = CONTACT INFORMATION
  */
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(300px, 0.7fr);

  align-items: center;

  gap: var(--mm-column-gap);
}


/* =========================================
   LEFT FORM AREA
========================================= */

.mm-contact-form-area {
  width: 100%;
  min-width: 0;
}


/* =========================================
   CONTACT US HEADING
========================================= */

.mm-contact-section .mm-contact-title {
  margin: 0 0 20px !important;
  padding: 0 !important;

  color: var(--mm-contact-accent) !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  /* EDIT DESKTOP HEADING SIZE */
  font-size: clamp(52px, 6vw, 92px) !important;

  font-weight: 600 !important;
  line-height: 0.95 !important;
  letter-spacing: 1px !important;

  text-align: left !important;
  text-transform: uppercase !important;
}


/* =========================================
   INTRO PARAGRAPH
========================================= */

.mm-contact-section .mm-contact-intro {
  width: 100%;
  max-width: 760px;

  margin: 0 0 30px !important;

  color: var(--mm-contact-text) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* EDIT INTRO SIZE */
  font-size: 17px !important;

  font-weight: 400 !important;
  line-height: 1.65 !important;
}


/* =========================================
   FORM
========================================= */

.mm-contact-form {
  width: 100%;
  margin: 0;
  padding: 0;
}

.mm-form-group {
  width: 100%;

  /* SPACE BELOW EACH FIELD */
  margin-bottom: 19px;
}


/* =========================================
   FORM LABELS
========================================= */

.mm-contact-section .mm-form-group label {
  display: block;

  margin: 0 0 8px !important;

  color: var(--mm-contact-accent) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* EDIT LABEL SIZE */
  font-size: 16px !important;

  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.mm-contact-section .mm-form-group label span {
  display: inline;

  color: var(--mm-contact-accent) !important;
}


/* =========================================
   FORM FIELDS
========================================= */

.mm-contact-section .mm-form-group input,
.mm-contact-section .mm-form-group textarea {
  display: block;

  width: 100%;
  margin: 0;

  padding: 15px 17px !important;

  background: var(--mm-contact-field) !important;

  border:
    1px solid
    var(--mm-contact-border) !important;

  /* EDIT FIELD CORNER ROUNDING */
  border-radius: 7px !important;

  color: var(--mm-contact-text) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* EDIT FIELD TEXT SIZE */
  font-size: 17px !important;

  font-weight: 400 !important;
  line-height: 1.4 !important;

  outline: none !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.mm-contact-section .mm-form-group input {
  /* EDIT INPUT HEIGHT */
  height: 54px !important;
}

.mm-contact-section .mm-form-group textarea {
  /* EDIT MESSAGE BOX HEIGHT */
  min-height: 155px !important;

  resize: vertical;
}


/* =========================================
   PLACEHOLDER TEXT
========================================= */

.mm-contact-section .mm-form-group input::placeholder,
.mm-contact-section .mm-form-group textarea::placeholder {
  color: var(--mm-contact-text) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 17px !important;
  font-weight: 400 !important;

  opacity: 0.62;
}


/* =========================================
   FIELD FOCUS
========================================= */

.mm-contact-section .mm-form-group input:focus,
.mm-contact-section .mm-form-group textarea:focus {
  background: var(--mm-contact-white) !important;

  border-color: var(--mm-contact-text) !important;

  box-shadow:
    0 0 0 3px
    rgba(57, 57, 58, 0.12) !important;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.mm-contact-section .mm-contact-button {
  display: block;

  /* EDIT BUTTON WIDTH */
  width: 50%;
  min-width: 280px;

  margin: 10px auto 0 !important;
  padding: 15px 28px !important;

  background: var(--mm-contact-text) !important;

  border:
    2px solid
    var(--mm-contact-text) !important;

  border-radius: 100px !important;

  color: var(--mm-contact-white) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;

  text-align: center !important;

  cursor: pointer;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease,
    transform 0.2s ease;
}

.mm-contact-section .mm-contact-button:hover {
  background: transparent !important;
  color: var(--mm-contact-text) !important;
}

.mm-contact-section .mm-contact-button:active {
  transform: scale(0.98);
}

.mm-contact-section .mm-contact-button:disabled {
  cursor: wait;
  opacity: 0.65;
}


/* =========================================
   SUCCESS MESSAGE
========================================= */

.mm-contact-section .mm-success-message {
  display: none;

  width: 100%;

  margin: 22px 0 0 !important;
  padding: 15px 18px !important;

  background: rgba(57, 57, 58, 0.08) !important;

  border:
    1px solid
    rgba(57, 57, 58, 0.3) !important;

  border-radius: 7px !important;

  color: var(--mm-contact-text) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  text-align: center !important;
}

.mm-contact-section
.mm-success-message.mm-message-visible {
  display: block;
}


/* =========================================
   RIGHT CONTACT INFORMATION
========================================= */

.mm-contact-info {
  width: 100%;
  max-width: var(--mm-info-width);

  justify-self: end;

  display: flex;
  flex-direction: column;

  /* SPACE BETWEEN PHONE, EMAIL, ADDRESS */
  gap: 38px;
}

.mm-contact-item {
  display: flex;
  align-items: center;

  /* SPACE BETWEEN ICON AND TEXT */
  gap: 20px;

  color: var(--mm-contact-text);
}

.mm-address-item {
  align-items: flex-start;
}


/* =========================================
   CONTACT ICONS
========================================= */

.mm-contact-icon {
  width: 40px;
  min-width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--mm-contact-text);
}

.mm-contact-icon svg {
  display: block;

  width: 34px;
  height: 34px;

  fill: none;
  stroke: currentColor;

  /* EDIT ICON LINE THICKNESS */
  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================
   CONTACT INFORMATION TEXT
========================================= */

.mm-contact-section .mm-contact-item a {
  color: var(--mm-contact-text) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* EDIT INFORMATION TEXT SIZE */
  font-size: 20px !important;

  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 1px !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 5px !important;

  text-transform: uppercase !important;
  overflow-wrap: anywhere;

  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}

.mm-contact-section .mm-contact-item a:hover {
  color: var(--mm-contact-accent) !important;
  opacity: 0.85;
}


/* =========================================
   HIDDEN GOOGLE RESPONSE
========================================= */

.mm-hidden-response {
  display: none;

  width: 0;
  height: 0;

  border: 0;
}


/* =========================================
   LARGE TABLET
========================================= */

@media screen and (max-width: 1100px) {
  .mm-contact-section {
    --mm-column-gap: 60px;
    --mm-info-width: 370px;

    padding:
      var(--mm-tablet-padding-top)
      var(--mm-tablet-padding-right)
      var(--mm-tablet-padding-bottom)
      var(--mm-tablet-padding-left) !important;
  }

  .mm-contact-container {
    grid-template-columns:
      minmax(0, 1.2fr)
      minmax(270px, 0.8fr);
  }

  .mm-contact-section .mm-contact-title {
    font-size:
      clamp(50px, 7vw, 82px) !important;
  }

  .mm-contact-section .mm-contact-item a {
    font-size: 17px !important;
  }
}


/* =========================================
   TABLET STACKING
========================================= */

@media screen and (max-width: 900px) {
  .mm-contact-section {
    --mm-column-gap: 55px;
    --mm-info-width: 650px;

    padding:
      var(--mm-tablet-padding-top)
      var(--mm-tablet-padding-right)
      var(--mm-tablet-padding-bottom)
      var(--mm-tablet-padding-left) !important;
  }

  .mm-contact-container {
    grid-template-columns: 1fr;
  }

  .mm-contact-info {
    justify-self: start;
  }
}


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

@media screen and (max-width: 767px) {
  .mm-contact-section {
    --mm-column-gap: 48px;

    padding:
      var(--mm-mobile-padding-top)
      var(--mm-mobile-padding-right)
      var(--mm-mobile-padding-bottom)
      var(--mm-mobile-padding-left) !important;
  }

  .mm-contact-section .mm-contact-title {
    margin-bottom: 18px !important;

    font-size:
      clamp(46px, 14vw, 68px) !important;

    line-height: 0.95 !important;
  }

  .mm-contact-section .mm-contact-intro {
    margin-bottom: 27px !important;
    font-size: 16px !important;
  }

  .mm-form-group {
    margin-bottom: 17px;
  }

  .mm-contact-section .mm-form-group input,
  .mm-contact-section .mm-form-group textarea {
    padding: 14px !important;
    font-size: 16px !important;
  }

  .mm-contact-section
  .mm-form-group input::placeholder,
  .mm-contact-section
  .mm-form-group textarea::placeholder {
    font-size: 16px !important;
  }

  .mm-contact-section .mm-form-group input {
    height: 51px !important;
  }

  .mm-contact-section .mm-form-group textarea {
    min-height: 140px !important;
  }

  .mm-contact-section .mm-contact-button {
    width: 100%;
    min-width: 0;

    font-size: 16px !important;
  }

  .mm-contact-info {
    gap: 28px;
  }

  .mm-contact-item {
    align-items: flex-start;
    gap: 14px;
  }

  .mm-contact-icon {
    width: 31px;
    min-width: 31px;
    height: 31px;
  }

  .mm-contact-icon svg {
    width: 27px;
    height: 27px;
  }

  .mm-contact-section .mm-contact-item a {
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
  }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media screen and (max-width: 430px) {
  .mm-contact-section {
    --mm-mobile-padding-right: 16px;
    --mm-mobile-padding-left: 16px;
  }

  .mm-contact-section .mm-contact-title {
    font-size: 46px !important;
  }

  .mm-contact-section .mm-contact-item a {
    font-size: 14px !important;
  }
}
}
#fw-section-custom-html-7890fce8-ccc0-4f57-8778-cb2162cd6730 {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #39393a;
--color-background-rgb: 57, 57, 58;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 57;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* =========================================
   MOO MOO'S FARM DIRECTIONS SECTION
========================================= */

.mm-directions-section {

  /* =======================================
     MAIN SECTION COLORS
  ======================================= */

  /* Overall section background */
  --directions-background: #39393a;

  /* Left heading and body text */
  --directions-left-text: #ffffff;


  /* =======================================
     MAP CONTROLS
  ======================================= */

  /* Maximum width of map */
  --directions-map-width: 690px;

  /* Desktop map height */
  --directions-map-height: 450px;

  /* Tablet map height */
  --directions-map-tablet-height: 410px;

  /* Mobile map height */
  --directions-map-mobile-height: 350px;

  /* Small mobile map height */
  --directions-map-small-height: 320px;

  /* Map corner rounding */
  --directions-map-radius: 26px;

  /* Map background while loading */
  --directions-map-background: #818181;


  /* =======================================
     DESKTOP SECTION PADDING
  ======================================= */

  --directions-padding-top: 80px;
  --directions-padding-right: 46px;
  --directions-padding-bottom: 80px;
  --directions-padding-left: 46px;


  /* =======================================
     TABLET SECTION PADDING
  ======================================= */

  --directions-tablet-padding-top: 58px;
  --directions-tablet-padding-right: 30px;
  --directions-tablet-padding-bottom: 58px;
  --directions-tablet-padding-left: 30px;


  /* =======================================
     MOBILE SECTION PADDING
  ======================================= */

  --directions-mobile-padding-top: 45px;
  --directions-mobile-padding-right: 20px;
  --directions-mobile-padding-bottom: 45px;
  --directions-mobile-padding-left: 20px;


  /* =======================================
     DESKTOP LAYOUT CONTROLS
  ======================================= */

  /* Maximum width of entire section content */
  --directions-content-width: 1500px;

  /* Space between text and map */
  --directions-column-gap: 85px;

  /* Maximum width of left text column */
  --directions-left-width: 650px;


  /* =======================================
     DESKTOP TEXT CONTROLS
  ======================================= */

  --directions-heading-size: 42px;
  --directions-heading-bottom-space: 24px;

  --directions-body-size: 18px;
  --directions-body-line-height: 1.7;
  --directions-paragraph-space: 24px;

  --directions-address-size: 19px;
  --directions-note-size: 16px;


  width: 100%;
  margin: 0;

  padding:
    var(--directions-padding-top)
    var(--directions-padding-right)
    var(--directions-padding-bottom)
    var(--directions-padding-left) !important;

  background: var(--directions-background);

  box-sizing: border-box;
  overflow: hidden;
}


/* =========================================
   BOX SIZING
========================================= */

.mm-directions-section *,
.mm-directions-section *::before,
.mm-directions-section *::after {
  box-sizing: border-box;
}


/* =========================================
   REMOVE FOURTHWALL OUTER SECTION SPACING
========================================= */

section:has(.mm-directions-section) {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

section:has(.mm-directions-section)
  > div:not(.mm-directions-section) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  min-height: 0 !important;
}


/* =========================================
   MAIN TWO-COLUMN LAYOUT
========================================= */

.mm-directions-container {
  width: 100%;
  max-width: var(--directions-content-width);

  margin: 0 auto;

  display: grid;

  /*
    LEFT = DIRECTIONS TEXT
    RIGHT = EMBEDDED MAP
  */

  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(420px, 1fr);

  align-items: center;

  gap: var(--directions-column-gap);
}


/* =========================================
   LEFT COLUMN
========================================= */

.mm-directions-copy {
  width: 100%;
  max-width: var(--directions-left-width);
}


/* =========================================
   LEFT HEADING
========================================= */

.mm-directions-section .mm-directions-heading {
  margin:
    0
    0
    var(--directions-heading-bottom-space) !important;

  padding: 0 !important;

  color: var(--directions-left-text) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: var(--directions-heading-size) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;

  text-align: left !important;
  text-transform: none !important;
}


/* =========================================
   LEFT BODY TEXT
========================================= */

.mm-directions-section .mm-directions-body {
  color: var(--directions-left-text) !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: var(--directions-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--directions-body-line-height) !important;

  text-align: left !important;
}

.mm-directions-section .mm-directions-body p {
  margin:
    0
    0
    var(--directions-paragraph-space) !important;

  padding: 0 !important;
}


/* =========================================
   BOLD TEXT / COORDINATES
========================================= */

.mm-directions-section .mm-directions-body strong {
  color: inherit !important;
  font-weight: 700 !important;
}


/* =========================================
   ADDRESS AREA
========================================= */

.mm-directions-address {
  margin-top: 8px;
}

.mm-directions-section .mm-address-main {
  margin-bottom: 8px !important;

  font-size: var(--directions-address-size) !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

.mm-directions-section .mm-directions-note {
  margin-bottom: 0 !important;

  font-size: var(--directions-note-size) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;

  opacity: 0.9;
}


/* =========================================
   RIGHT-SIDE GOOGLE MAP
========================================= */

.mm-directions-map {
  width: 100%;
  max-width: var(--directions-map-width);

  height: var(--directions-map-height);

  justify-self: end;

  margin: 0;
  padding: 0;

  overflow: hidden;

  border-radius: var(--directions-map-radius);

  background: var(--directions-map-background);

  line-height: 0;
}


/* =========================================
   GOOGLE MAP IFRAME
========================================= */

.mm-directions-map iframe {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: inherit !important;
}


/* =========================================
   LARGE TABLET
========================================= */

@media screen and (max-width: 1200px) {
  .mm-directions-section {
    --directions-column-gap: 50px;
    --directions-left-width: 560px;
    --directions-map-width: 620px;

    --directions-heading-size: 36px;
    --directions-body-size: 17px;

    --directions-map-height:
      var(--directions-map-tablet-height);

    padding:
      var(--directions-tablet-padding-top)
      var(--directions-tablet-padding-right)
      var(--directions-tablet-padding-bottom)
      var(--directions-tablet-padding-left) !important;
  }

  .mm-directions-container {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(380px, 1fr);
  }
}


/* =========================================
   TABLET STACKING
========================================= */

@media screen and (max-width: 900px) {
  .mm-directions-section {
    --directions-column-gap: 45px;
    --directions-left-width: 700px;
    --directions-map-width: 100%;

    padding:
      var(--directions-tablet-padding-top)
      var(--directions-tablet-padding-right)
      var(--directions-tablet-padding-bottom)
      var(--directions-tablet-padding-left) !important;
  }

  .mm-directions-container {
    grid-template-columns: 1fr;
  }

  .mm-directions-copy {
    max-width: var(--directions-left-width);
  }

  .mm-directions-map {
    width: 100%;
    max-width: 100%;

    justify-self: stretch;
  }
}


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

@media screen and (max-width: 767px) {
  .mm-directions-section {
    --directions-heading-size: 32px;
    --directions-heading-bottom-space: 18px;

    --directions-body-size: 16px;
    --directions-body-line-height: 1.65;
    --directions-paragraph-space: 20px;

    --directions-address-size: 17px;
    --directions-note-size: 15px;

    --directions-column-gap: 34px;

    --directions-map-height:
      var(--directions-map-mobile-height);

    --directions-map-radius: 21px;

    padding:
      var(--directions-mobile-padding-top)
      var(--directions-mobile-padding-right)
      var(--directions-mobile-padding-bottom)
      var(--directions-mobile-padding-left) !important;
  }

  .mm-directions-map {
    width: 100%;
    max-width: 100%;
  }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media screen and (max-width: 430px) {
  .mm-directions-section {
    --directions-mobile-padding-right: 16px;
    --directions-mobile-padding-left: 16px;

    --directions-heading-size: 29px;

    --directions-map-height:
      var(--directions-map-small-height);

    --directions-map-radius: 18px;
  }
}
}
#fw-section-custom-html-76491cfe-d9ad-40af-9427-916dbfb991bb {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}
#fw-section-collection-template-collection-default {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-image-a92ce37f-51be-419f-9a10-afcb48da8958 {

/* ===== LOAD SOURCE SERIF 4 FONT ===== */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ===== REMOVE IMAGE CORNER RADIUS ===== */
img,
picture,
[class*="image"] img,
[class*="media"] img {
  border-radius: 0 !important;
}


/* Remove radius from the image container */
picture,
[class*="image-wrapper"],
[class*="media-wrapper"],
[class*="image-container"] {
  border-radius: 0 !important;
}


/* ==========================================
   IMAGE COLOR OVERLAY
   ========================================== */

/* Make the image container support an overlay */
picture,
[class*="image-wrapper"],
[class*="media-wrapper"],
[class*="image-container"] {
  position: relative !important;
  overflow: hidden !important;
}


/* Add the color overlay */
picture::after,
[class*="image-wrapper"]::after,
[class*="media-wrapper"]::after,
[class*="image-container"]::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  /* CHANGE DESKTOP OVERLAY COLOR AND STRENGTH */
  background-color: rgba(0, 0, 0, 0) !important;

  pointer-events: none !important;
  z-index: 1 !important;
}


/* ==========================================
   MOBILE IMAGE CUSTOMIZATION
   ========================================== */

@media screen and (max-width: 767px) {

  /*
    CHANGE THIS NUMBER TO MAKE THE
    MOBILE IMAGE SECTION TALLER OR SHORTER
  */
  picture,
  figure,
  [class*="image-wrapper"],
  [class*="media-wrapper"],
  [class*="image-container"],
  [class*="aspect"],
  [style*="aspect-ratio"] {
    width: 100% !important;
    max-width: 100% !important;

    height: 450px !important;
    min-height: 450px !important;
    max-height: none !important;

    /* Disable Fourthwall's preset image ratio */
    aspect-ratio: auto !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    overflow: hidden !important;
    border-radius: 0 !important;

    position: relative !important;
    box-sizing: border-box !important;
  }


  /*
    Make any extra wrappers inside the image
    container match the new height.
  */
  picture > span,
  picture > div,
  figure > span,
  figure > div,
  [class*="image-wrapper"] > div,
  [class*="image-wrapper"] > span,
  [class*="media-wrapper"] > div,
  [class*="media-wrapper"] > span,
  [class*="image-container"] > div,
  [class*="image-container"] > span {
    width: 100% !important;
    height: 100% !important;
    min-height: 450px !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    position: relative !important;
    inset: auto !important;

    padding: 0 !important;
    margin: 0 !important;
  }


  /* ===== MOBILE IMAGE ===== */
  img,
  picture img,
  figure img,
  [class*="image"] img,
  [class*="media"] img {
    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 450px !important;
    max-height: none !important;

    object-fit: cover !important;

    /* CHANGE WHICH PART OF THE IMAGE IS VISIBLE */
    object-position: center center !important;

    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 0 !important;
  }


  /* Support sections using a background image */
  [style*="background-image"] {
    min-height: 450px !important;
    height: 450px !important;

    background-size: cover !important;
    background-position: center center !important;
  }


  /* ===== MOBILE OVERLAY ===== */
  picture::after,
  figure::after,
  [class*="image-wrapper"]::after,
  [class*="media-wrapper"]::after,
  [class*="image-container"]::after {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}
}
#fw-section-rich-text-92bfbe16-e39a-4c89-86e7-9be09227ff8d {

/* ===== LOAD SOURCE SERIF 4 FONT ===== */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   TEXT BANNER SECTION
   ========================================== */

/* ===== TEXT BANNER CONTAINER ===== */
section {
  /*
    TEXT WIDTH CONTROLS

    Change these values to make the heading
    and body text wider or narrower.
  */
  --heading-text-width: 1100px;
  --body-text-width: 900px;

  /* BACKGROUND COLOR */
  background-color: #ffffff !important;

  /* SECTION HEIGHT / SPACING */
  min-height: 180px !important;
  padding-top: 70px !important;
  padding-bottom: 30px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;

  /* CONTENT ALIGNMENT */
  text-align: center !important;

  /* CENTER CONTENT VERTICALLY */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;
}


/*
  Allows the inner Fourthwall content area
  to use the full available section width.
*/
section > div,
section [class*="content"],
section [class*="wrapper"],
section [class*="container"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* ===== APPLY SOURCE SERIF 4 FONT ===== */
section,
section * {
  font-family: "Source Serif 4", serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
}


/* ==========================================
   MAIN HEADING
   ========================================== */

section h1,
section h2,
section h3 {
  /*
    HEADING WIDTH

    The editable value is located near
    the top of the code:

    --heading-text-width: 1100px;
  */
  width: 100% !important;
  max-width: var(--heading-text-width) !important;

  /* FONT SIZE */
  font-size: 60px !important;

  /* FONT WEIGHT: USE 400–900 */
  font-weight: 600 !important;

  /* TEXT COLOR */
  color: #444542 !important;

  /* TEXT ALIGNMENT */
  text-align: center !important;

  /* LETTER SPACING */
  letter-spacing: 2.5px !important;

  /* LINE HEIGHT */
  line-height: 1.15 !important;

  /* TEXT POSITION */
  position: relative !important;
  left: 0 !important;
  top: 0 !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 12px !important;
  margin-left: auto !important;

  padding: 0 !important;
}


/* ==========================================
   BODY TEXT
   ========================================== */

section p {
  /*
    BODY TEXT WIDTH

    The editable value is located near
    the top of the code:

    --body-text-width: 900px;
  */
  width: 100% !important;
  max-width: var(--body-text-width) !important;

  /* FONT SIZE */
  font-size: 20px !important;

  /* FONT WEIGHT */
  font-weight: 400 !important;

  /* TEXT COLOR */
  color: #39393a !important;

  /* TEXT ALIGNMENT */
  text-align: center !important;

  /* LINE HEIGHT */
  line-height: 1.5 !important;

  /* LETTER SPACING */
  letter-spacing: 0 !important;

  /* TEXT POSITION */
  position: relative !important;
  left: 0 !important;
  top: -15px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding: 0 !important;
}


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

section a {
  font-family: "Source Serif 4", serif !important;
  font-weight: 600 !important;
  color: #39393a !important;
  text-decoration: none !important;
}


/* ==========================================
   MOBILE TEXT BANNER
   ========================================== */

@media screen and (max-width: 767px) {

  section {
    /*
      MOBILE TEXT WIDTH CONTROLS

      Use a percentage such as 90% to make
      the text narrower than the screen.
    */
    --heading-text-width: 100%;
    --body-text-width: 100%;

    /* MOBILE SECTION HEIGHT / SPACING */
    min-height: 150px !important;
    padding-top: 40px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }


  section h1,
  section h2,
  section h3 {
    /* MOBILE HEADING SIZE */
    font-size: 30px !important;

    /* MOBILE FONT WEIGHT */
    font-weight: 600 !important;

    line-height: 1.15 !important;

    width: 100% !important;
    max-width: var(--heading-text-width) !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  section p {
    /* MOBILE BODY TEXT SIZE */
    font-size: 16px !important;

    line-height: 1.45 !important;

    width: 100% !important;
    max-width: var(--body-text-width) !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}
#fw-section-custom-html-c1b0612e-8600-4568-a265-57289e926eb2 {
--color-primary: #2e3d27;
--color-primary-rgb: 46, 61, 39;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #2e3d27;
--color-on-background-rgb: 46, 61, 39;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #2e3d27;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #2e3d27;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #2e3d27;
--secondary-btn-bg: transparent;
--secondary-btn-text: #2e3d27;
--secondary-btn-border-color: #2e3d27;
/* ===== LOAD SOURCE SERIF 4 ===== */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   ENTIRE CUSTOM SECTION
   ========================================== */

.farm-feature-section {
  /* EASY SECTION SETTINGS */
  --card-radius: 48px;
  --image-gap: 28px;
  --section-side-padding: 28px;

  width: 100% !important;

  /* SECTION BACKGROUND COLOR */
  background-color: transparent !important;

  /*
    SECTION PADDING:
    TOP RIGHT BOTTOM LEFT

    Change the first number for space above.
    Change the third number for space below.
  */
  padding: 20px 0 60px 0 !important;

  /* OUTSIDE SECTION MARGIN */
  margin: 0 !important;

  box-sizing: border-box !important;
}


/* Makes sizing more predictable */
.farm-feature-section,
.farm-feature-section * {
  box-sizing: border-box !important;
}


/* ==========================================
   MAIN TWO-COLUMN GRID
   ========================================== */

.farm-feature-grid {
  width: 100% !important;

  /* MAXIMUM WIDTH OF THE IMAGE SECTION */
  max-width: 1600px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  display: grid !important;

  /* LEFT AND RIGHT COLUMN WIDTHS */
  grid-template-columns: 1fr 1fr !important;

  /* SPACE BETWEEN LEFT AND RIGHT COLUMNS */
  gap: var(--image-gap) !important;

  /*
    IMAGE GRID SIDE PADDING

    This is separate from the space above and
    below the entire section.
  */
  padding: 0 var(--section-side-padding) !important;
}


/* ==========================================
   RIGHT-SIDE IMAGE STACK
   ========================================== */

.farm-feature-right {
  display: grid !important;

  /* TWO EQUAL-SIZED ROWS */
  grid-template-rows: 1fr 1fr !important;

  /* SPACE BETWEEN RIGHT-SIDE IMAGES */
  gap: var(--image-gap) !important;

  min-width: 0 !important;
}


/* ==========================================
   IMAGE CARDS
   ========================================== */

.farm-feature-card {
  position: relative !important;

  display: block !important;

  width: 100% !important;

  /* MINIMUM HEIGHT OF RIGHT-SIDE IMAGES */
  min-height: 300px !important;

  overflow: hidden !important;

  /* ROUNDED IMAGE BLOCKS */
  border-radius: var(--card-radius) !important;

  text-decoration: none !important;

  background-color: #e8e5dd !important;

  isolation: isolate !important;

  /* CARD SHADOW */
  box-shadow:
    0 4px 18px rgba(0, 0, 0, 0.08) !important;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease !important;
}


/* LARGE LEFT IMAGE HEIGHT */

.farm-feature-card--large {
  min-height: 680px !important;
}


/* ==========================================
   IMAGES
   ========================================== */

.farm-feature-card img {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  /* CHANGE IMAGE FOCUS HERE */
  object-position: center center !important;

  display: block !important;

  /* MATCH CARD CORNER ROUNDNESS */
  border-radius: var(--card-radius) !important;

  transition:
    transform 0.55s ease,
    filter 0.55s ease !important;

  z-index: 0 !important;
}


/* ==========================================
   IMAGE OVERLAY
   ========================================== */

.farm-feature-card::after {
  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  border-radius: var(--card-radius) !important;

  /* NO OVERLAY UNTIL HOVER */
  background-color: rgba(0, 0, 0, 0) !important;

  transition:
    background-color 0.4s ease !important;

  pointer-events: none !important;

  z-index: 1 !important;
}


/* ==========================================
   HOVER TITLE BOX
   ========================================== */

.farm-feature-label {
  position: absolute !important;

  right: 0 !important;
  bottom: 0 !important;

  width: auto !important;

  min-width: 240px !important;
  max-width: 80% !important;

  /* TEXT BOX INNER PADDING */
  padding: 22px 30px !important;

  /* TEXT BOX BACKGROUND */
  background-color: #f7f5ef !important;

  /*
    TOP-LEFT, TOP-RIGHT,
    BOTTOM-RIGHT, BOTTOM-LEFT
  */
  border-radius:
    24px 0 var(--card-radius) 0 !important;

  text-align: left !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transform: translateY(25px) !important;

  transition:
    opacity 0.35s ease,
    visibility 0.35s ease,
    transform 0.35s ease !important;

  z-index: 2 !important;
}


/* ==========================================
   LABEL TITLE
   ========================================== */

.farm-feature-title {
  display: block !important;

  font-family:
    "Source Serif 4",
    Georgia,
    serif !important;

  font-optical-sizing: auto !important;
  font-style: normal !important;

  /* TITLE SIZE */
  font-size: 32px !important;

  /* USE 400–900 */
  font-weight: 500 !important;

  line-height: 1.1 !important;

  letter-spacing: 0 !important;

  /* TITLE COLOR */
  color: #39393a !important;
}


/* ==========================================
   LABEL DESCRIPTION
   ========================================== */

.farm-feature-description {
  display: block !important;

  margin-top: 7px !important;

  font-family:
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  line-height: 1.3 !important;

  letter-spacing: 1px !important;

  text-transform: uppercase !important;

  /* DESCRIPTION COLOR */
  color: #686862 !important;
}


/* ==========================================
   DESKTOP HOVER EFFECT
   ========================================== */

@media (hover: hover) {

  /* LIFT THE ENTIRE CARD */
  .farm-feature-card:hover,
  .farm-feature-card:focus-visible {
    transform: translateY(-4px) !important;

    box-shadow:
      0 10px 28px rgba(0, 0, 0, 0.16) !important;
  }


  /* ZOOM AND DARKEN THE IMAGE */
  .farm-feature-card:hover img,
  .farm-feature-card:focus-visible img {
    /* CHANGE IMAGE ZOOM HERE */
    transform: scale(1.045) !important;

    filter: brightness(0.82) !important;
  }


  /* HOVER OVERLAY */
  .farm-feature-card:hover::after,
  .farm-feature-card:focus-visible::after {
    /* CHANGE OVERLAY STRENGTH HERE */
    background-color:
      rgba(0, 0, 0, 0.14) !important;
  }


  /* SHOW THE TITLE BOX */
  .farm-feature-card:hover .farm-feature-label,
  .farm-feature-card:focus-visible .farm-feature-label {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateY(0) !important;
  }
}


/* ==========================================
   KEYBOARD FOCUS
   ========================================== */

.farm-feature-card:focus-visible {
  outline:
    3px solid #39393a !important;

  outline-offset: 4px !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .farm-feature-section {
    --image-gap: 18px;
    --section-side-padding: 18px;

    /*
      TABLET SECTION PADDING:
      TOP RIGHT BOTTOM LEFT
    */
    padding: 45px 0 45px 0 !important;
  }


  .farm-feature-card--large {
    min-height: 580px !important;
  }


  .farm-feature-label {
    min-width: 200px !important;

    padding: 18px 22px !important;
  }


  .farm-feature-title {
    font-size: 27px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .farm-feature-section {
    --card-radius: 24px;
    --image-gap: 16px;
    --section-side-padding: 16px;

    /*
      MOBILE SECTION PADDING:
      TOP RIGHT BOTTOM LEFT
    */
    padding: 32px 0 32px 0 !important;
  }


  .farm-feature-grid {
    display: flex !important;

    flex-direction: column !important;
  }


  .farm-feature-right {
    display: flex !important;

    flex-direction: column !important;
  }


  .farm-feature-card,
  .farm-feature-card--large {
    /* MOBILE IMAGE HEIGHT */
    min-height: 390px !important;
  }


  .farm-feature-card img {
    /* MOBILE IMAGE FOCUS */
    object-position: center center !important;
  }


  /*
    Keep labels visible on mobile because
    touchscreen devices do not have hover.
  */

  .farm-feature-label {
    width: auto !important;

    min-width: 0 !important;

    max-width: calc(100% - 24px) !important;

    right: 0 !important;
    bottom: 0 !important;

    padding: 16px 20px !important;

    border-radius:
      18px 0 var(--card-radius) 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
  }


  .farm-feature-title {
    font-size: 25px !important;
  }


  .farm-feature-description {
    font-size: 11px !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 420px) {

  .farm-feature-section {
    /*
      SMALL-PHONE SECTION PADDING:
      TOP RIGHT BOTTOM LEFT
    */
    padding: 0 0 24px 0 !important;
  }


  .farm-feature-card,
  .farm-feature-card--large {
    min-height: 330px !important;
  }


  .farm-feature-title {
    font-size: 22px !important;
  }
}

/* ==========================================
   REMOVE EXTRA SPACE ABOVE ENTIRE SECTION
   ========================================== */

/* Your custom section */
.farm-feature-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Your image grid */
.farm-feature-grid {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Fourthwall's outer section container */
section:has(.farm-feature-section) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Possible wrapper immediately around the custom code */
section:has(.farm-feature-section) > div {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
}
#fw-section-custom-html-8be875b0-bac5-43cc-bde9-3a6c296f2ec4 {
--color-primary: #2e3d27;
--color-primary-rgb: 46, 61, 39;
--color-background: #39393a;
--color-background-rgb: 57, 57, 58;
--color-on-background: #2e3d27;
--color-on-background-rgb: 46, 61, 39;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #2e3d27;
--color-background-brightness: 57;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #2e3d27;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #2e3d27;
--secondary-btn-bg: transparent;
--secondary-btn-text: #2e3d27;
--secondary-btn-border-color: #2e3d27;
/* ===== LOAD SOURCE SERIF 4 FONT ===== */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");

/* ===== LOAD SEN FONT ===== */
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap");


/* ==========================================
   MAIN SECTION SETTINGS
   ========================================== */

.mm-events-section {
  /* IMAGE CORNER ROUNDNESS */
  --mm-image-radius: 48px;

  /* IMAGE BORDER THICKNESS */
  --mm-image-border-width: 0px;

  /*
    IMAGE BORDER STYLE:

    solid
    dashed
    dotted
    double
    none
  */
  --mm-image-border-style: solid;

  /* IMAGE BORDER COLOR */
  --mm-image-border-color: #ffffff;

  /* SPACE BETWEEN THE THREE IMAGE CARDS */
  --mm-image-gap: 24px;

  /*
    SPACE BETWEEN LEFT TEXT AND RIGHT IMAGES
    Increase this to move them farther apart.
  */
  --mm-column-gap: 150px;

  /* SECTION SIDE PADDING */
  --mm-side-padding: 40px;

  /*
    MAXIMUM WIDTH OF THE FULL CONTENT AREA

    The complete layout is centered inside
    the gray section.
  */
  --mm-content-max-width: 1550px;

  /* SECTION BACKGROUND */
  --mm-section-background: #39393a;

  width: 100% !important;

  background-color:
    var(--mm-section-background) !important;

  /*
    SECTION PADDING:
    TOP RIGHT BOTTOM LEFT
  */
  padding: 0 !important;

  margin: 0 !important;
}


.mm-events-section,
.mm-events-section * {
  box-sizing: border-box !important;
}


/* ==========================================
   TEXT + IMAGE LAYOUT
   ========================================== */

.mm-events-layout {
  width: 100% !important;

  max-width:
    var(--mm-content-max-width) !important;

  /*
    CENTERS THE COMPLETE TEXT AND
    IMAGE LAYOUT IN THE SECTION.
  */
  margin-left: auto !important;
  margin-right: auto !important;

  padding-left:
    var(--mm-side-padding) !important;

  padding-right:
    var(--mm-side-padding) !important;

  display: grid !important;

  /*
    LEFT TEXT COLUMN / RIGHT IMAGE COLUMN
  */
  grid-template-columns:
    minmax(300px, 1fr)
    minmax(500px, 1.35fr) !important;

  gap:
    var(--mm-column-gap) !important;

  align-items: center !important;
}


/* ==========================================
   LEFT-SIDE TEXT AREA
   ========================================== */

.mm-events-copy {
  width: 100% !important;

  /* MAXIMUM WIDTH OF TEXT */
  max-width: 610px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;

  position: relative !important;

  /* MOVE TEXT LEFT OR RIGHT */
  left: 0 !important;

  /* MOVE TEXT UP OR DOWN */
  top: 0 !important;
}


/* ==========================================
   MAIN HEADING — SOURCE SERIF 4
   ========================================== */

.mm-events-heading,
.mm-events-heading * {
  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-optical-sizing: auto !important;
  font-style: normal !important;
}


.mm-events-heading {
  /* HEADING SIZE */
  font-size: 60px !important;

  /* SOURCE SERIF 4 SUPPORTS 400–900 */
  font-weight: 600 !important;

  /* HEADING COLOR */
  color: #ffffff !important;

  line-height: 1.08 !important;

  /* LETTER SPACING */
  letter-spacing: 2.5px !important;

  text-transform: none !important;

  text-align: center !important;

  /*
    HEADING SPACING:
    TOP RIGHT BOTTOM LEFT
  */
  margin: 0 0 28px 0 !important;

  padding: 0 !important;
}


/* ==========================================
   BODY TEXT — SEN
   ========================================== */

.mm-events-body,
.mm-events-body * {
  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-style: normal !important;
}


.mm-events-body {
  /* BODY FONT SIZE */
  font-size: 18px !important;

  /* BODY FONT WEIGHT */
  font-weight: 400 !important;

  /* BODY TEXT COLOR */
  color: #ffffff !important;

  line-height: 1.65 !important;

  letter-spacing: 0 !important;

  text-align: center !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================
   MAIN DESCRIPTION SPACING
   ========================================== */

.mm-events-body.mm-events-body--main {
  /*
    GAP BETWEEN THE MAIN DESCRIPTION
    AND THE CONTACT SENTENCE
  */
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 18px !important;
  margin-left: 0 !important;
}


/* ==========================================
   CONTACT SENTENCE
   ========================================== */

.mm-events-body.mm-events-body--contact {
  /*
    CONTACT SENTENCE WEIGHT

    Change to 400 if you do not want
    the sentence to be emphasized.
  */
  font-weight: 400 !important;

  /*
    SPACE BETWEEN CONTACT SENTENCE
    AND THE LEARN MORE BUTTON
  */
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 32px !important;
  margin-left: 0 !important;
}


/* ==========================================
   BUTTON
   ========================================== */

.mm-events-button {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  /* BUTTON WIDTH */
  min-width: 190px !important;

  /* BUTTON INNER SPACING */
  padding: 15px 30px !important;

  /* BUTTON COLORS */
  background-color: transparent !important;
  color: #ffffff !important;

  /* BUTTON BORDER */
  border: 2px solid #ffffff !important;

  /* BUTTON ROUNDNESS */
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  font-style: normal !important;

  line-height: 1.2 !important;
  letter-spacing: 1.5px !important;

  text-transform: uppercase !important;

  text-align: center !important;
  text-decoration: none !important;

  cursor: pointer !important;

  position: relative !important;

  /* MOVE BUTTON LEFT OR RIGHT */
  left: 0 !important;

  /* MOVE BUTTON UP OR DOWN */
  top: 0 !important;

  transition:
    background-color 0.25s ease,
    color 0.25s ease !important;
}


/* BUTTON HOVER */

.mm-events-button:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}


/* BUTTON KEYBOARD FOCUS */

.mm-events-button:focus-visible {
  outline: 3px solid #ffffff !important;
  outline-offset: 4px !important;
}


/* ==========================================
   RIGHT-SIDE THREE-IMAGE GRID
   ========================================== */

.mm-events-gallery {
  width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  display: grid !important;

  /*
    TWO IMAGES ON TOP
    ONE WIDE IMAGE ON BOTTOM
  */
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap:
    var(--mm-image-gap) !important;

  align-items: start !important;

  min-width: 0 !important;
}


/* ==========================================
   NON-CLICKABLE IMAGE CARDS
   ========================================== */

.mm-events-card {
  width: 100% !important;

  display: block !important;

  min-width: 0 !important;

  cursor: default !important;
}


/* BOTTOM IMAGE SPANS BOTH COLUMNS */

.mm-events-card--wide {
  grid-column: 1 / -1 !important;
}


/* ==========================================
   IMAGE WRAPPERS AND BORDERS
   ========================================== */

.mm-events-image-wrap {
  position: relative !important;

  width: 100% !important;

  /* TOP IMAGE HEIGHT */
  height: 250px !important;

  overflow: hidden !important;

  /* EDITABLE IMAGE BORDER */
  border-width:
    var(--mm-image-border-width) !important;

  border-style:
    var(--mm-image-border-style) !important;

  border-color:
    var(--mm-image-border-color) !important;

  /* EDITABLE IMAGE AND BORDER ROUNDNESS */
  border-radius:
    var(--mm-image-radius) !important;

  background-color: #e6dfd1 !important;
}


/* BOTTOM IMAGE HEIGHT */

.mm-events-card--wide .mm-events-image-wrap {
  height: 285px !important;
}


/* ==========================================
   IMAGES
   ========================================== */

.mm-events-image-wrap img {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  /*
    IMAGE FOCUS OPTIONS:

    center center
    center top
    center bottom
    left center
    right center
  */
  object-position: center center !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;
  border-radius: 0 !important;

  transform: none !important;
  filter: none !important;
  transition: none !important;
}


/* ==========================================
   TITLES UNDER IMAGES — SEN
   ========================================== */

.mm-events-card-title,
.mm-events-card-title * {
  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-style: normal !important;
}


.mm-events-card-title {
  /* IMAGE TITLE SIZE */
  font-size: 18px !important;

  /* IMAGE TITLE WEIGHT */
  font-weight: 600 !important;

  /* IMAGE TITLE COLOR */
  color: #ffffff !important;

  line-height: 1.25 !important;

  letter-spacing: 1.2px !important;

  text-transform: uppercase !important;

  text-align: center !important;

  /*
    TITLE SPACING:
    TOP RIGHT BOTTOM LEFT
  */
  margin: 13px 4px 0 4px !important;

  padding: 0 !important;

  cursor: default !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1050px) {

  .mm-events-section {
    --mm-image-gap: 18px;
    --mm-column-gap: 38px;
    --mm-side-padding: 24px;

    /* TABLET BORDER SETTINGS */
    --mm-image-border-width: 0px;
    --mm-image-radius: 28px;

    /*
      TABLET SECTION PADDING:
      TOP RIGHT BOTTOM LEFT
    */
    padding: 50px 0 50px 0 !important;
  }


  .mm-events-layout {
    grid-template-columns:
      minmax(260px, 0.9fr)
      minmax(430px, 1.2fr) !important;
  }


  .mm-events-heading {
    font-size: 44px !important;
    letter-spacing: 2px !important;
  }


  .mm-events-body {
    font-size: 18px !important;
  }


  .mm-events-image-wrap {
    height: 210px !important;
  }


  .mm-events-card--wide .mm-events-image-wrap {
    height: 245px !important;
  }


  .mm-events-card-title {
    font-size: 16px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-events-section {
    --mm-image-radius: 18px;
    --mm-image-border-width: 2px;
    --mm-image-gap: 22px;
    --mm-side-padding: 30px;

    /*
      MOBILE SECTION PADDING:
      TOP RIGHT BOTTOM LEFT
    */
    padding: 40px 0 40px 0 !important;
  }


  .mm-events-layout {
    display: flex !important;

    flex-direction: column !important;

    /*
      MOBILE SPACE BETWEEN TEXT AND GALLERY
    */
    gap: 38px !important;

    align-items: center !important;
  }


  .mm-events-copy {
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
  }


  .mm-events-heading {
    /* MOBILE HEADING SIZE */
    font-size: 37px !important;

    line-height: 1.12 !important;
    letter-spacing: 1.5px !important;

    text-align: center !important;

    margin-bottom: 18px !important;
  }


  .mm-events-body {
    /* MOBILE BODY SIZE */
    font-size: 17px !important;

    line-height: 1.55 !important;

    text-align: center !important;
  }


  .mm-events-body.mm-events-body--main {
    /*
      MOBILE GAP BETWEEN MAIN DESCRIPTION
      AND CONTACT SENTENCE
    */
    margin-bottom: 14px !important;
  }


  .mm-events-body.mm-events-body--contact {
    /*
      MOBILE GAP BETWEEN CONTACT SENTENCE
      AND BUTTON
    */
    margin-bottom: 25px !important;
  }


  .mm-events-button {
    /* MOBILE BUTTON SETTINGS */
    min-width: 170px !important;

    padding: 13px 25px !important;

    font-size: 15px !important;
  }


  .mm-events-gallery {
    /*
      KEEP TWO SMALLER IMAGES ON TOP
      AND ONE WIDE IMAGE ON BOTTOM
    */
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap:
      var(--mm-image-gap) !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-events-image-wrap {
    /* MOBILE TOP IMAGE HEIGHT */
    height: 190px !important;
  }


  .mm-events-card--wide .mm-events-image-wrap {
    /* MOBILE BOTTOM IMAGE HEIGHT */
    height: 230px !important;
  }


  .mm-events-card-title {
    /* MOBILE IMAGE TITLE SIZE */
    font-size: 14px !important;

    letter-spacing: 0.8px !important;

    margin-top: 10px !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-events-section {
    padding: 32px 0 32px 0 !important;

    --mm-image-border-width: 0px;
    --mm-image-radius: 18px;
  }


  /*
    STACK ALL THREE IMAGES ON VERY
    SMALL PHONE SCREENS
  */

  .mm-events-gallery {
    grid-template-columns: 1fr !important;
  }


  .mm-events-card--wide {
    grid-column: auto !important;
  }


  .mm-events-image-wrap,
  .mm-events-card--wide .mm-events-image-wrap {
    height: 245px !important;
  }


  .mm-events-card-title {
    font-size: 15px !important;
  }
}


/* ==========================================
   SPACE AROUND THE GREY CUSTOM HTML SECTION
   ========================================== */

/* DESKTOP WHITE SPACE ABOVE AND BELOW */

section:has(> .mm-events-section),
section:has(.mm-events-section) {
  padding-top: 100px !important;
  padding-bottom: 100px !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* Remove extra spacing from Fourthwall wrappers */

section:has(.mm-events-section) > div,
section:has(.mm-events-section) [class*="container"],
section:has(.mm-events-section) [class*="wrapper"],
section:has(.mm-events-section) [class*="content"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* Keep the gray section itself flush */

.mm-events-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* ==========================================
   TABLET OUTER WHITE SPACE
   ========================================== */

@media screen and (max-width: 1050px) {

  section:has(> .mm-events-section),
  section:has(.mm-events-section) {
    /* TABLET TOP AND BOTTOM WHITE SPACE */
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}


/* ==========================================
   MOBILE OUTER WHITE SPACE
   ========================================== */

@media screen and (max-width: 767px) {

  section:has(> .mm-events-section),
  section:has(.mm-events-section) {
    /* MOBILE TOP AND BOTTOM WHITE SPACE */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}


/* ==========================================
   SMALL-PHONE OUTER WHITE SPACE
   ========================================== */

@media screen and (max-width: 450px) {

  section:has(> .mm-events-section),
  section:has(.mm-events-section) {
    /* SMALL-PHONE TOP AND BOTTOM WHITE SPACE */
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
}
#fw-section-custom-html-b2f1e85d-55f9-4d24-a585-c90942724783 {

/* ===== LOAD FONTS ===== */
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   FOLLOW US SECTION
   ========================================== */

.mm-follow-section {
  /* SECTION BACKGROUND */
  --follow-background: #ffffff;

  /* HEADING COLOR */
  --follow-heading-color: #39393a;

  /* BODY TEXT COLOR */
  --follow-body-color: #39393a;

  /* BUTTON BACKGROUND COLOR */
  --follow-button-background: #ec1f25;

  /* BUTTON WORD AND ICON COLOR */
  --follow-button-content-color: #ffffff;


  /* ========================================
     DESKTOP SECTION PADDING

     TOP / RIGHT / BOTTOM / LEFT
     ======================================== */

  --desktop-padding-top: 100px;
  --desktop-padding-right: 40px;
  --desktop-padding-bottom: 0px;
  --desktop-padding-left: 40px;


  /* ========================================
     TABLET SECTION PADDING
     ======================================== */

  --tablet-padding-top: 42px;
  --tablet-padding-right: 25px;
  --tablet-padding-bottom: 42px;
  --tablet-padding-left: 25px;


  /* ========================================
     MOBILE SECTION PADDING
     ======================================== */

  --mobile-padding-top: 35px;
  --mobile-padding-right: 20px;
  --mobile-padding-bottom: 35px;
  --mobile-padding-left: 20px;


  /* ========================================
     SMALL-PHONE SECTION PADDING
     ======================================== */

  --small-padding-top: 60px;
  --small-padding-right: 16px;
  --small-padding-bottom: 30px;
  --small-padding-left: 16px;


  /*
    ACTIVE PADDING VALUES

    These automatically change inside
    the media queries below.
  */
  --follow-padding-top:
    var(--desktop-padding-top);

  --follow-padding-right:
    var(--desktop-padding-right);

  --follow-padding-bottom:
    var(--desktop-padding-bottom);

  --follow-padding-left:
    var(--desktop-padding-left);


  /* MAXIMUM SECTION CONTENT WIDTH */
  --follow-content-width: 1375px;

  /* SPACE BETWEEN TEXT AND BUTTON */
  --follow-column-gap: 60px;


  /* ========================================
     FACEBOOK PILL SETTINGS
     ======================================== */

  /* PILL WIDTH */
  --follow-button-width: 190px;

  /* PILL HEIGHT */
  --follow-button-height: 56px;

  /* PILL CORNER ROUNDNESS */
  --follow-button-radius: 999px;

  /* FACEBOOK F SIZE */
  --follow-icon-size: 28px;

  /* SPACE BETWEEN F AND WORDS */
  --follow-button-gap: 10px;


  width: 100% !important;
  min-height: 0 !important;

  background-color:
    var(--follow-background) !important;

  padding-top:
    var(--follow-padding-top) !important;

  padding-right:
    var(--follow-padding-right) !important;

  padding-bottom:
    var(--follow-padding-bottom) !important;

  padding-left:
    var(--follow-padding-left) !important;

  margin: 0 !important;

  box-sizing: border-box !important;
}


.mm-follow-section,
.mm-follow-section * {
  box-sizing: border-box !important;
}


/* ==========================================
   SECTION LAYOUT
   ========================================== */

.mm-follow-layout {
  width: 100% !important;

  max-width:
    var(--follow-content-width) !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto !important;

  column-gap:
    var(--follow-column-gap) !important;

  row-gap: 0 !important;

  align-items: center !important;
}


/* ==========================================
   LEFT-SIDE TEXT AREA
   ========================================== */

.mm-follow-copy {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


/* ==========================================
   HEADING
   ========================================== */

.mm-follow-heading {
  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  /* HEADING SIZE */
  font-size: 60px !important;

  /* HEADING WEIGHT */
  font-weight: 700 !important;

  /* HEADING COLOR */
  color:
    var(--follow-heading-color) !important;

  line-height: 1.05 !important;

  letter-spacing: 2.5px !important;

  text-align: left !important;

  text-transform: none !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 12px !important;
  margin-left: 0 !important;

  padding: 0 !important;
}


/* ==========================================
   BODY TEXT
   ========================================== */

.mm-follow-body {
  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* BODY FONT SIZE */
  font-size: 18px !important;

  /* BODY FONT WEIGHT */
  font-weight: 400 !important;

  /* BODY TEXT COLOR */
  color:
    var(--follow-body-color) !important;

  line-height: 1.5 !important;

  letter-spacing: 0 !important;

  text-align: left !important;

  width: 100% !important;

  /* BODY TEXT WIDTH */
  max-width: 950px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================
   FACEBOOK PILL BUTTON
   ========================================== */

.mm-follow-button {
  width:
    var(--follow-button-width) !important;

  min-width:
    var(--follow-button-width) !important;

  min-height:
    var(--follow-button-height) !important;

  padding: 8px 17px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap:
    var(--follow-button-gap) !important;

  background-color:
    var(--follow-button-background) !important;

  color:
    var(--follow-button-content-color) !important;

  border: none !important;

  border-radius:
    var(--follow-button-radius) !important;

  text-decoration: none !important;

  cursor: pointer !important;

  box-shadow: none !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


/* BUTTON HOVER */

.mm-follow-button:hover {
  background-color:
    var(--follow-button-background) !important;

  color:
    var(--follow-button-content-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.92 !important;
}


/* BUTTON KEYBOARD FOCUS */

.mm-follow-button:focus-visible {
  outline:
    3px solid var(--follow-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   WHITE FACEBOOK F
   ========================================== */

.mm-follow-button-icon {
  width:
    var(--follow-icon-size) !important;

  height:
    var(--follow-icon-size) !important;

  flex:
    0 0 var(--follow-icon-size) !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  background-color: transparent !important;

  color:
    var(--follow-button-content-color) !important;

  border: none !important;
  border-radius: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}


/* FACEBOOK F SVG */

.mm-follow-button-icon svg {
  width: 100% !important;
  height: 100% !important;

  display: block !important;

  fill:
    var(--follow-button-content-color) !important;

  stroke: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================
   BUTTON WORDS
   ========================================== */

.mm-follow-button-text {
  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  /* BUTTON TEXT SIZE */
  font-size: 14px !important;

  /* BUTTON TEXT WEIGHT */
  font-weight: 700 !important;

  color:
    var(--follow-button-content-color) !important;

  line-height: 1 !important;

  letter-spacing: 0.6px !important;

  text-align: center !important;

  text-transform: uppercase !important;

  white-space: nowrap !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-follow-section {
    /*
      USE TABLET PADDING VALUES
    */
    --follow-padding-top:
      var(--tablet-padding-top);

    --follow-padding-right:
      var(--tablet-padding-right);

    --follow-padding-bottom:
      var(--tablet-padding-bottom);

    --follow-padding-left:
      var(--tablet-padding-left);


    --follow-column-gap: 35px;

    --follow-button-width: 180px;
    --follow-button-height: 54px;

    --follow-icon-size: 26px;
    --follow-button-gap: 9px;
  }


  .mm-follow-heading {
    font-size: 48px !important;
  }


  .mm-follow-body {
    font-size: 18px !important;
  }


  .mm-follow-button-text {
    font-size: 13px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-follow-section {
    /*
      USE MOBILE PADDING VALUES
    */
    --follow-padding-top:
      var(--mobile-padding-top);

    --follow-padding-right:
      var(--mobile-padding-right);

    --follow-padding-bottom:
      var(--mobile-padding-bottom);

    --follow-padding-left:
      var(--mobile-padding-left);


    --follow-button-width: 175px;
    --follow-button-height: 52px;

    --follow-icon-size: 25px;
    --follow-button-gap: 9px;
  }


  .mm-follow-layout {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 24px !important;

    justify-items: center !important;
  }


  .mm-follow-copy {
    text-align: center !important;
  }


  .mm-follow-heading {
    font-size: 34px !important;

    line-height: 1.1 !important;

    letter-spacing: 1px !important;

    text-align: center !important;

    margin-bottom: 10px !important;
  }


  .mm-follow-body {
    font-size: 16px !important;

    max-width: 520px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
  }


  .mm-follow-button {
    padding: 7px 14px !important;
  }


  .mm-follow-button-text {
    font-size: 13px !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-follow-section {
    /*
      USE SMALL-PHONE PADDING VALUES
    */
    --follow-padding-top:
      var(--small-padding-top);

    --follow-padding-right:
      var(--small-padding-right);

    --follow-padding-bottom:
      var(--small-padding-bottom);

    --follow-padding-left:
      var(--small-padding-left);


    --follow-button-width: 165px;
    --follow-button-height: 48px;

    --follow-icon-size: 23px;
    --follow-button-gap: 8px;
  }


  .mm-follow-heading {
    font-size: 30px !important;
  }


  .mm-follow-body {
    font-size: 15px !important;
  }


  .mm-follow-button {
    padding: 6px 12px !important;
  }


  .mm-follow-button-text {
    font-size: 12px !important;
  }
}

/* ==========================================
   HARD PADDING OVERRIDE
   ADD THIS AT THE VERY BOTTOM
   ========================================== */

/* Removes Fourthwall's padding around this specific section */
section:has(.mm-follow-section),
[data-section-id]:has(.mm-follow-section),
[class*="section"]:has(> .mm-follow-section),
*:has(> .mm-follow-section) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* Controls the actual padding inside your section */
.mm-follow-section {
  /* TOP | RIGHT | BOTTOM | LEFT */
  padding: 80px 40px 40px 0 !important;

  margin: 0 !important;
  min-height: 0 !important;
}


/* MOBILE */
@media screen and (max-width: 767px) {
  .mm-follow-section {
    /* TOP | RIGHT | BOTTOM | LEFT */
    padding: 20px 20px 20px 20px !important;
  }
}


/* SMALL PHONES */
@media screen and (max-width: 450px) {
  .mm-follow-section {
    /* TOP | RIGHT | BOTTOM | LEFT */
    padding: 50px 16px 20px 16px !important;
  }
}
}
#fw-section-custom-html-6b5a4bd7-2004-44e0-8bf3-846bd348149f {

/* ==========================================
   REMOVE FOURTHWALL SECTION SPACING
   ========================================== */

section {
  margin: 0 !important;
  padding: 0 !important;

  min-height: 0 !important;

  line-height: 0 !important;

  overflow: hidden !important;
}


/* Remove spacing from Fourthwall inner wrappers */
section > div,
section [class*="container"],
section [class*="wrapper"],
section [class*="content"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding-top: 0 !important;

  /*
    SPACE BELOW THE GALLERY

    Change to 0px if you do not want
    any space below the images.
  */
  padding-bottom: 100px !important;

  min-height: 0 !important;

  line-height: 0 !important;
}


/* ==========================================
   SIMPLE IMAGE GALLERY
   ========================================== */

.mm-simple-gallery {
  /* SECTION BACKGROUND */
  --gallery-background: #ffffff;

  /* SPACE BETWEEN IMAGES */
  --gallery-gap: 20px;

  /* IMAGE CORNER ROUNDNESS */
  --gallery-radius: 24px;

  /* SPACE BETWEEN GALLERY AND SIDE EDGES */
  --gallery-side-padding: 0px;

  /* MAXIMUM GALLERY WIDTH */
  --gallery-max-width: 100%;

  /* DESKTOP IMAGE HEIGHT */
  --gallery-image-height: 400px;

  width: 100% !important;

  background-color:
    var(--gallery-background) !important;

  padding-top: 0 !important;

  padding-right:
    var(--gallery-side-padding) !important;

  padding-bottom: 0 !important;

  padding-left:
    var(--gallery-side-padding) !important;

  margin: 0 !important;

  min-height: 0 !important;

  line-height: 0 !important;

  box-sizing: border-box !important;
}


.mm-simple-gallery,
.mm-simple-gallery * {
  box-sizing: border-box !important;
}


/* ==========================================
   IMAGE GRID
   ========================================== */

.mm-simple-gallery__grid {
  width: 100% !important;

  max-width:
    var(--gallery-max-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /* THREE IMAGES PER ROW */
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: var(--gallery-gap) !important;

  line-height: 0 !important;
}


/* ==========================================
   INDIVIDUAL IMAGE FRAMES
   ========================================== */

.mm-simple-gallery__image {
  /*
    DEFAULT IMAGE POSITION

    First value controls left/right.
    Second value controls up/down.
  */
  --image-position-x: 50%;
  --image-position-y: 50%;

  position: relative !important;

  width: 100% !important;

  height:
    var(--gallery-image-height) !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border-radius:
    var(--gallery-radius) !important;

  background-color: #eeeeee !important;

  line-height: 0 !important;
}


/* ==========================================
   INDIVIDUAL DESKTOP IMAGE POSITIONS
   ========================================== */

/*
  IMAGE 1

  First number:
  0% = far left
  50% = center
  100% = far right

  Second number:
  0% = top
  50% = center
  100% = bottom
*/

.mm-simple-gallery__image--1 {
  --image-position-x: 50%;
  --image-position-y: 35%;
}


/* IMAGE 2 */

.mm-simple-gallery__image--2 {
  --image-position-x: 50%;
  --image-position-y: 45%;
}


/* IMAGE 3 */

.mm-simple-gallery__image--3 {
  --image-position-x: 50%;
  --image-position-y: 40%;
}


/* ==========================================
   IMAGE
   ========================================== */

.mm-simple-gallery__image img {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  /*
    COVER FILLS THE FRAME WHILE
    CROPPING THE OUTSIDE EDGES.
  */
  object-fit: cover !important;

  /*
    USES THE INDIVIDUAL IMAGE POSITION
    SETTINGS ABOVE.
  */
  object-position:
    var(--image-position-x)
    var(--image-position-y) !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;

  vertical-align: top !important;

  transform: none !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-simple-gallery {
    --gallery-side-padding: 0px;
    --gallery-gap: 18px;
    --gallery-image-height: 270px;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  .mm-simple-gallery__grid {
    /* TWO IMAGES PER ROW */
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }


  /* TABLET IMAGE 1 POSITION */
  .mm-simple-gallery__image--1 {
    --image-position-x: 50%;
    --image-position-y: 35%;
  }


  /* TABLET IMAGE 2 POSITION */
  .mm-simple-gallery__image--2 {
    --image-position-x: 50%;
    --image-position-y: 40%;
  }


  /* TABLET IMAGE 3 POSITION */
  .mm-simple-gallery__image--3 {
    --image-position-x: 50%;
    --image-position-y: 35%;
  }
}


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

@media screen and (max-width: 767px) {

  section,
  section > div,
  section [class*="container"],
  section [class*="wrapper"],
  section [class*="content"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 30px !important;

    min-height: 0 !important;
  }


  .mm-simple-gallery {
    --gallery-side-padding: 0px;
    --gallery-gap: 14px;
    --gallery-radius: 16px;
    --gallery-image-height: 190px;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  .mm-simple-gallery__grid {
    /* TWO IMAGES PER ROW */
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    margin-top: 0 !important;
    padding-top: 0 !important;
  }


  /* MOBILE IMAGE 1 POSITION */
  .mm-simple-gallery__image--1 {
    --image-position-x: 50%;
    --image-position-y: 30%;
  }


  /* MOBILE IMAGE 2 POSITION */
  .mm-simple-gallery__image--2 {
    --image-position-x: 50%;
    --image-position-y: 40%;
  }


  /* MOBILE IMAGE 3 POSITION */
  .mm-simple-gallery__image--3 {
    --image-position-x: 50%;
    --image-position-y: 35%;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-simple-gallery {
    --gallery-side-padding: 0px;
    --gallery-gap: 16px;
    --gallery-image-height: 260px;
  }


  .mm-simple-gallery__grid {
    /* ONE IMAGE PER ROW */
    grid-template-columns: 1fr !important;
  }


  /* SMALL-PHONE IMAGE 1 POSITION */
  .mm-simple-gallery__image--1 {
    --image-position-x: 50%;
    --image-position-y: 30%;
  }


  /* SMALL-PHONE IMAGE 2 POSITION */
  .mm-simple-gallery__image--2 {
    --image-position-x: 50%;
    --image-position-y: 40%;
  }


  /* SMALL-PHONE IMAGE 3 POSITION */
  .mm-simple-gallery__image--3 {
    --image-position-x: 50%;
    --image-position-y: 35%;
  }
}
}
#fw-section-custom-html-4990bee3-daf2-4b1c-bbed-03fe704cc26d {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ffffff;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}
#fw-section-footer {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ===== LOAD SOURCE SERIF 4 AND SEN ===== */
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   PLAN YOUR VISIT TEXT BANNER
   ========================================== */

section {
  /* ========================================
     FONT CONTROLS
     ======================================== */

  --heading-font:
    "Sen",
    Arial,
    sans-serif;

  --body-font:
    "Sen",
    Arial,
    sans-serif;


  /* ========================================
     COLOR CONTROLS
     ======================================== */

  --heading-text-color: #39393a;
  --body-text-color: #39393a;

  --link-text-color: #ec1f25;
  --link-hover-color: #395b37;

  --section-background: #ffffff;


  /* ========================================
     SHARED CONTENT WIDTH

     The heading and paragraph now use the
     same container so their left edges align.
     ======================================== */

  --banner-content-width: 1500px;


  /* ========================================
     SECTION SPACING
     ======================================== */

  min-height: 0 !important;

  padding-top: 70px !important;
  padding-right: 40px !important;
  padding-bottom: 55px !important;
  padding-left: 40px !important;


  width: 100% !important;

  margin: 0 !important;

  background-color:
    var(--section-background) !important;

  text-align: left !important;

  display: block !important;

  box-sizing: border-box !important;
}


section,
section * {
  box-sizing: border-box !important;
}


/* ==========================================
   MAIN CONTENT CONTAINER
   ========================================== */

/*
  This controls the width and horizontal
  position of the complete text block.
*/

section > div {
  width: 100% !important;

  max-width:
    var(--banner-content-width) !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding: 0 !important;
}


/*
  Let Fourthwall's nested wrappers use the
  full width of the main content container.
*/

section [class*="content"],
section [class*="wrapper"],
section [class*="container"],
section [class*="text"] {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================
   MAIN HEADING
   ========================================== */

section h1,
section h2,
section h3 {
  width: 100% !important;
  max-width: none !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 24px !important;
  margin-left: 0 !important;

  padding: 0 !important;

  font-family:
    var(--heading-font) !important;

  font-size: 60px !important;
  font-weight: 600 !important;

  line-height: 1.1 !important;
  letter-spacing: 2.5px !important;

  color:
    var(--heading-text-color) !important;

  -webkit-text-fill-color:
    var(--heading-text-color) !important;

  text-align: left !important;

  position: static !important;

  background-image: none !important;

  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}


/* FORCE HEADING COLOR ON INNER SPANS */

section h1 *,
section h2 *,
section h3 * {
  color:
    var(--heading-text-color) !important;

  -webkit-text-fill-color:
    var(--heading-text-color) !important;

  background-image: none !important;
}


/* ==========================================
   BODY TEXT
   ========================================== */

section p {
  width: 100% !important;
  max-width: none !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;

  padding: 0 !important;

  font-family:
    var(--body-font) !important;

  font-size: 18px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;
  letter-spacing: 0 !important;

  color:
    var(--body-text-color) !important;

  -webkit-text-fill-color:
    var(--body-text-color) !important;

  text-align: left !important;

  position: static !important;

  background-image: none !important;

  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}


/* FORCE BODY COLOR ON INNER SPANS */

section p *,
section [class*="text"] p,
section [class*="text"] p * {
  color:
    var(--body-text-color) !important;

  -webkit-text-fill-color:
    var(--body-text-color) !important;

  background-image: none !important;
}


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

section a,
section a * {
  font-family:
    var(--body-font) !important;

  font-weight: 600 !important;

  color:
    var(--link-text-color) !important;

  -webkit-text-fill-color:
    var(--link-text-color) !important;

  text-decoration: none !important;
}


section a:hover,
section a:hover * {
  color:
    var(--link-hover-color) !important;

  -webkit-text-fill-color:
    var(--link-hover-color) !important;
}


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

@media screen and (max-width: 767px) {

  section {
    --banner-content-width: 100%;

    padding-top: 40px !important;
    padding-right: 20px !important;
    padding-bottom: 35px !important;
    padding-left: 20px !important;
  }


  section h1,
  section h2,
  section h3 {
    font-size: 34px !important;
    font-weight: 600 !important;

    line-height: 1.12 !important;
    letter-spacing: 1px !important;

    margin-bottom: 18px !important;

    text-align: left !important;
  }


  section p {
    font-size: 16px !important;

    line-height: 1.5 !important;

    text-align: left !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  section {
    padding-top: 32px !important;
    padding-right: 16px !important;
    padding-bottom: 30px !important;
    padding-left: 16px !important;
  }


  section h1,
  section h2,
  section h3 {
    font-size: 30px !important;
  }


  section p {
    font-size: 15px !important;
  }
}

/* ==========================================
   HARD HEADING + BODY ALIGNMENT FIX
   KEEP THIS AT THE VERY BOTTOM
   ========================================== */

section {
  /* EDIT THE SHARED TEXT WIDTH HERE */
  --shared-banner-text-width: 1100px;
}


/* FORCE HEADING AND BODY TO USE THE SAME WIDTH */

:is(
  #force-shared-width#force-shared-width-two,
  section h1,
  section h2,
  section h3,
  section p
) {
  width: 100% !important;

  max-width:
    var(--shared-banner-text-width) !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: left !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;

  transform: none !important;
}


/* REMOVE WIDTH LIMITS FROM FOURTHWALL'S
   INNER TEXT WRAPPERS */

:is(
  #force-banner-wrapper#force-banner-wrapper-two,
  section [class*="text"],
  section [class*="rich"],
  section [class*="content"]
) {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* HEADING SPACING */

:is(
  #force-heading-spacing#force-heading-spacing-two,
  section h1,
  section h2,
  section h3
) {
  margin-bottom: 24px !important;
}


/* BODY POSITION */

:is(
  #force-body-position#force-body-position-two,
  section p
) {
  position: static !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==========================================
   FOOTER GAP ABOVE LINKS
========================================== */

/*
  CHANGE THIS VALUE:

  smaller number = less empty space
  larger number  = more empty space
*/

footer {
  --footer-links-top-gap: -12px;
}


/* TARGET THE LOWER FOOTER LINK AREA */

footer nav,
footer [class*="links"],
footer [class*="menu"] {
  margin-top: var(--footer-links-top-gap) !important;
}
}
#fw-section-announcement-bar-7dd619cc-c4fb-4471-8c3c-5259d29091fd {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap");


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


/* ===== ANNOUNCEMENT BAR CONTAINER ===== */
[class*="announcement"],
[class*="top-bar"] {
  /* DESKTOP BAR HEIGHT */
  height: 42px !important;
  min-height: 42px !important;
  max-height: none !important;

  /* BAR BACKGROUND COLOR */
  background-color: #ec1f25 !important;

  /* DESKTOP INNER SPACING */
  padding-top: 0 !important;
  padding-right: 12px !important;
  padding-bottom: 0 !important;
  padding-left: 12px !important;

  /* CENTER CONTENT */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;

  /* REMOVE BORDER OR SHADOW */
  border: none !important;
  box-shadow: none !important;

  overflow: hidden !important;

  box-sizing: border-box !important;
}


/* ===== APPLY SEN FONT TO ENTIRE BAR ===== */
[class*="announcement"],
[class*="announcement"] *,
[class*="top-bar"],
[class*="top-bar"] * {
  font-family: "Sen", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;

  box-sizing: border-box !important;
}


/* ===== ANNOUNCEMENT BAR TEXT ===== */
[class*="announcement"] p,
[class*="announcement"] span,
[class*="announcement"] a,
[class*="announcement"] div,
[class*="top-bar"] p,
[class*="top-bar"] span,
[class*="top-bar"] a,
[class*="top-bar"] div {
  /* DESKTOP FONT SIZE */
  font-size: 16px !important;

  /* DESKTOP FONT WEIGHT */
  font-weight: 600 !important;

  /* TEXT COLOR */
  color: #ffffff !important;

  /* DESKTOP LETTER SPACING */
  letter-spacing: 0.5px !important;

  /* DESKTOP LINE SPACING */
  line-height: 1.2 !important;

  text-transform: none !important;
  text-align: center !important;

  margin: 0 !important;
  padding: 0 !important;

  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}


/* ===== ANNOUNCEMENT BAR LINKS ===== */
[class*="announcement"] a,
[class*="top-bar"] a {
  color: #ffffff !important;
  text-decoration: none !important;
}


/* ===== ANNOUNCEMENT BAR BUTTONS / ARROWS ===== */
[class*="announcement"] button,
[class*="top-bar"] button {
  color: #ffffff !important;

  background: transparent !important;
  border: none !important;

  font-family: "Sen", sans-serif !important;

  flex-shrink: 0 !important;
}


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

@media screen and (max-width: 767px) {

  /* ===== MOBILE BAR CONTAINER ===== */
  [class*="announcement"],
  [class*="top-bar"] {
    /*
      MOBILE BAR HEIGHT

      The bar can grow taller when the
      announcement needs more than one line.
    */
    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;

    /*
      MOBILE BAR PADDING:
      TOP RIGHT BOTTOM LEFT
    */
    padding: 8px 10px 8px 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    overflow: visible !important;
  }


  /* ===== FOURTHWALL INNER WRAPPERS ===== */
  [class*="announcement"] > div,
  [class*="announcement"] > span,
  [class*="top-bar"] > div,
  [class*="top-bar"] > span {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    text-align: center !important;
  }


  /* ===== FORCE MOBILE FONT SETTINGS ===== */
  [class*="announcement"] *,
  [class*="top-bar"] * {
    /* CHANGE MOBILE FONT SIZE HERE */
    font-size: 10px !important;

    /* CHANGE MOBILE FONT WEIGHT HERE */
    font-weight: 600 !important;

    /* CHANGE MOBILE LETTER SPACING HERE */
    letter-spacing: 0.25px !important;

    /* CHANGE MOBILE LINE SPACING HERE */
    line-height: 1.2 !important;

    color: #ffffff !important;

    text-align: center !important;
    text-transform: none !important;

    white-space: normal !important;
    word-break: break-word !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    overflow: visible !important;
  }


  /* ===== MOBILE TEXT ELEMENTS ===== */
  [class*="announcement"] p,
  [class*="announcement"] span,
  [class*="announcement"] a,
  [class*="announcement"] div,
  [class*="top-bar"] p,
  [class*="top-bar"] span,
  [class*="top-bar"] a,
  [class*="top-bar"] div {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 0 !important;
    margin: 0 !important;

    position: static !important;
  }


  /* ===== MOBILE ARROWS / BUTTONS ===== */
  [class*="announcement"] button,
  [class*="top-bar"] button {
    width: auto !important;
    min-width: 24px !important;

    height: auto !important;
    min-height: 24px !important;

    padding: 2px 4px !important;
    margin: 0 !important;

    font-size: 14px !important;

    flex-shrink: 0 !important;
  }
}
}
#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-product-product-default {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}

#fw-section-search-bar-search {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-collection-template-search {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-custom-html-4432aa50-f3ab-4310-8c44-2e7e10df9d1e {
--color-primary: #ec1f25;
--color-primary-rgb: 236, 31, 37;
--color-background: #ec1f25;
--color-background-rgb: 236, 31, 37;
--color-on-background: #ec1f25;
--color-on-background-rgb: 236, 31, 37;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ec1f25;
--color-background-brightness: 93;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec1f25;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ec1f25;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ec1f25;
--secondary-btn-border-color: #ec1f25;
/* ===== LOAD FONTS ===== */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap");


/* ==========================================
   MOO MOO'S FARM CUSTOM FOOTER
   ========================================== */

.mm-footer-top {
  /* BACKGROUND COLOR */
  --footer-background: #ec1f25;

  /* MAIN TEXT COLOR */
  --footer-text-color: #ffffff;

  /* HEADING COLOR */
  --footer-heading-color: #ffffff;

  /* LINK HOVER COLOR */
  --footer-link-hover-color: #ffffff;

  /* FACEBOOK BUTTON BACKGROUND */
  --footer-button-background: #ffffff;

  /* FACEBOOK BUTTON TEXT AND ICON */
  --footer-button-color: #ec1f25;

  /* MAXIMUM CONTENT WIDTH */
  --footer-content-width: 1375px;

  /* DESKTOP LOGO WIDTH */
  --footer-logo-width: 300px;


  /*
    DESKTOP SECTION PADDING

    TOP | RIGHT | BOTTOM | LEFT
  */
  padding: 50px 40px 30px 40px !important;


  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background-color:
    var(--footer-background) !important;

  box-sizing: border-box !important;
}


.mm-footer-top,
.mm-footer-top * {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE FOURTHWALL OUTER WHITE SPACE
   ========================================== */

section:has(.mm-footer-top),
[data-section-id]:has(.mm-footer-top),
[class*="section"]:has(.mm-footer-top) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 0 !important;
}


/* ==========================================
   MAIN THREE-COLUMN LAYOUT

   STAY CONNECTED | LOGO | CONTACT
   ========================================== */

.mm-footer-top-inner {
  width: 100% !important;

  max-width:
    var(--footer-content-width) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  /*
    Equal outside columns keep the logo
    centered in the entire footer section.
  */
  grid-template-columns:
    minmax(220px, 1fr)
    auto
    minmax(220px, 1fr) !important;

  column-gap: 55px !important;
  row-gap: 35px !important;

  align-items: center !important;
}


/* ==========================================
   ALL FOOTER COLUMNS
   ========================================== */

.mm-footer-column {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.mm-footer-heading {
  margin: 0 0 17px 0 !important;
  padding: 0 !important;

  font-family:
    "Source Serif 4",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 22px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.5px !important;

  color:
    var(--footer-heading-color) !important;

  text-align: left !important;
}


/* ==========================================
   STAY CONNECTED — LEFT SIDE
   ========================================== */

.mm-footer-social-column {
  justify-self: start !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-social-text {
  width: 100% !important;
  max-width: 310px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;
}


/* ==========================================
   FACEBOOK BUTTON
   ========================================== */

.mm-footer-facebook {
  width: fit-content !important;
  min-height: 46px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 9px 18px !important;

  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  border: none !important;
  border-radius: 999px !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.mm-footer-facebook:hover {
  background-color:
    var(--footer-button-background) !important;

  color:
    var(--footer-button-color) !important;

  text-decoration: none !important;

  transform: translateY(-2px) !important;

  opacity: 0.9 !important;
}


.mm-footer-facebook:focus-visible {
  outline:
    3px solid var(--footer-button-background) !important;

  outline-offset: 4px !important;
}


/* ==========================================
   FACEBOOK ICON
   ========================================== */

.mm-footer-facebook-icon {
  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--footer-button-color) !important;

  background-color: transparent !important;

  border: none !important;
}


.mm-footer-facebook-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: currentColor !important;
  stroke: none !important;
}


/* ==========================================
   LOGO — CENTER
   ========================================== */

.mm-footer-brand {
  width: auto !important;

  justify-self: center !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/*
  This also overrides any leftover styling
  from when the logo was inside a link.
*/
.mm-footer-logo-link {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}


.mm-footer-logo {
  display: block !important;

  width:
    var(--footer-logo-width) !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: none !important;

  object-fit: contain !important;
}


/* ==========================================
   CONTACT — RIGHT SIDE
   ========================================== */

.mm-footer-contact-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Sen",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--footer-text-color) !important;

  text-align: left !important;

  text-decoration: none !important;
}


.mm-footer-contact a:hover {
  color:
    var(--footer-link-hover-color) !important;

  text-decoration: underline !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media screen and (max-width: 1000px) {

  .mm-footer-top {
    /*
      TABLET PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 25px 25px 25px 25px !important;

    --footer-logo-width: 190px;
  }


  .mm-footer-top-inner {
    grid-template-columns:
      minmax(180px, 1fr)
      auto
      minmax(180px, 1fr) !important;

    column-gap: 30px !important;
    row-gap: 35px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}


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

@media screen and (max-width: 767px) {

  .mm-footer-top {
    /*
      MOBILE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 20px 20px 20px 20px !important;

    --footer-logo-width: 175px;
  }


  .mm-footer-top-inner {
    grid-template-columns: 1fr !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    justify-items: center !important;
  }


  /* LOGO APPEARS FIRST */

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  /* STAY CONNECTED APPEARS SECOND */

  .mm-footer-social-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  /* CONTACT APPEARS THIRD */

  .mm-footer-contact-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-social-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ==========================================
   SMALL PHONES
   ========================================== */

@media screen and (max-width: 450px) {

  .mm-footer-top {
    /*
      SMALL-PHONE PADDING

      TOP | RIGHT | BOTTOM | LEFT
    */
    padding: 16px 16px 16px 16px !important;

    --footer-logo-width: 155px;
  }


  .mm-footer-heading {
    font-size: 20px !important;
  }


  .mm-footer-social-text,
  .mm-footer-contact a,
  .mm-footer-contact p {
    font-size: 14px !important;
  }
}

/* ==========================================
   FOOTER COLUMN POSITION OVERRIDE

   LOGO | CONTACT | STAY CONNECTED
   ========================================== */


/* LOGO — LEFT SIDE */

.mm-footer-brand {
  justify-self: start !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.mm-footer-logo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* CONTACT — MIDDLE */

.mm-footer-contact-column {
  justify-self: center !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-contact-column .mm-footer-heading {
  text-align: left !important;
}


.mm-footer-contact {
  align-items: flex-start !important;

  text-align: left !important;
}


.mm-footer-contact a,
.mm-footer-contact p {
  text-align: left !important;
}


/* STAY CONNECTED — RIGHT SIDE */

.mm-footer-social-column {
  justify-self: end !important;

  width: 100% !important;
  max-width: 310px !important;

  text-align: left !important;
}


.mm-footer-social-column .mm-footer-heading,
.mm-footer-social-text {
  text-align: left !important;
}


/* ==========================================
   MOBILE ORDER

   LOGO
   CONTACT
   STAY CONNECTED
   ========================================== */

@media screen and (max-width: 767px) {

  .mm-footer-brand {
    grid-row: 1 !important;

    justify-self: center !important;

    width: 100% !important;

    text-align: center !important;
  }


  .mm-footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .mm-footer-contact-column {
    grid-row: 2 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-social-column {
    grid-row: 3 !important;

    justify-self: center !important;

    width: 100% !important;
    max-width: 390px !important;

    text-align: center !important;
  }


  .mm-footer-contact-column .mm-footer-heading,
  .mm-footer-social-column .mm-footer-heading,
  .mm-footer-social-text {
    text-align: center !important;
  }


  .mm-footer-contact {
    align-items: center !important;

    text-align: center !important;
  }


  .mm-footer-contact a,
  .mm-footer-contact p {
    text-align: center !important;
  }


  .mm-footer-facebook {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}






#fw-section-password {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}