/** Shopify CDN: Minification failed

Line 1003:1 Expected "}" to go with "{"

**/
/*===================== Common Section =====================*/
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('/cdn/shop/files/BrandonGrotesque-Regular.eot');
  src: local('Brandon Grotesque Regular'), local('BrandonGrotesque-Regular'),
      url('/cdn/shop/files/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
      url('/cdn/shop/files/BrandonGrotesque-Regular.woff2') format('woff2'),
      url('/cdn/shop/files/BrandonGrotesque-Regular.woff') format('woff'),
      url('/cdn/shop/files/BrandonGrotesque-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Heading';
  src: url('/cdn/shop/files/Heading.woff2') format('woff2'),
      url('/cdn/shop/files/Heading.woff') format('woff')
}
@font-face {
  font-family: 'FjallaOne';
  src: url('/cdn/shop/files/FjallaOne-Regular.woff2') format('woff2');
}

body {
  font-family: 'Brandon Grotesque';
  letter-spacing: 0;
}

.h0, h1, h2, h3, .h1, .h2, .h3 {
  font-family: 'Heading';
}
h4, h5, .h4, .h5 {
  font-family: 'FjallaOne';
}
.button, .button-label, .shopify-challenge__button, .customer button {
  font-family: 'FjallaOne';
  min-height: auto;
  padding: 0.6rem 3rem;
  font-size: 24px;
  letter-spacing: 2px
}

/*------------------- edge border --------------------*/
.edge-boder-top {
  content: " ";
  position: absolute;
  background: url('/cdn/shop/files/boder-top.png') transparent repeat-x;
  top: -4px;
  height: 5px;
  width: 100%;
  left: 0;
  background-size: 20px 4px;
}

/*---------------- breadcrumbs border ----------------*/
ol.ed_breadcrumbs-list li a {
  font-family: 'FjallaOne';
  letter-spacing: 1px;
}

/*===================== Header Section =====================*/
.header-wrapper::after {
  content: " ";
  position: absolute;
  background: url('/cdn/shop/files/boder-bottom.png') transparent repeat-x;
  bottom: -4px;
  height: 4px;
  width: 100%;
  left: 0;
  background-size: 20px 4px;
  z-index: 11;
}
.header__menu-item span {
  font-family: 'FjallaOne';
  text-transform: uppercase;
  letter-spacing: 1px;
}
.header__menu-item {
  color: rgba(var(--color-foreground),1);
}
details[open]>.header__submenu {
  z-index: 111;
}

/*===================== Footer Section =====================*/
footer.footer {
  position: relative;
}
footer.footer .footer__content-top {
  padding-bottom: 0;
}
.footer-block-image {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.footer-menu-wrapper {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.footer-block__newsletter .newsletter-form,
.footer-block__newsletter .newsletter-form__field-wrapper {
  max-width: 100%;
}
.footer__blocks-wrapper {
  column-gap: 100px;
}
.footer-block .footer-block__heading {
  font-family: 'FjallaOne';
  font-size: 24px;
  letter-spacing: 3px;
}
.footer-block__details-content .footer-block__newsletter  {
  text-align: left;
}

footer.footer .footer__content-bottom {
  border: 0;
}
.footer__content-bottom-wrapper .footer__copyright {
  margin: 0;
}
.footer-btm {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
.footer-policies-nav .policies li:first-child:before {
  color: var(--gradient-background);
}

/*=================== Home Page Section ====================*/
/*----------------- rich-text Section ----------------*/
.rich-text-image img {
  width: 100%;
}

.rich-text.home_rich_text_location .rich-text__blocks {
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
}
.rich-text.home_rich_text_location .rich-text__blocks .rich-text__buttons {
  width: auto;
  margin: 0;
  white-space: nowrap;
}

@media screen and (max-width: 749px) {
  .rich-text.home_rich_text_location .rich-text__blocks {
    gap: 30px;
    flex-direction: column;
    text-align: center;
  }
}

/*---------------- multicolumn Section ---------------*/
.multicolumn {
  position: relative;
}
.multicolumn .title-wrapper-with-link {
  justify-content: center;
}
.multicolumn-card__info {
  color: #2C2A27;
}
.multicolumn-card__info h3 {
  font-family: 'FjallaOne';
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #2C2A27;
}
.multicolumn .multicolumn-card__info .button {
  background: #2C2A27;
  font-size: 18px;
  border-color: #2C2A27;
  margin-top: 2rem;
}
.multicolumn .button:after {
  box-shadow: none;
}
.multicolumn .multicolumn-card>a {
  text-decoration: none;
}

.multicolumn.home_multicolumn_collection .multicolumn-card__info .button:hover:after {
  content: none;
}

.multicolumn.home_multicolumn_product .multicolumn-card__info {
  letter-spacing: 1px;
}
.multicolumn.home_multicolumn_product .multicolumn-card__info p strong {
  font-weight: 600;
}
  
@media screen and (min-width: 990px) {
  .multicolumn-card:hover .media.media--hover-effect img {
    transition: transform var(--duration-long) ease;
    transform: scale(1.03);
  }
  .multicolumn-card .media.media--adapt.media--hover-effect img {
    max-height: 96%;
    margin-top: 8px;
  }
  .multicolumn-card:hover .media.media--adapt.media--hover-effect img {
    transform: translate(-50%) scale(1.03);
  }
}
@media screen and (max-width: 749px) {
  .multicolumn__title .title {
    text-align: center;
  }
  .multicolumn.home_multicolumn_product .multicolumn-media {
    padding: 0 !important;
    max-width: 350px;
    margin: 0 auto;
  }
  .multicolumn.home_multicolumn_product .multicolumn-media .multicolumn-card__image {
    position: initial;
    margin-left: auto;
    transform: none;
    margin-right: auto;
  }
}

/*-------------- image-with-text Section -------------*/
.image-with-text__text.rte ul {
  padding-left: 0;
}

.image-with-text-wrapper.general_img_text .image-with-text__grid {
  align-items: center;
}
.image-with-text-wrapper.general_img_text .image-with-text__media {
  padding: 0 !important;
}
.image-with-text-wrapper.general_img_text .image-with-text__media .img-with-text-img {
  position: initial;
  margin-left: auto;
}
.image-with-text-wrapper.general_img_text.gift_img_text .image-with-text__media .img-with-text-img {
  max-width: 450px;
}

@media screen and (max-width: 749px) {
  .image-with-text-wrapper.general_img_text .image-with-text__media {
    max-width: 350px;
    margin: 0 auto;
  }
  .image-with-text__text-item .image-with-text__content {
    padding-left: 0;
    padding-right: 0;
  }
}

/*------------ featured-collection Section -----------*/
.collection__title.title-wrapper {
  text-align: center;
}

/*--------------- card-product Section ---------------*/
.product-grid {
  justify-content: center;
}
.card__information .card__heading {
  font-family: 'Brandon Grotesque';
  font-weight: 600;
  font-size: 20px;
}
.price__container {
  letter-spacing: 0;
}

/*--------------- image-banner Section ---------------*/
.banner-subheading {
  margin-bottom: 0;
  letter-spacing: 2px;
}

/*------------------- apps Section -------------------*/
.apps-wrapper.home_review {
  background-image: url('/cdn/shop/files/Chicken_new.png');
  background-position: right bottom -2px;
  background-size: 40% auto;
  background-repeat: no-repeat;
  background-attachment: initial;
}
.apps-wrapper.home_review .jdgm-all-reviews-text--style-branded>a {
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.apps-wrapper.home_review .jdgm-all-reviews-text--style-branded .jdgm-all-reviews-text__text {
  padding: 0;
  border: 0;
}
.apps-wrapper.home_review .jdgm-verified-by {
  display: none;
}
.apps-wrapper.home_review .jdgm-all-reviews-text .jdgm-all-reviews-rating:before {
  background: #000;
  color: #fff;
}
.apps-wrapper.home_review .jdgm-all-reviews-text .jdgm-all-reviews-rating, 
.apps-wrapper.home_review .jdgm-all-reviews-text .jdgm-all-reviews-rating .jdgm-star, 
.apps-wrapper.home_review .jdgm-all-reviews-text .jdgm-all-reviews-text__text {
  color: #000;
}
.apps-wrapper.home_review .shopify-app-block>div {
  margin-left: 0 !important;
}
.apps-wrapper.home_review .shopify-app-block .jdgm-carousel-item .jdgm-carousel-item__inner-wrapper {
  background: #fff;
}
.apps-wrapper.home_review .jdgm-carousel-wrapper {
  margin-right: auto !important;
  margin-left: 0;
}
.apps-wrapper.home_review .jdgm-carousel__right-arrow, 
.apps-wrapper.home_review .jdgm-carousel__left-arrow {
  border-color: #000;
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .apps-wrapper.home_review {
    background-size: 32% auto;
  }
}
@media screen and (min-width: 990px) and (max-width: 1399px) {
  .apps-wrapper.home_review {
    background-size: 30% auto;
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .apps-wrapper.home_review {
    background-size: 32% auto;
  }
}

@media screen and (max-width: 749px) {
  .apps-wrapper.home_review {
    background-size: 66% auto;
    padding-bottom: 200px;
  }
  .apps-wrapper.home_review .collapsible-content__header {
    text-align: center !important;
  }
  .apps-wrapper.home_review .collapsible-content__header .collapsible-content__heading {
    font-size: 30px;
  }
  .apps-wrapper.home_review .jdgm-all-reviews-text--style-branded>a {
    align-items: center;
  }
  .apps-wrapper.home_review .jdgm-carousel-wrapper {
    margin-left: auto !important;
    width: 100% !important;
  }
  .jdgm-carousel-wrapper .jdgm-carousel__right-arrow, 
  .jdgm-carousel-wrapper .jdgm-carousel__left-arrow {
    border-width: 2px;
    width: 14px;
    height: 14px;
    margin-top: -124px !important;
  }
  .jdgm-carousel-wrapper .jdgm-carousel--card-theme .jdgm-carousel-item {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .apps-wrapper.home_review {
    background-size: 96% auto;
  }
}

/*=== meet-our-farm-clover-farms-of-florida page Section ===*/
/*------------------- multirow Section ---------------*/
.multirow.about_multirow .image-with-text {
  border-top: 1px solid rgba(var(--color-foreground),.1);
}
.multirow.about_multirow .image-with-text__media {
  padding: 0 !important;
}
.multirow.about_multirow .image-with-text__media .multirow-image-item {
  position: initial !important;
  max-height: 200px;
  width: auto !important;
  margin: 0 auto;
}
.multirow.about_multirow .image-with-text__grid {
  align-items: center;
}

@media screen and (max-width: 749px) {
  .multirow.about_multirow .image-with-text__content {
    padding-top: 1rem;
    padding-bottom: 2rem
  }
  .multirow.about_multirow .image-with-text__media-item {
    padding-top: 3rem;
  }
}

/*================ Collection Page Section =================*/
/*------------- collection-banner Section ------------*/
.list-collections-wrapper .title {
  text-align: center;
  margin-bottom: 2.5rem;
}

.collection-hero {
  text-align: center;
}
.quick-add .quick-add__submit {
  padding: 0.6rem 3rem;
  font-size: 16px;
  font-weight: 600;
}
.quick-add .quick-add__submit:hover {
  background: #89c643;
  color: #fff;
}
.quick-add .quick-add__submit.button:hover:after {
  box-shadow: 0 0 0 #89c643;
}

.collection-list__item .card__information {
  padding: 1.2rem 1rem 1.1rem 1rem;
  text-align: center;
  margin: -1rem;
}
.collection-list__item .card__information .card__heading {
  font-family: 'FjallaOne';
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
}
.collection-list__item .icon-wrap {
  display: none;
}
.collection-list__item .card-wrapper:hover .card__information {
  background: #89c643;
}

.facets-container .button-label {
  text-transform: uppercase;
}

/*================= Contact Page Section ===================*/
/*------------- contact container Section ------------*/
.collapsible-content .accordion__title {
  font-family: 'Brandon Grotesque';
  font-size: 1.8rem;
}
.contact__button .button {
  text-transform: uppercase;
}

/*================= Product Page Section ===================*/
/*------------ product-information Section -----------*/
.product--no-media .shopify-app-block .jdgm-widget {
  text-align: center; 
}

/*-------------- related-products Section ------------*/
.related-products__heading {
  text-align: center;
}

/*================== Apps Options Section ==================*/
.needsclick.go681896951.kl-private-reset-css-Xuajs1 {
  background-color: #8ac743 !important;
  text-align: center;
}
.needsclick.go681896951.kl-private-reset-css-Xuajs1 .kl-private-reset-css-Xuajs1.go3176171171 {
  font-family: FjallaOne !important;
}
.needsclick.go681896951.kl-private-reset-css-Xuajs1 .go3176171171 {
  color: #fff !important;
  letter-spacing: 2px;
}
.kl-private-reset-css-Xuajs1.go3176171171 p,
.kl-private-reset-css-Xuajs1.go3176171171 p span {
  font-family: Heading !important;
}
.needsclick.kl-private-reset-css-Xuajs1 .needsclick.go2534619395.kl-private-reset-css-Xuajs1 {
  font-family: FjallaOne !important;
  font-weight: 400 !important;
}
.needsclick.kl-private-reset-css-Xuajs1,
.needsclick.kl-private-reset-css-Xuajs1 input#email_01JQ2MNSRQC4J37AMHFQGM70TH::placeholder {
  font-family: 'Brandon Grotesque' !important;
}

@media screen and (max-width: 480px) {
  .related-products__heading {
    font-size: 32px;
  }
}

/*================= Blog page ===================*/
.article-template .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem;
  text-decoration: none;
  color: #fff !important;
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: #8cc942 !important;
}
.article-template .button:before,
.article-template .button:after {
  box-shadow: none;
}

/*------------- contact container Section ------------*/


/*=========== Responsive Media Query Section ===============*/
@media screen and (max-width: 749px) {}

/* ==========================================================================
   Header nav spacing between 990px and 1200px
   Replaces the earlier versions of this file. Add to the end of custom.css.

   Background: theme.liquid sets the root font-size to
   calc(var(--font-body-scale) * 62.5%) = 12px, then base.css overrides it
   with @media (max-width:1200px){ html{font-size:108% !important} } = 17.28px.
   Every rem-based size in the theme jumps 44% below 1200px, which is what
   was wrapping the menu onto two rows.

   Note on the selectors: Dawn puts the class `header__menu-item` on BOTH the
   top-level items and the links inside the dropdown panels. A plain
   `.header__inline-menu .header__menu-item` rule hits both, which is what
   flattened the dropdown padding.

   The fix uses element type rather than nesting depth. Top-level dropdowns
   are <summary> elements; every link inside a panel is an <a>. So
   `summary.header__menu-item` reaches the top row and nothing else. The
   markup is <li><header-menu><details><summary>, so child combinators from
   the <li> would miss the extra <header-menu> wrapper anyway.

   ------------------------------------------------------------------------
   Top row spacing math, so you can tune it:

     [ padding-left ][ LABEL ][ gap ][ caret ][ tail ]
                                                     ^ next item starts here

     text-to-caret gap = padding-right - caret right - caret width
     item-to-item gap  = caret right + next item's padding-left

   With the values below: 34 - 12 - 12 = 10px label to caret, and
   12 + 14 = 26px from one caret to the next label.
   ------------------------------------------------------------------------ */



/* --------------------------------------------------------------------------
   Tuning notes

   Dropdown tight on the left: raise the 28px in `.header__submenu
   a.header__menu-item` to 32px or 36px. Vertically crowded: raise the 12px.

   Top row still tight, in this order:
     1. padding-left 14px -> 12px and caret right 12px -> 10px (24px total)
     2. font-size 15px -> 14px (roughly 30px across six labels)
     3. Only then padding-right. It is the one holding both gaps apart, so
        cutting it is what made the row look cramped two versions ago.

   To apply all of this at every desktop width rather than just this band,
   delete `and (max-width: 1200px)` from the media query.
   -------------------------------------------------------------------------- */

/* ==========================================================================
   Mobile heading sizes
   Add to the END of assets/custom.css (it loads after base.css, so this wins)
   Affects screens under 750px only. Desktop is untouched.
   ========================================================================== */

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

  /* Hero / image banner headings. Currently 79px. */
  .hxl {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
    line-height: 1.15;
  }

  /* Page title printed by the Page section. Currently 63px. */
  .h0,
  .main-page-title {
    font-size: calc(var(--font-heading-scale) * 2rem);
    line-height: 1.2;
  }

  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 1.9rem);
    line-height: 1.2;
  }

  /* This is the broken one. base.css sets mobile h2 to 1rem, which renders
     smaller than body text. */
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 1.6rem);
    line-height: 1.25;
  }

  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
    line-height: 1.3;
  }

}

/* ==========================================================================
   Mobile image banner buttons
   Add to the END of assets/custom.css, after the heading block.
   Fixes buttons overflowing the right edge of the screen on mobile.

   Cause: section-image-banner.css sets min-width:22rem on banner buttons
   under 750px. Dawn expects 1rem = 10px (220px). This theme's root is
   17.28px, so it computes to 380px, which is wider than the space available
   in a 390px viewport and pushes 16px past the right edge.

   The extra .banner class below is deliberate. section-image-banner.css
   loads later in the document than custom.css, so a matching selector
   would lose. This one outranks it without needing !important.
   ========================================================================== */

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

  .banner.banner--content-align-mobile-center .banner__buttons--multiple > *,
  .banner .banner__buttons--multiple > * {
    min-width: 0;
    width: 100%;
  }

  .banner__buttons,
  .banner__buttons--multiple {
    width: 100%;
  }

  /* custom.css sets these to 24px / 2px, which is oversized on a phone.
     This rule sits later in the same file, so it wins. */
  .button,
  .button-label,
  .shopify-challenge__button,
  .customer button {
    font-size: 17px;
    letter-spacing: 1px;
    padding: 0.7rem 1.5rem;
  }

}



/* ==========================================================================
   Header icon size (search / account / cart)
   Add to the end of assets/custom.css.

   There is no theme setting for this. Dawn sizes these in rem, and this
   theme's root font-size is 17.28px instead of the 10px Dawn assumes, so
   they render oversized: 24px glyphs in 53px boxes, and the cart glyph
   was drawing at 44x53 because its viewBox is a different shape.

   This sets all three to the same size. Tune the two numbers to taste.
   40px on the box keeps the tap target at the accessible minimum.
   ========================================================================== */

.header__icons .header__icon,
.header__icons .header__icon--cart {
  width: 40px;
  height: 40px;
  padding: 0;
}

/* The .svg-wrapper > svg part is doing the real work here. It is the
   highest-specificity rule the theme applies to these glyphs, so a simpler
   selector gets overridden. */
.header__icons .header__icon .icon,
.header__icons .header__icon--cart .icon,
.header__icons .header__icon .svg-wrapper > svg,
.header__icons .header__icon--cart .svg-wrapper > svg {
  width: 20px;
  height: 20px;
}

/* --------------------------------------------------------------------------
   Cart icon compensation

   The cart SVG uses a 40x40 viewBox but its artwork only occupies a 17.4x16.9
   area inside it, so 43% of the box. Search and account fill about 95% of
   their 18x19 viewBox. Sized identically, the cart's visible artwork renders
   at 8.5px against their 18.5px, which is why it looks half the size.

   Scaling the cart SVG to 44px puts its visible artwork at roughly 19px,
   matching the other two. It overflows the 40px box by 2px per side, which
   is harmless. Drop to 40px if the bag looks too heavy against the others.

   This block must stay below the rule above; it matches on specificity and
   wins by document order.
   -------------------------------------------------------------------------- */

.header__icons .header__icon--cart .icon,
.header__icons .header__icon--cart .svg-wrapper > svg {
  width: 44px;
  height: 44px;
}

/* Tighten the spacing now that the icons are smaller.
   Delete this block if you like the current gaps. */
.header__icons {
  gap: 0.4rem;
}


/* --------------------------------------------------------------------------
   Cart count bubble
 
   Dawn positions this with `bottom: .8rem; left: 2.2rem` and sizes it
   `1.7rem` square. All three are rem, so the bubble moves and resizes with
   the root font-size jump at 1200px, which is why it drifts to the side of
   the bag and stretches into an oval. My earlier version of this block set
   height but not width, which made the oval worse. Sorry about that.
 
   Fixed px, anchored from the top right instead of the bottom left, so it
   sits on the bag's top-right corner at every width. min-width plus a
   half-height radius means a single digit renders as a circle and a
   two-digit count as a neat pill instead of squashing.
   -------------------------------------------------------------------------- */
 
.header__icons .header__icon--cart .cart-count-bubble {
  top: 3px;
  right: 3px;
  bottom: auto;
  left: auto;
  height: 16px;
  min-width: 16px;
  width: auto;
  padding: 0 4px;
  border-radius: 8px;
  font-size: 10px;
  line-height: 1;
  box-sizing: border-box;
}

/* ==========================================================================
   Grocery missing from desktop nav + How to Buy wrapping to a second row
   Diagnosed live 2026-08-07. Add to the END of custom.css.

   TWO SEPARATE PROBLEMS.

   ---------------------------------------------------------------------------
   PROBLEM 1: Grocery is hidden by a leftover rule.

   custom.css already contains this, minified, with no comment:

     @media screen and (min-width:990px){
       .header__inline-menu>ul.list-menu>li:nth-child(5){display:none!important}
     }

   It hides the 5th top-level nav item by POSITION, not by name. Under the old
   menu that was some other item. Under the new menu, position 5 is Grocery.

   Best fix: find that rule in custom.css and DELETE it. It is positional, so
   it will bite again the next time the menu order changes.

   If you would rather not touch existing code, the override below undoes it.
   Overriding is worse than deleting, because the rule stays there waiting.

   Note: the rule is desktop-only (min-width 990px). Grocery is still visible
   in the mobile drawer right now, which is why it looks like it half exists.

   ---------------------------------------------------------------------------
   PROBLEM 2: seven items do not fit on one row.

   Once Grocery comes back you have seven labels, and at 1024px the row needs
   ~646px in a nav column that is ~588px wide. "How to Buy" drops to a second
   line. It is already dropping today, even with Grocery hidden.

   Two changes fix it, and you need both:

   A. Rename the top-level "Beef Shares" to "Shares" in
      Admin > Online Store > Navigation. Saves about 50px. This is the
      compact label the build sheet already listed as the fallback. The
      dropdown children keep the keyword anchors, so SEO cost is near zero.

   B. Add the CSS below. It tightens label padding, trims the logo cap, and
      closes the icon gap to hand the extra width to the menu.

   Verified live at 1024px with both changes: one row, 572px used of 572px
   available. That is exactly at the limit, which is why you need the shorter
   label too. Preview at 990, 1024, 1100, and 1200 before you call it done.
   ========================================================================== */

/* --- Undo the positional hide. Delete the original rule instead if you can. */
@media screen and (min-width: 990px) {
  .header__inline-menu > ul.list-menu > li:nth-child(5) {
    display: block !important;
  }
}

/* --- Make room for seven labels. */
@media screen and (min-width: 990px) and (max-width: 1400px) {

  .header.page-width {
    padding-left: 12px !important;
    padding-right: 12px !important;
    column-gap: 6px !important;
  }

  .header__heading-logo {
    max-width: 120px !important;
  }


/* Right-side nav: single line, always */
.header-right-nav .list-menu--inline {
  flex-wrap: nowrap;
}

.header-right-nav .header__menu-item {
  white-space: nowrap;
}


/* --------------------------------------------------------------------------
   Right-side nav — all widths.
   Dawn's .list-menu--inline is flex-wrap: wrap, so this nav breaks onto a
   second line instead of overflowing, which makes the whole header taller.
   -------------------------------------------------------------------------- */
 
.header-right-nav .list-menu--inline {
  flex-wrap: nowrap;
}
 
.header-right-nav .header__menu-item {
  white-space: nowrap;
}
 
 
/* ==========================================================================
   Desktop header, 990px to 1400px
 
   Background: theme.liquid sets the root font-size to
   calc(var(--font-body-scale) * 62.5%) = 12px, then base.css overrides it
   with @media (max-width:1200px){ html{font-size:108% !important} } = 17.28px.
   Every rem value in the theme jumps 44% below 1200px, which is what pushed
   the nav onto two rows. Everything here is px on purpose.
 
   Spacing math for the top row, so you can tune it:
 
     [ padding-left ][ LABEL ][ gap ][ caret ][ tail ]
                                                     ^ next item starts here
 
     label-to-caret gap = padding-right - caret right - caret width
                        = 22 - 7 - 10 = 5px
     item-to-item gap   = caret right + next item's padding-left
                        = 7 + 8 = 15px
 
   On !important: it is kept only on the three low-specificity selectors
   (.header.page-width, .header__heading-logo, .header__icons). Dawn's
   component CSS loads after custom.css, so at equal specificity Dawn wins on
   source order. The .header__inline-menu selectors are (0,2,1) and beat
   Dawn's (0,1,0) outright, so they do not need it.
   ========================================================================== */
 
@media screen and (min-width: 990px) and (max-width: 1400px) {
 
  /* --- Top row ---------------------------------------------------------
     summary = dropdown triggers. The > ul > li > a selector catches plain
     top-level links like Grocery. Do NOT collapse these into a bare
     .header__inline-menu .header__menu-item — that class sits on dropdown
     panel links too, and a bare selector flattens the panels. That was the
     bug in the deleted block 2. */
 
  .header__inline-menu summary.header__menu-item,
  .header__inline-menu > ul > li > a.header__menu-item {
    font-size: 18px;
    padding-left: 8px;
    padding-right: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 0;
  }
 
  .header__inline-menu summary.header__menu-item .icon-caret {
    right: 7px;
    width: 10px;
  }
 
  /* --- Dropdown panels -------------------------------------------------- */
 
  .header__submenu a.header__menu-item {
    padding: 12px 28px;
    font-size: 16px;
    letter-spacing: 0;
  }
 
  .header__submenu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
 
  /* --- Width recovery: hand every spare pixel to the menu ---------------- */
 
  .header__heading-logo {
    max-width: 120px !important;
  }
 
  .header__icons {
    gap: 0 !important;
  }
 
  .header.page-width {
    padding-left: 12px !important;
    padding-right: 12px !important;
    column-gap: 6px !important;
  }
 
}
 
 
/* --------------------------------------------------------------------------
   TUNING
 
   Seven top-level labels is right at the limit. Verified at 1024px: 572px
   used of 572px available. The compact "Shares" label (instead of "Beef
   Shares") in Admin > Navigation is load-bearing — restoring the long label
   will wrap the row again no matter what these numbers say.
 
   If the row still wraps, in this order:
     1. padding-left 8px -> 6px, caret right 7px -> 6px   (saves ~24px)
     2. font-size 18px -> 16px -> 15px                    (~30px per step)
     3. logo max-width 120px -> 110px
 
   Leave padding-right alone. It holds both the label-to-caret gap and the
   item-to-item gap apart, and cutting it is what made the row look cramped
   in two earlier attempts.
 
   If the RIGHT nav (Our Farm / How to Buy) is what wraps rather than the
   left, go to font-size 15px first — that was the value the wrap fix
   originally asked for, before block 3's !important overrode it.
 
   Dropdown feels tight on the left: raise 28px to 32px or 36px.
   Vertically crowded: raise 12px.
 
   To apply all of this at every desktop width, delete
   "and (max-width: 1400px)" from the media query.
 
   Preview at 990, 1024, 1100, 1200, 1300 and 1400 before calling it done —
   1200 especially, since that is where the root font-size flips.
   -------------------------------------------------------------------------- */
 


   /* ==========================================================================
   Clover Farms — scalloped image fix
   Paste at the END of Assets > custom.css (Edit code in the theme editor).

   Problem: the rippled-circle photos in the "Our Herd" / "Our Flock" style
   sections were getting sliced off on the left. The theme drops each photo
   into a fixed square box with overflow:hidden and object-fit:cover, so the
   scalloped edge that's baked into the PNG gets trimmed by the box.

   Fix: stop clipping, and let the image sit at its own aspect ratio inside
   the column instead of being cropped to fill a square.

   Scoped to .general_img_text sections, so nothing else on the site moves.
   ========================================================================== */

.image-with-text-wrapper.general_img_text .image-with-text__media {
  overflow: visible !important;
  border-radius: 0 !important;
  height: auto !important;
}

.image-with-text-wrapper.general_img_text .image-with-text__media .img-with-text-img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}