/*
	Theme Name: Hungry Mockingbird / Taelor Rankin	
	Theme URI: hungrymockingbird.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.
============================================================================= */

@font-face {
  font-family: 'simula';
  src: url('/fonts/Simula-Book.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'cal-sans';
  src: url('/fonts/CalSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'founders-hand';
  src: url('/fonts/FoundersHandRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
	
	--error: Red;
	--text: #000;

    /* 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 */

	
	--butter-yellow: #FEED8B;
    --cream: #F2EAE5;
	--background-cream: #F2EAE5;
    --dark: #010303;
    --dark-purple: #472352;
    --light-blue: #BCD7DA;
    --maroon: #51000C;
    --purple: #C99AC2;
	--light-green: #9DAC59;
	--deep-green: #475602;
	--deep-orange: #8D3917;
	--orange: #EE9D2D;

	/* Font family variables */
	--font-serif: 'atacama', serif;
	--font-sans-serif: 'cal-sans', sans-serif;
	--font-cursive: 'redondo-ave', cursive; /*THIS WILL NEED TO CHANGE*/
	--font-handwritten: 'founders-hand', cursive;
}


/* =============================================================================
   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(--maroon);
	font-family: var(--font-serif);
	font-size: 20px;
	letter-spacing: -.6px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	background: var(--background-cream);
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-size: 63px;
	line-height: 1;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -1.89px;
	font-family: var(--font-sans-serif);
}

h1.serif,
.serif h1 {
	font-size: 68px;
	font-style: normal;
	font-weight: 400;
	line-height: 95%; /* 64.6px */
	font-family: var(--font-serif);
}


h2 {
	font-size: 42px;
}

.sans-serif h2,
h2.sans-serif {
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 95%; /* 26.6px */
}

p {
	margin: 0 0 20px;
}

.large {
	font-size: 44px;
	line-height: 1.2;
	letter-spacing: -1.25px;
}

.serif {
	font-family: var(--font-serif);
	font-weight: 400;
}

.sans-serif {
	font-family: var(--font-sans-serif);
}

.cursive {
	font-family: var(--font-cursive);
}

.handwritten {
	font-family: var(--font-handwritten);
	line-height: .85;
	font-size: 32px;
}

.accent {
/* 	color: var(--maroon); */
	text-align: center;
	font-family: var(--font-sans-serif);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 23.4px */
	text-transform: uppercase;
}
	
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: #0000EE; */
	text-decoration: underline;
}

.entry-content p a:hover,
.fl-rich-text p a:hover,
.fl-theme-builder-footer .fl-rich-text a:hover {
/* 	color: #000; */
	text-decoration: none;
}

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

b,
strong {
	font-weight: 700;
}

input:focus::placeholder,
input:focus::-webkit-input-placeholder { 
	color: transparent !important; 
} 


/* =============================================================================
   BUTTON DEFAULTS
   
============================================================================= */
.fl-button,
.pp-button,
.uabb-button,
.nf-form-content input[type=submit] {
	line-height: 1 !important;
	border: none!important;
	box-shadow: 4px 4px 0 0 var(--cream);
	background-color: var(--light-blue)!important;
	border: 1px solid var(--cream)!important;

}

.fl-button:hover,
.pp-button:hover,
.uabb-button:hover,
.nf-form-content input[type=submit]:hover {
	background-color: var(--butter-yellow)!important;
	border: 1px solid var(--dark)!important;
	box-shadow: 4px 4px 0 0 var(--dark);
}

.fl-button-text,
.fl-button-icon {
	color: var(--maroon) !important;
	font-family: var(--font-sans-serif);
	text-transform: uppercase;
	font-size: 18px;
}

.fl-button:hover .fl-button-text,
.fl-button:hover .fl-button-icon {
	color: var(--dark) !important;
}

.dark .fl-button {
	box-shadow: 4px 4px 0 0 var(--maroon);
	border: 1px solid var(--maroon)!important;	
}

.light .fl-button {
	box-shadow: 4px 4px 0 0 var(--maroon);
	border: 1px solid var(--maroon)!important;
	background: var(--cream)!important;
}

.light .fl-button {
	background: var(--cream)!important;
}

.light .fl-button:hover {
	background: var(--butter-yellow)!important;
}

.light .fl-button:hover .fl-button-text { 
	color: var(--maroon) !important;
}

.brown .fl-button-text,
.brown .fl-button-icon {
	color: var(--cream) !important;
}

.brown .fl-button,
.brown .pp-button,
.brown .uabb-button,
.brown .nf-form-content input[type=submit] {
	background-color: var(--maroon)!important;
	box-shadow: 4px 4px 0 0 var(--purple);
	border: 1px solid var(--purple)!important;	
}

.brown .fl-button:hover,
.brown .pp-button:hover,
.brown .uabb-button:hover,
.brown .nf-form-content input[type=submit]:hover {
	background-color: var(--butter-yellow)!important;
}

.purple .fl-button,
.purple .pp-button,
.purple .uabb-button,
.purple .nf-form-content input[type=submit] {
	background-color: var(--purple)!important;
}

.purple .fl-button:hover,
.purple .pp-button:hover,
.purple .uabb-button:hover,
.purple .nf-form-content input[type=submit]:hover {
	background-color: var(--butter-yellow)!important;
}

/* =============================================================================
   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;
}

/* =============================================================================
   Position/Relative Over/Under
============================================================================= */
.over {
	z-index: 10;
	position: relative;
}

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


/* =============================================================================
   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.  */

.hide-overflow .fl-row-content-wrap {
	overflow: hidden;
}

/* No overflow on page */
.no-overflow {
	overflow: hidden;
}

/* =============================================================================
   NINJA FORMS
============================================================================= */

.contact .nf-form-fields-required {
	display: none;
}

.contact .ninja-forms-req-symbol {
	color: var(--text) !important;
}

/* ----------------------------------------
   ERROR STYLING
---------------------------------------- */
.contact .nf-error .nf-error-msg {
	color: var(--error) !important;
}

.contact .nf-error.field-wrap .nf-field-element:after {
	background: transparent !important;
	color: var(--error) !important;
}

.contact .nf-error .ninja-forms-field {
	border-color: var(--error) !important;
}

/* ----------------------------------------
   TEXT FIELDS
---------------------------------------- */
.contact .nf-form-content .list-select-wrap .nf-field-element>div, 
.contact .nf-form-content input:not([type=button]), 
.contact .nf-form-content textarea {
	background-color: transparent !important;
}

/* ----------------------------------------
   CHECKBOXES
---------------------------------------- */
.contact .listcheckbox-wrap .nf-field-element label:after, 
.contact .checkbox-wrap .nf-field-label label:after {
	background-color: transparent !important;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
}

/* Checked */
.contact .checkbox-wrap .nf-field-element label:before, 
.contact .checkbox-wrap .nf-field-label label:before, 
.contact .listcheckbox-wrap .nf-field-element label:before, 
.contact .listcheckbox-wrap .nf-field-label label:before {
}


/* =============================================================================
   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: 992px) {

	h1 { font-size: 30px; }
	h2 { font-size: 21px; }
/* 	h3 { font-size: 24px; } */
	/* h4 { font-size: 20px; } */
	/* h5 { font-size: 18px; } */
	/* h6 { font-size: 16px; } */
	/* body { font-size: 16px; } */
	.large { 
		font-size: 24px;
		line-height: 1.2;
	}
	
	.handwritten {
		font-family: var(--font-handwritten);
		line-height: .85;
		font-size: 18px;
	}
	
	
	h1.serif,
	.serif h1 {
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%; /* 30px */
		letter-spacing: -0.9px;
		font-family: var(--font-serif);
	}
	
	.sans-serif h2,
	h2.sans-serif {
		font-size: 20px;
	}

}



/* =============================================================================
   KIT FORMS
   Class-based styling system for embedded Kit (formerly ConvertKit) forms.
   Apply wrapper classes in BB to trigger variants. Colors inherit from
   --kit-* custom properties defined in :root above.

   VARIANTS:
     .kit-form-inline     — single-line input + button side by side
     .kit-form-stacked    — input and button stacked vertically

   USAGE:
     1. Set --kit-* variables in :root to match project brand colors.
     2. Wrap the Kit embed in a BB HTML module and add .kit-form-inline
        or .kit-form-stacked as a class on that module's row or column.
     3. For a color variant that differs from the project default (e.g. a
        white form on a dark background), override --kit-primary etc. with
        a project-specific selector in the PROJECT-SPECIFIC STYLES section.
     4. Per-form data-uid overrides go in PROJECT-SPECIFIC STYLES below.

   NOTE: Not using Kit? Delete this section.
============================================================================= */

/* ----------------------------------------
   SHARED — applies to all Kit form variants
---------------------------------------- */

.kit-form-inline .formkit-form,
.kit-form-stacked .formkit-form {
    max-width: 100% !important;
}

.kit-form-inline .formkit-input,
.kit-form-stacked .formkit-input {
    font-family: var(--kit-font);
    font-size: 18px;
    color: var(--kit-input-text);
    background-color: var(--kit-bg);
    height: 56px;
    padding: 12px 11px 8px !important;
}

.kit-form-inline ::placeholder,
.kit-form-stacked ::placeholder {
    font-family: var(--kit-font);
    color: var(--kit-input-text);
    opacity: 0.7;
}

.kit-form-inline .formkit-button,
.kit-form-inline .formkit-submit,
.kit-form-stacked .formkit-button,
.kit-form-stacked .formkit-submit {
    font-family: var(--kit-font) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 100px !important;
    border: 1px solid var(--kit-primary) !important;
    background-color: var(--kit-primary) !important;
    outline: 1px solid var(--kit-primary) !important;
    outline-offset: 7px;
    padding: 8px 24px !important;
    text-transform: lowercase;
    cursor: pointer;
}

.kit-form-inline .formkit-submit > span,
.kit-form-stacked .formkit-submit > span {
    font-family: var(--kit-font);
    font-size: 18px;
    color: var(--kit-primary-text);
    padding: 0 24px;
}

.kit-form-inline .formkit-button:hover,
.kit-form-inline .formkit-submit:hover,
.kit-form-stacked .formkit-button:hover,
.kit-form-stacked .formkit-submit:hover {
    background-color: transparent !important;
}

.kit-form-inline .formkit-submit:hover > span,
.kit-form-stacked .formkit-submit:hover > span {
    color: var(--kit-primary) !important;
    background-color: transparent !important;
}

.kit-form-inline .formkit-alert-success,
.kit-form-stacked .formkit-alert-success {
    background: var(--kit-success-bg);
    border-color: var(--kit-success-border);
    color: var(--kit-success-border);
}

.kit-form-inline .formkit-alert,
.kit-form-stacked .formkit-alert {
    font-family: var(--kit-font);
}


/* ----------------------------------------
   INLINE — input + button side by side
---------------------------------------- */

.kit-form-inline .formkit-fields {
    display: grid !important;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

.kit-form-inline .formkit-field,
.kit-form-inline .formkit-submit {
    margin: 0;
}

@media (max-width: 445px) {
    .kit-form-inline .formkit-fields {
        grid-template-columns: 1fr;
    }
}


/* ----------------------------------------
   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.
============================================================================= */
/* ----------------------------------------
   ROTATION
---------------------------------------- */
.rotate4degup {
	transform: rotate(-4.8deg);
}

.rotate4degdown {
	transform: rotate(4deg);
}

.rotate24degdown {
	transform: rotate(24deg);
}

.rotate6degdown {
	transform: rotate(6deg);
}

.rotate6degup {
	transform: rotate(-6deg);
}

/* ----------------------------------------
   HEADER
---------------------------------------- */
.hamburger-menu .pp-hamburger-label {
	font-family: var(--font-cursive);
	font-size: 60px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--dark);
}


@media screen and (max-width: 992px) {
	.hamburger-menu .pp-hamburger-label {
		font-size: 28px;
	}
}

.hamburger-menu .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, 
.hamburger-menu .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, 
.hamburger-menu .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after {
	outline: 1px solid var(--dark);
/* 	height: 5px!important; */
}

.hamburger-menu .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner, 
.hamburger-menu .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::before, 
.hamburger-menu .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::after {
	background-color: white;
}

.hamburger-menu .pp-hamburger-inner::before {
    top: -0.4em;
}

.hamburger-menu .pp-hamburger-inner::after {
    bottom: -0.4em;
}

.menu-dropdown {
	font-family: var(--font-sans-serif);
	font-size: 72px;
}

#menu-header {
	margin: 0!important;
}

.header-search .pp-search-form__toggle:after {
	content: 'Search';
	font-family: var(--font-sans-serif)!important;
	font-size: 72px;
	color: var(--cream);
}

.header-search .pp-search-form__toggle:hover:after {
	color: var(--light-blue);
}

.header-search .pp-search-form__toggle i:before {
    font-size: 0;
}

.header-search .pp-search-form__toggle i {
	 display: none!important;
}

/* Popout Menu */
@media screen and (max-width: 1200px) {
	.header-search .pp-search-form__toggle:after {
		font-size: 42px!important;
	}
}

@media screen and (max-width: 768px) {
	.header-search .pp-search-form__toggle:after {
		font-size: 36px!important;
	}
}

#offcanvas-m97hwzoil38t .fl-row-full-height > .fl-row-content-wrap {
    min-height: 97vh;
	overflow: hidden!important;
	padding: 40px;
	border-radius: 50px;
	width: 60%;
	float: right;
}

#offcanvas-m97hwzoil38t .pp-offcanvas-header .pp-offcanvas-close span:before {
    color: #F3E589;
    font-size: 35px;
}

#offcanvas-m97hwzoil38t .pp-offcanvas-close:before {
	content: 'Close';
	color: var(--butter-yellow);
	font-family: var(--font-cursive)!important;
	font-size: 72px;
}

#offcanvas-m97hwzoil38t .pp-offcanvas-close {
vertical-align: middle;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

#offcanvas-m97hwzoil38t .pp-offcanvas-close:before:hover {
	color: white!important;
}
	
#offcanvas-m97hwzoil38t {
	background: transparent!important;
}

#offcanvas-m97hwzoil38t.pp-offcanvas-content {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
}

#offcanvas-m97hwzoil38t #menu-header a:hover {
	color: var(--light-blue);
}

@media (max-width: 768px) {
	#offcanvas-m97hwzoil38t .pp-offcanvas-close:before {
		font-size: 36px;
	}
	
	#offcanvas-m97hwzoil38t .fl-row-full-height > .fl-row-content-wrap {
		width: 100%!important;
	}
}

/* ----------------------------------------
   HOME
---------------------------------------- */
.hero-heading {
	-webkit-text-stroke-width: 5px;
	-webkit-text-stroke-color: #000;
	  paint-order: stroke fill;
}



@media screen and (max-width: 420px) {
	.hero-heading {
		font-size: 15vmin!important;
		white-space: nowrap;
	}
	
	.hero-heading.second-line {
		font-size: 20vmin !important;
	}
}

/* Homepage Recipe Grid */
.homepage-recipe-archive .recipe-card {
  container-type: inline-size;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
}

.homepage-recipe-archive .recipe-card__image {
  flex: 0 0 48%;
  max-width: 48%;
  overflow: hidden;
}

.homepage-recipe-archive .recipe-card__image img,
.homepage-recipe-archive .recipe-card__image a {
  display: block;
  width: 100%;
  height: 100%;
}

.homepage-recipe-archive .recipe-card__image img {
  object-fit: cover;
}

.homepage-recipe-archive .recipe-card__content {
  flex: 1;
  min-width: 0;
  background-color: #5B6B33;
  background-image: repeating-linear-gradient(
    0deg,
    rgba(255,255,255,0.03) 0px,
    rgba(255,255,255,0.03) 1px,
    transparent 1px,
    transparent 4px
  );
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 24px;
  box-sizing: border-box;
  overflow: hidden;
}

.homepage-recipe-archive .recipe-card__category {
  width: 100%;
}

.homepage-recipe-archive .recipe-card__category a {
  color: inherit;
  text-decoration: none;
  font-family: var(--font-serif);
  font-weight: 400;
  text-transform: lowercase;
  font-size: 18px;
}

.homepage-recipe-archive .recipe-card__title {
  line-height: 1.08;
  font-weight: 400;
  margin: 0;
  font-size: 1.7em !important;
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.homepage-recipe-archive .recipe-card__title a {
  color: inherit;
  text-decoration: none;
}

.homepage-recipe-archive .recipe-card__link {
  border-bottom: 1px solid !important;
  padding-bottom: 0 4px 4px 4px !important;
  font-size: 19px;
  white-space: nowrap;
  font-family: var(--font-serif) !important;
}

.owl-item:nth-of-type(3n+1) .recipe-card__content {
  font-family: var(--font-serif);
  background-color: #D9C5E1;
  background-image: repeating-linear-gradient(
    0deg,
    rgba(0,0,0,0.03) 0px,
    rgba(0,0,0,0.03) 1px,
    transparent 1px,
    transparent 4px
  );
}

.owl-item:nth-of-type(3n+1) .recipe-card__category { color: rgba(58,31,46,0.65); }
.owl-item:nth-of-type(3n+1) .recipe-card__title { color: #3A1F2E; }
.owl-item:nth-of-type(3n+1) .recipe-card__link { color: #3A1F2E; }

.owl-item:nth-of-type(3n+2) .recipe-card__content {
  font-family: var(--font-sans-serif);
  background-color: #5B6B33;
  background-image: repeating-linear-gradient(
    0deg,
    rgba(255,255,255,0.03) 0px,
    rgba(255,255,255,0.03) 1px,
    transparent 1px,
    transparent 4px
  );
}

.owl-item:nth-of-type(3n+2) .recipe-card__category { color: rgba(255,255,255,0.72); }
.owl-item:nth-of-type(3n+2) .recipe-card__title { color: #C9A8DB; }
.owl-item:nth-of-type(3n+2) .recipe-card__link { color: #C9A8DB; }

.owl-item:nth-of-type(3n) .recipe-card__content {
  background-color: #5A1E2C;
  font-family: var(--font-sans-serif);
  background-image: repeating-linear-gradient(
    0deg,
    rgba(255,255,255,0.03) 0px,
    rgba(255,255,255,0.03) 1px,
    transparent 1px,
    transparent 4px
  );
}

.owl-item:nth-of-type(3n) .recipe-card__category { color: rgba(255,255,255,0.72); }
.owl-item:nth-of-type(3n) .recipe-card__title { color: #C9A8DB; }
.owl-item:nth-of-type(3n) .recipe-card__link { color: #C9A8DB; }

@media (max-width: 768px) {
  .homepage-recipe-archive .recipe-card__image {
    flex: 0 0 auto;
    max-width: 100%;
    height: 140px;
  }

  .homepage-recipe-archive .recipe-card__image img {
    height: 140px;
    object-fit: cover;
  }

  .homepage-recipe-archive .recipe-card {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    position: relative;
    z-index: 1;
  }

  .homepage-recipe-archive .recipe-card__content {
    padding: 12px;
  }
	
	.homepage-recipe-archive .recipe-card__category a,
	.homepage-recipe-archive .recipe-card__link {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.homepage-recipe-archive .owl-stage-outer {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.homepage-recipe-archive .owl-stage {
		width: auto !important;
		transform: none !important;
		display: flex !important;
		scroll-snap-type: x mandatory;
	}

	.homepage-recipe-archive .owl-item {
		width: 280px !important;
		flex: 0 0 280px !important;
		scroll-snap-align: start;
	}

	/* Firefox / standard */
	.homepage-recipe-archive .owl-stage-outer {
		scrollbar-width: thin;
		scrollbar-color: var(--purple) var(--cream);
		padding-bottom: 16px;
	}

	/* WebKit (Chrome, Safari, Edge) */
	.homepage-recipe-archive .owl-stage-outer::-webkit-scrollbar {
		height: 8px;
	}

	.homepage-recipe-archive .owl-stage-outer::-webkit-scrollbar-track {
		background: var(--cream);
	}

	.homepage-recipe-archive .owl-stage-outer::-webkit-scrollbar-thumb {
		background: var(--purple);
		border-radius: 4px;
	}
}

/* Craving Fonts */
.craving-fonts .serif,
.craving-fonts .sans-serif {
	transition: .3s ease;
	line-height:1.1;
	position:relative;
}

.craving-fonts .serif {
	font-size: 85px;
	transition: color .3s ease;
	letter-spacing: -1px;
}
.craving-fonts .sans-serif {
	font-size: 85px;
	transition: color .3s ease;
}

.craving-fonts a {
	color: var(--maroon)!important;
	text-decoration: none!important;
}

.craving-fonts a:hover {
	color: var(--deep-green)!important;
}

.craving-fonts .brownie {
	width: 93px;
	margin: -20px;
}

.craving-fonts .tomato {
	width: 110px;
    margin: -40px -17px -40px 2px;
}

.craving-fonts .martini {
	width: 80px;
	margin: -20px;
}

.craving-fonts .taco {
	width: 105px;
	margin: -50px -20px;
}

.craving-fonts .macaroons {
	display: none;	
}

/* Images in Mobile */
.craving-fonts .grilled-cheese-mobile,
.craving-fonts .pie {
	display: none;
}

@media (max-width: 771px) { 
	.craving-fonts .serif a,
	.craving-fonts .serif,
	.craving-fonts .serif em {
		font-size: 36px!important;
	}
	.craving-fonts .sans-serif a,
	.craving-fonts .sans-serif,
	.craving-fonts .sans-serif em {
		font-size: 40px!important;
	}
}

@media (max-width: 768px) { 
	.craving-fonts .tomato,
	.craving-fonts .taco,
	.craving-fonts .martini {
		display: none!important;
	}

	.craving-fonts p {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.craving-fonts p span {
		display: block;
	}
	
	/* Images in Mobile */
	.craving-fonts .brownie-container {
		display: flex;
		flex-direction: row;
	}
	.craving-fonts .brownie {
		width: 53px !important;
		height: 83px !important;
		margin-left: -40px;
		margin-right: -10px;
		object-fit: contain;
	}

	.craving-fonts .tomato-container {
		display: flex;
    	flex-direction: row-reverse;
	}
	
	.craving-fonts .tomato {
		display: block !important;
        width: 70px;
        margin-left: -10px;
        height: 80px;
        object-fit: contain;
        margin-top: -19px;
        margin-right: -49px;
	}
	
	.craving-fonts .martini-container {
		display: flex!important;
    	flex-direction: row-reverse;
	}
	
	.craving-fonts .martini {
		display: block!important;
		width: 50px;
		margin: 0;
		height: 46px;
		object-fit: contain;
		margin-right: -20px;
		margin-left: -50px;
	}
	
	.craving-fonts .taco-container {
		display: flex!important;
    	flex-direction: row;
	}
	
	.craving-fonts .taco {
		display: block !important;
        width: 65px;
        margin: 0;
        height: 90px;
        object-fit: contain;
        margin-top: -10px;
        margin-bottom: -30px;
        margin-left: -2px;
        margin-right: -40px;
	}
	
	.craving-fonts .baking-container {
		display: flex;
	}
	
	.craving-fonts .macaroons {
		display: block !important;
        width: 40px;
        height: 50px;
        object-fit: contain;
        transform: rotate(16deg);
        margin-left: -36px;
        margin-right: -6px;
	}
	
	.craving-fonts .grilled-cheese-container {
		display: flex!important;
    	flex-direction: row;
	}
	
	.craving-fonts .grilled-cheese-mobile {
		display: block!important;
		width: 50px;
		height: 50px;
		object-fit: contain;
		margin-left: -14px;
		margin-right: -30px;
		margin-top: -20px;
		margin-bottom: 12px;
	}
	
	.craving-fonts .pie-container {
		display: flex!important;
        flex-direction: column;
        align-items: flex-end;
		margin-bottom: -60px;
	}
	
	.craving-fonts .pie {
		display: block!important;
		width: 70px;
		height: 60px;
		object-fit: contain;
		margin-top: -14px;
		margin-right: -40px;
	}
}



/* Marquee */
.scrolling-marquee .marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 80px;
/*   overflow-x: hidden; */
}

.scrolling-marquee .marquee .track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 400s linear infinite;
}


.scrolling-marquee .marquee .content {
font-size: 135px;
line-height: 40px;
}

.scrolling-marquee .marquee .track span {
	margin: 0 24px;
}

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

@media (max-width: 992px) {
	.meet-taelor-marquee span {
		font-size: 90px;
	}
}

@media (max-width: 768px) {
	.meet-taelor-marquee span {
		font-size: 60px;
	}
	
	.scrolling-marquee .marquee .track span {
	margin: 0px;
	}
	
	.scrolling-marquee .marquee .track {
		animation: marquee 150s linear infinite;
	}
}

/* --------Things I'm Shopping For Section-------- */
/* Oven Mitt */
/* Override the animation trigger, scoped to this element only */
.oven-mitt.fl-animated.fl-fade-left {
  animation: fl-fade-left-diagonal-oven-mitt 1s ease;
  -webkit-animation: fl-fade-left-diagonal-oven-mitt 1s ease;
}

/* Custom keyframes: moves up + right at 45° into place */
@keyframes fl-fade-left-diagonal-oven-mitt {
  0% {
    opacity: 0;
    transform: translate3d(-200px, 200px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fl-fade-left-diagonal-oven-mitt {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 200px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

/* Knives */
/* Override the animation trigger, scoped to the knives module only */
.knives.fl-animated.fl-fade-up {
  animation: fl-fade-up-diagonal-knives 1s ease;
  -webkit-animation: fl-fade-up-diagonal-knives 1s ease;
}

/* Custom keyframes: moves up + left at 35 degrees into place */
@keyframes fl-fade-up-diagonal-knives {
  0% {
    opacity: 0;
    transform: translate3d(300px, 210px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fl-fade-up-diagonal-knives {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(300px, 210px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

/* Kitchen Aid */
/* Override the animation trigger, scoped to the kitchen-aid module only */
.kitchen-aid.fl-animated.fl-fade-right {
  animation: fl-fade-right-diagonal-kitchen-aid 1s ease;
  -webkit-animation: fl-fade-right-diagonal-kitchen-aid 1s ease;
}

/* Custom keyframes: moves down + left at 25 degrees into place */
@keyframes fl-fade-right-diagonal-kitchen-aid {
  0% {
    opacity: 0;
    transform: translate3d(300px, -140px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fl-fade-right-diagonal-kitchen-aid {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(300px, -140px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

/* Pots and Pans */
/* Override the animation trigger, scoped to the pots-pans module only */
.pots-pans.fl-animated.fl-fade-left {
  animation: fl-fade-left-diagonal-pots-pans 1s ease;
  -webkit-animation: fl-fade-left-diagonal-pots-pans 1s ease;
}

/* Custom keyframes: moves down + right at 15 degrees into place */
@keyframes fl-fade-left-diagonal-pots-pans {
  0% {
    opacity: 0;
    transform: translate3d(-300px, -80px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fl-fade-left-diagonal-pots-pans {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300px, -80px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

/* Utensils */
/* Override the animation trigger, scoped to the utensils module only */
.utensils.fl-animated.fl-fade-up {
  animation: fl-fade-up-diagonal-utensils 1s ease;
  -webkit-animation: fl-fade-up-diagonal-utensils 1s ease;
}

/* Custom keyframes: moves up + right at 25 degrees into place */
@keyframes fl-fade-up-diagonal-utensils {
  0% {
    opacity: 0;
    transform: translate3d(-300px, 140px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fl-fade-up-diagonal-utensils {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 140px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}


/* Footer */
.textured-bkg > .fl-row-content-wrap {
	background-image: 
    	linear-gradient(rgba(71, 86, 2, 0.7), rgba(71, 86, 2, 0.7)),
    	url(/wp-content/uploads/texture-scaled.png);
	background-repeat: repeat;
	background-size: 30%;
	background-origin: border-box;
	background-clip: border-box;
}

.light-blue-textured-bkg > .fl-row-content-wrap {
	background: url(/wp-content/uploads/textured-bkg-fav-things-1.png) lightgray 50% / cover no-repeat, #BCD7DA;
}

.footer-marquee {
	color: var(--light-blue);
	font-size: 136px;
	line-height: .8;
	overflow: hidden;
}

.footer-marquee .marquee {
	height: 180px;
}

.footer-bird svg {
	width: 95px;
}

.join-our-community-box,
.join-our-community-box-outer {
	border-top-left-radius: 325px 4px !important;
    border-bottom-left-radius: 5px 325px !important;
    border-bottom-right-radius: 145px 5px !important;
    border-top-right-radius: 300px 5px !important;
    border-width: 1px;
    border-style: solid;
    border-color: white;
}

.join-our-community-box-outer {
	position: relative;
	z-index: 9999;
}

.bird-over {
	position: relative;
	z-index: 99999;
}

.footer-policies-credits a {
	color: var(--maroon)!important;
	text-decoration: none!important;
}

.footer-policies-credits a:hover {
	color: var(--maroon);
	text-decoration: underline!important;
}

@media (max-width: 768px) {
	.footer-marquee .marquee .content {
		font-size: 44px;
	}
	
	.footer-marquee .marquee {
    	height: 60px;
	}
}

.footer-check,
.footer-check .fl-module-box {
	height: fit-content!important;
}

.home {
	overflow-x: hidden!important;
}

/* ----------------------------------------
   RECIPE INDEX
---------------------------------------- */
.text-outline-wrap {
	position: relative;
	display: inline-block;
	font-family: var(--font-serif);
	font-size: 80px;
	font-weight: bold;
	line-height: 1;
	color: #FEED8B;
	text-align: center;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: var(--dark);
	font-family: "Simula Unlicensed Trial";
	font-size: 112px;
	font-style: normal;
	font-weight: 400;
	line-height: 85%; /* 95.2px */
	letter-spacing: -2px;
}

.text-back,
.text-front {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
}

/* Back copy */
.text-back {
  color: var(--dark);
  -webkit-text-stroke-width: 6px;
  -webkit-text-stroke-color: var(--dark);
}

/* Front copy: just the fill, sits on top and hides the inner half of the stroke */
.text-front {
  color: #FEED8B;
  -webkit-text-stroke-width: 0;
  position: relative; 
}

.cursive-outline-heading .text-outline-wrap {
	font-family: var(--font-cursive);
	color: #FFDB0D;
}

.dark-yellow .text-front {
	color: #FFDB0D;
}

.body-font .text-outline-wrap {
	color: #F7F1DB;
	text-align: center;
	font-family: var(font-serif);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 26px */
	letter-spacing: -0.6px;
}

.body-font .text-back,
.body-font .text-front {
	white-space: break-spaces;
}

.body-font .text-back {
  color: var(--dark);
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--dark);
}

@media (max-width: 768px) { 
	.text-outline-wrap {
		font-size: 60px;
	}
	
	.text-back {
    	-webkit-text-stroke-width: 3px;
	}
}

/* === Base card structure === */

/* Grid item: stack image + content top-aligned, independent heights per card */
.recipe-archive .pp-content-post {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.recipe-archive .recipe-archive-card {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
}

.recipe-archive .recipe-archive-image {
  display: block;
  width: 100%;
  height: 340px !important;
  overflow: hidden; /* clips the img once forced to a fixed height */
}

.recipe-archive .recipe-archive-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recipe-archive .recipe-content-card {
  padding: 16px;
  text-align: center;
	    height: 50%;
	width: 100%;
}

.recipe-archive .recipe-category {
  font-size: 18px;
  margin-bottom: 24px;
  text-transform: lowercase;
}

.recipe-archive .recipe-content-card h2.sans-serif {
  font-size: 28px;
  margin: 0;
  line-height: 1;
  font-weight: 400;
}

@media screen and (max-width: 992px) {
	.recipe-archive .recipe-content-card h2.sans-serif {
		font-size: 22px;
	}
}

@media screen and (max-width: 768px) {
	.recipe-archive .recipe-archive-image {
		height: 160px !important;
	}

	.recipe-archive .recipe-content-card {
		height: 70%;
	}
	
	.homepage-recipe-archive .recipe-card {
		    flex-direction: column;
/* 		height: auto; */
	}
	
	.homepage-recipe-archive .recipe-card__image {
		max-width: 100%;
	}
	
	.homepage-recipe-archive .recipe-card__title {
		font-size: 1.2em !important;
	}

}

/* === Color rotation (8-color cycle) === */

/* 1: light purple bg / maroon text (1st, 9th, 17th...) */
.recipe-archive .pp-content-post:nth-of-type(8n+1) .recipe-content-card { background-color: var(--purple); }
.recipe-archive .pp-content-post:nth-of-type(8n+1) .recipe-category a,
.recipe-archive .pp-content-post:nth-of-type(8n+1) h2.sans-serif a { color: var(--maroon); }

/* 2: light green bg / deep green text (2nd, 10th, 18th...) */
.recipe-archive .pp-content-post:nth-of-type(8n+2) .recipe-content-card { background-color: var(--light-green); }
.recipe-archive .pp-content-post:nth-of-type(8n+2) .recipe-category a,
.recipe-archive .pp-content-post:nth-of-type(8n+2) h2.sans-serif a { color: var(--deep-green); }

/* 3: light blue bg / orange text (3rd, 11th, 19th...) */
.recipe-archive .pp-content-post:nth-of-type(8n+3) .recipe-content-card { background-color: var(--light-blue); }
.recipe-archive .pp-content-post:nth-of-type(8n+3) .recipe-category a,
.recipe-archive .pp-content-post:nth-of-type(8n+3) h2.sans-serif a { color: var(--deep-orange); }

/* 4: maroon bg / light purple text (4th, 12th, 20th...) */
.recipe-archive .pp-content-post:nth-of-type(8n+4) .recipe-content-card { background-color: var(--maroon); }
.recipe-archive .pp-content-post:nth-of-type(8n+4) .recipe-category a,
.recipe-archive .pp-content-post:nth-of-type(8n+4) h2.sans-serif a { color: var(--purple); }

/* 5: maroon bg / yellow text (5th, 13th, 21st...) */
.recipe-archive .pp-content-post:nth-of-type(8n+5) .recipe-content-card { background-color: var(--maroon); }
.recipe-archive .pp-content-post:nth-of-type(8n+5) .recipe-category a,
.recipe-archive .pp-content-post:nth-of-type(8n+5) h2.sans-serif a { color: var(--orange); }

/* 6: orange bg / light blue text (6th, 14th, 22nd...) */
.recipe-archive .pp-content-post:nth-of-type(8n+6) .recipe-content-card { background-color: var(--deep-orange); }
.recipe-archive .pp-content-post:nth-of-type(8n+6) .recipe-category a,
.recipe-archive .pp-content-post:nth-of-type(8n+6) h2.sans-serif a { color: var(--light-blue); }

/* 7: green bg / light purple text (7th, 15th, 23rd...) */
.recipe-archive .pp-content-post:nth-of-type(8n+7) .recipe-content-card { background-color: var(--deep-green); }
.recipe-archive .pp-content-post:nth-of-type(8n+7) .recipe-category a,
.recipe-archive .pp-content-post:nth-of-type(8n+7) h2.sans-serif a { color: var(--purple); }

/* 8: light blue bg / green text (8th, 16th, 24th...) */
.recipe-archive .pp-content-post:nth-of-type(8n) .recipe-content-card { background-color: var(--light-blue); }
.recipe-archive .pp-content-post:nth-of-type(8n) .recipe-category a,
.recipe-archive .pp-content-post:nth-of-type(8n) h2.sans-serif a { color: var(--deep-green); }

/* Hover */
.recipe-archive .pp-content-post:hover .recipe-content-card { background-color: var(--cream); }
.recipe-archive .pp-content-post:hover .recipe-category a,
.recipe-archive .pp-content-post:hover h2.sans-serif a { color: var(--maroon); }

.recipe-archive .pp-content-post {
	border: 1px solid transparent;
	border-radius: 0;
}

.recipe-archive .pp-content-post:hover {
	border: 1px solid var(--purple);
	border-radius: 0;
}

/* ----------------------------------------
   FILTERS
---------------------------------------- */
.recipe-filter-styling .fs-label-wrap .fs-arrow {
    border: 0 !important;
    right: 11px !important;
    background-image: url(/wp-content/uploads/donw-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(--maroon);
	height: 34px;
	font-size: 16px;
	line-height: .6;
	font-family: var(--font-sans-serif);
	text-transform: uppercase;
}

.recipe-filter-styling .fs-option-label {
	font-family: var(--font-sans-serif);
	font-size: 16px;
	text-transform: uppercase;
}

.recipe-filter-styling .fs-label-wrap {
	background: var(--cream);
    border: 1px solid var(--maroon);
    border-radius: 0;
}

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

.recipe-filter-styling .fs-dropdown {
	width: 100% !important;
	min-width: 200px !important;
	background: var(--cream) !important;
	padding: 12px 24px;
	text-transform: uppercase;
	z-index: 9 !important;
	border: 1px solid var(--maroon) !important;
	top: 32px;
	left: 0;
	border-bottom: 1px solid var(--maroon);
	font-family: var(--font-sans-serif);
}

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

.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(--maroon);
	background: var(--cream);
    border: 1px solid var(--maroon);
	padding: 0px 16px;
    border-radius: 100px;
    height: 35px;
	font-size: 17px;
	white-space: nowrap;
	font-family: var(--font-sans-serif);
	font-size: 16px;
	text-transform: uppercase;
}

.recipe-filter-styling .facetwp-reset:hover {
	background: var(--maroon);
	color: var(--cream);
}

.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/seach-icon.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(--maroon);
	font-family: var(--font-serif);
	
	background: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 14px;
    color: var(--maroon);
	text-transform: lowercase;
}

.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;
}

/* Pagination */
.recipe-archive-pagination .facetwp-pager {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
	font-family: var(--font-sans-serif);
}

.recipe-archive-pagination .facetwp-page {
	font-weight: bold;
    cursor: default;
    aspect-ratio: 1 / 1;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 100px;
    padding: 10px;
}

.recipe-archive-pagination .facetwp-page.active,
.recipe-archive-pagination .facetwp-page:hover {
	font-weight: bold;
    cursor: default;
    background-color: var(--light-blue);
    aspect-ratio: 1 / 1;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 100px;
    padding: 10px;
	cursor: pointer;
}

.recipe-archive-pagination-mobile .facetwp-load-more {
	box-shadow: 4px 4px 0 0 var(--maroon);
	border: 1px solid var(--maroon)!important;
	font-family: var(--font-sans-serif);
	color: var(--dark-purple);
	background: var(--purple)!important;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 24px;
}

.recipe-archive-pagination-mobile .facetwp-type-pager {
	display: flex;
    justify-content: center;
}


/* Mobile Flyout Filter */
#offcanvas-elhpdza78unt .fl-row-content-wrap {
	height: 100%;
    border-radius: 10px;	
	background: url(/wp-content/uploads/scalloped-header-menu-scaled.png) no-repeat center bottom / contain;
	background-size: 230%;
	background-color: var(--cream);
	
	display: flex;
	flex-direction: column;
/* 	padding-top: 30%; */
}

#offcanvas-elhpdza78unt .facetwp-reset {
	color: var(--maroon);
	background: transparent;
    border: 1px solid transparent;
	padding: 0px;
/*     height: 35px; */
	white-space: nowrap;
	font-family: var(--font-sans-serif);
	font-size: 16px;
	text-transform: uppercase;
}

#offcanvas-elhpdza78unt .mobile-filter {
	font-size: 16px;
	text-transform: uppercase;
}

#offcanvas-elhpdza78unt .pp-accordion-button-label {
	width: auto;	
}

.mobile-filter .pp-accordion-item .pp-accordion-button-icon:before {
	font-size: 12px!important;
}

.mobile-filter .pp-accordion-item .pp-accordion-button-icon {
	padding-left: 8px!important;
}

.mobile-filter .pp-accordion-button-icon.pp-accordion-open,
.mobile-filter .pp-accordion-button-icon.pp-accordion-close {
	padding-bottom: 18px;
}

.mobile-filter .pp-accordion-button {
	padding: 0!important;
}

#offcanvas-elhpdza78unt .facetwp-facet input.facetwp-search {
	width: 100%!important;
	margin-top: 24px;
	margin-bottom: 40px;
}

.mobile-menu-height {
  height: 97vh !important;
	overflow-y: hidden;
}

#offcanvas-elhpdza78unt .pp-offcanvas-close:before {
	content: 'Close';
	font-family: var(--font-cursive)!important;
	font-size: 30px;
}

#offcanvas-elhpdza78unt .pp-offcanvas-header .pp-offcanvas-close span:before {
	color: var(--maroon);
}

/* ----------------------------------------
	RECIPE SINGLE
---------------------------------------- */
.single-recipe {
	overflow-x: hidden!important;
}

.combo-1 .color-combo-change .fl-row-content-wrap { background-color: var(--maroon) !important; }
.combo-1 .color-combo-change .combo-box { background-color: var(--purple) !important; }
.combo-1 .color-combo-change-text .fl-rich-text p { color: var(--maroon) !important; }
.combo-1 .color-combo-border { border-color: var(--maroon) !important; }


.combo-2 .color-combo-change .fl-row-content-wrap { background-color: var(--deep-orange) !important; }
.combo-2 .color-combo-change .combo-box { background-color: var(--light-blue) !important; }
.combo-2 .color-combo-change-text .fl-rich-text p { color: var(--deep-orange) !important; }
.combo-2 .color-combo-border { border-color: var(--deep-orange) !important; }


.combo-3 .color-combo-change .fl-row-content-wrap { background-color: var(--purple) !important; }
.combo-3 .color-combo-change .combo-box { background-color: var(--maroon) !important; }
.combo-3 .color-combo-change-text .fl-rich-text p { color: var(--purple) !important; }
.combo-3 .color-combo-border { border-color: var(--purple) !important; }


.combo-4 .color-combo-change .fl-row-content-wrap { background-color: var(--deep-green) !important; }
.combo-4 .color-combo-change .combo-box { background-color: var(--light-green) !important; }
.combo-4 .color-combo-change-text .fl-rich-text p { color: var(--deep-green) !important; }
.combo-4 .color-combo-border { border-color: var(--deep-green) !important; }


.combo-5 .color-combo-change .fl-row-content-wrap { background-color: var(--orange) !important; }
.combo-5 .color-combo-change .combo-box { background-color: var(--maroon) !important; }
.combo-5 .color-combo-change-text .fl-rich-text p { color: var(--orange) !important; }
.combo-5 .color-combo-border { border-color: var(--orange) !important; }


.combo-6 .color-combo-change .fl-row-content-wrap { background-color: var(--light-blue) !important; }
.combo-6 .color-combo-change .combo-box { background-color: var(--deep-orange) !important; }
.combo-6 .color-combo-change-text .fl-rich-text p { color: var(--light-blue) !important; }
.combo-6 .color-combo-border { border-color: var(--light-blue) !important; }

.combo-7 .color-combo-change .fl-row-content-wrap { background-color: var(--deep-green) !important; }
.combo-7 .color-combo-change .combo-box { background-color: var(--purple) !important; }
.combo-7 .color-combo-change-text .fl-rich-text p { color: var(--deep-green) !important; }
.combo-7 .color-combo-border { border-color: var(--deep-green) !important; }

.combo-8 .color-combo-change .fl-row-content-wrap { background-color: var(--deep-green) !important; }
.combo-8 .color-combo-change .combo-box { background-color: var(--light-green) !important; }
.combo-8 .color-combo-change-text .fl-rich-text p { color: var(--deep-green) !important; }
.combo-8 .color-combo-border { border-color: var(--deep-green) !important; }

.combo-box {
  position: relative;
  overflow: hidden;

  -webkit-mask-image: url('/wp-content/uploads/scallop-mask.svg');
  mask-image: url('/wp-content/uploads/scallop-mask.svg');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.combo-box::after {
  content: ""!important;
  position: absolute!important;
  inset: 0!important;
  background-image: url('/wp-content/uploads/scalloped-texture.png')!important;
  background-size: cover!important;
	mix-blend-mode: soft-light!important;
/*   mix-blend-mode: overlay; */
  pointer-events: none!important;
}

@media (max-width: 768px) {
  .combo-box {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);

    -webkit-mask-image: url('/wp-content/uploads/scallop-mask-mobile-card.svg');
    mask-image: url('/wp-content/uploads/scallop-mask-mobile-card.svg');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
	
	.recipe-single-image {
		aspect-ratio: 4/3;
		object-fit: cover;
	}
}

.blue-line {
	height: 100%;
}

/* WPRM Recipe Card */
.wprm-recipe-servings-container .wprm-recipe-servings-label,
.wprm-recipe-servings-adjustable-tooltip {
	font-family: var(--font-sans-serif);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase!important;
	letter-spacing: .5px;
	color: var(--maroon);
}

.wprm-recipe-block-container a.wprm-recipe-servings-link {
	color: var(--maroon)!important;
}

.wprm-toggle-buttons-container button.wprm-toggle {
	font-family: var(--font-sans-serif);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase!important;
	letter-spacing: .5px;
	padding: 10px!important;
}

.wprm-prevent-sleep,
.wprm-toggle-switch-label,
.wprm-prevent-sleep-description {
		font-family: var(--font-sans-serif);
	font-size: 16px!important;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase!important;
	letter-spacing: .5px;
}

.wprm-prevent-sleep {
	margin: 24px 0 !important;
}

.wprm-toggle-switch-rounded .wprm-toggle-switch-slider {
    border-radius: 999px;
    border: 2px solid var(--maroon);
    padding: 8px 15px;
}

.wprm-toggle-switch input:checked+.wprm-toggle-switch-slider {
    background-color: var(--maroon);
}

.servings-share-buttons-container {
    align-items: center;
	justify-content: space-between;
	margin-top: 24px;
}

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

.share-buttons a:hover {
	background: var(--maroon)!important;
}

.share-buttons a:hover path {
	fill: var(--cream);
}

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

.wprm-toggle-active {
	background: var(--purple)!important;
	color: var(--maroon)!important;
}

.wprm-toggle-buttons-container button.wprm-toggle:not(.wprm-toggle-active) {
	background: var(--cream)!important;
	color: var(--maroon)!important;
}

h2.wprm-recipe-name {
	font-family: var(--font-serif);
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 46.2px */
	letter-spacing: -1.26px;
}

h3.wprm-recipe-header {
	font-family: var(--font-sans-serif);
	font-size: 28px;
	font-style: normal;
	font-weight: 400!important;
	line-height: 95%; /* 26.6px */
	color: var(--deep-green)!important;
	margin-bottom: 24px;
}

h4.wprm-recipe-group-name {
	font-family: var(--font-sans-serif);
	font-size: 21px;
	font-style: normal;
	font-weight: 400!important;
	line-height: 130%; /* 27.3px */
	color: var(--deep-green)!important;
	margin: 0 !important;
	margin-bottom: 24px!important;
}

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

.wprm-recipe-instruction-group ul.wprm-recipe-instructions {
	padding-left: 0!important;	
}

.cook-along-button a {
	font-family: var(--font-sans-serif);
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	color: var(--maroon)!important;
	text-transform: uppercase;
    letter-spacing: .5px;

}

.cook-along-button {
	margin-bottom: 24px!important;
}

@media (max-width: 768px) {
	h2.wprm-recipe-name {
		font-family: var(--font-serif);
		font-size: 36px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 23.1px */
		letter-spacing: -0.63px;
	}
}

@media (max-width: 480px) {
	.wprm-layout-column-container:not(.wprm-column-rows-never,.wprm-column-rows-recipe-400) {
        flex-direction: row!important;
		flex-wrap: wrap;
		justify-content: center;
        align-items: center;
        gap: 12px;
    }
	
	.wprm-toggle-switch-container {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
	}
	
	.wprm-toggle-switch-container .wprm-prevent-sleep-description {
		margin-left: 0;
    	margin-top: 12px;
	}
}

/* ----------------------------------------
	WPRM RECIPE TEMPLATE
---------------------------------------- */
/* To hide the header bc there is a weird JS thing going on */
.fl-theme-layout-template-default.single.fl-theme-builder-singular-recipe-single header {
	display: none;
}

/* Auto-number the group headers like "1. Sear the Chicken" */
.wprm-recipe-instruction-group-name-wrapper {
  counter-reset: none;
}
.wprm-recipe-instructions-container {
  counter-reset: instruction-group;
}
.wprm-recipe-instruction-group-name {
  counter-increment: instruction-group;
  font-weight: bold;
}
.wprm-recipe-instruction-group-name::before {
  content: counter(instruction-group) ". ";
}

/* Indent and bullet the steps under each group */
.wprm-recipe-instruction-group ul.wprm-recipe-instructions {
  list-style-type: disc!important;
  padding-left: 24px;
  margin-top: 0.4em;
  margin-bottom: 1em;
}

.wprm-recipe-instructions li.wprm-recipe-instructions,
.wprm-recipe-instructions li,
.wprm-recipe-instructions ul {
	list-style-type: disc!important;
}

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

.wprm-recipe-instruction-group li.wprm-recipe-instruction {
  margin-bottom: 0.4em;
}

/* Instagram Row */
.instagram-box:hover i {
	opacity: 0.7;
}
.instagram-box {
	background-size: cover!important;
}

@media (max-width: 992px) {
  .instagram-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 16px;
    scroll-behavior: smooth;
  }
  .instagram-box {
    flex: 0 0 80%;
    scroll-snap-align: start;
  }
  .instagram-row::-webkit-scrollbar {
    display: none;
  }
  .instagram-row {
    scrollbar-width: none;
  }
}

@media (max-width: 768px) {
    .instagram-box {
        width: 100px!important;
		height: 470px !important;
		flex: 0 0 55%;
    }
}

@media (max-width: 485px) {
    .instagram-box {
		height: 380px !important;
    }
}


/* Related Product Section */
.product-related-recipe .product-featured-image {
	background: var(--cream);
	aspect-ratio: 209/144;
	margin-bottom: 16px;
}

.product-related-recipe .product-featured-image img {
	aspect-ratio: 209/144;
    object-fit: contain;
	margin: auto;
    height: -webkit-fill-available;
}

.product-related-recipe .product-details .title {
	font-weight: 400;
	color: var(--maroon);
}

.scroll-progress-thumb {
	display: none;
}

@media (max-width: 992px) {
  
  .scroll-progress-track {
    height: 6px;
    background-color: var(--progress-track-color, #F4D35E);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 12px;
  }
  .scroll-progress-thumb {
    display: block;
    height: 100%;
    background-color: var(--progress-thumb-color, #C99AC2);
    border-radius: 4px;
    width: 20%;
    transition: margin-left 0.05s linear;
  }

  .product-related-recipe {
    margin-right: -40px;
    --progress-track-color: var(--butter-yellow);
    --progress-thumb-color: var(--dark-purple);
  }
  .product-related-recipe .pp-content-post-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 16px;
  }
  .product-related-recipe .pp-content-post {
    flex: 0 0 80%;
    scroll-snap-align: start;
  }
	
  .product-related-recipe .pp-content-post-grid::-webkit-scrollbar {
    display: none;
  }
  .product-related-recipe .pp-content-post-grid {
    scrollbar-width: none;
  }

  /* NEW — the second section, fully duplicated */
  .related-recipes {
    margin-right: -40px;
    --progress-track-color: var(--light-blue);
    --progress-thumb-color: var(--maroon);
  }
  .related-recipes .pp-content-post-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 16px;
  }
  .related-recipes .pp-content-post {
    flex: 0 0 50%;
    scroll-snap-align: start;
  }
  .related-recipes .pp-content-post-grid::-webkit-scrollbar {
    display: none;
  }
  .related-recipes .pp-content-post-grid {
    scrollbar-width: none;
  }
}

.more-from-taelor-scallop {
    width: 100%;
    background-position: center;
    background-size: 100%!important;
}

/* ----------------------------------------
	ABOUT
---------------------------------------- */
.all-about-taelor {
	position: absolute;
	top: 105px;
}

.cherry-spoon {
	position: absolute;
    right: 0;
    z-index: 10;
    bottom: 209px;
}

.about-scalloped-green {
	height: stretch;
    background-size: 100%;
}

.about-scalloped-green img {
	height: 420px;
}

@media (max-width: 1400px) {	
	.about-scalloped-green img {
		height: 380px;
	}
}

@media (max-width: 1150px) {	
	.about-scalloped-green img {
		height: 300px;
	}
}

@media (max-width: 992px) {
	.about-scalloped-green {
    	height: 500px;
	}	

	
	.about-scalloped-green img {
		height: 450px;
	}
	
	.all-about-taelor {
		position: absolute;
		top: 165px;
	    left: 140px;
	}
}

@media (max-width: 768px) {	
	.about-scalloped-green {
    	height: 360px;
	}
	
	.about-scalloped-green img {
		height: 340px;
	}
	
	.cherry-spoon {
		bottom: 60px;
	}
	
	.all-about-taelor {
		margin: 0!important;
		top: 158px;
        left: 25%;
	}
}

@media (max-width: 650px) {	
	.all-about-taelor {
		margin: 0!important;
		top: 162px;
        left: 9%;
	}
}

@media (max-width: 500px) {	
	.about-scalloped-green img {
		height: 140px;
	}
	
	.about-scalloped-green {
        height: 200px;
    }
}



.underlined-paragraph .pp-description-wrap p {
    font-size: 24px;
    line-height: 2.2;
    color: #2b2b2b;
    margin: 0;
	background-image: 
		repeating-linear-gradient(
			to bottom, 
			transparent, 
			transparent 41px, 
			#51000C 42px, 
			#51000C 43px
		);
    background-size: 100% 2.2em;
}

.quickfacts .pp-description-wrap p {
	font-size: 30px;
    line-height: 1.78;
    background-image: repeating-linear-gradient(to bottom, transparent, transparent 40px, #51000C 31px, #51000C 42px);
    background-size: 100% 1.9em;
}



@media (max-width: 768px) {
	.underlined-paragraph .pp-description-wrap p {
		font-size: 16px;
		line-height: 2;
		color: #2b2b2b;
		margin: 0;
		background-image: repeating-linear-gradient(to bottom, transparent, transparent 28px, #51000C 28px, #51000C 29px);
		background-size: 100% 2em;
	}
	
	.underlined-paragraph .pp-infobox-title {
		font-size: 32px!important;
		line-height: .9;
	}
	
	.quickfacts .pp-infobox-title {
		font-size: 24px!important;
		line-height: .9;
	}
}

.spinning-plate .fl-photo-img {
    animation: spin-plate 20s linear infinite;
}

@keyframes spin-plate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* ----------------------------------------
	SHOP
---------------------------------------- */
.shop-grid .shop-image img {
	object-fit: contain;
    width: 100%;
    aspect-ratio: 1 / 1;
	margin-bottom: 16px;
}

.shop-grid .shop-title {
	text-align: center;
	font-family: var(--font-serif);
	color: var(--maroon);
	margin-bottom: 12px;
	font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
letter-spacing: -0.6px;
}

.shop-grid .shop-title a {
	color: var(--maroon);
	text-decoration: none;
	font-size: 20px;
	letter-spacing: -.6px;
	font-weight: 400;
	line-height: 1.5;
}

.shop-grid .pp-content-post a:hover .shop-image {
	opacity: .7;
}

.shop-grid .pp-content-post a:hover .shop-title,
.shop-grid .pp-content-post a:hover .shop-item-discount {
	color: var(--deep-green);
}

.shop-grid .shop-item-discount {
	color: var(--maroon);
	text-align: center;
	font-family: var(--font-sans-serif);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 23.4px */
	text-transform: uppercase;
}

/* Shop Filters */
.shop-filters .facetwp-facet-cookbooks .facetwp-checkbox,
.shop-filters .facetwp-facet-my_closet .facetwp-checkbox {
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.shop-filters .facetwp-facet-cookbooks,
.shop-filters .facetwp-facet-my_closet {
	background: rgba(0, 0, 0, 0);
    border: 1px solid var(--maroon);
    font-size: 19px;
    line-height: 1.5;
    padding: 10px 24px;
    color: var(--maroon);
	height: 34px;
    font-size: 16px;
    line-height: .6;
    font-family: var(--font-sans-serif);
    text-transform: uppercase;
}

.shop-filters .facetwp-facet-cookbooks:hover,
.shop-filters .facetwp-facet-my_closet:hover {
	background: var(--maroon);
    border: 1px solid var(--maroon);
	color: var(--cream);
}

.shop-filters .fs-label-wrap .fs-label {
    padding: 12px 36px 12px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--maroon);
    height: 34px;
    font-size: 16px;
    line-height: .6;
    font-family: var(--font-sans-serif);
    text-transform: uppercase;
}

.shop-filters .fs-label-wrap:hover .fs-label {
	color: var(--cream);
}

.shop-filters .fs-label-wrap {
    background: transparent;
    border: 1px solid var(--maroon);
    border-radius: 0;
}

.shop-filters .fs-label-wrap .fs-arrow {
    background-image: url(/wp-content/uploads/donw-recipe-arrow.png);
    border: 0 !important;
    right: 20px !important;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 100%;
}

.shop-filters .fs-label-wrap:hover {
	background: var(--maroon);
}

.shop-filters .fs-label-wrap:hover label {
	    color: var(--cream);
}

.shop-filters .fs-label-wrap:hover .fs-arrow {
	background-image: url(/wp-content/uploads/donw-recipe-arrow-cream.png);
    border: 0 !important;
    right: 20px !important;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 100%;
}

.shop-filters .facetwp-type-checkboxes .facetwp-counter {
	display: none!important;
}

.shop-filters .facetwp-reset {
    color: var(--maroon);
    background: transparent;
    border: 1px solid var(--maroon);
    padding: 0px 16px;
    border-radius: 100px;
    height: 35px;
    font-size: 17px;
    white-space: nowrap;
    font-family: var(--font-sans-serif);
    font-size: 16px;
    text-transform: uppercase;
}

.shop-filters .facetwp-reset:hover {
    background: var(--maroon);
    color: var(--cream);
	cursor: pointer;
}

.shop-filters .fs-wrap {
    width: auto !important;
}

.shop-filters .fs-dropdown .fs-search {
	display: none!important;
}

.shop-filters .fs-dropdown {
    width: 100% !important;
    min-width: 200px !important;
    background: var(--cream) !important;
/*     padding: 12px 24px; */
    text-transform: uppercase;
    z-index: 9 !important;
    border: 1px solid var(--maroon) !important;
    top: 32px;
	font-weight: 500;
    left: 0;
    border-bottom: 1px solid var(--maroon);
    font-family: var(--font-sans-serif);
}

/* .shop-filters .fs-dropdown:hover {
	background: var(--maroon) !important;
	color:  var(--cream) !important;
} */

.shop-filters .fs-dropdown .fs-option-label { 
	font-weight: 500;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

.shop-filters .fs-option {
	padding: 12px 18px;
}

.shop-filters .fs-option:hover {
	background: var(--maroon);
	color:var(--cream);
}

/* Mobile Flyout Filter */
#offcanvas-529dcm1ef4sh .fl-row-content-wrap {
	height: 100%;
    border-radius: 10px;	
	background: url(/wp-content/uploads/scalloped-header-menu-scaled.png) no-repeat center bottom / contain;
	background-size: 230%;
	background-color: var(--cream);
	
	display: flex;
	flex-direction: column;
/* 	padding-top: 30%; */
}

#offcanvas-529dcm1ef4sh .facetwp-reset {
	color: var(--maroon);
	background: transparent;
    border: 1px solid transparent;
	padding: 0px;
/*     height: 35px; */
	white-space: nowrap;
	font-family: var(--font-sans-serif);
	font-size: 16px;
	text-transform: uppercase;
}

#offcanvas-529dcm1ef4sh .mobile-filter {
	font-size: 16px;
	text-transform: uppercase;
}

#offcanvas-529dcm1ef4sh .pp-accordion-button-label {
	width: auto;	
}

.mobile-filter .pp-accordion-item .pp-accordion-button-icon:before {
	font-size: 12px!important;
}

.mobile-filter .pp-accordion-item .pp-accordion-button-icon {
	padding-left: 8px!important;
}

.mobile-filter .pp-accordion-button-icon.pp-accordion-open,
.mobile-filter .pp-accordion-button-icon.pp-accordion-close {
	padding-bottom: 18px;
}

.mobile-filter .pp-accordion-button {
	padding: 0!important;
}

#offcanvas-529dcm1ef4sh .facetwp-facet input.facetwp-search {
	width: 100%!important;
	margin-top: 24px;
	margin-bottom: 40px;
}

.mobile-menu-height {
  height: 97vh !important;
	overflow-y: hidden;
}

#offcanvas-529dcm1ef4sh .pp-offcanvas-close:before {
	content: 'Close';
	font-family: var(--font-cursive)!important;
	font-size: 30px;
}

#offcanvas-529dcm1ef4sh .pp-offcanvas-header .pp-offcanvas-close span:before {
	color: var(--maroon);
}

#offcanvas-529dcm1ef4sh .fl-row,
#offcanvas-529dcm1ef4sh .fl-row-content {
    margin-left: 0;
    margin-right: auto;
}

#offcanvas-529dcm1ef4sh .facetwp-counter {
	display: none;
}

#offcanvas-529dcm1ef4sh .facetwp-checkbox {
    background: url(../images/checkbox.png) 0 50% no-repeat;
    background-size: 14px 14px;
    margin-bottom: 4px;
    padding-left: 20px;
    cursor: pointer;
}

#offcanvas-529dcm1ef4sh .facetwp-facet,
#offcanvas-529dcm1ef4sh .pp-accordion-item {
    margin-bottom: 0px!important;
}

#offcanvas-529dcm1ef4sh .facetwp-facet .facetwp-checkbox .facetwp-display-value {
	color: var(--maroon);
	background: transparent;
    border: 1px solid transparent;
	padding: 0px;
	white-space: nowrap;
	font-family: var(--font-sans-serif);
	font-size: 16px;
	text-transform: uppercase;
	top: -2px;
    position: relative;
}

#offcanvas-529dcm1ef4sh .facetwp-checkbox {
    background: url(/wp-content/uploads/unchecked-checkbox.png) 0 50% no-repeat;
    background-size: 14px 14px;
    margin-bottom: 4px;
    padding-left: 20px;
    cursor: pointer;
}

#offcanvas-529dcm1ef4sh .facetwp-checkbox.checked {
    background-image: url(/wp-content/uploads/checked-checkbox.png);
}

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

#modal-p1jlb4ra72ks .fl-row-content-wrap {
	padding: 0!important;
}

@media (max-width: 768px) {
	#modal-p1jlb4ra72ks .uabb-close-icon {
		color: var(--cream);
	}
}

/* ----------------------------------------
	CONTACT
---------------------------------------- */
.get-in-touch-header{
	position: relative;
	display: block;
	width: min(90vw, 640px);
	max-width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0 auto;
}

.get-in-touch-header .git-sr{
	position:absolute; width:1px; height:1px; overflow:hidden;
	clip:rect(0,0,0,0); white-space:nowrap;
}

.get-in-touch-header .git-svg{
	position:absolute; inset:0; width:100%; height:100%;
	opacity:0;
	animation: gitFadeIn .5s ease-out .2s forwards;
	overflow: visible;
}

.git-headline{
	font-size: 150px;
	letter-spacing: -10px;
	fill: var(--butter-yellow);
	stroke: var(--dark);
	stroke-width: 5px;
	paint-order: stroke;
}

@keyframes gitFadeIn{ to{ opacity:1; } }

@media (max-width: 768px){
	.get-in-touch-header {
		    margin-bottom: -90px;
	}
}

@media (max-width: 480px){
	.git-headline{font-size: 145px;}
}

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

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

.fl-callout:hover a,
.fl-callout:hover .fl-icon i {
	color: var(--purple)!important;
}

/* ----------------------------------------
	SEARCH
---------------------------------------- */
.search-archive-results .pp-content-post {
	display: flex;
	align-items: stretch;
	background: var(--purple);
}

.search-archive-results .search-link {
	display: flex;
	align-items: stretch;
	width: 100%;
}

.search-archive-results .page-type {
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 22.1px */
	letter-spacing: -0.51px;
}

.search-archive-results .search-title-and-post-type {
	display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
}

.search-archive-results .search-content {
	
}

.search-archive-results .search-image {
	height: 100%;
	max-height: 300px;
	min-height: 230px;
}

.search-archive-results .search-image img {
	height: 110%;
	object-fit: cover;
/* 	max-height: 300px;
	min-height: 230px; */
}

.search-archive-results .search-link a,
.search-archive-results .search-title-and-post-type {
	color: var(--maroon);
}

.search-archive-results .search-left {
	height: 100%;
	padding: 24px;
	width: 50%;
	flex: 0 0 50%;
	box-sizing: border-box;
}

.search-archive-results .search-right {
	background: var(--cream);
	width: 50%;
	flex: 0 0 50%;
}

/* No featured image: .search-left is the only child of .pp-content-post */
.search-archive-results .search-left:last-child {
	width: 100%;
	flex: 1 1 100%;
}

.search-archive-results .search-link {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%;
}

.search-archive-results .pp-content-post [itemtype*="schema.org/Organization"],
.search-archive-results .pp-content-post [itemtype*="schema.org/Person"],
.search-archive-results .pp-content-post [itemtype*="schema.org/ImageObject"],
.search-archive-results .pp-content-post [itemtype*="schema.org/InteractionCounter"] {
  display: none;
}

/* Color combos */
/* 1: purple bg / maroon text (1st, 9th, 17th...) */
.search-archive-results .pp-content-post:nth-of-type(8n+1) .search-left { background-color: var(--purple); }
.search-archive-results .pp-content-post:nth-of-type(8n+1) .search-link,
.search-archive-results .pp-content-post:nth-of-type(8n+1) .search-title-and-post-type { color: var(--maroon); }

/* 2: light green bg / deep green text (2nd, 10th, 18th...) */
.search-archive-results .pp-content-post:nth-of-type(8n+2) .search-left { background-color: var(--light-green); }
.search-archive-results .pp-content-post:nth-of-type(8n+2) .search-link,
.search-archive-results .pp-content-post:nth-of-type(8n+2) .search-title-and-post-type { color: var(--deep-green); }

/* 3: light blue bg / orange text (3rd, 11th, 19th...) */
.search-archive-results .pp-content-post:nth-of-type(8n+3) .search-left { background-color: var(--light-blue); }
.search-archive-results .pp-content-post:nth-of-type(8n+3) .search-link,
.search-archive-results .pp-content-post:nth-of-type(8n+3) .search-title-and-post-type { color: var(--deep-orange); }

/* 4: maroon bg / light purple text (4th, 12th, 20th...) */
.search-archive-results .pp-content-post:nth-of-type(8n+4) .search-left { background-color: var(--maroon); }
.search-archive-results .pp-content-post:nth-of-type(8n+4) .search-link,
.search-archive-results .pp-content-post:nth-of-type(8n+4) .search-title-and-post-type { color: var(--purple); }

/* 5: maroon bg / orange text (5th, 13th, 21st...) */
.search-archive-results .pp-content-post:nth-of-type(8n+5) .search-left { background-color: var(--maroon); }
.search-archive-results .pp-content-post:nth-of-type(8n+5) .search-link,
.search-archive-results .pp-content-post:nth-of-type(8n+5) .search-title-and-post-type { color: var(--orange); }

/* 6: deep orange bg / light blue text (6th, 14th, 22nd...) */
.search-archive-results .pp-content-post:nth-of-type(8n+6) .search-left { background-color: var(--deep-orange); }
.search-archive-results .pp-content-post:nth-of-type(8n+6) .search-link,
.search-archive-results .pp-content-post:nth-of-type(8n+6) .search-title-and-post-type { color: var(--light-blue); }

/* 7: deep green bg / purple text (7th, 15th, 23rd...) */
.search-archive-results .pp-content-post:nth-of-type(8n+7) .search-left { background-color: var(--deep-green); }
.search-archive-results .pp-content-post:nth-of-type(8n+7) .search-link,
.search-archive-results .pp-content-post:nth-of-type(8n+7) .search-title-and-post-type { color: var(--purple); }

/* 8: light blue bg / deep green text (8th, 16th, 24th...) */
.search-archive-results .pp-content-post:nth-of-type(8n) .search-left { background-color: var(--light-blue); }
.search-archive-results .pp-content-post:nth-of-type(8n) .search-link,
.search-archive-results .pp-content-post:nth-of-type(8n) .search-title-and-post-type { color: var(--deep-green); }

.search-archive-results .pp-content-post {
	border: 1px solid var(--cream);
}

.search-archive-results .pp-content-post:hover {
	border: 1px solid var(--maroon);
}

.search-archive-results .pp-content-post:hover .search-left {
	background-color: var(--cream) !important;
}

.search-archive-results .pp-content-post:hover .search-link,
.search-archive-results .pp-content-post:hover .search-title-and-post-type {
	color: var(--maroon) !important;
}

@media (max-width: 768px) {
	.search-archive-results .pp-content-post {
		flex-direction: column;
	}

	.search-archive-results .search-left,
	.search-archive-results .search-right {
		width: 100%;
		flex: 1 1 100%;
	}
}

/* ----------------------------------------
	LINK IN BIO
---------------------------------------- */
.link-in-bio-video iframe {
	height: 300px;
}

.link-in-bio-shop-archive .owl-stage {
  display: flex !important;
  transform: none !important;
  width: max-content !important;
}

.link-in-bio-shop-archive .owl-item {
  flex: 0 0 auto;
  width: 330px !important;
}

@media (max-width: 767px) {
  .link-in-bio-shop-archive .owl-item {
    width: 195px !important;
  }
}

.link-in-bio-shop-archive .owl-nav,
.link-in-bio-shop-archive .owl-dots {
  display: none !important;
}

.link-in-bio-shop-archive .pp-content-carousel-inner.pp-content-body,
.link-in-bio-shop-archive .pp-content-post-data {
	display: none;
	padding: 0 !important;
}
.link-in-bio-shop-archive .pp-post-featured-img .fl-photo {
	margin-bottom: 0 !important;
}

.link-in-bio-shop-archive .pp-content-grid-image.pp-post-image,
.link-in-bio-shop-archive .pp-post-featured-img,
.link-in-bio-shop-archive .fl-photo-content,
.link-in-bio-shop-archive .pp-post-featured-img figure {
  width: 100%;
  height: auto;
}

.link-in-bio-shop-archive .pp-post-featured-img img {
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: 97/100;
	object-fit: contain;
	background: var(--cream);
}

/* Recipe Archive */
.homepage-recipe-archive.link-in-bio-recipe-archive .owl-stage {
  display: flex !important;
  transform: none !important;
  width: max-content !important;
}

.homepage-recipe-archive .owl-stage {
  transition-timing-function: linear !important;
}

@media (min-width: 768px) {
  .homepage-recipe-archive .owl-stage-outer {
    overflow: hidden;
  }

  .homepage-recipe-archive.hm-marquee-active .owl-stage {
/*     display: flex !important; */
/*     transform: none !important; */
    width: max-content !important;
    animation: hm-recipe-marquee 1000s linear infinite;
  }

  .homepage-recipe-archive.hm-marquee-active:hover .owl-stage {
    animation-play-state: paused;
  }
}

/* @keyframes hm-recipe-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
} */

/* Card width — desktop */
.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item {
  flex: 0 0 auto !important;
  width: 750px !important;
}

/* Card width — mobile (stacked layout already handled by base .recipe-card CSS at 768px) */
@media (max-width: 767px) {
  .homepage-recipe-archive.link-in-bio-recipe-archive .owl-item {
    width: 220px !important;
  }
}

/* Hide carousel nav/dots — using native scroll instead */
.homepage-recipe-archive.link-in-bio-recipe-archive .owl-nav,
.homepage-recipe-archive.link-in-bio-recipe-archive .owl-dots {
  display: none !important;
}

.link-in-bio-recipe-archive-track {
  height: 6px;
  background-color: var(--cream);
  border-radius: 4px;
  overflow: hidden;
  margin-top: 12px;
}

.link-in-bio-recipe-archive-track .custom-scroll-thumb {
  height: 100%;
  background-color: var(--purple);
  border-radius: 4px;
  width: 20%;
  transition: margin-left 0.05s linear;
}

/* Color Alternating */
.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-a .recipe-card__content {
  font-family: var(--font-serif);
  background-color: var(--purple) !important;
  background-image: repeating-linear-gradient(0deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 1px, transparent 1px, transparent 4px);
}

.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-a .recipe-card__category {
  color: var(--maroon) !important;
}

.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-a .recipe-card__title,
.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-a .recipe-card__link {
  color: var(--maroon) !important;
}

.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-b .recipe-card__content {
  font-family: var(--font-sans-serif);
  background-color: var(--deep-green) !important;
  background-image: repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 4px);
}

.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-b .recipe-card__category {
  color: var(--purple) !important;
}

.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-b .recipe-card__title,
.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-b .recipe-card__link {
  color: var(--purple) !important;
}

.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-c .recipe-card__content {
  font-family: var(--font-sans-serif);
  background-color: var(--maroon) !important;
  background-image: repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 4px);
}

.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-c .recipe-card__category {
  color: var(--purple) !important;
}

.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-c .recipe-card__title,
.homepage-recipe-archive.link-in-bio-recipe-archive .owl-item.recipe-color-c .recipe-card__link {
  color: var(--purple) !important;
}

/* Scrollbar */
.link-in-bio-shop-archive .pp-content-post-carousel .owl-carousel,
.link-in-bio-recipe-archive .pp-content-post-carousel .owl-carousel {
	overflow-x: auto!important;
	overflow-y: hidden;
	padding-bottom: 16px; /* adjust to taste — 12–20px is typical */
}

/* Native scrollbar styling to match the custom track look */
.link-in-bio-shop-archive .pp-content-post-carousel .owl-carousel::-webkit-scrollbar,
.link-in-bio-recipe-archive .pp-content-post-carousel .owl-carousel::-webkit-scrollbar{
  height: 6px;
}

.link-in-bio-shop-archive .pp-content-post-carousel .owl-carousel::-webkit-scrollbar-track,
.link-in-bio-recipe-archive .pp-content-post-carousel .owl-carousel::-webkit-scrollbar-track {
  background: var(--cream);
  border-radius: 4px;
}

.link-in-bio-shop-archive .pp-content-post-carousel .owl-carousel::-webkit-scrollbar-thumb,
.link-in-bio-recipe-archive .pp-content-post-carousel .owl-carousel::-webkit-scrollbar-thumb {
  background: var(--purple);
  border-radius: 4px;
}

/* Firefox */
.link-in-bio-shop-archive .pp-content-post-carousel .owl-carousel,
.link-in-bio-recipe-archive .pp-content-post-carousel .owl-carousel{
  scrollbar-width: thin;
  scrollbar-color: var(--purple) var(--cream);
}