/*
Theme Name: Twenty Twenty-Four Child
Author: Mustang Marketing
Author URI: https://www.mustangmktg.com/
Description: Twenty Twenty-Four Child customized for Bonipak
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: twentytwentyfour-child
*/


/* ==========================================================================
	 ## Variables
========================================================================== */
body {
	--bp-curve-height: min(10.14vw, 11.625rem);
	--bp-curve-height-main: min(4.5vw, 6rem);
	--bp-curve-extra-margin: min(19.098vw, 17.1875rem);
	--bp-swoosh-height: min(7.9vw, 12.556rem);
	--bp-overlap: min(3.6vw, 4.975rem);
	--bp-overlap-push: var(--bp-overlap);
	--bp-overlap-pull: calc(var(--bp-overlap) * -1);
	--bp-focus-outline-color: var(--wp--preset--color--custom-secondary);
	--bp-focus-button-outline-color: var(--wp--preset--color--custom-primary);
	--bp-color-primary-rgb: 96, 38, 158;
	--bp-color-secondary-rgb: 225, 37, 27;
	--bp-shadow-clip-base-top: inset(0 0 -32.5px 0px);/* y=4px blur=28.5px */
	--bp-shadow-clip-base-bottom: inset(-32.5px 0 0 0px);/* y=4px blur=28.5px */
	--bp-space-s2s: var(--wp--preset--spacing--40);

	--wp-block-spacing: 1.2rem;

	/* background-color: lightgreen; */
}


/* ==========================================================================
	 ## Basic Elements
========================================================================== */
main,
.page-header,
.page-footer {
	max-width: 2560px;
	margin-inline: auto;
	/* outline: 1px solid #ddd; */
	
	overflow-x: clip;
}

.page-header {
	position: relative;
	z-index: 3;
}
main {
	margin-block-start: var(--bp-overlap-pull);
}
.page-template-wp-custom-template-page-contact main {
	border-end-start-radius: 50% var(--bp-curve-height-main);
	border-end-end-radius:   50% var(--bp-curve-height-main);
}
.page-footer {
	margin-block-start: var(--bp-overlap-pull);
	position: relative;
	z-index: 1;
}

.hero-wrap {
	position: relative;
	z-index: 2;
}


.entry-content {
	position: relative;
	z-index: 1;

	margin-block-start: var(--bp-overlap-pull);
	border-block: 1px solid transparent;/* Disable margin collapse */
	/* padding-block-end: calc(var(--bp-overlap-push) + var(--wp--preset--spacing--40)); */
}

/* .entry-content > p:first-child,
.entry-content > .wp-block-heading:first-child  */
.entry-content > :first-child:not(.wp-block-group,.wp-block-cover){
	margin-block-start: calc(var(--bp-overlap-push) + var(--wp--preset--spacing--40));
}
.entry-content > :last-child:not(.wp-block-group, .wp-block-cover) {
	margin-block-end: calc(var(--bp-overlap-push) + var(--wp--preset--spacing--40));
}
.entry-content > :last-child:is(.is-style-curved-bottom,
.is-style-curved-bottom-top,
.is-style-swoosh-bottom,
.is-style-swoosh-bottom-top) {
	/* margin-block-end: calc(var(--bp-overlap-pull) - var(--wp--preset--spacing--40)); */
}

a:not(.wp-element-button) {
	color: inherit;
}
:is(a,button):focus {
	outline-color: var(--bp-focus-outline-color);
	outline-offset: 2px;
}
h2 :is(a,button):focus {
	outline-color: var(--wp--preset--color--custom-primary);
}

/* ul {
	padding-left: 1.5ch;
}
ol {
	padding-left: 3ch;
} */

/* footer {
	background-color: lime;
} */

/* body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: min(95vw,var(--wp--style--global--content-size));
} */


/* ### Typography
-------------------------------------------------------------------------- */
/* h2 {
	color: var(--wp--preset--color--custom-secondary);
} */





/* ==========================================================================
	 ## Utilities
========================================================================== */
.mt-a {
	margin-block-start: auto !important;
}
.is-style-shadow-lower {
	box-shadow: var(--wp--preset--shadow--lower);
}
.is-style-shadow-higher {
	box-shadow: var(--wp--preset--shadow--higher);
}





/* ==========================================================================
	 ## Blocks
========================================================================== */
/* ### Buttons
-------------------------------------------------------------------------- */
.wp-block-button .wp-block-button__link {
	border-color: var(--wp--preset--color--custom-secondary);
	display: flex;
	align-items: center;
	gap: 0.5em;
}
.wp-block-button .wp-block-button__link svg,
.wp-block-read-more svg,
.gform_button.button svg {
	color: currentColor;
	stroke: currentColor;
	font-size: inherit;
	line-height: 0;
	display: inline-block;
	margin-top: .075em;
	transform: rotate(-90deg);
}

.wp-block-button .wp-block-button__link:is(:hover,:focus) {
	background-color: var(--wp--preset--color--custom-secondary);
	color: var(--wp--preset--color--base-2);
}

.wp-element-button:focus,
.wp-block-button__link:focus {
	outline-color: var(--bp-focus-button-outline-color);
}
.wp-block-buttons.is-style-hidden {
	display: none;
}



/* ### Columns
-------------------------------------------------------------------------- */
/* .is-style-aligned-center {
	align-items: center !important;
} */

@media screen and (min-width: 782px) {
	.recipe_columns > .wp-block-column:first-child  {
		border-inline-end: 0.1rem solid var(--wp--preset--color--custom-secondary);
		padding-right: var(--wp--preset--spacing--30);
	}
	.recipe_columns > .wp-block-column:last-child {
		padding-left: var(--wp--preset--spacing--30);
	}
}





/* ### Cover
-------------------------------------------------------------------------- */
.wp-block-cover {
	min-height: 25rem;
}
.hero-wrap .wp-block-cover:has(> .wp-post-image) {
	min-height: clamp(25rem, 45vw, 40rem);
}
.home .hero-wrap .wp-block-cover:has(> .wp-post-image) {
	min-height: clamp(25rem, 60vw, 54rem);
}
.hero-wrap .wp-block-cover {
	background-color: var(--wp--preset--color--custom-primary);
}

/* ### Cover & Group
-------------------------------------------------------------------------- */
.is-style-curved-bottom,
.is-style-curved-top,
.is-style-curved-bottom-top,
.is-style-swoosh-bottom,
.is-style-swoosh-bottom-top {
	position: relative;
	/* z-index: 1; */

	/* border-radius: 0 0 50% 50% / 0 0 146px 146px; */
	border-end-start-radius: 50% var(--bp-curve-height);
	border-end-end-radius:   50% var(--bp-curve-height);
	margin-inline: calc(var(--wp--style--root--padding-left) * -1 - var(--bp-curve-extra-margin)) !important;
	box-shadow: var(--wp--preset--shadow--base);
	padding-block: var(--bp-swoosh-height);
}
.is-style-curved-bottom,
.is-style-swoosh-bottom {
	clip-path: var(--bp-shadow-clip-base-top);
}
.page-header .is-style-curved-bottom {
	clip-path: none;
}
.is-style-swoosh-bottom,
.is-style-swoosh-bottom-top {
	overflow: clip;
}
:is(.is-style-curved-bottom,
.is-style-curved-bottom-top,
.is-style-swoosh-bottom,
.is-style-swoosh-bottom-top) + 
	:is(.wp-block-group,
	.wp-block-cover) {
		margin-block-start: var(--bp-overlap-pull);
		padding-block-start: calc(var(--bp-overlap) + var(--wp-block-spacing));
		z-index: -1;
		/* z-index: var(--wp--zindex); */
}

.is-style-curved-top {
	border-start-start-radius: 50% var(--bp-curve-height);
	border-start-end-radius:   50% var(--bp-curve-height);
	border-end-start-radius:   0;
	border-end-end-radius:     0;
	clip-path: var(--bp-shadow-clip-base-bottom);
}


.is-style-curved-bottom-top,
.is-style-swoosh-bottom-top {
	border-start-start-radius: 50% var(--bp-curve-height);
	border-start-end-radius:   50% var(--bp-curve-height);
}

.is-style-swoosh-bottom-top {
	padding-block: calc(1.25rem + var(--bp-swoosh-height));
}
/* .is-style-curved-bottom-top + 
	:is(.wp-block-group,
	.wp-block-cover):before {
		content: "";
		display: block;
		height: 45px;
} */

.is-style-swoosh-bottom::after,
.is-style-swoosh-bottom-top::after {
	position: absolute;
	content: "";
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(assets/svg/SWOOSH.svg);

	/* height: 247px;
	width: 1440px;
	left: 275px; */
	height: var(--bp-swoosh-height);
	width: calc(100% - (var(--bp-curve-extra-margin) * 2));
	inset-block-end:0;
	inset-inline: 0;
	margin-inline: auto;

	/* for cover*/
	z-index: 1;
	min-height: auto; /* might want to use ::before since cover uses ::after for min-height*/
}

#contact-swoosh {
	min-height: 0;
	clip-path: var(--bp-shadow-clip-base-top);
	margin-block-start: calc(-1 * var(--bp-swoosh-height));
	z-index: -1;
}




/* #### Recipe Swoosh
------------------------------------- */
/* We need to manipulate the cover block 
so that we can extend the icon outside */

.wp-block-cover.recipe_section {
	--icon-overlap: 4rem;
	overflow: visible;
	clip-path: none;
	margin-block-start: calc(var(--icon-overlap) + var(--wp-block-spacing));
}
.recipe_section .wp-block-cover__image-background,
.recipe_section .wp-block-cover__background {
	border-radius: inherit;
}
.recipe_section .recipe_section-title {
	margin-block-start: calc(-1 * var(--icon-overlap));
}
.recipe_section-title .wp-block-heading {
	margin-block-start: 0;
}

/* .product_hero,
.recipe_hero */
main > .wp-block-cover:first-child  {
	padding-block-start: calc(var(--bp-overlap-push) + var(--wp-block-spacing));
}



/* ### Details
-------------------------------------------------------------------------- */
.wp-block-details {
	--bp-details-padding-block: 1.5em;
	--bp-details-padding-inline: var(--bp-details-padding-block);
	/* border: 1px solid var(--wp--preset--color--custom-primary); */
	padding: var(--bp-details-padding-block) var(--bp-details-padding-inline);
	box-shadow: var(--wp--preset--shadow--base);
}
@media screen and (min-width: 37.5em) {
	.wp-block-details {
		--bp-details-padding-inline: calc(2.5 * var(--bp-details-padding-block));
	}
}

.wp-block-details summary {
	margin-inline: calc(-.5 * var(--bp-details-padding-inline));
	font-weight: 700;
}
.wp-block-details summary:focus:not(:focus-visible) {
	outline: none;
}
.wp-block-details summary::marker {
	color: var(--wp--preset--color--custom-secondary);
}



/* ### Featured Image
-------------------------------------------------------------------------- */
.wp-block-post-featured-image {
	max-width: 100%;
}
.wp-block-post-featured-image img {
	aspect-ratio: inherit;
}



/* ### Heading
-------------------------------------------------------------------------- */
.wp-block-heading + p {
	margin-block-start: .25rem;
}
.is-style-fancy {
	/*TODO: Combine with .fancy*/
	color: var(--wp--preset--color--custom-secondary);
	font-family: var(--wp--preset--font-family--alkaline);
	letter-spacing: normal;
	text-transform: none;
}
.is-style-blocky {
	color: var(--wp--preset--color--custom-primary);
	font-family: var(--wp--preset--font-family--proxima-nova);
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1.2;
	text-transform: uppercase;
}
.is-style-fancy-blocky {
	font-size: clamp(2.629rem, 2.629rem + ((1vw - 0.2rem) * 4.742), 5rem);
	line-height: 1;
}
/* .wp-block-heading > .fancy, */
.is-style-fancy-blocky > .fancy {
	color: var(--wp--preset--color--custom-secondary);
	font-family: var(--wp--preset--font-family--alkaline);
	text-transform: none;
	letter-spacing: normal;
	display: block;
	font-size: .6em;
}
.is-style-fancy-blocky > .blocky {
	color: var(--wp--preset--color--custom-primary);
	font-family: var(--wp--preset--font-family--proxima-nova);
	text-transform: uppercase;
	letter-spacing: 0.09em;
}

h1.is-style-fancy-blocky > .fancy {
	/* font-size: .474em; */
	font-size: .5em;
}
/* White */
.wp-block-heading.has-text-color > :is(.fancy,.blocky),
.wp-block-cover.has-text-color :is(.is-style-blocky,.is-style-fancy) {
	color: inherit;
}



/* ### Image
-------------------------------------------------------------------------- */
.availability-chart {
	display: none;
}
@media screen and (min-width: 37.5em) {
	.availability-chart {
		display: block;
	}
}

.availability-chart figcaption {
	text-align: center;
}

.is-style-shadowed::after {
	content: '';
	display: block;
	background-image: url(assets/image/CURVED-SHADOW-ps.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding-block-start: 8.242%;
}



/* ### List
-------------------------------------------------------------------------- */
li > img {
	vertical-align: middle;
}
ul.is-style-no-style {
	list-style-type: none;
	padding-left: 0;
}


ul.is-style-checkmark-list {
	list-style: none;
	padding-inline-start: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25em;
}
ul.is-style-checkmark-list li {
	border: 3px solid;
	color: var(--wp--preset--color--custom-primary);
	display: inline-flex;
	gap: 0.25em;
	padding: 0.25em;
	line-height: 1;
}

ul.is-style-checkmark-list li::before {
	content: "\2713";
}

:is(ul,ol).is-style-spread li + li{
	margin-block-start: .6em;
}



/* ### Media & Text
-------------------------------------------------------------------------- */
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0;
}
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
	padding-right: 0;
}

@media (max-width:781px){
  .wp-block-media-text.is-stacked-on-mobile.stack-med{
    grid-template-columns:100% !important;
  }
  .wp-block-media-text.is-stacked-on-mobile.stack-med .wp-block-media-text__media{
    grid-column:1;
    grid-row:1;
  }
  .wp-block-media-text.is-stacked-on-mobile.stack-med .wp-block-media-text__content{
    grid-column:1;
    grid-row:2;
		padding: 0;
  }

	.wp-block-media-text.is-stacked-on-mobile.stack-med .wp-block-media-text__media img {
		aspect-ratio: 22/9;
		object-fit: cover;
	}
}
@media (min-width:782px) {
	.wp-block-media-text.is-stacked-on-mobile.stack-med .wp-block-media-text__content > :first-child {
		margin-block-start: 0;
	}
}



/* ### Paragraph
-------------------------------------------------------------------------- */
p.is-style-highlighted {
	box-sizing: border-box;
	padding-inline: 2rem;
	border-inline: .25rem solid var(--wp--preset--color--custom-secondary);
}
p.is-style-highlighted.alignwide {
	max-width: min(95vw,var(--wp--style--global--wide-size))
}

/* ### Post Template
-------------------------------------------------------------------------- */
.wp-block-post-template.is-layout-grid.uneven-centered {
	--post-template-columns: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.wp-block-post-template.is-layout-grid.uneven-centered.columns-2 {
	--post-template-columns: 2;
}
.wp-block-post-template.is-layout-grid.uneven-centered.columns-3 {
	--post-template-columns: 3;
}
.wp-block-post-template.is-layout-grid.uneven-centered.columns-4 {
	--post-template-columns: 4;
}
.wp-block-post-template.is-layout-grid.uneven-centered.columns-5 {
	--post-template-columns: 5;
}
.wp-block-post-template.is-layout-grid.uneven-centered.columns-6 {
	--post-template-columns: 6;
}
.wp-block-post-template.is-layout-grid.uneven-centered > * {
	--pt-gap-num: calc( var(--post-template-columns) - 1);
	--post-tempate-gap: calc(var(--wp-block-spacing) * ( var(--pt-gap-num) / var(--post-template-columns) ));
	width: calc( ( 100% / var(--post-template-columns) ) - var(--post-tempate-gap) );
}

.wp-block-post-template.is-layout-grid.align-start {
	align-items: flex-start;
}


/* ### Read More
-------------------------------------------------------------------------- */
.wp-block-read-more {
	cursor: pointer;

	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	word-break: break-word;

	background-color: var(--wp--preset--color--contrast);
	border-radius: .33rem;
	border-color: var(--wp--preset--color--contrast);
	border-width: 0;
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--proxima-nova);
	font-size: var(--wp--preset--font-size--medium);
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1.2;
	padding-top: 0.6rem;
	padding-right: 1rem;
	padding-bottom: 0.6rem;
	padding-left: 1rem;
	text-decoration: none;
	text-transform: uppercase;

	background-color: var(--wp--preset--color--base-2);
	border-radius: 77px;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	color: var(--wp--preset--color--contrast);
	font-size: clamp(14px, 0.875rem + ((1vw - 0.2rem) * 0.75), 20px);
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	box-shadow: var(--wp--preset--shadow--light);

	border-color: #e1251B;
	display: flex;
	align-items: center;
	gap: 0.5em;
}
.wp-block-read-more:focus {
	outline-offset: 2px;
	outline-color: var(--bp-focus-button-outline-color);
}



/* ### Comment Form
-------------------------------------------------------------------------- */
.comment-form-comment #comment {
	max-height: 10rem;
}



/* ==========================================================================
	 ## Templates
========================================================================== */
/* ### Recipe
-------------------------------------------------------------------------- */
.recipe-template-default {
	--overlap-fi-recipe: clamp(4.82rem, 24.1vw, 20rem);
}
.recipe_hero {
	padding-block-start: calc(var(--bp-overlap) + var(--wp-block-spacing));
	padding-block-end: calc(var(--overlap-fi-recipe) + 4rem);
}
.recipe-template-default .wp-block-post-featured-image {
	margin-block-start: calc(var(--overlap-fi-recipe) * -1);
	z-index: 1; /* Needed to show above overlay in hero cover */
}




/* ==========================================================================
	 ## Template Parts
========================================================================== */
/* ### Header
-------------------------------------------------------------------------- */
.wp-block-site-logo {
	width: clamp(160px, 160px + ((1vw - 0.2rem) * 7.8125), 260px);
}

/* TODO: adjust to get the vertical version as well */
.wp-block-navigation__container {
	gap: 2rem;
}
.wp-block-navigation > .wp-block-navigation-item .wp-block-navigation-item__content:hover {
	text-decoration: none;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
	stroke: var(--wp--preset--color--custom-secondary);
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon path {
	stroke-width: 3;
}

/* .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	--radius-y: .07336;
	--width: 200px; /* matches 'min-width' set in different rule */
	border: none;
	border-top: .25rem solid var(--wp--preset--color--custom-secondary);
	border-radius: 0 0 50% 50% / 0 0 calc(var(--width) * var(--radius-y)) calc(var(--width) * var(--radius-y));
	box-shadow: var(--wp--preset--shadow--lower);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container > :last-child {
	border-radius: inherit;
	padding-block-end: calc(var(--width) * var(--radius-y));
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--custom-primary);
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
	outline-offset: -2px;
}
.wp-block-navigation-submenu .wp-block-navigation-item .wp-block-navigation-item__content {
	border-block-end: .125rem solid transparent;
	font-weight: 400;
	text-transform: none;
}
.wp-block-navigation-submenu .wp-block-navigation-item .wp-block-navigation-item__content:hover {
	border-block-end-color: var(--wp--preset--color--custom-secondary);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	border-top: .25rem solid var(--wp--preset--color--custom-secondary);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item + .wp-block-navigation-item {
	margin-block-start: 1.5rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-item + .wp-block-navigation-item {
	margin-block-start: .75rem;
}

@media screen and (max-width: 600px) {
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding-inline: 1.25rem;
	}
}



/* ### Post-Meta
-------------------------------------------------------------------------- */
.post-meta {
	margin-block-start: calc(var(--wp--preset--spacing--10) / 2);
}



/* ### Post Title
-------------------------------------------------------------------------- */
/* .wp-block-post-title {
	hyphens: auto;
} */





/* ==========================================================================
	 ## Plugins
========================================================================== */
/* ### ACF
-------------------------------------------------------------------------- */
#acf_nutrition ul {
	columns: 2;
	width: max-content;
}



/* ### Gravity Forms
-------------------------------------------------------------------------- */

/* .wp-block-buttons > .wp-block-button {
	display: inline-block;
	margin: 0;
} */
/* gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital */

.bp-gf_wrapper.gform_wrapper.gform-theme .bp-gf .gform_footer .gform_button.button {
	cursor: pointer;

	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	word-break: break-word;

	background-color: var(--wp--preset--color--contrast);
	border-radius: .33rem;
	border-color: var(--wp--preset--color--contrast);
	border-width: 0;
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--proxima-nova);
	font-size: var(--wp--preset--font-size--medium);
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1.2;
	padding-top: 0.6rem;
	padding-right: 1rem;
	padding-bottom: 0.6rem;
	padding-left: 1rem;
	text-decoration: none;
	text-transform: uppercase;

	background-color: var(--wp--preset--color--base-2);
	border-radius: 77px;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	color: var(--wp--preset--color--contrast);
	font-size: clamp(14px, 0.875rem + ((1vw - 0.2rem) * 0.75), 20px);
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	box-shadow: var(--wp--preset--shadow--light);

	border-color: #e1251B;
	display: flex;
	gap: 0.5em;
}

/* .gform_button.button svg path {
	all: revert-layer;
} */

.bp-gf_wrapper.gform-theme--framework {
	--gf-ctrl-label-font-size-primary: inherit;
	--gf-ctrl-label-font-size-tertiary: var(--wp--preset--font-size--small);
	--gf-ctrl-label-font-size-req: inherit;
	--gf-ctrl-label-color-primary: var(--wp--preset--color--contrast);
	--gf-color-danger: #ad1d15;
	/* --gf-color-primary-rgb: 225, 37, 27; */
	--gf-ctrl-shadow-color-focus: rgba(var(--bp-color-primary-rgb), 0.3);

}



/* ### Icon Block
-------------------------------------------------------------------------- */
.wp-block-outermost-icon-block.is-style-shadow-higher {
	box-shadow: none;
}
.wp-block-outermost-icon-block.is-style-shadow-higher .icon-container  {
	box-shadow: var(--wp--preset--shadow--higher);
}





/* ==========================================================================
	 ## Pages
========================================================================== */
/* ### Growing Process
-------------------------------------------------------------------------- */
.wp-block-group.s2s_step > *,
.wp-block-cover.s2s_step > .wp-block-cover__inner-container > * {
	max-width: min(95vw, 35rem);
}
.s2s_step .wp-block-heading {
	margin-block-start: 1.2rem;
}
.wp-block-group.s2s_step,
.wp-block-cover.s2s_step {
	padding-block: var(--bp-space-s2s);
}
.wp-block-group.s2s_step {
	padding-block-start: calc(var(--bp-overlap) + var(--bp-space-s2s));
}


/* ### Responsibilities
-------------------------------------------------------------------------- */
.is-layout-flex.safety_practices {
	gap: 2rem;
}
@media (max-width: 33.5em) {
	.is-layout-flex.safety_practices {
		flex-direction: column;
		align-items: center;
	}
}

/* ### Produce
-------------------------------------------------------------------------- */

.single-produce .hero-wrap {
	z-index: 1;
}
#prduce-title-hero {
	min-height: 0;
	/* padding-top: var(--wp--preset--spacing--60); */
}

.wp-block-column.produce-image-column {

	position: relative;
	margin-top: max(-18vw,-22rem);
	/* calc(-524px - var(--wp--preset--spacing--40) + var(--bp-swoosh-height)) */
}


@media (max-width: 781px) {
	.single-produce .wp-block-post-title {
		text-align: center;
	}

	.produce-image {
		max-width: 350px;
		margin-inline: auto;
		margin-bottom: var(--wp--preset--spacing--40);
	}
	/* .is-layout-flex.store_logos {
		flex-direction: column;
		align-items: center;
	} */
	.store_logos > .wp-block-group {
		flex-basis: 48%;
	}
	.store_logos > .wp-block-group > .wp-block-image {
		max-width: 200px;
	}
}

@media (min-width: 782px) {
	.produce-image {
		/* position: absolute; */
		/* top: max(-18vw,-22rem); */
		padding-inline: 5%;
	}
}

/* ### Careers
-------------------------------------------------------------------------- */

@media (max-width: 781px) {
	.wp-block-post-template.is-layout-grid.uneven-centered.columns-3 {
		--post-template-columns: 2;
	}
}
@media (max-width: 600px) {
	.wp-block-post-template.is-layout-grid.uneven-centered.columns-3 {
		--post-template-columns: 1;
	}
}


/* ### Privacy Policy
-------------------------------------------------------------------------- */
/* #privacy-code ul {
  margin: 1em 0 0 1em;
  padding: 0;
  line-height: 1.444;
} */
/* #privacy-code ol {
  margin: 1em 0 0 1.25em;
  padding: 0;
  line-height: 1.444;
  list-style-position: outside;
} */
#privacy-code li + li {
	margin-top: 0.75em;
}
#privacy-code ul {
	list-style-type: disc;
}
#privacy-code ul >li> ul {
	list-style-type: circle;
}
#privacy-code table {
	border-collapse: collapse;
}
#privacy-code td {
	padding: .5em;
	vertical-align: top;
  border: 1px solid #ccc;
}



/* ### Recipes
-------------------------------------------------------------------------- */
#recipe-filter {
	min-width: 10rem;
}
@media (max-width:781px) {
	#recipe-filter {
		border-block-end: 0.1rem solid var(--wp--preset--color--custom-secondary);
		padding-block-end: 1.2rem; /* Matches column gap*/
	}
}
@media (min-width:782px) {
	#recipe-filter {
		border-inline-end: 0.1rem solid var(--wp--preset--color--custom-secondary);
		padding-inline-end: 1.2rem; /* Matches column gap*/
	}
}
#recipe-filter .is-style-fancy-blocky > .fancy {
	font-size: 1em;
}

.tax-list--produce-type {
	list-style: none;
	padding-inline-start: 0em;
	margin-left: -5px;
	padding: 5px;
}
.tax-list--produce-type li + li {
	line-height: 1;
	margin-block-start: 0.5em;
}
.tax-list--produce-type a {
	display: inline-block;
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
}
.tax-list--produce-type a:hover {
	text-decoration: underline;
	color: var(--wp--preset--color--custom-primary);
}
.wp-block-mrkwp-wp-list-categories li.current-cat > a:first-child {
	font-weight: 800;
	text-decoration: underline;
	color: var(--wp--preset--color--custom-primary);
}
@media (max-width:781px){
	.tax-list--produce-type {
		max-height: 5em;
		overflow-y: scroll;
	}
}





/* ==========================================================================
	 ## HASTY
========================================================================== */