/*
	Theme Name: Hetty Lui McKinnon
	Theme URI: https://withwonderly.com
	Description: Wonderly Web starter child theme for the Genesis Framework. Beaver Builder and Beaver Themer handle all front-end layout.
	Author: Wonderly Web
	Author URI: https://withwonderly.com

	Version: 1.0.0

	Template: genesis
	Template Version: 3.5.0

	License: GPL-2.0+
	License URI: https://opensource.org/licenses/gpl-license.php
*/


/* =============================================================================
   BRAND COLORS
   Define project brand colors here as CSS custom properties.
   Reference throughout stylesheet and BB Global Styles as var(--name).
   e.g. --primary: #000; --accent: #e14d43;

   Kit form color variables are also defined here — see KIT FORMS section.
   Update these to match the project's brand before building out forms.
============================================================================= */

:root {

    /* Kit Form defaults — update per project */
    --kit-font: sans-serif;         /* form font family */
    --kit-primary: #000;            /* main accent: button bg, borders */
    --kit-primary-text: #fff;       /* text on --kit-primary backgrounds */
    --kit-bg: #fff;                 /* input background */
    --kit-input-text: #000;         /* input and placeholder text color */
    --kit-success-bg: #fff;         /* success message background */
    --kit-success-border: #000;     /* success message border and text color */
	--Brand-Red: #F05237;
	--Light-Blue: #C2DAED;
	--Pistachio: #67754F;
	--Dark-Green: #3B360D;
	--Text: #30100B;
	--Yellow: #FEEDC0;
	--Light: #FFFAF0;
}


/* =============================================================================
   BASE RESET
   Minimal — modern browsers don't need much.
============================================================================= */

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
}

img,
embed,
iframe,
object,
video,
.wp-caption {
	max-width: 100%;
	height: auto;
}

a img {
	display: block;
}


/* =============================================================================
   TYPOGRAPHY DEFAULTS
   Intentionally bare — set per-project via BB Global Styles.
   These are fallback/body defaults only.
============================================================================= */

body {
	color: var(--Text);
	font-family: 'helvetica-neue-lt', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	background: var(--Light);
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin: 0 0 20px;
	font-family: 'louize-display';
	font-weight: 400;
}

h1 { font-size: 48px; }
h2 { font-size: 34px; }
h3 { font-size: 21px; }

p {
	margin: 0 0 20px;
}

p:last-child,
.fl-rich-text p:last-child,
.uabb-text-editor p:last-child {
	margin-bottom: 0 !important;
}

/* In-text link styles — scoped to paragraph context only.
   Keeps nav, buttons, and other links unaffected. */
.entry-content p a,
.fl-rich-text p a,
.fl-theme-builder-footer .fl-rich-text a {
	color: var(--Text);
	text-decoration: underline;
}

.entry-content p a:hover,
.fl-rich-text p a:hover,
.fl-theme-builder-footer .fl-rich-text a:hover {
	color: inherit;
}

a {
	transition: color 0.15s ease-in-out;
}

b,
strong {
	font-weight: 700;
}

.accent {
	font-size: 14px!important;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	line-height: 1.2;
}


/* =============================================================================
   LISTS
   Restore sensible list defaults inside content and BB rich text areas.
   (Genesis/resets strip these.)
============================================================================= */

.entry-content ol,
.entry-content ul,
.site-inner ol,
.site-inner ul,
.fl-rich-text ol,
.fl-rich-text ul {
	margin-bottom: 24px;
	margin-left: 36px;
	padding: 0;
}

.entry-content ol > li,
.site-inner ol > li,
.fl-rich-text ol > li {
	list-style-type: decimal;
	margin-bottom: 8px;
}

.entry-content ul > li,
.site-inner ul > li,
.fl-rich-text ul > li {
	list-style-type: disc;
	margin-bottom: 8px;
}

.entry-content ol ol,
.entry-content ul ul,
.fl-rich-text ol ol,
.fl-rich-text ul ul {
	margin-bottom: 0;
}


/* =============================================================================
   WORDPRESS ALIGN CLASSES
   Used by the block editor and classic editor image alignment.
============================================================================= */

.alignleft {
	float: left;
	margin: 0 24px 16px 0;
}

.alignright {
	float: right;
	margin: 0 0 16px 24px;
}

.aligncenter,
img.centered {
	display: block;
	margin: 0 auto 24px;
}

.alignnone {
	margin-bottom: 16px;
}

.wp-caption-text {
	font-size: 14px;
	text-align: center;
}


/* =============================================================================
   GENESIS CHROME
   Hide default Genesis header/footer — Beaver Themer handles all of this.
============================================================================= */

.site-header,
.site-footer {
	display: none;
}


/* =============================================================================
   BEAVER BUILDER
============================================================================= */

/* Prevents Genesis list reset from stripping menu item list styles */
.fl-menu .menu li {
	list-style-type: none;
}

/* Prevents absolutely-positioned elements and animations bleeding outside rows.
   Safe to remove on a per-row basis using overflow: visible !important if needed. */
/* .fl-row-content-wrap {
	overflow: hidden;
} */


/* =============================================================================
   ADMIN BAR FIX
   Prevents admin bar from overlapping content on mobile.
============================================================================= */

@media only screen and (max-width: 782px) {
	html {
		margin-top: 0 !important;
	}

	.admin-bar .site-container {
		padding-top: 46px !important;
	}
}


/* =============================================================================
   RESPONSIVE TYPOGRAPHY
   Uncomment and adjust per project. Values below are starting point examples.
   Primary breakpoint for heading size reduction is typically 768px.
============================================================================= */

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

	h1 { font-size: 38px; }
	h2 { font-size: 28px; }
	h3 { font-size: 21px; }
	/* h4 { font-size: 20px; } */
	/* h5 { font-size: 18px; } */
	/* h6 { font-size: 16px; } */
	/* body { font-size: 16px; } */

}



/* =============================================================================
   Position/Relative Over/Under
============================================================================= */

.over {
	z-index: 10;
	position: relative;
}

.search-over {
	z-index: 999;
	position: relative;
}

.under {
	z-index: 1;
	position: relative;
}


/* ----------------------------------------
   STACKED — input above button
---------------------------------------- */

.kit-form-stacked .formkit-fields {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}


/* =============================================================================
   PROJECT-SPECIFIC STYLES
   Add per-project CSS below this line (or in a separate enqueued stylesheet).
   Kit data-uid overrides (per-form success messages, color variants) go here.
============================================================================= */

/* ----------------------------------------
   header
---------------------------------------- */
header {
	z-index: 999;
    position: relative;
}

.header-menu-styling .pp-advanced-menu-horizontal {
	width: 100%;
    display: flex;
    justify-content: space-between;
}

.header-menu-styling .pp-advanced-menu .menu:before, 
.header-menu-styling .pp-advanced-menu .menu:after {
	display: none;
}

.header-menu-styling .pp-advanced-menu .menu > li > a:hover {
	color: var(--Brand-Red);
}

.header-remove-underline a {
	text-decoration: none!important;
	white-space: nowrap;
}

@media (max-width: 400px) {
	.header-remove-underline a {
		text-decoration: none!important;
		font-size: 6vmin!important;
	}
}

.mobile-menu ul {
	margin: 0!important;
}

.mobile-menu .ua-icon-search:before {
	color: var(--Light);
}

.mobile-menu a {
	text-decoration: none!important;
}

.mobile-menu a:hover {
	color: var(--Yellow)!important;
}

/* ----------------------------------------
   maruqee post scroll header
---------------------------------------- */
/* marquee-post */
.recent-recipe-marquee {
	
}

.marquee-post {
  position: relative;
  width: 100vw;
  max-width: 100%;
	height: 50px;
  overflow-x: hidden;
}


.marquee-post .track {
  display: block;          /* not flex */
  white-space: nowrap;
  will-change: transform;
  animation: marquee-post 150s linear infinite;
}

.marquee-post .track div {
  display: inline-block;   /* this is the key — keeps items on one line */
  padding: 0 20px;
  font-weight: 400;
  font-size: 17px;
  line-height: 1;
	color: var(--Text);	
}

.marquee-post .track div a {
	color: var(--Text);	
	text-decoration: underline;
	text-underline-offset: 2px;
}

.marquee-post .track div a:hover {
	text-decoration: none;
}

.marquee-post .content {
font-weight: 400;
font-size: 17px;
line-height: 1;
color: var(--Text);
}

.marquee-post .pp-content-post {
  height: auto !important;
  min-height: 50px;
}

@keyframes marquee-post {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ----------------------------------------
   button styles
---------------------------------------- */
.circled-button {
  position: relative;
  display: inline-block;
}
.circled-button .circle-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  overflow: visible;
}
.circled-button .circle-svg path {
  stroke-dasharray: 600;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.circled-button:hover .circle-svg path {
  stroke-dashoffset: 600;
  animation: draw-circle 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes draw-circle {
  from { stroke-dashoffset: 600; }
  to   { stroke-dashoffset: 0; }
}
.circled-button .fl-button-text {
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}
.circled-button .fl-button {
  background: transparent !important;
  border: none !important;
}
.yellow-circled-button .circle-svg path {
  stroke: #FEEDC0;
}

/* ----------------------------------------
   load more button (scoped to writing-mobile-load-more only)
---------------------------------------- */
.writing-mobile-load-more .pp-grid-load-more-button {
  position: relative;
  display: inline-block;
}
.writing-mobile-load-more .pp-grid-load-more-button .circle-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  overflow: visible;
}
.writing-mobile-load-more .pp-grid-load-more-button .circle-svg path {
  stroke-dasharray: 600;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.writing-mobile-load-more .pp-grid-load-more-button:hover .circle-svg path {
  stroke-dashoffset: 600;
  animation: draw-circle 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.writing-mobile-load-more .pp-grid-load-more-button .pp-grid-loader-icon {
  display: none;
}




.pp-grid-load-more-button {
  position: relative;
  display: inline-block;
}
.pp-grid-load-more-button .circle-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  overflow: visible;
}
.pp-grid-load-more-button .circle-svg path {
  stroke-dasharray: 600;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.pp-grid-load-more-button:hover .circle-svg path {
  stroke-dashoffset: 600;
  animation: draw-circle 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
/* Hide the loader icon so only text shows */
.pp-grid-load-more-button .pp-grid-loader-icon {
  display: none;
}

.footer-links a {
	text-decoration: none!important;
}

.footer-links a:hover {
	text-decoration: underline!important;
}

/* ----------------------------------------
   Homepage
---------------------------------------- */
.home {
	overflow: hidden;
}

.blob-container {
	text-align: center;
}

.blob-btn {
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: 200px;  /* match your image width */
}

.blob-bg {
  width: 100%;
  display: block;
/* 	transition: filter 0.3s ease; */
}

.blob-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
}

.blob-arrow {
  font-size: 28px;
  margin-bottom: 8px;
}

.blob-content svg {
  margin-bottom: 8px;
}

.blob-btn:hover .blob-bg {
/*   filter: brightness(0) saturate(100%) invert(8%) sepia(30%) saturate(1200%) hue-rotate(315deg); turns it dark red */
	opacity: .9;
}

.homepage-recipes .homepage-intro {
	text-align: left;
	color: var(--Text);
	padding: 4px 16px !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.i-love-rotate {
	transform: rotate(-10deg);
}

.vegetables-rotate {
	transform: rotate(-10deg);
}

.plate-gif-style .fl-col-content {
    justify-content: center;
}

.mood-plate a {
	text-decoration: none!important;
}

.mood-plate a:hover { 
	color: var(--Brand-Red)!important;
}

@media (max-width: 768px) {
	.plate-gif-style {
		overflow: hidden;
		background-size: 113%;
	}
}

.cb-thumb {
  cursor: pointer;
}

.cb-thumb:hover img,
.cb-thumb.cb-active img {
  outline: 2px solid var(--Brand-Red);
}

#cb-featured-img {
  transition: opacity 0.25s ease;
	box-shadow: 0 310px 87px 0 rgba(0, 0, 0, 0.00), 0 198px 79px 0 rgba(0, 0, 0, 0.01), 0 112px 67px 0 rgba(0, 0, 0, 0.05), 0 50px 50px 0 rgba(0, 0, 0, 0.09), 0 12px 27px 0 rgba(0, 0, 0, 0.10);
}

#cb-featured-img.cb-fade {
  opacity: 0;
}

#scrollableBooks {
	padding: 4px;
}

@media (max-width: 992px) {
	#scrollableBooks {
	  display: flex;
	  flex-wrap: nowrap;
	}

	#scrollableBooks .cb-thumb {
		flex: 0 0 auto;
		width: 250px !important;
	}
}

#scrollableBooks::-webkit-scrollbar-track {
	display: none!important;
}

@media (max-width: 992px) {
	  #scrollableBooks::-webkit-scrollbar-track {
    background: var(--Light-Blue) !important;
    border-radius: 999px;
	  display: block!important;
  }
}

@media (max-width: 1200px) {
  #scrollableBooks {
    scrollbar-width: auto !important;   /* overrides inline scrollbar-width: none */
    scrollbar-color: auto !important;
    padding-bottom: 24px;               /* breathing room above the bar, like the recipes slider */
  }
  #scrollableBooks::-webkit-scrollbar {
    height: 4px !important;
    -webkit-appearance: none;
  }

  #scrollableBooks::-webkit-scrollbar-thumb {
    background: var(--Pistachio) !important;
    border-radius: 999px;
  }

  /* hide the JS-driven fake scrollbar so you don't get two bars */
  .homepage-scrollbar-styling.scrollbar-wrap {
    display: none !important;
  }
}

/* Browse by vegetable — hover effects */
.browse-veg-box-hover .browse-veg-hover img {
  transition: filter 0.3s ease;
}

.browse-veg-box-hover h2 {
  transition: color 0.3s ease;
}

.browse-veg-box-hover:hover .browse-veg-hover img {
  filter: url(#green-tint);
}

.browse-veg-box-hover:hover h2 {
  color: #67754F;
}

/* ----------------------------------------
   Vegetable Browsing Section — Shared Base
---------------------------------------- */

.veg-section {
  width: 100%;
}

.veg-title {
  text-align: center;
  color: #67754F;
  font-size: clamp(1.2rem, 2vw, 2rem);
  font-weight: 400;
  margin: 0 0 1rem;
}

.veg-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  height: clamp(300px, 34vw, 600px);
  gap: clamp(10px, 2vw, 50px);
  padding: 0 8%;
}

.veg-link {
  display: block;
  position: relative;
  text-decoration: none;
  flex-shrink: 0;
}

.veg-link:hover .veg-img {
  filter: url(#green-tint);
}

.veg-link:hover .veg-name {
  color: #67754F;
}

.veg-img {
  display: block;
  width: auto;
  height: auto;
  transition: filter 0s ease;
}

.veg-name {
  position: absolute;
  color: #2c1a0e;
  font-family: strange-muse, Verdana, Arial, sans-serif;
  font-size: clamp(28px, 3vw, 50px);
  white-space: nowrap;
  line-height: 1;
  transition: color 0s ease;
}

@media (max-width: 800px) {
  .veg-row {
    padding: 0 2%;
  }
}

/* Mobile: 2x2 grid — shared */
@media (max-width: 700px) {
  .veg-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    height: auto;
    gap: 0;
    padding: 0;
    align-items: unset;
  }

  .veg-link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: unset;
    position: relative;
  }

  .veg-name {
    font-size: 24px;
  }
}


/* ----------------------------------------
   Season-specific padding overrides
---------------------------------------- */

.fall-veg-row .veg-row   { padding: 0 6%; }
.winter-veg-row .veg-row { padding: 0 5% 0 2%; }
.spring-veg-row .veg-row { padding: 0 9% 0 0; }

@media (max-width: 700px) {
  .fall-veg-row .veg-row,
  .winter-veg-row .veg-row,
  .spring-veg-row .veg-row {
    padding: 0;
  }
}


/* ----------------------------------------
   Summer vegetables
---------------------------------------- */

/* Tomatoes */
.veg-tomatoes {
  width: clamp(140px, 22vw, 280px);
  z-index: 2;
  align-self: flex-end;
  padding-bottom: clamp(50px, 6vw, 110px);
}
.veg-tomatoes .veg-img {
  height: clamp(190px, 21vw, 380px);
  margin-left: -20px;
}
.veg-tomatoes .veg-name {
  transform: rotate(5deg);
  top: clamp(46px, 5.5vw, 98px);
  left: 100%;
  margin-left: -106px;
}

@media (max-width: 915px) {
  .veg-tomatoes .veg-name {
    margin-left: -62px;
    margin-top: 11px;
  }
}

@media (max-width: 700px) {
  .veg-tomatoes {
    order: 1;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-tomatoes .veg-img {
    height: 270px;
    margin-left: 20px;
    object-fit: contain;
  }
  .veg-tomatoes .veg-name {
    transform: rotate(-3deg);
    top: unset;
    right: unset;
    bottom: 18px;
    left: 10px;
    margin-left: 0;
  }
}

/* Eggplant */
.veg-eggplant {
  width: clamp(120px, 13vw, 240px);
  z-index: 1;
  align-self: flex-end;
  padding-bottom: clamp(8px, 1vw, 20px);
}
.veg-eggplant .veg-img {
  height: clamp(220px, 26vw, 460px);
}
.veg-eggplant .veg-name {
  transform: rotate(-5deg);
  bottom: clamp(-36px, -3vw, -18px);
  left: clamp(6px, 0.8vw, 16px);
}

@media (max-width: 700px) {
  .veg-eggplant {
    order: 2;
    width: auto;
    padding: 3.5rem 1rem 1.5rem;
  }
  .veg-eggplant .veg-img {
    height: 270px;
    object-fit: contain;
  }
  .veg-eggplant .veg-name {
    transform: rotate(-3deg);
    bottom: unset;
    left: unset;
    top: 18px;
    right: 10px;
  }
}

/* Lettuce */
.veg-lettuce {
  width: clamp(150px, 17vw, 300px);
  z-index: 2;
  align-self: flex-end;
  padding-bottom: clamp(8px, 1vw, 20px);
}
.veg-lettuce .veg-img {
  height: clamp(200px, 23vw, 400px);
}
.veg-lettuce .veg-name {
  transform: rotate(-3deg);
  bottom: clamp(-36px, -3vw, -18px);
  right: clamp(-40px, -3vw, -16px);
}

@media (max-width: 700px) {
  .veg-lettuce {
    order: 3;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-lettuce .veg-img {
    height: 270px;
    margin-left: 10px;
    object-fit: contain;
  }
  .veg-lettuce .veg-name {
    transform: rotate(-3deg);
    top: unset;
    right: unset;
    bottom: 18px;
    left: 10px;
  }
}

/* Corn */
.veg-corn {
  width: clamp(135px, 14vw, 255px);
  z-index: 1;
  align-self: flex-end;
  padding-bottom: clamp(14px, 1.5vw, 30px);
}
.veg-corn .veg-img {
  height: clamp(230px, 27vw, 480px);
  margin-left: -40px;
}
.veg-corn .veg-name {
  transform: rotate(-3deg);
  top: clamp(6px, 0.8vw, 16px);
  right: clamp(-100px, 0.5vw, 0px);
}

@media (max-width: 700px) {
  .veg-corn {
    order: 4;
    width: auto;
    padding: 3.5rem 1rem 1.5rem;
  }
  .veg-corn .veg-img {
    height: 270px;
    object-fit: contain;
    margin-top: -60px;
    margin-left: 30px;
  }
  .veg-corn .veg-name {
    transform: rotate(-3deg);
    bottom: unset;
    left: unset;
    top: 18px;
    right: 10px;
  }
}


/* ----------------------------------------
   Fall vegetables
---------------------------------------- */

/* Winter Squash */
.veg-winter-squash {
  width: clamp(160px, 25vw, 372px);
  z-index: 1;
  align-self: flex-end;
  padding-bottom: clamp(8px, 1vw, 20px);
}
.veg-winter-squash .veg-img {
  height: clamp(220px, 26vw, 460px);
  max-width: 100%;
  object-fit: contain;
}
.veg-winter-squash .veg-name {
  transform: rotate(-3deg);
  top: clamp(-14px, -19.2vw, -4px);
  right: clamp(-100px, 0.5vw, -90px);
}

@media (max-width: 1315px) {
  .veg-winter-squash .veg-img {
    margin-left: -20px;
  }
  .veg-winter-squash .veg-name {
    right: clamp(-100px, 0.5vw, -40px);
  }
}

@media (max-width: 775px) {
  .veg-winter-squash .veg-img {
    margin-left: -20px;
  }
  .veg-winter-squash .veg-name {
    margin-top: -20px;
    margin-right: -30px;
  }
}

@media (max-width: 700px) {
  .veg-winter-squash {
    order: 1;
    width: auto;
    padding: 3.5rem 1rem 1.5rem;
  }
  .veg-winter-squash .veg-img {
    height: 270px;
    object-fit: contain;
    position: relative;
    top: 40px;
  }
  .veg-winter-squash .veg-name {
    transform: rotate(-3deg);
bottom: 56%;
        left: unset;
        top: unset;
        right: 20px;
  }
}

/* Kale */
.veg-kale {
  width: clamp(110px, 17vw, 262px);
  z-index: 2;
  align-self: flex-end;
  padding-bottom: clamp(8px, 1vw, 20px);
}
.veg-kale .veg-img {
  height: clamp(200px, 23vw, 400px);
  max-width: 100%;
  object-fit: contain;
}
.veg-kale .veg-name {
  transform: rotate(-3deg);
  bottom: clamp(-36px, -3vw, -18px);
  right: clamp(39px, -3vw, -16px);
}

@media (max-width: 700px) {
  .veg-kale {
    order: 2;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-kale .veg-img {
    height: 270px;
    object-fit: contain;
  }
  .veg-kale .veg-name {
    transform: rotate(-3deg);
		top: unset;
        left: 50%;
        bottom: 50px;
        right: unset;
  }
}

/* Cauliflower */
.veg-cauliflower {
  width: clamp(140px, 22vw, 330px);
  z-index: 1;
  align-self: flex-end;
  padding-bottom: clamp(14px, 1.5vw, 30px);
}
.veg-cauliflower .veg-img {
  height: clamp(230px, 17vw, 480px);
  max-width: 100%;
  object-fit: contain;
  margin-top: 100px;
}
.veg-cauliflower .veg-name {
  transform: rotate(-3deg);
  top: clamp(6px, 0.8vw, 16px);
  right: clamp(-100px, 0.5vw, 0px);
  margin-right: 20px;
}

@media (max-width: 1200px) {
  .veg-cauliflower .veg-img {
    margin-top: 50px;
  }
}

@media (max-width: 930px) {
  .veg-cauliflower .veg-img {
    margin-top: 65px;
  }
  .veg-cauliflower .veg-name {
    margin-top: 29px;
  }
}

@media (max-width: 700px) {
  .veg-cauliflower {
    order: 3;
    width: auto;
    padding: 3.5rem 1rem 1.5rem;
  }
  .veg-cauliflower .veg-img {
    height: 270px;
    object-fit: contain;
    margin-top: 40px;
  }
  .veg-cauliflower .veg-name {
	transform: rotate(10deg);
        bottom: unset;
        left: unset;
        top: 68px;
        right: -20px;
        margin-top: 0;
  }
}

/* Mushrooms */
.veg-mushrooms {
  width: clamp(110px, 17vw, 260px);
  z-index: 2;
  align-self: flex-end;
  padding-bottom: 60px;
}
.veg-mushrooms .veg-img {
  height: clamp(190px, 21vw, 380px);
  max-width: 100%;
  object-fit: contain;
}
.veg-mushrooms .veg-name {
  transform: rotate(-3deg);
  bottom: clamp(-36px, 1vw, -18px);
  right: clamp(-40px, -1vw, -16px);
}

@media (max-width: 700px) {
  .veg-mushrooms {
    order: 4;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-mushrooms .veg-img {
    height: 270px;
    object-fit: contain;
    position: relative;
    top: 0;
  }
  .veg-mushrooms .veg-name {
    transform: rotate(-3deg);
            top: unset;
        left: 0;
        bottom: 19px;
        right: unset;
  }
}


/* ----------------------------------------
   Winter vegetables
---------------------------------------- */

/* Carrot */
.veg-carrot {
  width: clamp(130px, 18vw, 280px);
  z-index: 2;
  align-self: flex-end;
  padding-bottom: clamp(40px, 5vw, 90px);
}
.veg-carrot .veg-img {
  height: clamp(200px, 24vw, 420px);
  max-width: 100%;
  object-fit: contain;
}
.veg-carrot .veg-name {
  transform: rotate(-3deg);
  bottom: clamp(24px, -3vw, -18px);
  left: clamp(6px, 0.8vw, 16px);
}

@media (max-width: 700px) {
  .veg-carrot {
    order: 1;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-carrot .veg-img {
    height: 270px;
    object-fit: contain;
	  transform: rotate(-55deg);
	  top: 50px;
	  right: -30px;
	  position: relative;
  }
  .veg-carrot .veg-name {
    transform: rotate(-3deg);
    top: unset;
    right: unset;
    bottom: 18px;
    left: 10px;
  }
}

/* Cabbage */
.veg-cabbage {
  width: clamp(150px, 22vw, 340px);
  z-index: 1;
  align-self: flex-end;
  padding-bottom: clamp(8px, 1vw, 20px);
}
.veg-cabbage .veg-img {
  height: clamp(210px, 25vw, 440px);
  max-width: 100%;
  object-fit: contain;
  margin-left: -21px;
}
.veg-cabbage .veg-name {
  transform: rotate(-3deg);
  top: clamp(-70px, -3.2vw, -34px);
  right: clamp(-82px, 0.5vw, 20px);
  margin-right: 51px;
}

@media (max-width: 700px) {
  .veg-cabbage {
    order: 2;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-cabbage .veg-img {
    height: 270px;
    object-fit: contain;
	  max-height: 210px;
  }
  .veg-cabbage .veg-name {
    transform: rotate(-3deg);
    top: unset;
    left: unset;
	  bottom: 28px;
	  right: -30px;
  }
}

/* Potato */
.veg-potato {
  width: clamp(140px, 20vw, 310px);
  z-index: 2;
  align-self: flex-end;
  padding-bottom: clamp(8px, 1vw, 20px);
}
.veg-potato .veg-img {
  height: clamp(200px, 23vw, 400px);
  max-width: 100%;
  object-fit: contain;
  margin-left: -19px;
}
.veg-potato .veg-name {
  transform: rotate(-3deg);
  bottom: clamp(4px, -3vw, -18px);
  left: clamp(6px, 0.8vw, 16px);
  margin-left: -19px;
}

@media (max-width: 700px) {
  .veg-potato {
    order: 3;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-potato .veg-img {
    height: 270px;
    object-fit: contain;
  }
  .veg-potato .veg-name {
    transform: rotate(-3deg);
		top: unset;
        right: unset;
        bottom: 38px;
        left: 40px;
  }
}

/* Brussels Sprouts */
.veg-brussels-sprouts {
  width: clamp(120px, 17vw, 260px);
  z-index: 1;
  align-self: flex-end;
  padding-bottom: clamp(14px, 1.5vw, 30px);
}
.veg-brussels-sprouts .veg-img {
  height: clamp(220px, 26vw, 460px);
  max-width: 100%;
  object-fit: contain;
  margin-left: 50px;
  transform: rotate(15deg);
}
.veg-brussels-sprouts .veg-name {
  transform: rotate(-3deg);
  top: clamp(6px, 0.8vw, 16px);
  right: clamp(140px, 0.5vw, 0px);
  line-height: 1.2;
}

@media (max-width: 1200px) {
  .veg-brussels-sprouts .veg-name {
    right: clamp(110px, 0.5vw, 10px);
  }
}

@media (max-width: 970px) {
  .veg-brussels-sprouts .veg-img {
    margin-left: 20px;
	  margin-top: 20px;
  }
}

@media (max-width: 750px) {
  .veg-brussels-sprouts .veg-name {
    right: clamp(70px, 0.5vw, 10px);
  }
}

@media (max-width: 700px) {
  .veg-brussels-sprouts {
    order: 4;
    width: auto;
    padding: 3.5rem 1rem 1.5rem;
  }
  .veg-brussels-sprouts .veg-img {
    height: 270px;
	  object-fit: contain;
	  transform: rotate(-55deg);
	  position: relative;
	  top: -20px;

  }
  .veg-brussels-sprouts .veg-name {
    transform: rotate(-3deg);
    bottom: unset;
    left: unset;
    top: 18px;
    right: 10px;
    line-height: 1.2;
  }
}


/* ----------------------------------------
   Spring vegetables
---------------------------------------- */

/* Spinach */
.veg-spinach {
  width: clamp(130px, 18vw, 260px);
  z-index: 2;
  align-self: flex-end;
  padding-bottom: clamp(20px, 3vw, 60px);
}
.veg-spinach .veg-img {
  height: clamp(200px, 24vw, 420px);
  max-width: 100%;
  object-fit: contain;
}
.veg-spinach .veg-name {
  transform: rotate(5deg);
  bottom: -20px;
  left: clamp(6px, 3.8vw, 76px);
  top: unset;
  right: unset;
}

@media (max-width: 700px) {
  .veg-spinach {
    order: 1;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-spinach .veg-img {
    height: 270px;
    object-fit: contain;
  }
  .veg-spinach .veg-name {
    transform: rotate(-3deg);
    top: unset;
    right: unset;
    bottom: 18px;
    left: 10px;
  }
}

/* Peas */
.veg-peas {
  width: clamp(120px, 16vw, 250px);
  z-index: 1;
  align-self: flex-end;
  padding-bottom: clamp(8px, 1vw, 20px);
}
.veg-peas .veg-img {
  height: clamp(190px, 22vw, 400px);
  max-width: 100%;
  object-fit: contain;
}
.veg-peas .veg-name {
  transform: rotate(-3deg);
  top: clamp(6px, 0.8vw, 16px);
  left: clamp(6px, 0.8vw, 16px);
  bottom: unset;
  right: unset;
}

@media (max-width: 700px) {
  .veg-peas {
    order: 2;
    width: auto;
    padding: 3.5rem 1rem 1.5rem;
  }
  .veg-peas .veg-img {
    height: 270px;
    object-fit: contain;
  }
  .veg-peas .veg-name {
    transform: rotate(-3deg);
    bottom: unset;
    left: unset;
    top: 18px;
    right: 10px;
  }
}

/* Asian Greens */
.veg-asian-greens {
  width: clamp(150px, 22vw, 310px);
  z-index: 2;
  align-self: flex-end;
  padding-bottom: clamp(8px, 1vw, 20px);
}
.veg-asian-greens .veg-img {
  height: clamp(210px, 25vw, 440px);
  max-width: 100%;
  object-fit: contain;
}
.veg-asian-greens .veg-name {
  transform: rotate(-3deg);
  bottom: clamp(-36px, -3vw, -18px);
  left: clamp(-24px, -2.2vw, -4px);
  top: unset;
  right: unset;
}

@media (max-width: 700px) {
  .veg-asian-greens {
    order: 3;
    width: auto;
    padding: 1.5rem 1rem 3.5rem;
  }
  .veg-asian-greens .veg-img {
    height: 270px;
    object-fit: contain;
  }
  .veg-asian-greens .veg-name {
    transform: rotate(-3deg);
    top: unset;
    right: unset;
    bottom: 18px;
    left: 10px;
  }
}

/* Asparagus */
.veg-asparagus {
  width: clamp(120px, 17vw, 260px);
  z-index: 1;
  align-self: flex-end;
  padding-bottom: clamp(14px, 1.5vw, 30px);
}
.veg-asparagus .veg-img {
  height: clamp(220px, 26vw, 460px);
  max-width: 100%;
  object-fit: contain;
  position: relative;
  left: 70%;
}
.veg-asparagus .veg-name {
  left: clamp(-74px, -5vw, -20px);
  bottom: unset;
  right: unset;
  transform: translateY(-50%) rotate(-3deg);
  top: 50%;
}

@media (max-width: 875px) {
  .veg-asparagus .veg-name {
    left: clamp(-74px, -7vw, -20px);
  }
}

@media (max-width: 700px) {
  .veg-asparagus {
    order: 4;
    width: auto;
    padding: 3.5rem 1rem 1.5rem;
  }
  .veg-asparagus .veg-img {
    height: 270px;
    object-fit: contain;
    left: 20%;
  }
  .veg-asparagus .veg-name {
    transform: rotate(-3deg);
    bottom: unset;
    left: -20px;
    top: 50%;
    right: 0;
  }
}


/* ----------------------------------------
   About Page
---------------------------------------- */
.about-page-style {
	overflow: hidden;	
}

.smooth-scrolling-gallery .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear;
}

.smooth-scrolling-gallery .swiper-wrapper {
  transition-duration: 0ms !important;
  animation: smoothScroll 30s linear infinite;
}

@keyframes smoothScroll {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 768px) {
	.blue-frame-mobile {
		background-size: cover!important;
	}
}

/* ----------------------------------------
   Recipe Page
---------------------------------------- */
.recipes-page {
	overflow: hidden;
}

.recipe-archive .pp-content-post:hover img,
.recipe-archive .pp-content-post:hover h3 {
	opacity: 0.5;
	transition: 0.3s ease;
}

.recipe-archive .taxonomies span span:hover {
	opacity: 0.5;
	transition: 0.3s ease;
}

.recipe-archive .taxonomies,
.recipe-archive .taxonomies div {
	display: flex;
	gap: 8px;
	color: var(--Pistachio);
}

.recipe-archive .taxonomies span span {
	font-family: 'helvetica-neue-lt', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	padding: 4px;
	border-bottom: 1px solid var(--Pistachio);
}

.recipe-archive .recipe-inner-wrap {
	gap: 16px;
    display: flex;
    flex-direction: column;
}

.recipe-archive .title {
	text-align: left;
	color: var(--Text);
	margin-bottom: 0!important;
}

.recipe-archive img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

/* Filters */
.recipe-filter-styling .fs-label-wrap .fs-arrow {
    border: 0 !important;
    right: 11px !important;
    background-image: url(/wp-content/uploads/down-recipe-arrow.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 100%;
}

.recipe-filter-styling .fs-label-wrap .fs-label {
    padding: 12px 36px 12px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	color: var(--Pistachio);
	height: 34px;
	font-size: 17px;
	line-height: .6;
}

.recipe-filter-styling .fs-label-wrap {
	background: var(--Light);
    border: 1px solid var(--Pistachio);
    border-radius: 100px;
}

.recipe-filter-styling .fs-wrap {
    width: auto !important;
}

.recipe-filter-styling .fs-dropdown {
	width: 100% !important;
	min-width: 200px !important;
	background: var(--Light) !important;
	padding: 12px 24px;
	text-transform: lowercase;
	z-index: 9 !important;
	border: 1px solid var(--Pistachio) !important;
	top: 32px;
	left: 60px;
	border-bottom: 1px solid var(--Pistachio);
}

.facetwp-selections .facetwp-selection-value {
    color: var(--Pistachio);
    font-size: 18px;
    font-style: normal;
    font-weight: 550;
    line-height: 150%;
    text-transform: lowercase;
    padding: 4px !important;
    border-bottom: 1px solid var(--Pistachio);
    margin: 0 !important;
    background-image: none !important;
    position: relative;
	margin-right: 30px !important;
}

.facetwp-selections .facetwp-selection-value::after {
    content: '';
    width: 8px;
    height: 8px;
    background-image: url(/wp-content/uploads/Vector.png);
    background-size: 8px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: -10px;
}

.recipe-filter-styling .fs-dropdown .fs-search {
    display: none !important;
}

.recipe-filter-styling .facetwp-reset {
	color: var(--Pistachio);
	background: var(--Light);
    border: 1px solid var(--Pistachio);
	padding: 0px 16px;
    border-radius: 100px;
    height: 35px;
	font-size: 17px;
	white-space: nowrap;
}

.recipe-filter-styling .facetwp-facet {
    margin-bottom: 0px!important;
}

.recipe-filter-styling .facetwp-search {
    padding-left: 44px!important;
    padding-right: 24px !important;
    background-image: url(/wp-content/uploads/Search-Input-Container.png)!important;
    background-position: left 20px center;
	background-position: 13px 13px !important;
    background-repeat: no-repeat!important;
	background-size: 16px!important;
    border: 1px solid var(--Text);
	
	background: rgba(0, 0, 0, 0);
    font-size: 15px;
    line-height: 1.5;
    padding: 10px 24px;
    color: var(--Pistachio);
	border-radius: 100px;
}

.recipe-filter-styling .facetwp-type-search .facetwp-icon {
    display: none !important;
}

.facetwp-search::placeholder {
	opacity: 1 !important;
	color: var(--Text) !important;
	font-size: 15px !important;
	line-height: 1 !important;
}

.recipe-selections .facetwp-selection-label {
	display: none;
}

.recipe-selections ul {
	margin-left: 0;
    padding: 0;
    margin-top: 0;
}

/* Recipe Filter Mobile */
.mobile-filter-flyout a {
	padding: 10px 16px!important;
    white-space: nowrap;
    color: var(--Pistachio);
	height: 45px;
    font-size: 17px;
    line-height: .6;
	border: 1px solid var(--Pistachio)!important;
	border-radius: 100px;
}

.mobile-filter-flyout .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-toggle-label {
	color: var(--Pistachio) !important;
}

/* Hide counts in all facets with a checkboxes UI (Checkboxes facet, Range List facet in UI mode "Checkboxes" */
.facetwp-checkbox .facetwp-counter {
  display: none;
}
 
/* Hide counts in all Checkboxes facets */
[data-type="checkboxes"] .facetwp-counter {
  display: none;
}

/* Hide counts in all Radio facets */
[data-type="radio"] .facetwp-counter {
    display: none;
}

.facetwp-checkbox.checked {
    background-image: url(/wp-content/uploads/checked.jpg)!important;
	background-size: 13px !important;
}

.facetwp-checkbox {
    background: url('/wp-content/uploads/unchecked.png') 0 50% no-repeat!important;
	background-size: 13px !important;
}

#offcanvas-jrfy2o714le8 .facetwp-facet {
    margin-bottom: 0px;
}

#offcanvas-jrfy2o714le8 .fl-clearfix:before, 
#offcanvas-jrfy2o714le8 .fl-clearfix:after {
	display: none;
}

#offcanvas-jrfy2o714le8 .pp-accordion-content {
	margin-top: -20px;
}

#offcanvas-jrfy2o714le8 .facetwp-reset {
	padding: 10px 16px !important;
    white-space: nowrap;
    color: var(--Text);
    font-size: 17px;
    line-height: .8;
    border: 1px solid var(--Text) !important;
    border-radius: 100px;
    background: transparent;
    margin-bottom: 24px;
}

.animated-pagination .facetwp-pager {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 24px 0;
}

.animated-pagination .pagination-scribble {
  position: absolute;
  pointer-events: none;
  overflow: visible;
  top: 50%;
  transform: translateY(-50%);
}

.animated-pagination .facetwp-page.active {
  color: var(--Pistachio);
	font-weight: 400;
}

.animated-pagination .facetwp-page {
  color: var(--Pistachio);
	font-weight: 400;
}

.animated-pagination .facetwp-page svg path {
	opacity: 1;
}

.animated-pagination .facetwp-page svg {
	margin-top: 9px;
}

/* ----------------------------------------
   Recipe Single Page
---------------------------------------- */
.recipe-single-categories {
	display: flex;
	flex-wrap: wrap;
}

.recipe-single-categories:not([data-accepts]):before {
	display: none!important;
}

.recipe-single-categories div {
	display: flex;
	gap: 0;
}

.recipe-single-categories div span a {
    padding: 2px;
    border-bottom: 1px solid var(--Pistachio);
    color: var(--Pistachio);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 12px !important;
    display: flex;
	font-size: 14px;
}

.recipe-single-categories div span a:hover {
	border-bottom: none;
}

.green-button .fl-button i {
	font-size: 14px!important;
}

.single-recipe-image {
    position: relative !important;
    width: 100% !important;
    max-width: 600px !important;
    aspect-ratio: 600 / 650 !important;
    overflow: visible !important;
}

.single-recipe-image .fl-photo-content {
    width: 100%;
    height: 100%;
}

.single-recipe-image .fl-photo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
	padding: 12px;
}

.single-recipe-image::after {
    content: '' !important;
    position: absolute !important;
    inset: -1% !important;
    width: 102% !important;
    height: 102% !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 621 672'%3E%3Cpath fill='%23f05237' d='M31.2%2C7.5c14.1%2C0%2C32.7%2C0%2C46.7%2C0%2C4.4%2C0%2C2.2%2C0%2C5.2%2C0%2C6%2C0%2C11.5%2C0%2C17.4%2C0%2C2%2C0-.5%2C0%2C1.6%2C0%2C11.2%2C0%2C21.8%2C0%2C33.2%2C0%2C56%2C0%2C111%2C.1%2C167.6.2%2C18.7%2C0%2C41.4%2C0%2C60.7%2C0%2C2.3%2C0%2C.9%2C0%2C1.3%2C0%2C6.7%2C0%2C4.5%2C0%2C8.9%2C0%2C17.4%2C0%2C36.8%2C0%2C53.5%2C0%2C7.1%2C0%2C0-.2%2C7.2%2C0%2C.5%2C0-1.3%2C0%2C.6%2C0%2C4.4%2C0%2C12.8%2C0%2C16.3%2C0%2C6.6%2C0%2C7.7%2C0%2C14%2C0%2C8.6%2C0%2C18.7%2C0%2C27.9%2C0%2C2%2C0-.6%2C0%2C2.5%2C0%2C3.1%2C0%2C11.4%2C0%2C14.2%2C0%2C2.8%2C0%2C1.6%2C0%2C2.1%2C0%2C4.1.1%2C13.6%2C0%2C14.9%2C0%2C22.5%2C0%2C41.7%2C0%2C62.8%2C0%2C7.7%2C0%2C15.7%2C0%2C23.6%2C0h.4s0%2C.4%2C0%2C.4c0%2C8.5%2C0%2C16.9%2C0%2C24.8%2C0%2C18.2%2C0%2C33.5%2C0%2C51.2%2C0%2C1.9%2C0-.3%2C0%2C2%2C0%2C24.2%2C0%2C48.1%2C0%2C72.2%2C0%2C2.4%2C0-.7%2C0%2C1.7%2C0%2C14.8-.2%2C38.1.1%2C46.9%2C0%2C10%2C0%2C22.1%2C0%2C31.1%2C0%2C5.8-.1.2%2C0%2C7.2%2C0%2C1.6%2C0-.5%2C0%2C1.9%2C0%2C10.1%2C0%2C21.1%2C0%2C31.1%2C0%2C2%2C0%2C1.5%2C0%2C2.1.1%2C4.8%2C0%2C12.9%2C0%2C14.6%2C0%2C13.4%2C0%2C23.1%2C0%2C35.5%2C0%2C2.9%2C0-.5%2C0%2C2.3%2C0%2C14.4%2C0%2C29.3%2C0%2C43.4%2C0%2C3.1%2C0%2C.3%2C0%2C1.8%2C0%2C6.6.1%2C8.1%2C0%2C14.4%2C0%2C1.3%2C0%2C.6%2C0%2C.8-.1%2C3.8%2C0%2C7.1%2C0%2C8.1%2C0%2C12.4-.1%2C20.4%2C0%2C32.3%2C0%2C1.4%2C0-1.8%2C0%2C2.2%2C0%2C26.9%2C0%2C55.3%2C0%2C81.9%2C0%2C4.1%2C0%2C1.2%2C0%2C1.4-.1%2C4.2%2C0%2C7%2C0%2C8.3%2C0%2C10.6%2C0%2C20.6.1%2C27.8%2C0%2C36.1%2C0%2C72.2%2C0%2C108.1v.3h-.3c-8.8%2C0-17.7%2C0-26.5%2C0-.6%2C0%2C.4%2C0-.7%2C0-13.6%2C0-11%2C0-20.1.2-2.3%2C0-9.2-.1-9.8-.2-2.2%2C0%2C0-.2-.7-.2-6.2%2C0-5.2.3-13.5.3-.3%2C0%2C.8%2C0%2C.1%2C0-2.2%2C0-4.3%2C0-6.5%2C0-4.9%2C0-6.6-.3-14-.1-.9%2C0%2C.5.2-6.9.2-3%2C0-16.1%2C0-19.8%2C0-3.7%2C0-1.2%2C0-1.4%2C0-9.9%2C0-6.2-.1-11.1-.3-5-.1-3.6.2-5.6.2-2%2C0-9.3%2C0-11.1%2C0-1.8%2C0%2C.4%2C0-1.1%2C0-10.5-.1-4.6.2-8.1.2-8.2.1-14.5-.1-22-.2-2%2C0-.4%2C0-2.2%2C0-7.1%2C0-11.4%2C0-19.6%2C0-1.3%2C0-7.9.2-12.1%2C0-.6%2C0%2C1.1%2C0-1.9%2C0-4.5%2C0-12.7%2C0-17.6%2C0-3.6%2C0%2C.5.1-4%2C0-2%2C0%2C1.7%2C0-2.1%2C0-3.8%2C0-13.4%2C0-17.1%2C0-3.7%2C0-1.7%2C0-2%2C0-1.8%2C0-8.8%2C0-9.4%2C0-31.3%2C0-60.2-.1-90.7%2C0-2.4%2C0-.8%2C0-1.2%2C0-8.2%2C0-1.7-.2-7.5-.3.8.2-2.6.1-8.3.2-2.8%2C0-1.3%2C0-1.5%2C0-4.1%2C0-7%2C0-7.7%2C0-2.7%2C0-5.7%2C0-7.6%2C0-1.9%2C0%2C2.4-.2-3.1-.2-1.6%2C0%2C2.6.2-1.6.2-15.9%2C0-45.5%2C0-58.2%2C0-12.7%2C0-16.8%2C0-24.3%2C0-13.4%2C0-8.5%2C0-16.8.1-8.3%2C0-4.3-.2-5.5-.3-1.2%2C0-2.5%2C0-3.9%2C0-1.5%2C0%2C1.7%2C0-1.7%2C0-3.4%2C0-12.8%2C0-14%2C.2-2.6.1%2C1.7.3-7.4.2-.5%2C0%2C1.2%2C0-.8%2C0-15.9%2C0-32.4%2C0-48.3-.1-2.2%2C0-.2%2C0-1.5%2C0-13.2%2C0-8.5%2C0-15.8.2%2C1.6-.2-2.3-.3-12-.3h.1s0-.2%2C0-.3c0-6%2C0-5-.2-8.9%2C0-1.2%2C0-5.4%2C0-6.2-.1-2.6-.3%2C1.5-.2-8.9%2C0-.5%2C0%2C1%2C0-.6%2C0-10.1-.1-11.4-.1-22.3%2C0-8.6%2C0-23.9%2C0-33.7.2.2.2-9%2C0-12.8%2C0-6.4%2C0-13.2%2C0-19.4%2C0-2.1%2C0-.7%2C0-1%2C.1-4.1%2C0-6.8%2C0-8.2%2C0-14.9%2C0-27%2C0-41.1%2C0-.5-.2-1.3%2C0-5.1%2C0-.2%2C0%2C4.4%2C0-2.2%2C0-6.7%2C0-19.3%2C0-28.5%2C0-2.2-.2-7.9%2C0-12.5%2C0-.6%2C0%2C0%2C0-.8%2C0-2.8%2C0-4.4%2C0-7.7.1-3.3.2-10.2.1-19.6%2C0-.3-.1-2.5-.1-5.4%2C0-4.7%2C0-11.3%2C0-16.2%2C0-2.3%2C0-.8%2C0-1.3%2C0-15.8%2C0-27%2C0-43.9%2C0-3.1-.1-12%2C0-18%2C0-6.6.5.2.4-14.9%2C0-6.1-.5-13.8-.3-24.8%2C0-21.3%2C0-40.9%2C0-62.3%2C0-1-.1-4-.1-6.2%2C0-3.3%2C0-5.2%2C0-7.6%2C0-10%2C0-19.2%2C0-28.8%2C0-3.7%2C0-2.4%2C0-6.8%2C0-4.4%2C0-7.3%2C0-13.2%2C0-4.5.2-8.9.2-14.9-.2-.2-.2-4.3-.2-11.5%2C0-1.4%2C0%2C.1%2C0-.6%2C0-2.7%2C0-5.2%2C0-7.7%2C0-.6%2C0-.6%2C0-1.2%2C0-4.3%2C0-11.4%2C0-12.6%2C0-4.7%2C0-6.9%2C0-10.4%2C0-3.6%2C0%2C1.8.1-2.4%2C0-8.7%2C0-19.8%2C0-28.6%2C0-3.5%2C0-1.1%2C0-1.6%2C0-7.3%2C0-14.6%2C0-18.6.4-5%2C0-4.4%2C0-14.7%2C0-.8.2-1.9.2%2C1.3%2C0%2C3.1%2C0%2C7.9%2C0%2C12.2%2C0%2C1%2C.2%2C6.9.2%2C7.7%2C0%2C6.3-.2%2C7.2-.2%2C7.5-.2%2C3.8%2C0%2C11%2C0%2C12.9%2C0%2C8.7%2C0%2C16.1%2C0%2C23.3%2C0%2C4.8.2%2C5.2.2%2C8.9%2C0%2C12.4-.3%2C16.7%2C0%2C28.4%2C0%2C2.5.3%2C0%2C0%2C9%2C0%2C.6-.2%2C7.2%2C0%2C11.1%2C0%2C.5%2C0%2C.5%2C0%2C1.1%2C0%2C4.3%2C0%2C7.1%2C0%2C11.8%2C0%2C4.7%2C0%2C10.3%2C0%2C15.6%2C0%2C3.2-.1%2C7.3-.2%2C8.9%2C0%2C4.3%2C0%2C9%2C0%2C11.7-.1%2C2.7-.3-2.6-.3%2C4.5.2.3.3.9.5%2C1.3%2C0%2C15.6%2C0%2C30.9%2C0%2C46.5%2C0%2C1.9%2C0%2C0%2C0%2C2%2C0%2C8.8%2C0%2C16.4%2C0%2C25.5%2C0%2C7%2C.1%2C14.7.1%2C22.1-.2%2C4.5-.1%2C15.4-.1%2C23.3%2C0%2C2.8%2C0%2C2.6%2C0%2C4.6%2C0%2C7.4.1%2C4%2C.1%2C6%2C.1%2C8.8-.3%2C9.5-.3%2C19.8%2C0%2C.5.2%2C7.2.2%2C8.2%2C0%2C5.8%2C0%2C1%2C0%2C4.6%2C0%2C6.7%2C0%2C11.3%2C0%2C19.2%2C0%2C2.3.1%2C7.8%2C0%2C12.2%2C0%2C.6%2C0%2C.3%2C0%2C.7%2C0%2C8.5.1%2C8.7.2%2C13.6%2C0%2C4.9%2C0%2C12.4-.1%2C13.9-.1%2C4%2C0-3.1%2C0-3.3-.1-2.5-.1%2C2.9-.1%2C7.1-.2.6-.2%2C6.5%2C0%2C4.3%2C0-.2%2C0-3.5%2C0-4.3.2%2C3.7.2%2C10.1%2C0%2C17.2%2C0%2C3.3-.2.2-.2%2C10.3%2C0%2C4.6.2%2C2.8.2%2C6.9%2C0%2C9.2%2C0%2C21.3%2C0%2C30.8%2C0%2C3.5%2C0%2C0%2C0%2C2.5%2C0%2C6.3%2C0%2C11.8%2C0%2C18.1%2C0%2C.6%2C0-.8%2C0%2C1.1%2C0%2C14.9%2C0%2C27.8%2C0%2C43.3%2C0%2C7.5%2C0%2C20.9%2C0%2C28.7%2C0%2C13.5-.1%2C30-.1%2C41.5%2C0%2C7.5%2C0%2C5.9.2%2C9.1%2C0%2C.5%2C0%2C1%2C0%2C1.5l-.7-.7c6.3%2C0%2C15.7.1%2C17.1.1%2C0%2C0-6.4%2C0-3%2C0%2C2%2C0%2C2.9%2C0%2C3%2C0%2C1%2C0%2C13.9%2C0%2C16.4%2C0%2C1.4%2C0%2C.6%2C0%2C1.3%2C0%2C17.2%2C0%2C34.5%2C0%2C52%2C0%2C.3%2C0-.2%2C0%2C.6%2C0%2C10.1%2C0%2C16.6%2C0%2C24.9-.1%2C8.3%2C0%2C15%2C0%2C19.9.1%2C6.3%2C0%2C15.3%2C0%2C20.5%2C0%2C5.2%2C0%2C5.9-.1%2C6.4-.1%2C14.3-.1%2C22.5%2C0%2C37.3%2C0%2C7%2C0%2C21%2C0%2C28.6%2C0%2C6%2C0%2C9.6%2C0%2C15.2%2C0%2C.8%2C0%2C0%2C0%2C.2%2C0%2C6.2%2C0%2C3.2%2C0%2C4.5.1%2C4.6.1%2C7.5.2%2C15.4.1%2C1.8%2C0%2C7.2-.3%2C10.5-.3%2C4.3%2C0%2C2.7%2C0%2C7.2%2C0%2C.4%2C0%2C.3%2C0%2C3.1%2C0%2C13%2C0%2C27.2%2C0%2C40.7%2C0%2C1.8%2C0-.5%2C0%2C2.1%2C0%2C12.5%2C0%2C26.2%2C0%2C38.4%2C0%2C3%2C0%2C1.1%2C0%2C1.8%2C0%2C4%2C.1%2C9.7%2C0%2C10.6%2C0%2C22.3%2C0%2C39.4%2C0%2C62.1%2C0%2C1.2%2C0%2C10.8-.2%2C15%2C0%2C.3%2C0%2C4.5.2%2C8.2%2C0%2C.2%2C0-2.4%2C0%2C2.2%2C0%2C4.6%2C0%2C11.9%2C0%2C18.2%2C0%2C2%2C0%2C6.7.2%2C12.6%2C0%2C.4%2C0%2C9.6-.3%2C12.8%2C0%2C.5%2C0%2C0%2C.2%2C7.1.1%2C1.4%2C0-1.1%2C0%2C2.5%2C0%2C5.5%2C0%2C12.7%2C0%2C19.4%2C0%2C1.2%2C0%2C6.2-.2%2C10.2%2C0%2C.6%2C0-.6%2C0%2C1.5%2C0%2C10%2C0%2C20.6%2C0%2C30.8%2C0%2C3.6%2C0%2C1.8.1%2C5.5.2%2C3.8%2C0%2C11.4%2C0%2C15.3%2C0%2C3.9%2C0-.4-.2%2C5.5-.2.8%2C0%2C1.5%2C0%2C2.3%2C0l-.9.9c0-24.9%2C0-49.6%2C0-74.5%2C0-3.8%2C0-.6%2C0-6.3%2C0-20.7%2C0-56.3%2C0-74.3.1-14.4.2%2C3.7.2-7.3%2C0-5.3-.2-11-.2-12.3%2C0-12.5%2C0-21.2%2C0-32.4%2C0-2.3%2C0%2C0%2C0-2%2C0-6.7%2C0-13.8%2C0-20.3%2C0-2.9%2C0-2.4%2C0-5%2C0-6.4%2C0-12%2C0-18.2%2C0-.6%2C0%2C3.3%2C0-1.5%2C0-7.6%2C0-17.1%2C0-25.9%2C0-2.6-.2-2.7%2C0-8.3%2C0-1.2.2.3%2C0-6.2%2C0-1.1-.2-12.1%2C0-17.4%2C0-1.4.2-5%2C.2-8.2%2C0-.4%2C0%2C1.3%2C0-1.3%2C0-9.1%2C0-18.7%2C0-28.1%2C0-2.5%2C0%2C1.2%2C0-2.5%2C0-10.3%2C0-23.1%2C0-33.2%2C0-3.7%2C0-1.1%2C0-1.4.1-4.3%2C0-6.9%2C0-8.3%2C0-9%2C0-15.8%2C0-24%2C0-2.3%2C0-.7%2C0-1.1%2C0-4.7%2C0-1.2%2C0-4.2%2C0-8.3%2C0-17.6%2C0-26.1%2C0-3.1%2C0%2C.4%2C0-2.4%2C0-16.5%2C0-33.6%2C0-49.6%2C0-3%2C0-1.1%2C0-1.8.1-4.3%2C0-10.7%2C0-12.2%2C0-6.7%2C0-9.2%2C0-15.1%2C0-28.7%2C0-64.2%2C0-91.3%2C0-11.5%2C0-22.1%2C0-32.4l.8.8c-21.4%2C0-41.3%2C0-64%2C0-2.1%2C0%2C0%2C0-1.8%2C0-23.8%2C0-47.3%2C0-71.2%2C0-2%2C0%2C.9%2C0-2.3%2C0-6.5%2C0-14.6%2C0-21.2%2C0-3.2%2C0%2C1.1%2C0-2.1%2C0-7.5%2C0-15.5%2C0-23.1%2C0-3.3%2C0%2C1.7%2C0-2.6%2C0-28.9%2C0-57.2%2C0-86.4%2C0-2%2C0-3.8-.2-8-.2-.3%2C0-.3.1-.4.2-42%2C0-83.6%2C0-125.8%2C0-1.8%2C0%2C1.3%2C0-2.1%2C0-19.9%2C0-39.2%2C0-59.6%2C0-2%2C0-1-.2-6.9-.2-1.1%2C0-10%2C0-12.3%2C0-.3%2C0%2C1.3%2C0-1.6%2C0-16.8%2C0-34.4%2C0-51.2%2C0-2.7%2C0%2C.2%2C0-1.8%2C0-13.7%2C0-28.5%2C0-41.6%2C0-8.7%2C0-5.5-.2-10.2-.3-.7%2C0-6.1%2C0-6.4-.1-.7-.2%2C1.9-.4.8-.7-.2%2C0-7.5%2C0-3.2-.1.3%2C0%2C5.6%2C0%2C6.9%2C0%2C.9%2C0-.7-.1%2C1.1-.1%2C1.8%2C0%2C3.9%2C0%2C6.9%2C0%2C3%2C0%2C1.7-.1%2C7.8-.1ZM183.4%2C663.2c4.8%2C0%2C5.5-.2.3-.1-.3%2C0-.6.1-.3.1ZM7.5%2C257.4c-.1%2C6.3%2C0%2C10.6.2%2C6.2%2C0-4.4-.1-8.1-.2-6.2ZM7.4%2C192.2c-.1%2C7.4.3%2C8.5.2.6%2C0-.5-.2-1.1-.2-.6ZM38.8%2C8.7c0%2C0-4%2C0-4.1%2C0-2.1%2C0%2C5.7.1%2C4.1%2C0ZM7.3%2C127.4c0%2C2.3%2C0%2C8.9%2C0%2C6.1%2C0-2.3%2C0-8.9%2C0-6.1ZM434.4%2C663.5c0%2C0%2C2.9%2C0%2C2.8%2C0-.2%2C0-4.1%2C0-2.8%2C0ZM7.3%2C17.4c0%2C16.3-.4%2C26.1-.3%2C8.4%2C0-3.2.1%2C6.9.1%2C2.8%2C0-7.5-.2-12.4%2C0-20%2C0-1.4.2%2C7.9.2%2C8.8%2C0%2C0%2C0%2C0%2C0%2C0ZM186.2%2C663.5c0%2C0%2C4%2C0%2C4.1%2C0%2C2.1%2C0-5.7-.1-4.1%2C0ZM597.3%2C663.7c.2%2C0%2C9.2%2C0%2C9.5%2C0%2C4.7-.2-13.4-.2-9.5%2C0ZM7%2C582.4c0-4.2-.1-9.3%2C0-12.6%2C0%2C4.2%2C0%2C8.4%2C0%2C12.6Z'/%3E%3C/svg%3E")!important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 99 !important;
}

/* Unit Conversion Container */
.wprm-unit-conversion-container {
	margin: 24px 0;
}

/* Tips and Variation Box */
.wprm-recipe-instruction-tip-icon img {
	width: 24px;
}

.wprm-recipe-tip {
	border-radius: 0!important;
	padding: 24px 24px 0!important;
	margin-top: 24px;
}

.wprm-recipe-tip-text {
	font-family: 'louize-display';
	font-size: 24px;
}

.wprm-recipe-notes {
	color: var(--Dark-Green);
}

.wprm-recipe-notes-container .wprm-internal-container {
	    padding: 24px 24px 40px 40px;
}

.wprm-recipe-notes-container {
	background: transparent;
	color: var(--Dark-Green);
	margin-top: -14px;
}

.wprm-recipe-notes-container .wprm-internal-container {
	background: transparent!important;
	padding: 0 24px 24px;
	border: 1px solid var(--Text);
	border-top: none;
	border-radius: 0;
}

.wprm-recipe-tip {
		border-radius: 0!important;
		padding: 24px!important
	}

/* Remove bottom rounding from tip box */
.wprm-tip-container {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

/* Remove top rounding from notes box and flush it up */
.wprm-recipe-notes-container {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-top: 0 !important;
  background: transparent !important; /* match tip background */
  border-top: none !important;
}

.single-recipe {
	overflow-x: hidden;
}

.wprm-recipe-container {
	border: 1px solid var(--Text);
    padding: 40px;
}

.recipe-servings {
	display: flex;
    align-items: center;
    gap: 24px;
}

.wprm-recipe h2 {
	color: var(--Brand-Red);
	font-size: 34px!important;
}

.recipe-heading {
	margin-bottom: 24px;
}

.recipe-servings .wprm-recipe-servings-container a,
.recipe-servings .wprm-recipe-servings-container span{
	text-transform: uppercase;
	font-weight: 500;
}

.recipe-servings .wprm-recipe-servings-container a {
	text-decoration: none;
}

.recipe-servings .wprm-recipe-servings-container {
	text-decoration: underline;
	text-underline-offset: 2px;
	font-size: 14px;
}

.wprm-recipe h3,
.wprm-recipe h4 {
	color: var(--Pistachio);
	font-weight: 400!important;
	margin-bottom: 8px;
}

.wprm-recipe h3 {
	font-size: 34px;
}

.wprm-recipe h4 {
	font-size: 21px;
}

.wprm-toggle-buttons-container button.wprm-toggle {
    color: var(--Text);
	border-left: 1px solid var(--Text);
}

.wprm-toggle-buttons-container {
	border: 1px solid var(--Text);
	color: var(--Text);
}

.recipe-servings .wprm-toggle:hover {
	background-color: var(--Yellow)!important;
}

.wprm-toggle-switch-slider {
    border: 2px solid var(--Text);
    padding: 8px;
	font-size: 14px;
}

.homepage-recipes .title {
	color: var(--Pistachio);
}

.share-buttons {
	margin: 24px 0;
}

.wprm-recipe-icon svg {
	width: 20px;
	height: 15px;
}

.wprm-recipe-link.wprm-recipe-link-button {
	margin: 0!important;
}

.share-buttons a { 
	background: transparent!important;
	padding: 4px 6px!important;
}

.wprm-prevent-sleep-description {
	font-size: 16px!important;
}

.wprm-recipe-ingredients,
.wprm-recipe-instructions {
	margin-left: 0!important;
}

.wprm-recipe-tip-shortcode {
	background-color: transparent;
	border: 1px solid var(--Text);
	border-bottom: none;
	margin-bottom: 0;
}

@media (max-width: 768px) { 
	.wprm-recipe-container {
		padding: 24px;
	}
	
	.wprm-recipe h2 {
		font-size: 28px!important;
	}
	
	.wprm-recipe h3 {
		font-size: 28px;
	}

	.wprm-recipe h4 {
		font-size: 21px;
	}
}

@media (max-width: 1200px) {
  .related-recipes-slider .pp-content-post-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 24px;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #3B360D #67754F;
  }

  .related-recipes-slider .pp-content-post {
    flex: 0 0 400px;
  }

  /* Chrome/Safari — must be on the scrolling element */
  .related-recipes-slider .pp-content-post-grid::-webkit-scrollbar {
    height: 2px;
  }

  .related-recipes-slider .pp-content-post-grid::-webkit-scrollbar-track {
    background: #67754F;
  }

  .related-recipes-slider .pp-content-post-grid::-webkit-scrollbar-thumb {
    background: #3B360D;
  }
}

@media (max-width: 1200px) {
  .related-recipes-slider .pp-content-post-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 24px;
	}
  @supports (-moz-appearance: none) {
    .related-recipes-slider .pp-content-post-grid {
      scrollbar-width: thin;
      scrollbar-color: #3B360D #67754F;
    }
  }
}

@media (max-width: 1200px) {
  .related-recipes-slider .pp-content-post-grid {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
  }

  .related-recipes-slider .pp-content-post-grid::-webkit-scrollbar {
    height: 4px !important;
    -webkit-appearance: none; /* forces classic (always-visible) scrollbar on macOS */
  }
  .related-recipes-slider .pp-content-post-grid::-webkit-scrollbar-track {
    background: #67754F !important;
    border-radius: 999px;
  }
  .related-recipes-slider .pp-content-post-grid::-webkit-scrollbar-thumb {
    background: #3B360D !important;
    border-radius: 999px;
  }
}

/* ----------------------------------------
   Cookbook Page
---------------------------------------- */
.cookbook-box {
	align-items: stretch!important;
}

.cookbook-box .fl-module:not([data-accepts]):before,
.cookbook-box .fl-module:not([data-accepts]):after {
	display: none!important;
}

.book-awards {
	position: relative;
    top: 16%;
    right: -41%;
    height: 0;
}


/* ----------------------------------------
   Contact Page
---------------------------------------- */
.contact-form span,
.contact-form label,
.contact-form a {
	font-weight: 400!important;
	color: var(--Text)!important;
    font-size: 18px;
}

.contact-form #nf-label-field-11,
.contact-form #nf-label-field-11 a {
	font-size: 16px;
}

.contact-form a { 
	text-decoration: underline!important;
    text-underline-offset: 1px;
}

.contact-form a:hover { 
	text-decoration: none!important;
}

.contact-form .field-wrap {
    margin: 0 !important;
}

.contact-form .nf-field-container {
    margin-bottom: 24px !important;
}

.contact-form .nf-error.field-wrap .nf-field-element:after {
    background: transparent;
	color: var(--Text);

}

.contact-form .nf-error-msg {
    font-weight: 400;
    letter-spacing: .5px;
}

.contact-form .listcheckbox-wrap .nf-field-element label:after,
.contact-form .checkbox-wrap .nf-field-label label:before,
.contact-form .checkbox-wrap .nf-field-label label:after {
	background: transparent;
	border-color: var(--Text)!important;
	border-width: 1px;
	border-radius: 0;
}

.contact-form .listradio-wrap .nf-field-element label:after {
	background: transparent!important;
    border: 1px solid var(--Text)!important;
    border-radius: 0 !important;
}

.contact-form input[type=checkbox]:focus+label:after,
.contact-form input[type=radio]:focus+label:after {
	box-shadow: none!important;
}

.contact-form .listradio-wrap .nf-field-element label.nf-checked-label:before {
    background: var(--Text);
	border-radius: 0;
    content: "";
    height: 12px;
    left: -27px;
    position: absolute;
    top: 4px;
    width: 12px;
    z-index: 2;
}

.contact-form .listcheckbox-wrap .nf-field-element label.nf-checked-label:before,
.contact-form .checkbox-wrap .nf-field-label label.nf-checked-label:before {
	color: var(--Text)!important;
}

.contact-form .listcheckbox-container .nf-field-element label:before {
	left: -27px!important;
    top: 2px!important;
}

.contact-form .checkbox-container.label-right label:before {
	left: -27px!important;
    top: 0px!important;
}

.contact-form .listcheckbox-wrap .nf-field-element label:before,
.contact-form .checkbox-wrap .nf-field-label label.nf-checked-label:before {
	font-size: 16px!important;
}

.contact-form .nf-form-content input[type=submit] {
	padding: 10px 24px!important;
	background: var(--Light-Blue)!important;
	color: var(--Text);
	float: left!important;
	font-weight: 400;
	border-radius: 100px;
}

.contact-form .nf-form-content input[type=submit]:hover {
	background: var(--Brand-Red)!important;
	color: var(--Text);
}

/* ----------------------------------------
   Substack Page
---------------------------------------- */
.newsletter {
	overflow: hidden;
}

.multiply-image img {
	mix-blend-mode: multiply!important;
}

.column-bottom-flex-start .fl-col-content {
	justify-content: flex-end!important;
}

.who-is-this-for-text h2 {
	margin-bottom: 40px!important;
}

.substack-scrolling-gallery .pp-image-carousel-item {
  width: auto !important; /* override the fixed 282.4px */
  flex-shrink: 0;
}

.substack-scrolling-gallery .swiper-slide-inner {
  height: 300px; /* your desired fixed height */
}

.substack-scrolling-gallery .swiper-slide-image {
  height: 100%;
  width: auto;
  object-fit: cover; /* or 'contain' if you don't want cropping */
  display: block;
}

.substack-testimonials .bx-wrapper .bx-pager.bx-default-pager a,
.substack-testimonials .bx-wrapper .bx-pager.bx-default-pager button {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: unset !important;
    min-height: unset !important;
    padding: 0 !important;
    margin: 0 11px !important;
    position: relative !important;
    text-indent: -9999px !important;
    overflow: visible !important;
    font-size: 0 !important;
    display: block !important;
}

.substack-testimonials .bx-wrapper .bx-pager {
    text-align: left!important;
}

.substack-testimonials .bx-wrapper .bx-pager.bx-default-pager button::before {
    content: '' !important;
    position: absolute !important;
    top: -6px !important;
    left: -6px !important;
    width: 12px !important;
    height: 12px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='5' stroke='%23FEEDC0' stroke-width='1' fill='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: block !important;
}

.substack-testimonials .bx-wrapper .bx-pager.bx-default-pager button.active::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='5' fill='%23FEEDC0'/%3E%3C/svg%3E") !important;
}

.substack-testimonials .bx-pager.bx-default-pager .bx-pager-link {
    opacity: 1 !important;
}

.bx-pager-item button {
    background: red !important;
}

/* Light Blue illustrative border frame */
.light-blue-illustrative-border {
	border-top-left-radius: 325px 5px !important;
	  border-bottom-left-radius: 5px 325px !important;

}

/* Orange SVG border frame */
.orange-svg-border {
  position: relative;
  display: block;
}

.orange-svg-border img {
  display: block;
  width: 100%;
  height: auto;
	padding: 16px;
}

/* ----------------------------------------
   Writing Page
---------------------------------------- */
.writing-grid .writing-container {
	text-align: center;
}

.writing-grid .writing-image img,
.writing-grid .writing-container .accent {
	margin-bottom: 16px;
}

.writing-grid .writing-container .accent { 
	color: var(--Pistachio);
}

.writing-container .writing-link a {
	background: var(--Light-Blue);
	color: var(--Text);
	padding: 10px 24px;
	border-radius: 100px;
}

.writing-container .writing-link a:hover {
	background: var(--Brand-Red);
}

.writing-container .writing-link {
	margin-top: 32px;
	margin-bottom: 24px;
}

/* ----------------------------------------
   Popup
---------------------------------------- */
#modal-so2mfx679n8c .uabb-modal-close {
    top: 12px;
    right: 12px;
}

/* ----------------------------------------
   Search Results
---------------------------------------- */
.search-grid .search-separator {
	width: 100%;
}

.search-grid .search-title-and-post-type {
	color: var(--Brand-Red);
}

.search-grid .pp-content-grid-post-category {
	font-size: 17px;
}

.search-grid .search-content {
	color: var(--Text);
}

.search-grid .search-title {
	margin-top: 12px;
	margin-bottom: 80px;
}

.search-grid .search-link {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    padding-bottom: 0.5rem;
}

.search-grid .search-left {
    flex: 1;
    min-width: 0;
}

/* Image column — shown only when featured image exists */
.search-grid .search-right {
    flex-shrink: 0;
    width: 250px;
}

.search-grid .search-right img {
    width: 250px;
    height: 300px;
    object-fit: cover;
    display: block;
}

/* added */
.search-grid .pp-content-grid-post {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.search-grid .search-link {
    flex: 1;
    min-width: 0;
    text-decoration: none;
}

@media (max-width: 768px) {
    .search-grid .search-link {
        flex-direction: column;
    }

    .search-grid .search-right {
        width: 100%;
        min-width: 0;
    }

    .search-grid .search-right img {
        width: 100%;
        height: auto;
    }
}

/* ----------------------------------------
   Footer Search
---------------------------------------- */
.footer-search .pp-search-form--style-full_screen .pp-search-form__toggle i {
	background-color: transparent;
}

.footer-search .pp-search-form--style-full_screen .pp-search-form__toggle {
	color: var(--Text);
}

.footer-search .pp-search-form--style-full_screen .pp-search-form__toggle:hover {
	color: var(--Brand-Red);
}