/* New Farm Trace */
/*********************
    BREAKPOINTS
*********************/
.single-farms, .newfarm-main {
  --wp--preset--color--black: #1e1e1e;
}

/* Hide the see a farm header */
.single-farms main#primary > div:first-of-type {
  display: none;
}

.single-farms h1.farm-entry-title:before {
  background-image: url(/wp-content/plugins/new-vitalfarms-trace/assets/images/farm-loc-b.svg);
  width: auto;
  max-width: 17rem;
  height: 70px;
  content: "";
  margin: auto;
  display: block;
  bottom: 0.6rem;
  background-repeat: no-repeat;
  background-position: center;
}

header.farms-entry-header {
  background: var(--wp--preset--color--black) !important;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width: 100vw;
  position: relative;
  text-align: center;
  margin-top: 0 !important;
}

.single-farms h1.farm-entry-title {
  display: block;
  position: relative;
  font-family: var(--wp--preset--font-family--itc-cheltenham-condensed-book) !important;
  letter-spacing: -2px;
  color: white;
  padding-top: 4rem;
  text-transform: none;
  padding-bottom: 1rem;
  margin: 0;
}

.video-container > div {
  max-width: none !important;
}

.single-farms h1.entry-title {
  text-transform: capitalize;
}

.single-farms .swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  width: 100%;
}

.single-farms .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg #bg, .single-farms .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg .bg {
  fill: transparent !important;
}

.single-farms .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg {
  box-shadow: none;
}

.single-farms .swiper-slide.wp-block-eedee-block-gutenslide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.8); /* slightly smaller by default */
}

.single-farms .swiper-slide.wp-block-eedee-block-gutenslide.is-position-center-center.swiper-slide-active {
  transform: scale(1); /* full size */
}

.hensbg {
  background-image: url(/wp-content/uploads/2025/05/lefthen.svg);
  background-repeat: no-repeat;
  background-position: -160px;
  background-size: 440px;
  overflow: hidden;
}

.hensbg:before {
  background-image: url(/wp-content/uploads/2025/05/right-hen-flower.svg);
  content: "";
  width: 410px;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  right: -207px;
  top: -85px;
  z-index: -1;
}

.wp-block-group.overlay {
  position: fixed;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.4s ease;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.wp-block-group.active {
  display: flex;
  opacity: 1;
  transition: opacity 0.4s ease;
}

/* Prevent scroll when overlay is shown */
body.no-scroll {
  overflow: hidden;
}

/* Mobile */
.wp-block-group.overlay {
  background-color: var(--wp--preset--color--natural);
}

.wp-block-group.overlay-inner {
  background-image: url(/wp-content/plugins/new-vitalfarms-trace/assets/images/hen-pecking.svg);
  background-repeat: no-repeat;
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
  gap: 1rem;
  background-size: 140px;
  background-position: 96% 96%;
  z-index: 9999999999;
  position: relative;
}

@media (min-width: 65em) {
  .wp-block-group.overlay-inner {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 3rem;
    gap: 1rem;
    background-size: 210px;
    background-position: 96% 280px;
  }
  .wp-block-group.overlay {
    background-color: transparent;
  }
}
.newfarm-main header.entry-header {
  display: none;
}

.newfarm-main #ajaxsearchlite1 .probox, div.asl_w .probox {
  border-radius: 0.8rem;
}

.newfarm-main div#ajaxsearchlite1 button.promagnifier {
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
}

.newfarm-main div.asl_w .probox .promagnifier .innericon svg {
  fill: black;
}

/* Flip Container 

.flip-container {
  perspective: 1000px;
  margin: 0;
  cursor: pointer;
}

p#closeoverlay a {
  text-decoration: none;
}

.flipper {
  position: relative;
  width: 100%;
  height: auto;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  padding-bottom: 96.6%;
}

.flip-container.flip .flipper {
  transform: rotateY(180deg);
}

.front, .back {
  position: absolute;
  width: 100%;
  backface-visibility: hidden;
  height: 100%;
  display: flex;
  align-items: center;
}

.front img, .back img {
  width: 100%;
  display: block;
}

.back {
  transform: rotateY(180deg);
}*/
/* Home Farm Page */
.wp-block-group.top-arch:before {
  content: "";
  width: 100%;
  height: 100px;
  background: #1e1e1e;
  position: absolute;
  top: -84px;
  left: 0;
  background: radial-gradient(ellipse 90% 167px at 50% -60px, #1e1e1e 95%, transparent 95%) no-repeat;
  transform: rotate(180deg);
}
@media (min-width: 41.625em) {
  .wp-block-group.top-arch:before {
    top: -50px;
  }
}
@media (min-width: 51em) {
  .wp-block-group.top-arch:before {
    top: -100px;
  }
}
@media (min-width: 65em) {
  .wp-block-group.top-arch:before {
    background: radial-gradient(ellipse 57% 167px at 50% -60px, #1e1e1e 95%, transparent 95%) no-repeat;
    top: -100px;
  }
}

.wp-block-cover.alignfull.has-custom-content-position.is-position-top-center.farm-cover {
  min-height: 57vh !important;
}
@media (min-width: 51em) {
  .wp-block-cover.alignfull.has-custom-content-position.is-position-top-center.farm-cover {
    min-height: 70vh !important;
  }
}
@media (min-width: 56.875em) {
  .wp-block-cover.alignfull.has-custom-content-position.is-position-top-center.farm-cover {
    min-height: 65vh !important;
  }
}

@media (max-width: 400px) and (max-height: 700px) {
  .farm-cover .wp-block-image {
    margin-top: 0 !important;
  }
}
@media (min-width: 41.625em) {
  .farm-cover .wp-block-image {
    margin-top: 0 !important;
  }
}
@media (min-width: 51em) {
  .farm-cover .wp-block-image {
    margin-top: var(--wp--preset--spacing--70) !important;
  }
}

figure.wp-block-image.is-style-large-overlap.farm-overlap {
  margin-top: -22rem;
}
@media (min-width: 41.625em) {
  figure.wp-block-image.is-style-large-overlap.farm-overlap {
    margin-top: -25rem;
  }
}
@media (min-width: 51em) {
  figure.wp-block-image.is-style-large-overlap.farm-overlap {
    margin-top: -37rem;
  }
}
@media (min-width: 56.875em) {
  figure.wp-block-image.is-style-large-overlap.farm-overlap {
    margin-top: -41rem;
  }
}

.newfarm-main #ajaxsearchlite1 .probox ::-moz-placeholder, div.asl_w .probox ::-moz-placeholder {
  text-transform: none !important;
  color: #000;
}

.newfarm-main #ajaxsearchlite1 .probox ::placeholder, div.asl_w .probox ::placeholder {
  text-transform: none !important;
  color: #000;
}

.egg-carton-bg {
  background-image: url(/wp-content/plugins/new-vitalfarms-trace/assets/images/egg-carton.png);
}

.chicken-bg {
  background-image: url(/wp-content/plugins/new-vitalfarms-trace/assets/images/hen-grass-bg.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 800px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.animated-letter {
    flex-basis: 100% !important;
  }
  #animated-letter {
    flex-wrap: wrap !important;
  }
  div#left-ps {
    flex: 0 0 48% !important;
    order: 1;
    flex-basis: 48% !important;
  }
  div#right-ps {
    flex: 0 0 48% !important;
    order: 2;
    flex-basis: 48% !important;
  }
  .animated-letter {
    order: 3;
  }
}
/* Farm Interactive */
.infographic-container {
  margin: 2rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  align-items: center;
}
@media (min-width: 41.625em) {
  .infographic-container {
    flex-wrap: nowrap;
  }
}
@media (min-width: 56.875em) {
  .infographic-container {
    align-items: flex-end;
  }
}

.infographic-image {
  flex: 0 1 100%;
  position: relative;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 51em) {
  .infographic-image {
    flex: 0 1 55%;
  }
}

.infographic-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  z-index: 1;
}

.infographic-img.active {
  opacity: 1;
  z-index: 2;
  position: relative;
}

.infographic-tabs {
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 51em) {
  .infographic-tabs {
    flex: 0 1 40%;
  }
}

.infographic-tab {
  cursor: pointer;
  width: 300px;
  height: auto;
  display: block;
  padding: 0.5rem 0 0.5rem;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.infographic-tab.dimmed {
  opacity: 0.4;
}

.infographic-tab:focus {
  outline: 2px solid #0073aa;
}

/* Stella Bella Slides */
.stella-bella-slides .swiper-slide.wp-block-eedee-block-gutenslide {
  opacity: 0;
}
.stella-bella-slides .swiper-slide.wp-block-eedee-block-gutenslide.swiper-slide-next, .stella-bella-slides .swiper-slide.wp-block-eedee-block-gutenslide.swiper-slide-prev {
  opacity: 0.3;
}
.stella-bella-slides .swiper-slide.wp-block-eedee-block-gutenslide.swiper-slide-active {
  opacity: 1;
}
.stella-bella-slides .eedee-gutenslider-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: auto;
}
.stella-bella-slides .wp-block-eedee-block-gutenslider .swiper-pagination-bullet {
  box-shadow: none;
}
.stella-bella-slides .swiper-slide.wp-block-eedee-block-gutenslide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(1); /* full size */
}
@media (min-width: 41.625em) {
  .stella-bella-slides .swiper-slide.wp-block-eedee-block-gutenslide.is-position-center-center.swiper-slide-active {
    transform: scale(1.25); /* full size */
    z-index: 9;
  }
}
.stella-bella-slides .slide-content {
  padding: 0 !important;
}
@media (min-width: 51em) {
  .stella-bella-slides .swiper.swiper-initialized.swiper-horizontal.swiper-watch-progress {
    overflow: visible;
  }
}
.stella-bella-slides button.eedee-gutenslider-nav.eedee-gutenslider-prev {
  display: none;
}
.stella-bella-slides button.eedee-gutenslider-nav.eedee-gutenslider-next {
  display: none;
}

.no-farm-video figure.wp-block-embed.is-type-video {
  padding: 0;
}

.vital-times sup {
  font-size: 25%;
  top: -4rem;
}

/*Center Chelt Buttons vertically */
a.wp-block-button__link.has-itc-cheltenham-condensed-book-font-family.wp-element-button {
  padding-top: 1.43rem !important;
}

/* No Farm Shortcode */
.wp-block-group.no-farm-header-group > *:not(.alignfull) {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

/* Fix Pature Belt TM */
.tm-icon sup {
  font-size: 50%;
}

/* New Farm Page Vertical Media Queries */
@media (min-width: 65em) and (max-height: 1250px) {
  .farm-cover .wp-block-image {
    margin-top: 0 !important;
    margin-bottom: 24rem;
  }
  figure.wp-block-image.is-style-large-overlap.farm-overlap {
    margin-top: -34rem;
  }
  .wp-block-group.top-arch:before {
    background: radial-gradient(ellipse 57% 97px at 50% 0px, #1e1e1e 95%, transparent 95%) no-repeat;
    top: -65px;
  }
}
/* Set up Loader for Ajax loading */
.see-another-farm {
  width: 300px;
  height: 333.33px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.see-another-farm img {
  width: 330px;
  display: block;
  margin: auto;
}

.farm-placeholder {
  width: 180px;
  height: 50px;
  display: flex;
  color: #8d7958;
  filter: drop-shadow(30px 25px 0 currentColor) drop-shadow(60px 0 0 currentColor) drop-shadow(120px 0 0 currentColor);
  clip-path: inset(0 100% 0 0);
  animation: ani 2s infinite steps(7);
}
.farm-placeholder:before {
  content: "";
  width: 30px;
  height: 25px;
  background: currentColor;
  clip-path: polygon(0 50%, 30% 40%, 100% 0, 60% 40%, 100% 50%, 60% 60%, 100% 100%, 30% 60%);
}

@keyframes ani {
  100% {
    clip-path: inset(0 -30px 0 0);
  }
}
/* Resize Vital Difference Polaroid */
@media (max-width: 37.5em) {
  .difference-slider .swiper-slide-active img {
    max-width: 80%;
    margin: auto;
  }
}
/* Pasture Belt Map image */
.pasture-belt-map {
  text-align: center;
}

/* Questions FAQ Height for Tablet & Desktop */
@media (min-width: 51em) {
  .wp-block-cover.alignfull.questions-faq {
    min-height: 40rem !important;
  }
}
@media (min-width: 56.875em) {
  .wp-block-cover.alignfull.questions-faq {
    min-height: 50rem !important;
  }
}
@media (min-width: 41.625em) {
  .wp-block-cover.alignfull.questions-faq figure.wp-block-image img {
    max-width: 75%;
  }
}
@media (min-width: 56.875em) {
  .wp-block-cover.alignfull.questions-faq figure.wp-block-image img {
    max-width: 100%;
  }
}
@media (max-width: 50em) {
  .wp-block-cover.alignfull.questions-faq figure.wp-block-image.alignright.size-full.is-resized {
    margin: auto !important;
  }
}

/* New Egg Cards Styling */
/* New Roughened Cards */
.roughened .flip-card-front {
  padding: 0;
  border-radius: 0;
}
.roughened .flip-card-back {
  background-color: #1e1e1e;
  border-radius: 0;
  padding: 3rem 3.5rem;
}
.roughened .flip-card-back p.back-content {
  font-family: var(--wp--preset--font-family--itc-cheltenham-condensed-book-italic);
  font-style: italic;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.18;
}
.roughened .flip-card-back h3 {
  text-transform: capitalize;
  font-family: var(--wp--preset--font-family--itc-cheltenham-condensed-book) !important;
  text-align: left;
  font-size: 2.8rem;
}
.roughened .flip-card-back:after {
  content: "";
  background-image: url(/wp-content/plugins/new-vitalfarms-trace/assets/images/rough-border.svg);
  width: 93%;
  height: 93%;
  position: absolute;
  background-repeat: no-repeat;
}
.roughened .flip-card:nth-of-type(1) .flip-card-back:after {
  transform: rotate(180deg);
}
.roughened .flip-card:nth-of-type(3) .flip-card-back:after {
  transform: rotate(90deg);
}