@media only screen and (max-width: 767px) {
    .video-content {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    .blockWrap_c2d3fdbd932b41bd8b4b3f53c5d33eb4 {
        display: none;
    }
}
/*--------------HOME---------------*/
/*HERO SECTION imag/vid*/
.blockWrap_cc53b8f42c6e4e47a9c80d451fa23ed0 {
    position: relative;
}
/*.blockWrap_c2d3fdbd932b41bd8b4b3f53c5d33eb4 {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    -ms-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*    left: 4%;*/
/*    right: 4%;*/
/*}*/
/*.blockWrap_cc53b8f42c6e4e47a9c80d451fa23ed0:before {*/
/*    content: '';*/
/*    background-color: rgba(23,20,19,.05);*/
/*    width: 100%;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*}*/
/*div.blockWrap_c2d3fdbd932b41bd8b4b3f53c5d33eb4 {*/
/*    z-index: 1;*/
/*}*/

/*--------------HOME---------------*/
/* ===============================================================
   CLEAN, CORRECT, FULLY FIXED NAVIGATION CSS
   =============================================================== */

/* Raise header above video — DO NOT TOUCH navContainer or #navTopLevel */
.headerAndNavContainer,
.headerAndNavContent,
.headerAndNavContentInner,
.headerContainer {
    position: relative !important;
    z-index: 999999 !important;
}

/* Desktop dropdowns (hover navigation) */
@media (min-width: 768px) {
    #navTopLevel .subNav {
        position: absolute !important;
        top: 100%;
        left: 0;
        background: #ffffff !important;
        white-space: nowrap !important;
        z-index: 9999999 !important;
        display: block !important;
        visibility: hidden;
        opacity: 0;
        transition: opacity .2s ease;
    }

    #navTopLevel > li {
        position: relative !important;
        display: inline-block !important;
    }

    #navTopLevel > li:hover > .subNav {
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* If SpaceCraft forces mobileDropDownNav onto desktop UL, reset it */
    #navTopLevel.mobileDropDownNav {
        display: flex !important;
        flex-direction: row !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
    }
}
    @media (min-width: 768px) {
    #navTopLevel .subNav {
        min-width: 220px !important;  /* Increase this number to your liking */
        padding: 10px 20px !important; /* Optional: adds breathing room */
    }

    #navTopLevel .subNav li a {
        white-space: nowrap !important;  /* Prevent text line breaks */
        display: block !important;       /* Full clickable row */
        padding: 8px 0;                  /* Optional spacing */
    }
}




/* Mobile ONLY — prevent overflow glitches */
@media (max-width: 767px) {
    #navTopLevel,
    #navTopLevel * {
        max-width: 100% !important;
        overflow-x: hidden !important;
        white-space: normal !important;
    }
}

/* Mobile drawer container — allow full width but DO NOT override position */
.mobileDropDownNav {
    width: 100% !important;
    overflow-x: hidden !important;
}

/* === HOMEPAGE TESTIMONIAL VIDEO BLOCK === */

/* Remove built-in padding around this block (top, bottom, and sides) */
.block_a07041c92da04c3f88a2b7488b90f22d {
  padding: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;  /* keep your white text */
}

/* Video wrapper: no side/bottom padding, just top for aspect ratio */
.block_a07041c92da04c3f88a2b7488b90f22d .fluid-width-video-wrapper {
  padding: 0 !important;     /* kills side + bottom padding */
  margin: 0 auto;            /* keeps it centered */
}

/* Mobile aspect ratio – adjust ONLY top padding (controls height) */
@media (max-width: 480px) {
  .block_a07041c92da04c3f88a2b7488b90f22d .fluid-width-video-wrapper {
    padding-top: 50% !important;  /* shorter than 70%, less tall slab */
  }
}

@media (max-width: 375px) {
  .block_a07041c92da04c3f88a2b7488b90f22d .fluid-width-video-wrapper {
    padding-top: 55% !important;
  }
}

@media (max-width: 320px) {
  .block_a07041c92da04c3f88a2b7488b90f22d .fluid-width-video-wrapper {
    padding-top: 60% !important;
  }
}




/* Force video section below header */
.video-section,
.video-container,
.video-wrapper,
.video-overlay {
    z-index: 1 !important;
}
.video-overlay {
    opacity: 0.3 !important; /* lower = more transparent */
}

/*HOMEPAGE MOBILE BLOCK TEXT*/
.block_b4d7d40d771f44f4be5ca36ccbc71150 {
    color: white !important; /* Makes regular text white */
}

.block_b4d7d40d771f44f4be5ca36ccbc71150 a {
    color: white !important; /* Makes links white */
    text-decoration: none; /* Optional: remove underline */
}

.block_b4d7d40d771f44f4be5ca36ccbc71150 a:hover {
    color: white !important; /* Makes hovered links white */
    text-decoration: underline; /* Optional: underline on hover */
}

.ingredient-chart {
  max-width: 900px;
  margin: 30px auto;
  font-family: Arial, sans-serif;
}

.ingredient-chart h2 {
  text-align: center;
  margin-bottom: 20px;
}

.chart-row {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ccc;
  padding: 12px 0;
}

.chart-header {
  font-weight: bold;
  background: #f4f4f4;
}

.chart-row:nth-child(even):not(.chart-header) {
  background: #fafafa;
}

.cell {
  flex: 1;
  padding: 8px 12px;
  box-sizing: border-box;
}

/* ------- Mobile Responsive -------- */
@media (max-width: 700px) {
  .chart-row {
    flex-direction: column;
    padding: 12px 10px;
  }

  .chart-header {
    display: none; /* hide header on mobile */
  }

  .cell {
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
  }

  .cell:last-child {
    border-bottom: none;
  }

  .cell::before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
    color: #333;
    margin-bottom: 4px;
  }
}

/* ------- Maps -------- */
.maps-container {
  display: flex;
  gap: 20px;        /* space between the maps */
  flex-wrap: wrap;  /* optional: lets them stack on small screens */
}

.maps-container iframe {
  flex: 1 1 48%;    /* each map takes ~half the container */
  min-width: 300px; /* prevents maps from shrinking too small on mobile */
  height: 450px;    /* your current height */
  border: 0;
}