/*
Theme Name: Walnuts
Author: Walnuts
Description: Walnuts Theme
Text Domain: Walnuts
Version: 1.1
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize

# Typography

# Colors

# Elements

# Forms

# Navigation
	## Links
	## Menus

# Content
	## Header
	## Footer
	## Pages

# Modules

	
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	height: 100%;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	min-height: 100%;
	position: relative;
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* stop horizontal scroll gaps */
}

a {
	background-color: transparent;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	font-family: "museo-slab-rounded", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

em {
	font-style: italic;
	font-weight: inherit;
}

p {	
	font-family: "museo-slab-rounded", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px;
}

h1 {
	font-style: normal;
	margin-bottom: 15px;
	position: relative;	
}

h2 {
	font-style: normal;
	margin-bottom: 15px;
	position: relative;
}

h3 {
	font-style: normal;
	margin-bottom: 15px;
	text-transform: none;
}

h4 {
	font-style: normal;
	margin-bottom: 15px;
	text-transform: none;
}

h5 {
	font-style: normal;
	margin-bottom: 15px;
	text-transform: none;
}

.bold,
strong {
	font-weight: bold;
}

.shadow {
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
}

.fs-10 { font-size:10px; line-height:20px; }
.fs-11 { font-size:11px; line-height:21px; }
.fs-12 { font-size:12px; line-height:22px; }
.fs-13 { font-size:13px; line-height:23px; }
.fs-14 { font-size:14px; line-height:24px; }
.fs-15 { font-size:15px; line-height:25px; }
.fs-16 { font-size:16px; line-height:26px; }
.fs-17 { font-size:17px; line-height:27px; }
.fs-18 { font-size:18px; line-height:28px; }
.fs-19 { font-size:19px; line-height:29px; }
.fs-20 { font-size:20px; line-height:30px; }
.fs-21 { font-size:21px; line-height:31px; }
.fs-22 { font-size:22px; line-height:32px; }
.fs-23 { font-size:23px; line-height:33px; }
.fs-24 { font-size:24px; line-height:34px; }
.fs-25 { font-size:25px; line-height:35px; }
.fs-26 { font-size:26px; line-height:36px; }
.fs-27 { font-size:27px; line-height:37px; }
.fs-28 { font-size:28px; line-height:38px; }
.fs-29 { font-size:29px; line-height:39px; }
.fs-30 { font-size:30px; line-height:40px; }
.fs-31 { font-size:31px; line-height:41px; }
.fs-32 { font-size:32px; line-height:42px; }
.fs-33 { font-size:33px; line-height:43px; }
.fs-34 { font-size:34px; line-height:44px; }
.fs-35 { font-size:35px; line-height:45px; }
.fs-36 { font-size:36px; line-height:46px; }
.fs-37 { font-size:37px; line-height:47px; }
.fs-38 { font-size:38px; line-height:48px; }
.fs-39 { font-size:39px; line-height:49px; }
.fs-40 { font-size:40px; line-height:50px; }
.fs-41 { font-size:41px; line-height:51px; }
.fs-42 { font-size:42px; line-height:52px; }
.fs-43 { font-size:43px; line-height:53px; }
.fs-44 { font-size:44px; line-height:54px; }
.fs-45 { font-size:45px; line-height:55px; }
.fs-46 { font-size:46px; line-height:56px; }
.fs-47 { font-size:47px; line-height:57px; }
.fs-48 { font-size:48px; line-height:58px; }
.fs-49 { font-size:49px; line-height:59px; }
.fs-50 { font-size:50px; line-height:60px; }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-800 { font-weight: 800; }

.rounded-10 { border-radius: 10px; }
.rounded-15 { border-radius: 15px; }
.rounded-20 { border-radius: 20px; }
.rounded-25 { border-radius: 25px; }
.rounded-30 { border-radius: 30px; }

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.white {
	color: #ffffff;
}
.black {
	color: #292929;
}
.red {
	color: #D82B59;
}
.orange {
	color: #f16321;
}
.green {
	color: #6AA339;
}
.blue {
	color: #00908D;
}
.yellow {
	color: #FFB517;
}
.bg-white {
	background-color: #ffffff;
}
.bg-black {
	background-color: #292929;
}
.bg-red {
	background-color: #D82B59;
}
.bg-orange {
	background-color: #f16321;
}
.bg-green {
	background-color: #6AA339;
}
.bg-blue {
	background-color: #7BBDB9;
}
.bg-yellow {
	background-color: #FFB517;
}
.bg-light-green {
	background-color: #f0f6eb;
}
.bg-light-yellow {
	background-color: #fff8ea;
}
.bg-light-orange {
	background-color: #fffbf2;
}
.bg-gray {
	background-color: #EBEBEB;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

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

body {
	background: #ffffff;
}

hr {
	background-color: #EEEEEE;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 15px 15px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

blockquote {
    margin: 0 0 0 30px;
    border-left: 3px solid #D7176F;
    padding-left: 15px;
}

.uppercase {
	text-transform: uppercase;
}

.divider-gray {
	color: #666666;
	padding: 0px 5px;
}

/* Buttons */
:focus:not(:focus-visible) { 
	outline: none 
}

a.button,
.button {
	background: #62301b;
	cursor: pointer;
	color: #ffffff;
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	padding: 10px 30px;
	border-radius: 30px;
	border: 2px solid;
	border-color: #62301b;
	text-transform: none;
	transition: all 0.3s ease;
	text-decoration: none;
	line-height: 20px;
}

a.button:hover,
.button:hover {
	background: #ffffff;
	color: #62301b;
	text-decoration: none;
	border: 2px solid;
}

a.button-orange,
.button-orange {
	background: #F16321;
	cursor: pointer;
	color: #ffffff;
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	padding: 10px 30px;
	border-radius: 30px;
	border: 2px solid;
	border-color: #F16321;
	text-transform: none;
	transition: all 0.3s ease;
	text-decoration: none;
	line-height: 20px;
}

a.button-orange:hover,
.button-orange:hover {
	background: #ffffff;
	color: #F16321;
	text-decoration: none;
	border: 2px solid;
}

a.button-white-red,
.button-white-red {
	background: #ffffff;
	cursor: pointer;
	color: #D82B59;
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	padding: 10px 30px;
	border-radius: 30px;
	border: 2px solid;
	border-color: #ffffff;
	transition: all 0.3s ease;
	text-decoration: none;
	line-height: 20px;
}

a.button-white-red:hover,
.button-white-red:hover {
	background: #D82B59;
	color: #ffffff;
	text-decoration: none;
	border: 2px solid;
}

a.button-white-green,
.button-white-green {
	background: #ffffff;
	cursor: pointer;
	color: #6AA339;
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	padding: 10px 30px;
	border-radius: 30px;
	border: 2px solid;
	border-color: #ffffff;
	transition: all 0.3s ease;
	text-decoration: none;
	line-height: 20px;
}

a.button-white-green:hover,
.button-white-green:hover {
	background: #6AA339;
	color: #ffffff;
	text-decoration: none;
	border: 2px solid;
}

a.button-white-orange,
.button-white-orange {
	background: #ffffff;
	cursor: pointer;
	color: #f16321;
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	padding: 10px 30px;
	border-radius: 30px;
	border: 2px solid;
	border-color: #ffffff;
	transition: all 0.3s ease;
	text-decoration: none;
	line-height: 20px;
}

a.button-white-orange:hover,
.button-white-orange:hover {
	background: #f16321;
	color: #ffffff;
	text-decoration: none;
	border: 2px solid;
}

a.button-white-blue,
.button-white-blue {
	background: #ffffff;
	cursor: pointer;
	color: #7BBDB9;
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	padding: 10px 30px;
	border-radius: 30px;
	border: 2px solid;
	border-color: #ffffff;
	transition: all 0.3s ease;
	text-decoration: none;
	line-height: 20px;
}

a.button-white-blue:hover,
.button-white-blue:hover {
	background: #7BBDB9;
	color: #ffffff;
	text-decoration: none;
	border: 2px solid;
}

a.button-white-yellow,
.button-white-yellow {
	background: #ffffff;
	cursor: pointer;
	color: #FFB517;
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	padding: 10px 30px;
	border-radius: 30px;
	border: 2px solid;
	border-color: #ffffff;
	transition: all 0.3s ease;
	text-decoration: none;
	line-height: 20px;
}

a.button-white-yellow:hover,
.button-white-yellow:hover {
	background: #FFB517;
	color: #ffffff;
	text-decoration: none;
	border: 2px solid;
}

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


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #292929;
	transition: all 0.3s ease;
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	color: #d90007;
	outline: 0;
	text-decoration: underline;
}

a:focus {
	outline: none;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
	background-color: #D82B59;
	color: #ffffff;
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	padding: 30px 0px 15px;
}

footer p {
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;1	
}

footer a {
	color: #ffffff;
	text-decoration: none;
}

footer a:hover {
	color: #EEEEEE;
	text-decoration: none;
}

.footer-top {
	margin: 0px 0px -10px 0px;
	min-height: 35px;
	padding: 0;
}

.logo-footer {
	width: 325px;
}

.tagline-footer {
	width: 250px;
}

.footer-icn {
	width: 50px;
}

.footer-cta-tagline {
	font-size: 48px;
	line-height: 58px;
}

.footer-cta-byline {
	font-size: 24px;
	line-height: 34px;
}

.disabled-link {
	pointer-events: none;
	cursor: default;
}
.enabled-link {
	pointer-events: auto;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.hero-section {
	position: relative;
	/*background-image: url('../images/hero/hero-home.jpg');*/
	/*background-image: url('../images/hero/home-hero.jpg');*/
	background-image: url('../images/hero/hero-home-20251001-a.jpg');
	background-size: cover;
	background-position: center center;
	height: 800px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hero-section::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px; /* or whatever height looks good */
	background: url('../images/hero/hero-bottom-border.png') no-repeat bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 9999;
	pointer-events: none;
}

.hero-content {
	position: relative;
	z-index: 2;
	/*max-width: 1200px;*/
	padding: 2rem;
}

.hero-recipe-landing {
	position: relative;
	background-image: url('../images/hero/hero-recipe-landing.png');
	background-size: cover;
	background-position: center;
	height: 485px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hero-recipe-landing::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px; /* or whatever height looks good */
	background: url('../images/hero/hero-bottom-border.png') no-repeat bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 999;
	pointer-events: none;
}

.banner-footer-recipe-detail {
	position: relative;
	background-image: url('../images/recipes/footer-banner-recipes.jpg');
	background-size: cover;
	background-position: center;
	min-height: 450px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}

.banner-footer-recipe-detail::before,
.banner-footer-recipe-detail::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100% 50px;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	z-index: 0;
}

.banner-footer-recipe-detail::before {
	top: 0;
	background-image: url('../images/hero/hero-bottom-border-white.png'); /* white wave */
	background-position: top center;
}

.banner-footer-recipe-detail::after {
	bottom: 0;
	background-image: url('../images/hero/hero-bottom-border-red.png'); /* red wave */
	background-position: bottom center;
}
















.banner-footer-care-detail {
	position: relative;
	background-image: url('../images/care/footer-wanut-nutrition.jpg');
	background-size: cover;
	background-position: center;
	min-height: 550px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}

.banner-footer-care-detail::before,
.banner-footer-care-detail::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100% 50px;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	z-index: 0;
}

.banner-footer-care-detail::before {
	top: 0;
	background-image: url('../images/hero/hero-bottom-border-white.png'); /* white wave */
	background-position: top center;
}

.banner-footer-care-detail::after {
	bottom: 0;
	background-image: url('../images/hero/hero-bottom-border-red.png'); /* red wave */
	background-position: bottom center;
}








.hero-walnut-nutrition {
	position: relative;
	background-image: url('../images/hero/hero-nutrition.jpg');
	background-size: cover;
	background-position: center center;
	height: 525px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hero-walnut-nutrition::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px; /* or whatever height looks good */
	background: url('../images/hero/hero-bottom-border.png') no-repeat bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 9999;
	pointer-events: none;
}

.hero-grown-with-care {
	position: relative;
	background-image: url('../images/hero/hero-grown-with-care-orchard.jpg');
	/*background-image: url('../images/hero/hero-grown-with-care-grove.jpg');*/
	/*background-image: url('../images/hero/hero-grown-with-care.jpg');*/
	/*background-image: url('../images/hero/hero-wanut-nutrition.png');*/
	background-size: cover;
	background-position: center center;
	height: 525px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hero-grown-with-care::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px; /* or whatever height looks good */
	background: url('../images/hero/hero-bottom-border.png') no-repeat bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 9999;
	pointer-events: none;
}

.hero-social {
	position: relative;
	background-image: url('../images/hero/hero-get-social.jpg');
	background-size: cover;
	background-position: center center;
	height: 525px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hero-social::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px; /* or whatever height looks good */
	background: url('../images/hero/hero-bottom-border.png') no-repeat bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 9999;
	pointer-events: none;
}

.banner-footer-recipe-detail {
	position: relative;
	min-height: 450px;
	overflow: hidden;
	z-index: 1;
}

.going-nuts::before,
.going-nuts::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100% 50px;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	z-index: 0;
}

.going-nuts {
	position: relative;
	height: auto;
}

.going-nuts::before {
	top: 0;
	background-image: url('../images/hero/hero-bottom-border-white.png'); /* white wave */
	background-position: top center;
}

.going-nuts::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px; /* or whatever height looks good */
	background: url('../images/hero/hero-bottom-border.png') no-repeat bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 9999;
	pointer-events: none;
}

.grown-with-care::before,
.grown-with-care::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100% 50px;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	z-index: 0;
}

.grown-with-care {
	position: relative;
	height: auto;
	margin-top: 30px;
}

.grown-with-care::before {
	top: 0;
	background-image: url('../images/hero/hero-bottom-border-white.png'); /* white wave */
	background-position: top center;
}

.grown-with-care::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px; /* or whatever height looks good */
	background: url('../images/hero/hero-bottom-border.png') no-repeat bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 9999;
	pointer-events: none;
}

.from-tree-to-plate {
	margin-top: 60px;
}

.hero-blog-landing {
	position: relative;
	/*background-image: url('../images/hero/hero-blog.png');*/
	background-image: url('../images/hero/hero-blog.jpg');
	background-size: cover;
	background-position: center;
	height: 465px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hero-blog-landing::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px; /* or whatever height looks good */
	background: url('../images/hero/hero-bottom-border.png') no-repeat bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 999;
	pointer-events: none;
}

.getting-social {}

.getting-social::before,
.getting-social::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100% 50px;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	z-index: 0;
}

.getting-social {
	position: relative;
	height: auto;
}

.getting-social::before {
	top: 0;
	background-image: url('../images/hero/hero-bottom-border-white.png'); /* white wave */
	background-position: top center;
}

.page-template-get-social .top-of-footer {
	background-color: #fff8ea;
}

.getting-social {
	margin-bottom: -24px !important;
	padding-bottom: 0 !important;
}

.modal-header {
	background-color: #ffc107;
}

.fade {
	z-index: 9999 !important;
}

.modal {
	z-index: 99999 !important;
}

.footnotes-gray::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100% 50px;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	z-index: 0;
}

.footnotes-gray {
	position: relative;
	height: auto;
	margin-bottom: -25px !important;
}

.footnotes-gray::before {
	top: 0;
	background-image: url('../images/hero/hero-bottom-border-white.png'); /* white wave */
	background-position: top center;
}

.masonry {
	column-count: 2;
	column-gap: 1rem;
}

.masonry .card {
	display: inline-block;
	width: 100%;
	margin-bottom: 1rem;
}

.custom-card {
	position: relative;
	overflow: hidden;
	border: none;
	cursor: pointer;
	border-radius: 15px;
}

.custom-card img {
	transition: transform 0.4s ease;
	width: 100%;
	height: auto;
}

.card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background: rgba(0, 0, 0, 0.4);
	color: white;
	transition: background 0.4s ease, opacity 0.4s ease;
	z-index: 2;
}

.card-hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 123, 255, 0.85); /* Bootstrap primary with opacity */
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.4s ease;
	padding: 1.5rem;
	z-index: 3;
	text-align: center;
}

.card-overlay-red {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background: rgba(222, 74, 108, 0.9);
	color: white;
	transition: background 0.4s ease, opacity 0.4s ease;
	z-index: 2;
}

.card-hover-overlay-red {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(222, 74, 108, 0.9);
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.4s ease;
	padding: 1rem;
	z-index: 3;
	text-align: center;
}

.card-overlay-green {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background: rgba(165, 185, 122, 0.9);
	color: white;
	transition: background 0.4s ease, opacity 0.4s ease;
	z-index: 2;
}

.card-hover-overlay-green {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(165, 185, 122, 0.9);
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.4s ease;
	padding: 1rem;
	z-index: 3;
	text-align: center;
}

.card-overlay-orange {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background: rgba(233, 136, 81, 0.9);
	color: white;
	transition: background 0.4s ease, opacity 0.4s ease;
	z-index: 2;
}

.card-hover-overlay-orange {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(233, 136, 81, 0.9);
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.4s ease;
	padding: 1rem;
	z-index: 3;
	text-align: center;
}

.card-overlay-blue {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background: rgba(123, 189, 185, 0.9);
	color: white;
	transition: background 0.4s ease, opacity 0.4s ease;
	z-index: 2;
}

.card-hover-overlay-blue {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(123, 189, 185, 0.9);
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.4s ease;
	padding: 1rem;
	z-index: 3;
	text-align: center;
}

.card-overlay-yellow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background: rgba(253, 187, 48, 0.9);
	color: white;
	transition: background 0.4s ease, opacity 0.4s ease;
	z-index: 2;
}

.card-hover-overlay-yellow {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(253, 187, 48, 0.9);
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.4s ease;
	padding: 1rem;
	z-index: 3;
	text-align: center;
}

.custom-card:hover img {
	transform: scale(1.05);
}

.custom-card:hover .card-hover-overlay,
.custom-card:hover .card-hover-overlay-red,
.custom-card:hover .card-hover-overlay-green,
.custom-card:hover .card-hover-overlay-orange,
.custom-card:hover .card-hover-overlay-blue,
.custom-card:hover .card-hover-overlay-yellow {
	opacity: 1;
}

.custom-card:hover .card-overlay,
.custom-card:hover .card-overlay-red,
.custom-card:hover .card-overlay-green,
.custom-card:hover .card-overlay-orange,
.custom-card:hover .card-overlay-blue,
.custom-card:hover .card-overlay-yellow {
	opacity: 0;
}

.home-card-01 {
	height: 620px;
}

.home-card-02 {
	height: 360px;
}

.home-card-03 {
	height: 360px;
}

.home-card-04 {
	height: 620px;
}

.home-card-05 {
	height: 420px;
}

.hero {
	position: relative;
	height: 100px;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-wrapper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	transition: all 0.3s ease;
	z-index: 1100;
	margin-top: 18px;
}

.logo-wrapper.move-down {
	top: 250px;
	transform: none;
}

.logo-wrapper.move-down .close-menu {
	top: 320px; /* Moves logo down when active */
	transform: none;
}

.logo-btn {
	background: none;
	border: none;
	/*cursor: pointer;*/
}

.logo-img {
	max-width: 260px;
	opacity: 0.8;
}

.cp_recipe-template-default .logo-img {
	opacity: 1;
}

.menu-content {
	/* Hidden by default */
	background-color: #D82B59;
	opacity: 0;
	visibility: hidden;
	pointer-events: none; /* Prevent clicks */
	/*transition: opacity 0.3s ease;*/
	position: absolute; /* or fixed if needed */
	top: 100%; /* below the header/logo */
	left: 0;
	width: 100%;
	z-index: 1000; /* above main content */
	padding: 2rem;
	max-height: 0;
	top: -5px;
	transition: max-height 0.3s ease, opacity 0.3s ease;
}

.menu-content.show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto; /* Enable clicks */
	min-height: 420px;
}

.move-down .logo-img {
	opacity: 1 !important;
}

.menu-content.hide {
	opacity: 0;
}

.menu-item {
	margin: 15px 0;
	font-weight: 800;
}

.menu-content .close-btn {
	padding: none;
	outline: none;
	box-shadow: none;
	border: none;
}

.menu-item .white:hover {
	color: #292929;
}

.menu-close-button {
	position: relative;
	top: 120px;
}

.menu-content .close-btn:hover,
.menu-content .close-btn:active,
.menu-content .close-btn:focus {
	padding: none;
	text-decoration: none !important;
	border: none !important;
	box-shadow: none;
	outline: none;
}

.menu-link-expand {
	padding-right: 20px;
	position: relative;
	top: -25px;
}
.floating-menu-btn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 60px;
	height: 60px;
	border: 2px solid #ffffff !important;
	border-radius: 50%;
	background: #D82B59;
	color: white;
	display: none;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 8px rgba(0,0,0,0.3);
	cursor: pointer;
	z-index: 99999;
	font-size: 24px !important;
}
.floating-menu-btn i {
	position: relative;
	top: -2px;
}
.floating-menu-btn img {
	width: 30px;
	height: 30px;
}
.floating-menu-btn.show {
	display: flex;
}
.logo-wrapper.move-down .menu-link-expand {
	display: none !important;
}

.recipe-detail-content {
	margin-top: 90px;
}
.breadcrumbs {
    font-size: 14px;
    margin: 5px 0;
}
.breadcrumbs a {
    text-decoration: none;
    color: #D82B59;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumb-blog-detail {
	text-transform: uppercase;
}

.breadcrumb-pad {
	padding: 0 5px;
}

.cooked-recipe-info {
	/*display: none !important; */
}

.cooked-recipe-excerpt p {
	font-weight: 300;
}

.cooked-print,
.cooked-fsm-button,
.cooked-author.cooked-no-avatar,
.recipe-default-content .cooked-recipe-ingredients,
.recipe-default-content .cooked-recipe-directions,
.recipe-default-content .cooked-taxonomy.cooked-category {
	display: none !important;
}

.recipe-cta-content {
  z-index: 1;
  color: #ffffff;
}

.single-post #main h1,
.single-post #main h2,
.single-post #main h3,
.single-post #main h4,
.single-post #main h5,
.single-post #main h6 {
	font-weight: 800;
	color: #F16321;
}

.blog-list {
	border: 1px solid #dcd9d1;
}

.breadcrumb-blog-detail a {
	color: #F16321;
}

nav.breadcrumbs {
	text-transform: uppercase !important; 
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-style: normal;
}

/* Pagination container */
.cooked-pagination-numbered {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: inherit;
	font-size: 16px;
}

/* Page number links */
.cooked-pagination-numbered .page-numbers {
	color: #000;
	text-decoration: none;
	padding: 8px 12px;
	border-radius: 12px;
	transition: background-color 0.3s;
}

/* Current page */
.cooked-pagination-numbered .current {
	background-color: #d6336c; /* Match your pink color */
	color: #fff;
	font-weight: bold;
}

/* Disabled Previous/Next */
.cooked-pagination-numbered .prev.disabled,
.cooked-pagination-numbered .next.disabled {
	color: #aaa;
	pointer-events: none;
}

/* Arrows (optional, using pseudo-elements) */
.cooked-pagination-numbered .prev::before {
	content: '←';
	margin-right: 6px;
}

.cooked-pagination-numbered .next::after {
	content: '→';
	margin-left: 6px;
}

/* Replace icon with text */
a.page-numbers.next i.cooked-icon::before {
	content: "Next";
	font-style: normal;
	font-family: inherit;
}

a.page-numbers.prev i.cooked-icon::before {
	content: "Previous";
	font-style: normal;
	font-family: inherit;
}

/* Optionally hide the icon's original appearance */
a.page-numbers i.cooked-icon {
	font-family: inherit; /* stops icon font */
}

.heateor_sss_email {
	background-color: #123123 !important; /* Change to your desired background color */
	color: #ffffff !important;           /* Optional: icon/text color */
	border-color: #123123 !important;    /* Optional: border match */
}

.page-template-walnut-nutrition .footer-top {
	background-color: #ebebeb;
}


.health-box {
	padding: 30px;
	height: 100%;
	border-radius: 10px;
}


.health-box img {
	width: 140px;
	height: auto;
}

.health-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.care-box {
	padding: 30px;
	height: 100%;
	border-radius: 10px;
}


.care-box img {
	width: 200px;
	height: auto;
}

.care-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}

.care-border-green {
	border: 2px solid #6AA339;
}

.arrow-harvesting {
	width: 90px !important;
}

.arrow-processing {
	width: 150px !important;
}

.arrow-packing {
	width: 180px !important;
	margin-left: 90px;
}

@media (max-width: 768px) {
	.health-row {
		flex-direction: column;
		text-align: center;
	}
}

.custom-divider-blue {
	width: 120px;
	height: 4px;
	background-color: #00908D;
	margin: 30px auto;
	border-radius: 2px;
}

.custom-divider-green {
	width: 120px;
	height: 4px;
	background-color: #6AA339;
	margin: 30px auto;
	border-radius: 2px;
}

.social-divider-green,
.social-divider-gray {
	width: 45px;
	height: 4px;
	background-color: #D9D9D9;
	margin: 15px auto;
	border-radius: 2px;
	transition: all 0.3s ease;
}

.social-profile:hover .social-divider-gray {
	width: 75px;
	height: 6px;
	background-color: #FFB517;	
}

.social-profile p {
	font-weight: 300;
}

.grown-with-care-profile:hover .social-divider-green {
	width: 75px;
	height: 6px;
	background-color: #6AA339;	
}

.grown-with-care-profile p {
	font-weight: 300;
}

.icn-portion-code img {
	height: 200px;
	width: auto;
	padding: 0 15px;
}

.social-headshot {
	width: 260px;
	height: auto;
	object-fit: cover;
	margin-top: -90px;
	margin-bottom: 20px;
}

.grown-with-care-headshot {
	width: 260px;
	height: auto;
	object-fit: cover;
	margin-top: -90px;
	margin-bottom: 20px;
	border: 2px solid #6AA339;
}

/*.getting-social .border {
	border: 1px solid #FFB517 !important;
	border-radius: 15px;
	
}*/

.social-profile {
	border: 2px solid #FFB517;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #ffffff;
}

.grown-with-care-profile {
	border: 2px solid #6AA339;
	border-radius: 15px;
	background-color: #ffffff;
	z-index: 99999;
}

.bg-warning {
    background-color: #FFB517 !important;
}

.getting-social .social-watch-video {
	border: none !important;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	overflow: hidden;
}

/* Make sure parent card stretches vertically */
.getting-social .d-flex.flex-column {
	height: 100%;
}

/* Force .social-middle-content to be equal height */
.social-middle-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

/* Ensure the card footer sticks to the bottom */
.social-bottom-content {
	margin-top: auto;
}

/* Make sure column fills the full height */
.getting-social .col-12,
.getting-social .col-md-6,
.getting-social .col-lg-4 {
	display: flex;
}

/* Make the card fill the column and stack vertically */
.getting-social .d-flex.flex-column {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* Ensure the white middle section grows to fill space */
.social-middle-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

/* Stick the footer to the bottom of the card */
.social-bottom-content {
	margin-top: auto;
}

.social-bottom-content {
	min-height: 130px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; /* optional: centers contents horizontally */
	text-align: center;
}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.embed-responsive::before {
	display: block;
	content: "";
}

.embed-responsive-16by9::before {
	padding-top: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.social-watch-video {
	min-height: 175px;
	flex-shrink: 0;
}


.top-of-footer img.footer-top {
    object-fit: cover !important;
    width: 100vw !important;
    max-width: 100% !important;
}


/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

/*---------- X-Large ----------*/
@media (max-width: 1399px) {
	
}

/*---------- Large ------------*/
@media (max-width: 1199px) {
	.jumbotron {
		min-height: 720px;
	}
	.footer-cta-tagline {
		font-size: 40px;
		line-height: 50px;
	}
	.footer-cta-byline {
		font-size: 20px;
		line-height: 30px;
	}
	.cooked-recipe-card-image {
		height: 220px !important;
	}
	.custom-card {
		width: 100%;
		height: 550px; /* full viewport height (adjust if too tall) */
		position: relative;
		overflow: hidden;
	}
	.custom-card .card-img {
		width: 100%;
		height: 100%;
		object-fit: cover;  /* keeps aspect ratio while filling */
		object-position: center;
	}
}

/*---------- Medium -----------*/
@media (max-width: 991px) {
	.jumbotron {
		min-height: 640px;
	}
	.masonry {
		column-count: 1;
		column-gap: 1rem;
	}
	.home-card-01 {
		height: 650px;
	}
	.home-card-02 {
		height: 400px;
	}
	.home-card-03 {
		height: 400px;
	}
	.home-card-04 {
		height: 700px;
	}
	.home-card-05 {
		height: 300px;
	}
	.cooked-recipe-card-image {
		height: 250px !important;
	}
	.custom-card {
		width: 100%;
		height: 600px; /* full viewport height (adjust if too tall) */
		position: relative;
		overflow: hidden;
	}
	.custom-card .card-img {
		width: 100%;
		height: 100%;
		object-fit: cover;  /* keeps aspect ratio while filling */
		object-position: center;
	}
}

/*---------- Small ------------*/
@media (max-width: 767px) {
	.jumbotron {
		min-height: 460px;
	}
	.home-card-01 {
		height: 450px;
	}
	.home-card-02 {
		height: 300px;
	}
	.home-card-03 {
		height: 330px;
	}
	.home-card-04 {
		height: 480px;
	}
	.home-card-05 {
		height: 200px;
	}
	.footer-cta-tagline {
		font-size: 32px;
		line-height: 42px;
	}
	.logo-footer {
		width: 290px;
	}
	.cooked-recipe-info .cooked-left, 
	.cooked-recipe-info .cooked-right {
		text-align: left !important;
	}
	.heateor_sss_svg {
		width: 80px !important;
	}
	.footnotes-gray {
		margin-bottom: -25px !important;
	}	
	.fs-24 {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	.fs-28 {
		font-size: 22px !important;
		line-height: 28px !important;
	}
	.fs-30 { 
		font-size:24px !important;
		line-height:30px !important;
	}
	.fs-34 { 
		font-size:28px !important;
		line-height:34px !important;
	}
	.fs-38 { 
		font-size:32px !important;
		line-height:38px !important;
	}
	.fs-42 { 
		font-size:36px;
		line-height:42px; 
	}
	.fs-48 {
		font-size: 30px !important;
		line-height: 36px !important;
	}
	p.card-text {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	.cooked-recipe-card-image {
		height: 350px !important;
	}
	.recipe-footer-cta {
		font-size: 28px !important;
		line-height: 34px !important;
	}
	.profile-care {
		margin-top: 90px;
	}
	.img-care-roundel {
		width: 100px !important;
	}
	.custom-card {
		width: 100%;
		height: 600px; /* full viewport height (adjust if too tall) */
		position: relative;
		overflow: hidden;
	}
	.custom-card .card-img {
		width: 100%;
		height: 100%;
		object-fit: cover;  /* keeps aspect ratio while filling */
		object-position: center;
	}

}

/*---------- X-Small ----------*/
@media (max-width: 576px) {
	.jumbotron {
		min-height: 300px;
	}
	.home-card-01 {
		height: 450px;
	}
	.home-card-02 {
		height: 300px;
	}
	.home-card-03 {
		height: 330px;
	}
	.home-card-04 {
		height: 480px;
	}
	.home-card-05 {
		height: 220px;
	}
	.footer-cta-tagline {
		font-size: 32px;
		line-height: 42px;
	}
	.logo-footer {
		width: 290px;
	}
	.cooked-recipe-info .cooked-left, 
	.cooked-recipe-info .cooked-right {
		text-align: left !important;
	}
	.fs-24 {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	.fs-28 {
		font-size: 22px !important;
		line-height: 28px !important;
	}
	.fs-30 { 
		font-size:24px !important;
		line-height:30px !important;
	}
	.fs-34 { 
		font-size:28px !important;
		line-height:34px !important;
	}
	.fs-38 { 
		font-size:32px !important;
		line-height:38px !important;
	}
	.fs-42 { 
		font-size:36px;
		line-height:42px; 
	}
	.fs-48 {
		font-size: 30px !important;
		line-height: 36px !important;
	}
	.recipe-footer-cta {
		font-size: 28px !important;
		line-height: 34px !important;
	}
	p.card-text {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	.cooked-recipe-card-image {
		max-height: 260px !important;
	}
	.profile-care {
		margin-top: 90px;
	}
	.img-care-roundel {
		width: 100px !important;
	}
	.custom-card {
		width: 100%;
		height: 500px; /* full viewport height (adjust if too tall) */
		position: relative;
		overflow: hidden;
	}
	.custom-card .card-img {
		width: 100%;
		height: 100%;
		object-fit: cover;  /* keeps aspect ratio while filling */
		object-position: center;
	}
}