/* ! Theme Name: Kadence-Child */

/* ! Base Template: Kadence */

//@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800&family=Overpass:ital,wght@0,100..900;1,100..900&display=swap');

*, html, body  {
	box-sizing: border-box; scroll-behavior: smooth;
}
body {
	background: #ffffff;
}

header,
div.kadence-sticky-header {
	box-shadow: 3px 13px 17px -12px rgba(0, 0, 0, 0.25);
}

/* Variables */
:root {
	/* Colour variables */
	--primary: #ffffff;
	--white: #ffffff;
	--text: #591100;
	--hover: #F03642;
	--red: #F03642;
	--button: #01a3e5;
	--blue: #01a3e5;
	--filterBg: #F7F3F2;
	--taupeLite: #fbfafa;
	--taupeMed: #f7f3f2;
	--taupeDrk: #eee7e6;
	--taupeBorder: #decfcc;
	--brown: #ac8880;
	--brownLite: #b4948c;
	--brownDrk: #591100;
	--footerBg: #EEE7E6;
	--footerNav: #B08E86;
	--recipeCat: #B4948C;
	--recipeSpan: #ac8880;
	--formBorder: #decfcc;

	/* Font Variables */
	/* NOTE: Change Font import to "Interstate"
	Overpass is currently also being loaded through WordPress*/
	--bodyFont: "Overpass";
	--headerFont: "EB Garamond"
}

*.visuallyhidden {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.center { text-align: center; }
.red { color: var(--red); }

/* Fonts */
h1, h2, h3  {
	margin: 1.5rem 0 0.5rem 0;
	font-family: var(--headerFont), Times New Roman, serif;
}
h4, h5, h6  {
	margin: 1.5rem 0 0.5rem 0;
	font-family: var(--bodyFont), Helvetica, Arial, sans-serif;
}

h1  { font-size: 4rem; }
h2  { font-size: 3.25rem; }
h3  { font-size: 2.5rem; }
h4  { font-size: 1.75rem; }
h5  { font-size: 1.25rem; }
h6  { font-size: 1.125rem; }

p.lead { font-size: 1.125rem; }

a.recipes-button {
	display: block;
	max-width: 200px;
	margin: 0 auto;
}
a button {
	background-color: var(--button);
	color: var(--primary);
	text-transform: uppercase;
	text-decoration: none;
	font-family: var(--bodyFont);
	font-size: 14px;
	padding: 10px 32px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	border-radius: 5px;
}
a button:before  {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--hover);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 5px;
}
a button:hover:before  {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	border-radius: 5px;
}

/* ------------------------------------ */
/* ! *** navigation specific styles *** */
/* ------------------------------------ */
.main-navigation .primary-menu-container > ul li.menu-item > a:hover,
.secondary-navigation .secondary-menu-container > ul > li.menu-item > a:hover,
.main-navigation .primary-menu-container > ul li.menu-item.current-menu-item > a,
.secondary-navigation .secondary-menu-container > ul > li.menu-item.current-menu-item > a {
	color: var(--red) !important;
}



/* ------------------------------------ */
/* ! ******** Search styles *********** */
/* ------------------------------------ */
button.search-toggle-open {
	border-radius: 100%;
	transition: all 0.2s ease;
}
form[role="search"] {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
	form[role="search"] > input[type="search"] {
		display: block;
		position: relative;
		flex: 0 0 90%;
		max-width: 90%;
		padding: 1rem;
		font-size: 2rem;
		border: none;
		border-radius: 0;
	}
	form[role="search"] > div {
		display: none;
	}
	form[role="search"] > button {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		flex: 0 0 10%;
		max-width: 10%;
		height: 5rem;
		background: var(--red);
	}
		form[role="search"] > button svg {
			width: 2rem;
			height: 2rem;
			color: #fff;
		}
section.search-results div.results-filter > p {
	font-size: 1.25rem;
}
section.search-results article {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 2rem 0;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}
	section.search-results article a {
		display: block;
		position: relative;
		padding: 1.5rem;
		text-decoration: none;
		color: var(--brownDrk);
	}
	section.search-results article a:hover {
		color: var(--red);
	}
	section.search-results article h2 {
		font-size: 2rem;
		line-height: 1;
		color: inherit;
	}
	section.search-results article p {
		font-size: 1rem;
		line-height: 1.25;
		color: inherit;
	}


/* ------------------------------------------- */
/* ! *********** Forminator styles *********** */
/* ------------------------------------------- */
form.forminator-custom-form div.forminator-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 2rem 0 !important;
}
.forminator-col,
.forminator-col.forminator-col-12 {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 !important;
}
.forminator-col.forminator-col-6 {
	flex: 0 0 48%;
	max-width: 48%;
	padding: 0 !important;
}
.forminator-col:not(:last-child) { margin: 0 !important; }

div.forminator-field > label.forminator-label {
	font-size: 1rem !important;
}

div.forminator-row div.forminator-field input[type="text"],
div.forminator-row div.forminator-field input[type="phone"],
div.forminator-row div.forminator-field input[type="number"],
div.forminator-row div.forminator-field input[type="email"],
div.forminator-row div.forminator-field select,
div.forminator-row div.forminator-field textarea {
	width: 100%;
	padding: 1.125rem 1.5rem !important;
	font-size: 1.125rem !important;
	border: 1px solid var(--taupeDrk);
	border-radius: 8px !important;
	box-sizing: border-box !important;
	box-shadow: 5px 10px 17px -10px rgba(0, 0, 0, 0.25) !important;
}
div.forminator-row div.forminator-field input::placeholder,
div.forminator-row div.forminator-field select::placeholder,
div.forminator-row div.forminator-field textarea::placeholder {
	color: var(--brownLite);
}
	div.forminator-row div.forminator-field select option:disabled {
		color: var(--brownLite);
	}
button.forminator-button-submit {
	width: 100% !important;
	padding: 1.125rem 1.5rem !important;
	border-radius: 5px !important;
	font-size: 1.125rem !important;
	font-weight: 600 !important;
	text-transform: uppercase;
}

/* --- Career Form specific styles --- */
div[role="radiogroup"] {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 0.5rem;
	width: 80%;
	padding: 0;
	margin: 0 auto;
}
	div[role="radiogroup"] > span.forminator-label {
		display: block;
		flex: 0 0 100%;
		max-width: 100%;
		font-size: 1.25rem;
		text-transform: uppercase;
		text-align: center;
	}
	div#radio-1 div[role="radiogroup"] > label.forminator-radio {
		display: block;
		position: relative;
		flex: 0 0 32%;
		max-width: 32%;

		cursor: pointer;
	}
		div#radio-1 div[role="radiogroup"] > label.forminator-radio > input[type="radio"] {
			opacity: 0;
		}
		div[role="radiogroup"] > div,
		div.forminator-field-group > div {
			display: block;
			position: relative;
			width: 100%;
			padding: 0.5rem 0;
			margin: 0 0 1.5rem 0;
		}
		div#radio-1 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label {
			display: block;
			position: relative;
			width: 100%;
			padding: 0.5rem;
			text-align: center;
		}
		div#radio-1 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-bullet {
			display: block;
			position: relative;
			width: 120px;
			height: 120px;
			margin: 0 auto;
			border: 2px solid var(--red);
			border-radius: 100%;
		}
			label#forminator-field-radio-1-label-1 > span.forminator-radio-bullet {
				background-image: url("/wp-content/themes/kadence-child/imgs/icons/icon-plant.svg");
				background-size: cover;
			}
			label#forminator-field-radio-1-label-2 > span.forminator-radio-bullet {
				background-image: url("/wp-content/themes/kadence-child/imgs/icons/icon-eggs.svg");
				background-size: cover;
			}
			label#forminator-field-radio-1-label-3 > span.forminator-radio-bullet {
				background-image: url("/wp-content/themes/kadence-child/imgs/icons/icon-corporateoffice.svg");
				background-size: cover;
			}
		div#radio-1 div[role="radiogroup"] > label.forminator-radio.forminator-is_checked > span.forminator-radio-bullet {
			border: 2px solid var(--blue);
		}
div#radio-2 div[role="radiogroup"],
div#radio-3 div[role="radiogroup"],
div#radio-4 div[role="radiogroup"],
div#radio-5 div[role="radiogroup"],
div#radio-6 div[role="radiogroup"],
div#radio-7 div[role="radiogroup"],
div#radio-8 div[role="radiogroup"],
div#radio-9 div[role="radiogroup"],
div#radio-10 div[role="radiogroup"],
div#radio-11 div[role="radiogroup"],
div#radio-12 div[role="radiogroup"] {
	width: 80%;
	margin: 0 auto;
}
	div#radio-2 div[role="radiogroup"] > label.forminator-radio,
	div#radio-3 div[role="radiogroup"] > label.forminator-radio,
	div#radio-4 div[role="radiogroup"] > label.forminator-radio,
	div#radio-5 div[role="radiogroup"] > label.forminator-radio,
	div#radio-6 div[role="radiogroup"] > label.forminator-radio,
	div#radio-7 div[role="radiogroup"] > label.forminator-radio,
	div#radio-8 div[role="radiogroup"] > label.forminator-radio,
	div#radio-9 div[role="radiogroup"] > label.forminator-radio,
	div#radio-10 div[role="radiogroup"] > label.forminator-radio,
	div#radio-11 div[role="radiogroup"] > label.forminator-radio,
	div#radio-12 div[role="radiogroup"] > label.forminator-radio {
		display: flex;
		position: relative;
		justify-content: flex-start;
		align-items: center;
		column-gap: 0.5rem;
		flex: 0 0 48%;
		max-width: 48%;
		padding: 1rem;
		margin: 0 auto;
		border: 1px solid var(--taupeDrk);
		border-radius: 8px !important;
		box-sizing: border-box !important;
		box-shadow: 5px 10px 17px -10px rgba(0, 0, 0, 0.25) !important;
		background: var(--white);
	}
	div#radio-2 div[role="radiogroup"] > label.forminator-radio,
	div#radio-3 div[role="radiogroup"] > label.forminator-radio,
	div#radio-4 div[role="radiogroup"] > label.forminator-radio {
		align-items: flex-start;
		flex: 0 0 100%;
		max-width: 100%;
	}
		div#radio-2 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-3 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-4 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-5 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-6 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-7 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-8 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-9 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-10 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-11 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-12 div[role="radiogroup"] > label.forminator-radio input[type="radio"] {
			transform: scale(1.5);
		}
		div#radio-2 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-3 div[role="radiogroup"] > label.forminator-radio input[type="radio"],
		div#radio-4 div[role="radiogroup"] > label.forminator-radio input[type="radio"] {
			margin-top: 0.5rem;
		}
		div#radio-2 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-3 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-4 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-5 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-6 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-7 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-8 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-9 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-10 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-11 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label,
		div#radio-12 div[role="radiogroup"] > label.forminator-radio > span.forminator-radio-label {
			padding-top: 0.25rem;
			line-height: 1.25;
		}
div.forminator-field-checkbox div[role="group"] {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	width: 80%;
	padding: 0;
	margin: 0 auto;
}
	div.forminator-field-checkbox div[role="group"] > span.forminator-label {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	div.forminator-field-checkbox div[role="group"] > label.forminator-checkbox {
		display: flex;
		position: relative;
		justify-content: flex-start;
		align-items: center;
		column-gap: 0.5rem;
		flex: 0 0 48%;
		max-width: 48%;
		padding: 0.5rem 1rem;
		margin: 0 auto;
		border: 1px solid var(--taupeDrk);
		border-radius: 8px !important;
		box-sizing: border-box !important;
		box-shadow: 5px 10px 17px -10px rgba(0, 0, 0, 0.25) !important;
		background: var(--white);
	}
	div.forminator-field-checkbox div[role="group"] > label.forminator-checkbox input[type="checkbox"] {
		transform: scale(1.5);
	}
div.forminator-action-buttons input[type="button"]:first-of-type {
	margin: 0 1rem 0 0;
}
div.forminator-field-upload {

}
	div.forminator-field-upload > div.forminator-field > label {
		font-size: 1.2rem;
	}
	div.forminator-field-upload > div.forminator-field > div {
		margin: 0 0 1rem 0;
		font-size: 0.875rem;
	}
	div.forminator-field-upload > div.forminator-field > div.forminator-file-upload {
		padding: 1rem;
		margin: 0 auto;
		border: 1px solid var(--taupeDrk);
		border-radius: 8px !important;
		box-sizing: border-box !important;
		box-shadow: 5px 10px 17px -10px rgba(0, 0, 0, 0.25) !important;
		background: var(--white);
		font-size: 1rem;
	}

div.forminator-field-consent > div.forminator-field > label.forminator-label {
	display: block;
	position: relative;
	margin: 0 0 1rem 0;
	font-size: 1.5rem !important;
	text-transform: uppercase;
}
	div.forminator-field-consent > div.forminator-field > div.forminator-checkbox__wrapper {
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		div.forminator-checkbox__wrapper > label.forminator-consent {
			display: block;
			position: relative;
			width: 40px;
			height: 40px;
			padding: 0;
			margin: 0;
		}
			div.forminator-checkbox__wrapper > label.forminator-consent input[type="checkbox"] {
				display: block;
				position: relative;
				margin: 0.5rem auto 0 auto;
				transform: scale(1.5);
			}
		div.forminator-checkbox__wrapper > div.forminator-consent__label {
			display: block;
			position: relative;
			flex: 1 0 90%;
			max-width: 99%;
		}
			div.forminator-checkbox__wrapper > div.forminator-consent__label > p {
				margin: 0 0 1.5rem 0;
			}
	div.forminator-response-message.forminator-error.forminator-accessible {
		display: none;
		padding: 1rem;
		font-weight: 600;
		background: var(--red);
		color: var(--white);
	}
		div.forminator-response-message.forminator-error.forminator-accessible ul {
			margin: 0;
		}
	div.forminator-field.forminator-has_error {
		padding: 0.5rem;
		border: 2px solid var(--red);
		background: rgba(255, 90, 0, 0.25);
	}
		div.forminator-field.forminator-has_error span.forminator-error-message {
			display: block;
			padding: 0.5rem;
			color: var(--red);
		}



/* -------------------------------------- */
/* ! ********** Header styles *********** */
/* -------------------------------------- */
/* logo circle display under logo */
.site-branding a.brand {
	position: relative;
}
.site-branding a.brand::before {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 50%;
	width: 90px;
	height: 90px;
	margin: 0 0 0 -45px;
	z-index: -1;
	border-radius: 100%;
	box-shadow: 5px 10px 17px -5px rgba(0, 0, 0, 0.25);
	background: #fff;
}



/* -------------------------------------- */
/* ! ********** Content areas *********** */
/* -------------------------------------- */
main {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
	main > section.default {
		display: block;
		position: relative;
		width: 100%;
		padding: 4rem 0;
	}
	main div.container {
		display: block;
		position: relative;
		width: 100%;
		max-width: 1200px;
		padding: 0;
		margin: 0 auto;
	}
	div.container.narrow {
		max-width: 800px;
	}
	div.container.small {
		max-width: 600px;
	}



/* ------------------------------------------------- */
/* ! ********** Slick Slider base styles *********** */
/* ------------------------------------------------- */
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;

}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: 2px solid #000;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {

	height: 550px !important;

	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

/* Slick Slider additional project specific styles */
button.slick-arrow {
	position: absolute;
	top: 0;
	width: 5%;
	height: 100%;
	text-indent: -20em;
	overflow: hidden;
	border: none;
	color: #eee;
	background-color: rgba(0,0,0,0);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	transition: all .2s;
	opacity: 1;
	cursor: pointer;
	z-index: 100;
}
button.slick-arrow:hover,
button.slick-arrow:focus {
	background-color: rgba(0,0,0,0.25);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50% auto;
}
button.slick-prev { left: 0;  background-image: url('data:image/svg+xml;utf8,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.012 2c5.518 0 9.997 4.48 9.997 9.998 0 5.517-4.479 9.997-9.997 9.997s-9.998-4.48-9.998-9.997c0-5.518 4.48-9.998 9.998-9.998zm-1.523 6.21s-1.502 1.505-3.255 3.259c-.147.147-.22.339-.22.531s.073.383.22.53c1.753 1.754 3.254 3.258 3.254 3.258.145.145.335.217.526.217.192-.001.384-.074.531-.221.292-.293.294-.766.003-1.057l-1.977-1.977h6.693c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-6.693l1.978-1.979c.29-.289.287-.762-.006-1.054-.147-.147-.339-.221-.53-.222-.19 0-.38.071-.524.215z" fill-rule="nonzero" fill="red"/></svg>') !important; }
button.slick-next { right: 0; background-image: url('data:image/svg+xml;utf8,<svg clip-rule="evenodd" fill-rule="white" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.007 2c-5.518 0-9.998 4.48-9.998 9.998 0 5.517 4.48 9.997 9.998 9.997s9.998-4.48 9.998-9.997c0-5.518-4.48-9.998-9.998-9.998zm1.523 6.21s1.502 1.505 3.255 3.259c.147.147.22.339.22.531s-.073.383-.22.53c-1.753 1.754-3.254 3.258-3.254 3.258-.145.145-.335.217-.526.217-.192-.001-.384-.074-.531-.221-.292-.293-.294-.766-.003-1.057l1.977-1.977h-6.693c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h6.693l-1.978-1.979c-.29-.289-.287-.762.006-1.054.147-.147.339-.221.53-.222.19 0 .38.071.524.215z" fill-rule="red" fill="red"/></svg>') !important; }

/* Banner dots */
.slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 1rem;
	list-style: none;
	position: absolute;
	bottom: 1rem;
	margin: 0 auto;
	text-align: center;
	width: 50%;
	left: 0; right: 0;
	line-height: 1;
}
	.slick-dots > li {
		display: block;
		position: relative;
		flex: 0 0 1rem;
		max-width: 1rem;
		margin: 0;
		text-align: center;
	}
	.slick-dots > li > button {
		display: block;
		border-radius: 100%;
		background-color: var(--white);
		text-indent: -10em;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 16px;
		height: 16px;
		cursor: pointer;
	}
	.slick-dots > li:hover > button,
	.slick-dots > li.slick-active > button {
		background-color: var(--red);
	}



/*-----------------------------------*/
/* ! ********** Home Page ************/
/*-----------------------------------*/
.home-slider div.slide {
	max-height: 650px;
	overflow: hidden;
}
	.home-slider div.slide > img {
		opacity: 0;
	}
	.home-slider div.slide div.slide-copy {
		display: block;
		position: absolute;
		top: 3rem;
		right: 3rem;
		width: 40%;
		max-width: 40%;
		text-align: center;
		color: var(--brownDrk);
	}
	.home-slider div.slide div.slide-copy.light { color: var(--white); }
		.home-slider div.slide div.slide-copy > img {
			display: block;
			position: relative;
			max-width: 100%;
			margin: auto;
		}
		.home-slider div.slide div.slide-copy > p.lead {
			font-size: 1.25rem;
		}
		.home-slider div.slide div.slide-copy.light p.lead { text-shadow: 1px 1px 0px var(--brownDrk); }


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

    .home-content > h2 {
        opacity: 0;
        transform: translateY(50px);
        font-size: 3.5rem;
        animation: cascade 1.5s 1 ease-out;
        animation-fill-mode: forwards;
        animation-delay: 1s;
        text-transform: uppercase;
    }

    .home-content p {
        opacity: 0;
        transform: translateY(50px);
        display: inline-block;
        font-size: 1.125rem;
        animation: cascade 1.5s 1 ease-out;
        animation-fill-mode: forwards;
        animation-delay: 1.5s;
    }

    .home-recipes-posts {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
		align-items: stretch;
		column-gap: 2%;
		row-gap: 2rem;
		width: 100%;
		max-width: 1200px;
		padding: 3rem 0;
        margin: 0 auto;
	}

    .home-content div.recipe-card {
		display: block;
		position: relative;
		flex: 0 0 23.5%;
		max-width: 23.5%;
        background-color: var(--primary);
        box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
        position: relative;
        opacity: 0;
        transform: translateY(70px);
        animation: slideIn ease-in-out forwards;
        animation-duration: 0.6s;
	}

		.recipe-card > a {
			text-decoration: none;
		}
        .recipe-card:hover > a {
            color: var(--hover) !important;
        }

        .home-content a.recipes-button {
			border-radius: 5px;
			background: var(--button);
            opacity: 0;
            animation-name: buttonCascade;
            transform: translateY(60px);
            animation: slideIn ease-in-out forwards;
            animation-duration: 0.6s;
            animation-delay: 2.25s;
		}
		.home-content a.recipes-button:hover {}

/* -------------------------------------- */
/* ! *** CSS Animations for Home Page *** */
/* -------------------------------------- */

/* H2 + Span*/
@keyframes cascade  {
    from  {
      transform: scale(1) translateY(50px);
      opacity: 0;
    }
    to  {
      transform: scale(1) translateY(0px);
      opacity: 1;
    }
}

/* Blog Posts */
@keyframes slideIn  {
    from  {
        transform: scale(1) translateY(70px);
        opacity: 0;
    }
    to  {
        transform: scale(1) translateY(0px);
        opacity: 1;
    }
}

/* Button */
@keyframes buttonCascade  {
    from  {
        transform: scale(1) translateY(60px);
        opacity: 0;
    }
    to  {
        transform: scale(1) translateY(0px);
        opacity: 1;
    }
}


/*----------------------------------*/
/* ! ******** Hero Section ******** */
/*----------------------------------*/
.hero-section {
	position: relative;
	max-height: 400px;
	overflow: hidden;
}
	.hero-section img {
		width: 100%;
	}

	.hero-text {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		margin: 0 auto;
		transform: translate(-50%, -50%);
		text-align: center;
	}

		.hero-text > h1 {
			margin: 0 auto;
			font-size: 6rem;
			font-weight: 600;
			text-transform: uppercase;
			text-shadow: 1px 1px 2px #000;
			line-height: 1;
			color: var(--primary);
		}
		.hero-text > p  {
			max-width: 50%;
			margin: 1rem auto;
			font-family: "EB Garamond", serif;
			font-size: 1.75rem;
			font-weight: 600;
			text-transform: none;
			text-shadow: 1px 1px 2px #000;
			color: var(--primary);
		}

/* ------------------------------------- */
/* ! ********** Section menu *********** */
/* ------------------------------------- */
nav.section-menu {
	display: block;
	position: relative;
	width: 100%;
	padding: 1.5rem 0;
	margin: 0;
	background: var(--taupeMed);
	box-shadow: 3px 13px 17px -12px rgba(0, 0, 0, 0.25);
}
	nav.section-menu ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 1.5rem;
		row-gap: 0.5rem;
		width: 100%;
		max-width: 1200px;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		font-size: 1.125rem;
	}
	nav.section-menu a {
		display: block;
		padding: 0.25rem;
		line-height: 1;
		letter-spacing: 0.75px;
		text-decoration: none;
		text-align: center;
		color: var(--text);
	}
	nav.section-menu li.current_page_item a,
	nav.section-menu li.active a,
	nav.section-menu a:hover {
		color: var(--red);
	}



/* -------------------------------------- */
/* ! ** Poultry Pointers - Calculator *** */
/* -------------------------------------- */
section#calculator-intro {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 4rem 0 0 0;
	margin: 0;
}
	section#calculator-intro div.container {
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 2%;
		row-gap: 1.5rem;
		padding: 0;
	}
		section#calculator-intro div.container > img {
			display: block;
			position: relative;
			flex: 0 0 24%;
			max-width: 24%;
		}
		section#calculator-intro div.container > h2 {
			display: block;
			position: relative;
			flex: 0 0 70%;
			max-width: 70%;
			text-transform: uppercase;
		}
		section#calculator-intro div.container > p.lead {
			display: block;
			position: relative;
			flex: 0 0 100%;
			max-width: 100%;
		}
section.pointers {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 4rem 0;
	margin: 0;
	box-shadow: 3px 13px 17px -12px rgba(0, 0, 0, 0.25);
}
	section#food-safety > h2 {
		font-size: 2.75rem;
		text-transform: uppercase;
	}
	div.calculator-set {
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
		margin: 0 0 2rem 0;
	}
		div.calculator-set > div {
			display: block;
			position: relative;
			flex: 1 0 45%;
			max-width: 48%;
		}
		div.calculator-set > div.calculator-inputs {

		}
			div.calculator-inputs > p {
				font-size: 0.875rem;
				text-transform: uppercase;
			}
			div.calculator-inputs > p:first-child {
				margin: 0 0 1rem 0;
			}
			div.calculator-inputs > fieldset {
				display: flex;
				position: relative;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
				row-gap: 1rem;
				width: 100%;
				padding: 0;
				margin: 0 0 1.5rem 0;
				border: none;
			}
				div.calculator-inputs > fieldset > div.guests,
				div.calculator-inputs > fieldset > div.bird-size {
					display: block;
					position: relative;
					flex: 1 0 40%;
					max-width: 48%;
					text-align: center;
				}
					div.calculator-inputs > fieldset > div.guests input[type="number"],
					div.calculator-inputs > fieldset > div.bird-size input[type="number"] {
						display: block;
						width: 100%;
						padding: 1rem;
						margin: 0 0 0.5rem 0;
						text-align: center;

						box-shadow: 3px 13px 17px -12px rgba(0, 0, 0, 0.25);
					}
					div.calculator-inputs > fieldset > div.guests label,
					div.calculator-inputs > fieldset > div.bird-size label {
						padding: 0;
						font-size: 0.875rem;
					}
				div.calculator-inputs > fieldset > div.leftovers {
					display: flex;
					position: relative;
					justify-content: flex-start;
					align-items: center;
					column-gap: 1rem;
					flex: 0 0 100%;
					max-width: 100%;
				}
					div.leftovers input[type="checkbox"] + label {
						position: relative;
					}
					div.leftovers input[type="checkbox"] + label::before,
					div.leftovers input[type="checkbox"]:checked + label::before {
						content: "";
						position: absolute;
						top: 0;
						left: -30px;
						width: 22px;
						height: 22px;
						border: 1px solid var(--brown);
						border-radius: 3px;
						background: var(--white);
					}
					div.leftovers input[type="checkbox"]:checked + label::after {
						content: "✔";
						position: absolute;
						top: 0;
						left: -27px;
						font-size: 1rem;
						color: var(--red);
					}
				div.calculator-inputs > fieldset > div.cooking-variable {
					display: flex;
					position: relative;
					justify-content: flex-start;
					align-items: center;
					column-gap: 1rem;
					flex: 0 0 49%;
					max-width: 49%;
				}
					div.cooking-variable input[type="radio"] + label {
						position: relative;
					}
					div.cooking-variable input[type="radio"] + label::before,
					div.cooking-variable input[type="radio"]:checked + label::before {
						content: "";
						position: absolute;
						top: 0;
						left: -30px;
						width: 22px;
						height: 22px;
						border: 1px solid var(--brown);
						border-radius: 100%;
						background: var(--white);
					}
					div.cooking-variable input[type="radio"]:checked + label::after {
						content: "•";
						position: absolute;
						top: -20px;
						left: -29px;
						font-size: 3rem;
						color: var(--red);
					}
		div.calculator-set > div.calculator-results {
			box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
		}
			div.calculator-results > hr {
				border-bottom: 1px solid var(--taupeMed);
			}
			div.calculator-set > div.calculator-results div.result {
				padding: 1.5rem;
			}
				div.result > img {
					display: block;
					position: relative;
					float: left;
					margin: 0 1rem 1rem 0;
				}
				div.result > h3 {
					padding-top: 0.25rem;
					font-size: 1.25rem;
					font-weight: 600;
					text-transform: uppercase;
				}
				div.result.cooking-time > h3 {
					color: var(--red);
				}
					div.result > h3 > span:empty,
					div.result > h3 > span:empty + span { display: none; }

					div.result > h3 > span.h3Blank { display: none; }
					div.result > h3 > span:empty ~ span:empty ~ span:empty ~ span.h3Blank { display: block; }

				div.result > p {
					font-size: 0.875rem;
				}
				div.result > p.note {
					clear: both;
					font-size: 0.75rem;
					text-align: center;
				}

	div.instruction-set {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		row-gap: 1rem;
		width: 100%;
		padding: 0;
		margin: 0 0 1.5rem 0;
	}
		div.instruction-set div.instruction {
			display: flex;
			position: relative;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			column-gap: 2%;
			width: 100%;
			padding: 0;
			margin: 0;
		}
			div.instruction > img {
				display: block;
				position: relative;
				flex: 0 0 30%;
				max-width: 30%;
				padding: 2rem;
			}
			div.instruction > div.instruction-desc {
				display: block;
				position: relative;
				flex: 0 0 68%;
				max-width: 68%;
			}



/* -------------------------------------- */
/* ! ** Poultry Pointers - Video Page *** */
/* -------------------------------------- */
section#cooking-videos div.container > h2 {
	text-transform: uppercase;
}
div.video-set {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 2rem;
	width: 100%;
	padding: 2rem 0;
	margin: 0;
}
	div.video-set div.video {
		display: block;
		position: relative;
		flex: 0 0 49%;
		max-width: 49%;
		text-align: center;
	}
		div.video-set div.video iframe {
			display: block;
			width: 100%;
			min-height: 240px;
			margin: 0 0 1rem 0;
		}
		div.video-set div.video h3 {
			margin: 0 0 1rem 0;
			font-size: 1.5rem;
			font-weight: 500;
			text-transform: uppercase;
			line-height: 1;
		}
		div.video-set div.video p {
			font-size: 0.875rem;
			text-transform: uppercase;
			line-height: 2;
		}
		div.video-set div.video a {
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: var(--red);
			transition: all 0.2s ease;
		}
		div.video-set div.video a:hover {
			color: var(--blue);
		}



/* -------------------------------------- */
/* ! ************ FAQ Filter ************ */
/* -------------------------------------- */
.container > h2:first-child {
	margin: 0 0 2rem 0;
}
form.filter-form {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 2rem 0;
}
	form.filter-form input[type="text"] {
		width: 100%;
		padding: 1.125rem 1.25rem;
		font-size: 1.125rem;
		background: var(--white);
		border: 1px solid var(--taupeBorder);
		border-radius: 8px;
		box-shadow: 3px 13px 17px -12px rgba(0,0,0,0.25);
		text-align: center;
	}
	form.filter-form input[type="text"]::placeholder {
		letter-spacing: 1px;
		color: var(--brown);
		opacity: 0.75;
	}
ul.question-filter {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 1rem;
	row-gap: 1rem;
	width: 100%;
	padding: 0;
	margin: 0 0 2rem 0;
	list-style: none;
	font-size: 0.75rem;
	text-transform: uppercase;
}
	ul.question-filter li {
		display: block;
		position: relative;
		background: var(--brown);
		border-radius: 5px;
		transition: all 0.2s ease;
	}
	ul.question-filter li:hover {
		background: var(--brownDrk);
	}
	ul.question-filter li.active {
		background: var(--red);
	}
		ul.question-filter li a {
			display: block;
			position: relative;
			padding: 0.5rem 1.5rem 0.25rem 1.5rem;
			color: var(--white);
			text-decoration: none;
		}
div.question {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 3rem 0;
}
	div.question > h3 {
		display: block;
		position: relative;
		width: 100%;
		padding: 0.5rem 0;
		margin: 0;
		border-bottom: 1px solid var(--taupeDrk);
		font-size: 1.5rem;
		font-weight: 600;
		text-transform: uppercase;
		cursor: pointer;
	}
	div.question > div.answer {
		display: none;
		position: relative;
		padding: 1rem 0;
	}



/* -------------------------------------- */
/* ! *********** Recipe Page ************ */
/* -------------------------------------- */
section.taxonomies {
	display: block;
	position: relative;
	padding: 4rem 0 0 0;
}
.recipe-hero img {
    width: 100%;
    position: relative;
}

.recipe-filters {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: var(--primary);
}

    .poultry-taxonomies {
		width: 100%;
        background-color: var(--taupeLite);
        box-shadow: 3px 13px 17px -12px rgba(0, 0, 0, 0.25);
	}

        .poultry-taxonomies ul {
            list-style-type: none;
            display: flex;
            justify-content: center;
            flex-direction: row;
            align-items: center;
            padding-top: 1.25rem;
		}

        .poultry-taxonomies a {
            text-decoration: none;
            font-family: var(--bodyFont);
            color: var(--text) !important;
            font-size: 1.25em;
            padding: 1.25rem;
        }

        .poultry-taxonomies a:hover {
            color: var(--hover) !important;
            transition: 0.3s ease-in-out;
        }

    .recipe-category-taxonomies ul {
        display: flex;
        justify-content: center;
        align-items: center;
		flex-wrap: wrap;
		gap: 1em;
		width: 100%;
		padding: 0;
        margin: 0;
		list-style-type: none;
	}

        .recipe-category-taxonomies li {
            background-color: var(--recipeCat);
            border-radius: 5px !important;
            padding: 0.5rem 1.25rem;
		}

		.recipe-category-taxonomies li:hover {
			background-color: var(--text);
			transition: 0.3s ease-in-out;
		}
		.recipe-category-taxonomies li.active {
			background-color: var(--red);
		}

            .recipe-category-taxonomies a {
                text-decoration: none;
                font-family: var(--bodyFont);
                color: var(--primary) !important;
                font-size: 12px;
                text-transform: uppercase;
            }

            .recipe-category-taxonomies a:active {
                color: var(--hover);
            }





/* ------------------------------------- */
/* ! ************* Recipes ************* */
/* ------------------------------------- */
main section.recipes {
	display: block;
	position: relative;
	padding: 4rem 0;
}
div.recipe-set {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 2rem;
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto 2rem auto;
}
	div.recipe-set div.recipe-card {
		display: block;
		position: relative;
		flex: 0 0 23.5%;
		max-width: 23.5%;
		box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	}
		div.recipe-card div.card-pad > h3 {
			font-size: 1.5rem;
		}
		div.recipe-card > a {
			display: block;
			padding: 0;
			margin: 0;
			text-decoration: none;
			color: var(--text);
			transition: all 0.2s ease;
		}
		div.recipe-card:hover > a {
			color: var(--hover) !important;
		}
		div.recipe-card:hover > a h3 {
			color: var(--hover) !important;
		}
		/* .recipe-card figure {
			width: 100%;
			margin: 0;
			overflow: hidden;
		} */

		a.recipe-button {
			border-radius: 100%;
			width: 40px;
			height: 40px;
			text-align: center;
			background-color: var(--button);
			position: absolute;
			right: 0;
			padding: 0;
			margin: -20px -15px 0 0;
			box-shadow: 0px 10px 17px -12px rgba(0, 0, 0, 0.33);
		}

		div.card-pad {
			padding: 1.25rem;
		}

		div.card-pad h3 {
			margin: 0 0 1rem 0;
			font-size: 1.5rem !important;
			text-transform: uppercase;
			transition: all 0.2s ease;
		}

		div.card-pad p {
			display: block;
			margin: 0 0 0.5rem 0;
			font-size: 0.875rem;
			font-weight: 500;
			line-height: 1.1;
		}

section.recipe-posts {
	padding: 4rem 0;
	background-color: var(--taupeLite);
	box-shadow: inset 3px 10px 16px -12px rgba(0, 0, 0, 0.25);
}
	section.recipe-posts div.container {
		display: block;
		position: relative;
		width: 100%;
		max-width: 1200px;
		padding: 0;
		margin: 0 auto;
	}
	section.recipe-posts h2 {
		margin: 0 0 1.5rem 0;
		text-align: center;
		text-transform: uppercase;
	}

section.recipe {
	display: block;
	position: relative;
	width: 100%;
	padding: 4rem 0;
	box-shadow: inset 3px 10px 16px -12px rgba(0, 0, 0, 0.25);
}
	section.recipe div.container {
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		row-gap: 2rem;
		width: 100%;
		max-width: 1200px;
		padding: 0;
		margin: 0 auto;
	}
	section.recipe div.recipe-section {
		display: block;
		position: relative;
		flex: 0 0 49%;
		max-width: 49%;
	}
		div.recipe-section > h2 {
			margin: 1.5rem 0;
			font-size: 2.75rem;
			text-transform: uppercase;
			text-align: center;
		}
	section.recipe div.recipe-intro {
		display: block;
		position: relative;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 0 2rem 0;
		text-align: center;
	}
		p.prep-details {
			display: flex;
			position: relative;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			width: 100%;
			max-width: 800px;
			padding: 0;
			margin: 0 auto;
			font-size: 0.875rem;
			text-transform: uppercase;
		}
			p.prep-details > span {
				display: block;
				position: relative;
				flex: 0 0 33%;
				max-width: 33%
			}
	section.recipe div.recipe-thumbnail {
		display: block;
		position: relative;
		flex: 0 0 54%;
		max-width: 54%;
	}
	section.recipe div.recipe-product {
		display: block;
		position: relative;
		align-self: flex-end;
		flex: 0 0 44%;
		max-width: 44%;
		text-align: center;
	}
		div.recipe-product > p {
			font-size: 1rem;
			font-weight: 600;
			text-transform: uppercase;
		}
		div.recipe-product img {
			display: block;
			position: relative;
			width: 100%;
			max-width: 300px;
			margin: 0 auto;
		}

	div.ingredient-table > h3 {
		margin: 0 0 1rem 0;
	}
	div.ingredient-table table th,
	div.ingredient-table table td {
		padding: 0.5rem;
		font-size: 0.875rem;
		text-align: left;
	}
	div.ingredient-table table thead tr th {
		background: var(--taupeDrk);
	}
	div.ingredient-table table tbody tr:nth-child(odd) td {

	}
	div.ingredient-table table tbody tr:nth-child(even) td {
		background: var(--taupeMed);
	}

	div.direction-list > h3 {
		margin: 0 0 1rem 0;
	}
	div.direction-list ol {
		counter-reset: step-counter;
		margin: 0;
		padding-bottom: 1rem;
	}
	div.direction-list li {
		font-size: 0.875rem;
		padding: 0.5rem 0 0.5rem 2.5rem;
		padding-left: 2.5rem;
		position: relative;
		counter-increment: step-counter;
		list-style: none;
	}
	div.direction-list li::before {
		content: counter(step-counter);
		font-family: var(--headerFont);
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		height: 30px;
		background: var(--recipeSpan) !important;
		color: var(--primary);
		border-radius: 30px;
		text-align: center;
		padding: 5px 0 0 0;
		font-weight: 500;
	}



/* ------------------------------------- */
/* ! *********** Product Page ********** */
/* ------------------------------------- */
section.products {
    display: block;
	position: relative;
    width: 100%;
    padding: 4rem 0;
	box-shadow: inset 3px 10px 16px -12px rgba(0,0,0,0.25);
}
	section.products div.product-set {
		display: flex;
		position: relative;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		column-gap: 1%;
		row-gap: 1.25rem;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}

    div.product {
		display: block;
		position: relative;
		flex: 0 0 23.5%;
		max-width: 23.5%;
        padding: 0;
        margin: 0;
        text-align: center;
	}
		div.product > a {
			text-decoration: none;
		}
        div.product h2 {
            font-size: 1.5rem;
            line-height: 1;
            text-transform: uppercase;
            color: var(--text);
        }
		div.product a:hover h2 {
			color: var(--hover);
		}

        .product img {
            margin: 15px 0;
            width: 100%;
            height: auto;
            overflow: hidden;
        }

    .product:hover a {
            color: var(--hover) !important;
            transition: 0.3s ease-in-out;
        }



/* ------------------------------------- */
/* ! ********** Product Post *********** */
/* ------------------------------------- */
div.product-header-section {
    text-align: center;
    background-color: var(--taupeMed);
	/* box-shadow: inset 3px 10px 16px -12px rgba(0,0,0,0.25); */
}
div.product-header-section div.container {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1000px;
	padding: 5rem 1rem;
	margin: 0 auto;
}
	div.product-header-section div.container h1 {
		margin: 0;
		font-weight: 800;
		line-height: 1;
		text-transform: uppercase;
	}
	div.product-header-section div.container p {
		margin: 0 0 1.5rem 0;
		font-weight: 600;
		text-transform: uppercase;
	}

section.product-item {
	display: block;
	position: relative;
	width: 100%;
	padding: 4rem 0;
}
section.product-item div.container {
    display: flex;
    justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 4%;
	row-gap: 2rem;
	width: 100%;
	max-width: 1000px;
	padding: 0;
	margin: 0 auto;
}

	div.product-about {
		display: block;
		position: relative;
		flex: 1 0 40%;
		max-width: 42%;
	}

		div.product-statements {
			display: block;
		}
			div.product-statements > table {
				width: 100%;
				border: none;
				border-spacing: 0;
				font-size: 0.75rem;
			}
				div.product-statements > table td,
				div.product-statements > table th {
					padding: 0.5rem 0.25rem;
					border: none;
				}
				div.product-statements > table tbody tr th {
					background: var(--taupeDrk);
				}
				div.product-statements > table tbody tr:nth-child(odd) td {
					background: var(--taupeMed);
				}
				div.product-statements > table tbody tr:nth-child(even) td {

				}

	div.product-nutrition {
		display: block;
		position: relative;
		flex: 1 0 50%;
		max-width: 56%;
	}
		div.product-nutrition h2 {
			text-transform: uppercase;
			text-align: center;
			line-height: 0.8;
		}
		div.product-nutrition h2 > span {
			display: block;
			padding: 1rem 0 0 0;
			font-family: var(--bodyFont), Helvetica, Arial, sans-serif;
			font-size: 1.25rem;
		}
		div.product-nutrition p.measurement {
			text-align: center;
		}

        div.product-nutrition table {
            width: 100%;
            font-size: 0.875rem;
            color: var(--text);
            text-align: left;
		}
			div.product-nutrition table th,
			div.product-nutrition table td {
				padding: 0.5rem;
			}
			div.product-nutrition table td.indent {
				padding-left: 1.5rem;
			}
			div.product-nutrition table thead th {
				background: var(--taupeDrk);
			}
			div.product-nutrition table thead th > span {
				font-weight: 300;
			}
			div.product-nutrition table tbody tr:nth-child(even) td {
				background: var(--taupeMed);
			}
			div.product-nutrition table tbody tr:nth-child(odd) td {

			}
			div.product-nutrition table tbody tr td:first-child {
				width: 50%;
			}
			div.product-nutrition table tbody tr td:nth-child(2),
			div.product-nutrition table tbody tr td:nth-child(3) {

			}



/* ------------------------------------- */
/* ! ********** Ask Granny's *********** */
/* ------------------------------------- */
div.ask-selection {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 1.25rem;
	width: 100%;
	padding: 2rem 0;
}
	div.ask-selection > h2 {
		display: block;
		position: relative;
		margin: 0 0 1.5rem 0;
		text-align: center;
	}
	div.ask-selection div.select-btn {
		display: block;
		position: relative;
		flex: 0 0 23.5%;
		max-width: 23.5%;
		text-align: center;
	}
		div.select-btn > a {
			display: block;
			position: relative;
			font-size: 1.125rem;
			font-weight: 600;
			text-transform: uppercase;
			text-decoration: none;
			color: var(--text);
		}
		div.select-btn > a:hover,
		div.select-btn.active > a {
			color: var(--hover);
		}
		div.select-btn img {
			display: block;
			position: relative;
			width: 120px;
			height: auto;
			margin: 0 auto 1rem auto;
			border: 2px solid transparent;
			border-radius: 100%;
			transition: all 0.2s ease;
		}
		div.select-btn > a:hover img,
		div.select-btn > a:focus img,
		div.select-btn.active > a img {
			border: 2px solid var(--blue);
		}



/* ------------------------------------- */
/* ! ********** About Us page ********** */
/* ------------------------------------- */
.about-us-container {
    background-color: var(--primary);
}

    .featured-content {
        display: flex;
        flex-direction: row;
        padding: 6rem;
        justify-content: center;
		color: var(--text);
	}

        .featured-image {
            width: 25%;
            margin: 0 1rem;
        }

        .featured-body {
            width: 40%;
            margin: 0 1rem;
            font-family: var(--bodyFont);
            color: var(--text);
            font-size: 1rem;
		}

    .about-us-menu {
        width: 100%;
        background-color: var(--footerBg);
	}
        .about-us-menu ul {
            list-style-type: none;
            display: flex;
            flex-direction: row;
            gap: 2rem;
            justify-content: center;
            padding: 0.5rem 0;
		}
            .about-us-menu a {
                text-decoration: none;
                color: var(--text);
                font-family: var(--bodyFont);
            }
            .about-us-menu a:hover {
                color: var(--hover);
                transition: 0.3s ease-in-out;
            }



/* ------------------------------------- */
/* ! ********* Cooperative page ******** */
/* ------------------------------------- */
.cooperative-container {
    background-color: var(--primary);
}
    .featured-body {
        text-align: center;
        font-family: var(--bodyFont);
        color: var(--text);
        font-size: 1rem;
        font-weight: 700;
        padding: 3rem 0;
    }
    .cooperative-icons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 2rem;
	}
        .cooperative-icons img {
            max-width: 10rem;
            margin: 0 2rem;
        }



/* ------------------------------------- */
/* ! ********* Corporate Giving ******** */
/* ------------------------------------- */
section.donation-request {
	display: block;
	position: relative;
	padding: 4rem 0;
	box-shadow: inset 3px 10px 16px -12px rgba(0,0,0,0.25);
	background: var(--taupeMed);
}
	section.donation-request div.container > h2 {
		text-transform: uppercase;
		text-align: center;
	}
	section.donation-request div.container > p {
		font-size: 1.125rem;
		text-align: center;
	}



/* ------------------------------------- */
/* ! ********** Careers page *********** */
/* ------------------------------------- */
section.careers {
	display: block;
	position: relative;
	padding: 4rem 0;
	box-shadow: inset 3px 10px 16px -12px rgba(0,0,0,0.25);
}
section.careers.positions {
	background: var(--taupeLite);
}
section.careers.application {
	background: var(--taupeMed);
}
	section.careers h2 {
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 1.5px;
	}
	section.careers div.container {
		display: block;
		position: relative;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}
	div.career-set {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		div.career-set div.career-card {
			display: block;
			position: relative;
			width: 70%;
			padding: 1.5rem;
			margin: 2rem auto;
			background: var(--primary);
			box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
		}
			div.career-card a {
				text-decoration: none;
			}
			div.career-card a h3 {
				font-size: 2rem;
				font-weight: 600;
				text-transform: uppercase;
				transition: all 0.2s ease;
			}
			div.career-card a:hover h3 {
				color: var(--hover);
			}
			div.career-card p {
				font-size: 0.875rem;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				color: var(--text);
			}



/* ------------------------------------- */
/* ! ********** Career Post ************ */
/* ------------------------------------- */
main.career h1 {
	margin: 0 0 1rem 0;
}
main.career h2 {
	margin: 1.5rem 0 1rem 0;
}
ul.opportunity-detail {}



/* ------------------------------------- */
/* ! ********** Contact page *********** */
/* ------------------------------------- */
section.contact {
	display: block;
	position: relative;
	padding: 4rem 0;
	box-shadow: inset 3px 10px 16px -12px rgba(0,0,0,0.25);
}
section.send-message {
	text-align: center;
}
	section.send-message h2 {
		text-transform: uppercase;
	}

section.contact-info {
	background: var(--taupeMed);
}
	section.contact div.container {
		display: block;
		position: relative;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}
	section.contact.contact-info > div.container {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		column-gap: 2%;
		row-gap: 1.5rem;
		max-width: 700px;
	}
		section.contact.contact-info div.contact-set {
			display: block;
			position: relative;
			flex: 0 0 49%;
			max-width: 49%;
		}
			div.contact-set > h3 {
				font-size: 1.5rem;
				font-weight: 800;
				text-transform: uppercase;
			}
			div.contact-set p {
				font-size: 0.875rem;
			}
			div.contact-set p > span {
				display: inline-block;
				margin-right: 1rem;
				color: var(--hover);
			}



/* ------------------------------------- */
/* ! ********** Footer Styles ********** */
/* ------------------------------------- */
div#link-set {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 1rem;
	width: 100%;
	padding: 1rem 0;
	margin: 0 auto;
	border-bottom: 2px solid var(--taupeBorder);
}
	div#link-set div {
		display: flex;
		position: relative;
		justify-content: flex-start;
		align-items: center;
		flex: 1 1 20%;
		max-width: 80%;
	}
	div#link-set div#certifications {
		justify-content: flex-end;
		column-gap: 2rem;
	}
		div#link-set div#certifications img {
			width: 120px;
		}
.site-footer-middle-section-1 {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
    color: var(--footerNav);
    font-size: 12px;
    margin: 0;
}

div.site-container {
	padding: 0;
	margin: 0 auto;
}

#footer-menu {
    display: flex;
	justify-content: flex-end;
    flex-wrap: wrap;
	width: 100% !important;
    font-size: 0.875rem !important;
    text-align: left;
}
    #footer-menu a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
	#footer-menu a:hover {
		color: var(--hover) !important;
	}