:root {
  --base-size: 16px;
  --max-content: 1400px;
  --max-width: calc(var(--max-content) + (var(--gutter) * 2));
  --half-width: calc(var(--max-width) / 2);
  --gutter: 2rem;
  --vmargin: 5rem;
  --site-padding: var(--site-padding-v) var(--site-padding-h);
  --hemmed-padding: clamp(
    var(--site-padding-h),
    (100vw - var(--max-content)) / 2,
    100vw
  );
  --gap: 1.5rem;
  --gap-small: calc(var(--gap) / 2);
  --gap-large: calc(var(--gap) * 2);
  --primary: var(--wp--preset--color--blue);
  --secondary: var(--wp--preset--color--yellow);
  --tertiary: var(--wp--preset--color--off-blue);
  --white: #ffffff;
  --black: #000000;
  --dark-yellow: var(--wp--preset--color--dark-yellow);
  --regen-green: #014537;
  --regen-bg: #fdf7e7;
  --gold: #e08b01;
  --gold-top: #e0810b;
  --font-primary: "Paradigm", sans-serif;
  --font-secondary: "Paradigm", sans-serif;
  --font-tertiary: "Fave", sans-serif;
  --font-medium: var(--wp--preset--font-size--medium);
  --transition: all 0.3s ease;
  --border-radius: 30px;
}

.solve-fifty-fifty {
  position: relative;
}
@media (min-width: 1250px) {
  .solve-fifty-fifty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.solve-fifty-fifty:has(.accordion-section) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.solve-fifty-fifty .content-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 3;
  margin-bottom: var(--gap);
}
@media (min-width: 1250px) {
  .solve-fifty-fifty .content-left {
    margin-bottom: 0;
    padding-right: var(--gap-large);
  }
}
.solve-fifty-fifty .content-left .inner-content {
  height: 100%;
  max-width: 50rem;
}
@media (min-width: 1250px) {
  .solve-fifty-fifty .content-left .inner-content {
    padding: var(--gap-large) 0;
  }
}
.solve-fifty-fifty .content-left .inner-content:has(.solve-modal-form-button) {
  -webkit-transform: none !important;
          transform: none !important;
}
.solve-fifty-fifty .content-left .inner-content .acf-innerblocks-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.solve-fifty-fifty .image-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.solve-fifty-fifty .image-right:has(img, video) {
  min-height: 84vw;
}
@media (min-width: 1250px) {
  .solve-fifty-fifty .image-right:has(img, video) {
    min-height: 65vh;
  }
}
.solve-fifty-fifty .image-right:not(:has(.img)) .holly,
.solve-fifty-fifty .image-right:not(:has(.img)) .award {
  display: none;
}
.solve-fifty-fifty .image-right .larger-img {
  aspect-ratio: 1/1;
  width: auto;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1250px) {
  .solve-fifty-fifty .image-right .larger-img {
    max-height: calc((var(--max-content) - var(--site-padding-h)) / 2);
  }
}
.solve-fifty-fifty .image-right .larger-img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.solve-fifty-fifty .image-right .larger-img .video-modal-open-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: var(--secondary);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 12px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  color: var(--primary);
  border-radius: 80px;
  font-family: var(--font-primary);
  font-size: 1.25rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.solve-fifty-fifty .image-right .larger-img .video-modal-open-btn span {
  text-wrap: nowrap;
}
.solve-fifty-fifty .image-right .larger-img .video-modal-open-btn svg {
  margin-top: 3px;
}
.solve-fifty-fifty .image-right .larger-img .video-modal-open-btn svg path {
  fill: currentColor;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.solve-fifty-fifty .image-right .larger-img .video-modal-open-btn:hover, .solve-fifty-fifty .image-right .larger-img .video-modal-open-btn:focus {
  background: var(--primary);
  color: var(--white);
}
.solve-fifty-fifty .image-right .award-image {
  height: 15vw;
  width: 15vw;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 5%;
  right: 5%;
}
@media (min-width: 1250px) {
  .solve-fifty-fifty .image-right .award-image {
    height: 10rem;
    width: 10rem;
  }
}
.solve-fifty-fifty .image-right .award-image.holly {
  right: 2.5%;
  top: 2.5%;
}
.solve-fifty-fifty.is-style-top-drip, .solve-fifty-fifty.is-style-bottom-drip {
  position: relative;
}
.solve-fifty-fifty.is-style-top-drip .content-left, .solve-fifty-fifty.is-style-bottom-drip .content-left {
  padding: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 960px) {
  .solve-fifty-fifty.is-style-top-drip .content-left, .solve-fifty-fifty.is-style-bottom-drip .content-left {
    max-width: 70%;
  }
}
@media (min-width: 1250px) {
  .solve-fifty-fifty.is-style-top-drip .content-left, .solve-fifty-fifty.is-style-bottom-drip .content-left {
    padding: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: none;
    min-height: 18vw;
  }
}
.solve-fifty-fifty.is-style-top-drip .content-left .acf-innerblocks-container, .solve-fifty-fifty.is-style-bottom-drip .content-left .acf-innerblocks-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.solve-fifty-fifty.is-style-top-drip .image-right, .solve-fifty-fifty.is-style-bottom-drip .image-right {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  position: absolute;
  top: 0rem;
  right: -8vw;
  width: 40vw;
  z-index: 2;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  display: none;
  visibility: hidden;
}
@media (min-width: 960px) {
  .solve-fifty-fifty.is-style-top-drip .image-right, .solve-fifty-fifty.is-style-bottom-drip .image-right {
    display: block;
    visibility: visible;
  }
}
.solve-fifty-fifty.is-style-top-drip .image-right:has(img), .solve-fifty-fifty.is-style-bottom-drip .image-right:has(img) {
  min-height: 0px;
}
@media (min-width: 1250px) {
  .solve-fifty-fifty.is-style-top-drip .image-right, .solve-fifty-fifty.is-style-bottom-drip .image-right {
    width: 40vw;
  }
}
.solve-fifty-fifty.is-style-top-drip .smaller-img, .solve-fifty-fifty.is-style-bottom-drip .smaller-img {
  display: none;
}
.solve-fifty-fifty.is-style-top-drip .larger-img, .solve-fifty-fifty.is-style-bottom-drip .larger-img {
  width: 100%;
  mask-image: url(../../assets/images/recipes-corner.svg);
  -webkit-mask-image: url(../../assets/images/recipes-corner.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: top left;
          mask-position: top left;
  aspect-ratio: 10/7;
  border-radius: 0px;
}
.solve-fifty-fifty.is-style-top-drip.is-style-bottom-drip .image-right, .solve-fifty-fifty.is-style-bottom-drip.is-style-bottom-drip .image-right {
  top: unset;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.solve-fifty-fifty.is-style-top-drip.is-style-bottom-drip .image-right .larger-img, .solve-fifty-fifty.is-style-bottom-drip.is-style-bottom-drip .image-right .larger-img {
  -webkit-mask-position: bottom left;
          mask-position: bottom left;
  mask-image: url(../../assets/images/recipes-corner-bottom.svg);
  -webkit-mask-image: url(../../assets/images/recipes-corner-bottom.svg);
}
.solve-fifty-fifty.is-style-square .image-right {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.solve-fifty-fifty.is-style-square .image-right .larger-img {
  -webkit-mask-image: none;
          mask-image: none;
  --webkit-mask-image: none;
  aspect-ratio: initial;
  margin-left: 0;
  width: 100%;
  border-radius: var(--border-radius);
}
.solve-fifty-fifty .fifty-fifty-bg-wrapper {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.09;
}
.solve-fifty-fifty .fifty-fifty-bg-wrapper svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.solve-fifty-fifty.dairy-farmers-cta img {
  display: none;
}
.solve-fifty-fifty.christmas-edits.dairy-farmers-cta img {
  display: none;
}
@media (min-width: 1250px) {
  .solve-fifty-fifty.christmas-edits.dairy-farmers-cta img {
    display: block;
    opacity: 0.09;
    position: relative;
    z-index: -1;
  }
}

.solve-block-section:has(.solve-fifty-fifty.is-style-top-drip), .solve-block-section:has(.solve-fifty-fifty.is-style-bottom-drip) {
  position: relative;
}
.solve-block-section:has(.solve-fifty-fifty.is-style-top-drip) .solve-fifty-fifty.is-style-top-drip,
.solve-block-section:has(.solve-fifty-fifty.is-style-top-drip) .solve-fifty-fifty.is-style-bottom-drip, .solve-block-section:has(.solve-fifty-fifty.is-style-bottom-drip) .solve-fifty-fifty.is-style-top-drip,
.solve-block-section:has(.solve-fifty-fifty.is-style-bottom-drip) .solve-fifty-fifty.is-style-bottom-drip {
  position: static;
}

/* video modal */
.modal-popup.video-modal-popup .inner-popup {
  height: auto;
  max-height: 80vh;
  aspect-ratio: 16/9;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 2rem;
}
.modal-popup.video-modal-popup .inner-popup iframe {
  width: 100%;
  height: 100%;
}