/* 
	File: ~/assets/css/style.css
*/

:root {
    --white: rgba(255, 255, 255, 1);
    --black: rgba(0, 0, 0, 1);
    --variable-collection-brnd-3: rgba(225, 187, 122, 1);
    --variable-collection-brnd-2: rgba(228, 200, 149, 1);
    --variable-collection-brnd-1: rgba(235, 214, 183, 1);
    --variable-collection-new-green: rgba(90, 179, 0, 1);
    --variable-collection-brocelli-green: rgba(22, 128, 64, 1);
    --variable-collection-carrot-orange: rgba(243, 96, 42, 1);
    --variable-collection-cabbage-green: rgba(59, 128, 23, 1);
    --variable-collection-strawberry-red: rgba(224, 62, 59, 1);
    --variable-collection-brnd-4: rgba(255, 241, 218, 1);
}

/* Parent Theme Styles */
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
.navbar.navbar-dark,
.site-footer {
    background-color: #343a40;
}

.site-footer,
.site-footer a {
    color: #6c757d;
}

.bypostauthor{}

/*--------------------------------------------------------------
# Menu / Navigation
--------------------------------------------------------------*/
.dropdown-toggle::after,
.dropup .dropdown-toggle::after,
.dropright .dropdown-toggle::after {
    margin-left: .5em;
}
.dropdown-toggle::after,
.dropdown-toggle::before {
    vertical-align: middle !important;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .357em;
    vertical-align: .357em;
    content: "";
    margin-top: -.28em;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-item.show .dropdown-toggle::after {
    -webkit-transform: translateY(50%) rotate(-135deg);
    transform: translateY(50%) rotate(-135deg);
}


/*--------------------------------------------------------------
# Post/Page Navigation
--------------------------------------------------------------*/
.nav-links {
    margin: 20px 0;
}

.nav-links .btn {
    background-color: #f2f2f2;
}

.page-numbers {
    position: relative;
    display: inline-block;
    padding: .5rem .95rem;
    margin-left: -6px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-numbers:hover{
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-numbers.current{
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-numbers:first-child {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem; 
}

.page-numbers:last-child {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem; 
}

.nav-previous, .nav-next {
    display: inline-block;
}


/*--------------------------------------------------------------
# Images / Gallery
--------------------------------------------------------------*/

/* =Header Image & Site Logo Image == */

.custom-logo {
    width: 140px;
    height: 140px;
    top: 0;
    left: 0;
    object-fit: cover;
}

.wp-custom-header {
    overflow: hidden;
}

.wp-custom-header img {
    width: 100%;
    height: auto;
}


/* =Images ========================= */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
	font-size: 90%;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}
 
.card .wp-post-image {
    height: auto;
}

/* == WP Gallery ====================*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Home / Archives / Front Page
--------------------------------------------------------------*/

.front-page .jumbotron {
    background-size: cover !important;
}

.front-page .jumbotron {
    background-color: #FFF;
}

.front-page .jumbotron .container {
    max-width: 40rem;
}

.front-page .jumbotron {
	border-radius:0;
}

.blog .jumbotron {
    background-size: cover !important;
}

/*--------------------------------------------------------------
# Post/Page
--------------------------------------------------------------*/
.cat-links,
.tags-links,
.entry-date {
    margin-right: 10px;
}

.edit-link {
    display: block;
    margin: 10px 0;
}

.entry-title,
.page-title,
.blog-header h1 {
	word-wrap: break-word;
}

time.updated {
    display: none;
}

.content-area >*,
.comments-area >*,
.widget-area >* {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-list {
    padding-left: 0;
}
.comment-list .comment {
    display: block;
}
.comment-content.card-block {
    padding: 20px;
}
.comment-body .pull-left {
    padding-right: .625rem;
}

.comments-area {
    margin: 40px 0;
}

.comments-title {
    padding-bottom: 20px;
}

.comments-link {
    text-align: right;
    display: block;
}

.comments-title,
.comment-reply-title {
    font-size: 1.5rem;
}

.comment-meta,
.comment-body .card-header h5 {
    font-size: 1rem;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.calendar_wrap table {
    width: 90%;
    text-align: right;
}

.calendar_wrap caption {
    text-align: center;
}

.calendar_wrap tfoot {
    text-align: justify;
}

/* Fonts */

/* old */
@font-face {
	font-family: AtomicDustbin;
	src: url('../fonts/atomic-dustbin.otf');
}
@font-face {
	font-family: BingBong;
	src: url('../fonts/bingbong.ttf');
}
/* new */
@font-face {
	font-family: Brandon;
	src: url('../fonts/Brandon_reg.otf');
}
@font-face {
	font-family: Brandon-Med;
	src: url('../fonts/Brandon_med.otf');
}
@font-face {
	font-family: Brandon-Bold;
	src: url('../fonts/BrandonGrotesque-Bold.otf');
}

/* Body */
body {
	/* Default Background 
	background-image: url('../images/seamless_bg_pattern.png');
	background-repeat: repeat repeat;
	/* background-size: contain; 
	background-position: center;

	/* background: rgb(217,233,192);
	background: linear-gradient(180deg, rgba(217,233,192,1) 0%, rgba(243,243,243,1) 100%); */
	
	/* Default Page Font 
	font-family: Brandon;

	min-height: 100%;
	*/
	background-color: var(--variable-collection-brnd-1);
}

.bold {
	font-weight: bold;
}

/* Header, Menu & Navigation */

/* Header styles */
.site-header {
    width: 100%;
    height: 166px;
    top: 0;
    left: 0;
    background-color: var(--variable-collection-new-green);
    position: fixed;
    z-index: 1030;
    margin-bottom: 0;
}
/* Navbar Container Styles */
.navbar-container {

    height: 140px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.navbar > .navbar-container{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
@media (min-width: 1200px) {
	.navbar-container {
	  max-width: 1559px;
	  width: 100%;
	  margin-left: auto;
	  margin-right: auto;
	}
  }
  

nav .custom-logo {
    width: 210px;
    height: 140px;
    top: 0;
    left: 0;
    object-fit: cover;
}

/* Define the green variable */
:root {
    --variable-collection-new-green: rgba(90, 179, 0, 1);
}

/* Header styles */
nav.navbar.navbar-dark {
    width: 100%;
    height: 166px;
    top: 0;
    left: 0;
    background-color: var(--variable-collection-new-green);
    padding: 0;
    border: none;
    outline: none;
}

nav.navbar.navbar-dark::after {
	/* content: '';
	position: absolute;
	z-index: -1;
	top: 40px;
	left: 0;
	height: 40px;
	width: 100%;
	background-image: url('../images/green-paint-splash-background.png');
	background-size: 170px auto;
	background-repeat: repeat-x; */
}

/* Header - Searchbar (NOT ACTIVE) */
.searchbar {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	justify-content: flex-end;
	margin-left: 5px;
}

.searchbar img.searchbar-icon {
	cursor: pointer;
	height: 24px;
	width: 24px;
	align-self: center;
}

.searchbar .searchbar-text {
	color: white;
	font-family: Brandon;
	font-size: 20px;
	margin-left: 10px;
}

.searchbar #searchbar-input-wrapper {
	display: none;	
	border: 5px solid white;
    border-radius: 5px;
	/* border-image: url('../images/white-searchbar-background.png') 12% stretch;
	-webkit-border-image: url('../images/white-searchbar-background.png') 12% stretch; */
	flex-grow: 1;
	flex-shrink: 1;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
    margin-left: 5px;	
}

.searchbar #searchbar-input-internal-wrapper {
	background-color: white;
	width: 100%;
	height: 100%;
}

.searchbar-input-wrapper #searchbar-input {
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	border: 1px solid white;
    border-radius: 50px;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
}

.searchbar #searchbar-close {
	display: none;
	color: white;
	font-family: AtomicDustbin, BingBong;
	font-size: 22px;
}

#main-navbar-toggler-button {
	border: none;
	padding: 0;
	line-height: unset;
	margin-left: 10px;
}

#main-navbar-toggler-button:active,
#main-navbar-toggler-button:focus,
#searchbar-close:active,
#searchbar-close:focus {
	outline: none !important;
} 

nav.navbar.navbar-dark .navbar-toggler-icon {
	color: white;
	background: none;
	font-family: Brandon;
	font-size: 50px;
	transform: rotate(90deg);
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Header - Searchbar (ACTIVE) */
.searchbar.active img.searchbar-icon {
	display: none;
}

.searchbar.active .searchbar-text {
	cursor: pointer;
}

.searchbar.active #searchbar-input-wrapper {
	display: flex;
}

.searchbar.active #searchbar-close {
	display: flex;
}

/* Header - Collapse Menu / Navigation */
#menu-container {
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	margin-left:auto;
	margin-right:auto;
    z-index: 2;
}

#menu-scroll-wrapper {
  position: relative;
	height: calc(100% + 5px);
	overflow-y: hidden;
	overflow-x: hidden;
	margin-left: -12px;
	margin-right: -12px;
	top: 80px;
	border-radius: 0 0 10px 10px;
}

#menu-wrapper {
	color: white;
	width: 100%;
	height: auto;
	max-height: 100%;
	z-index: -2;
	/* border-radius: 30px; */
}

#main-nav {
	margin-top: 0px;
	width: 100%;	
}

#main-nav.show {
	height: calc(100% + 2px);
}

#main-nav > ul {
	/* margin: -15px;
	border: solid transparent 70px; */
	/* border-image: url('../images/grunge-green-border.png') 10% round;
	-webkit-border-image: url('../images/grunge-green-border.png') 10% round; */
}

#main-nav.collapsing > ul {
	margin: -15px;
}

#main-nav > ul > li {
	font-family: Brandon;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	/* margin-left: -15px;
	margin-right: -15px; */
	background-color:  #86b955;
	padding: 5px 30px;
}

#main-nav > ul > li > a {
	color: white;
	outline: none;
}

#main-nav > ul > li:first-child {
	/* margin-top: -25px; */
}

#main-nav > ul > li:last-child {
	/* margin-bottom: -25px; */
}

#main-nav .dropdown-toggle::after {
	float: right;
	border: none;
	margin-left: 0;
	width: 17px;
	height: 17px;
	margin-top: 3px;
	background-image: url('../images/nav-arrow.png');
	background-size: 17px 17px;
	transform: rotate(0deg);
}

#main-nav .nav-item.show .dropdown-toggle::after {
	transform: rotate(90deg);
}

.ie-nav::after {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	height: auto;
	min-height: 140px;
	background-repeat: no-repeat;
	background-position-x: 0;
	-ms-background-position-x: 0;
	background-position-y: 50px;
	-ms-background-position-y: 50px;
}

#main-nav ul.dropdown-menu {
	background-color: transparent;
	border: none;
	border-radius: none;
	margin: 0;
}

#main-nav ul.dropdown-menu.show {
	position: unset !important;
	transform: unset !important;
}

#main-nav ul.dropdown-menu.show::after {
	/* display: block;
	content: '';
	position: relative;
	background-image: url('../images/separator.png');
	background-repeat: repeat-x;
	background-size: auto;
	width: 100%;
	height: 12px;	 */
} 

#main-nav ul.dropdown-menu li > a.dropdown-item {
	padding: 5px 0px;
	background-color: transparent;
	font-family: Brandon;
	outline: none;
	color: white;
	text-transform: capitalize;
}

.rectangle-social{
	position: absolute;
    width: 100%;
    height: 250px;
    top: 0;
    left: 0;
    background-color: var(--variable-collection-brnd-1);
}

/* ===========================================
 *  SOCIAL MEDIA ICONS
 * =========================================== */
.home-page-container .social-icons {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 20px;
	top: 180px;
	right: 160px;
  }
  
.home-page-container .social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #3B8017;
	font-size: 35px;
	text-decoration: none;
	transition: transform 0.2s ease;
  }
  
.home-page-container .social-icon:hover {
	transform: scale(1.1);
  }

/* Reworked Header */
.squish-nav-desktop .searchbar {
	flex-basis: unset;
}
.squish-search-mobi {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 15px;
}
.desktop-nav {
	display: flex;
	flex-direction: row;
	margin: 0;
	list-style-type: none;
	padding: 0;
}
.desktop-nav li a {
	font-family: Brandon;
	color: #fff;
}

.desktop-nav li ul li a {
	font-family: Brandon;
	color: #86b955;
}
/* Mobile navigation now used for all devices */
.squish-nav-desktop {
	display: none;
}
@media all and (max-width:1200px) {
	.squish-nav-desktop .searchbar.active {
		max-width: 150px;
	}
	.desktop-nav li a {
		padding: 0.5rem;
	}
}

/* Main Content */
#content {
	padding-top: 200px !important;
	overflow: hidden;
}


/* Header Fonts */
h1, .h-default {
	font-family: Brandon-Bold;
    text-align: center;
    text-transform: uppercase;
	color: #fff;
	font-size: 45px;
	font-weight: bold;
	color: black;
	/* line-height: 30px; */
	margin-bottom: 25px;
}

h2, .h-paint-splash {
	font-family: Brandon;
    text-align: center;
	background-color: #86b955;
	color: white;
	font-size: 38px;
	font-weight: bold;
	height: auto;
	padding: 10px 5px;
	width: 100%!important;
	display: inline-block;
	line-height: 40px;
	border-radius: 5px;
	margin-bottom: 25px;
}

/* Temporary Workaround */
h2 > a {
	color: white;
}

h2 > a:hover {
	text-decoration: none;
	color: white;
}

h3, .h-basic {
	font-family: Brandon-Bold;	
	text-align: center;
	font-size: 48px;
	font-weight: bold;
	color: black;
	background: unset;
	min-height: unset;
	padding-top: unset;
	padding-bottom: unset;
}

/* Font Styles */
.font-atomic { font-family: AtomicDustbin, BingBong; }
.font-bingbong { font-family: BingBong; }
/* New */
.font-brandon { font-family: Brandon; }
.font-brandon-bold { font-family: Brandon-Bold; }

/* Anchor Styles */
a:active,
a:focus,
a:hover {
	text-decoration: none !important;
}

a:hover {
	cursor: pointer;
}

/* Colors */
.primary, .green { color: #86b955; }

/* Paragraphs */
p {
	font-family: Brandon; 
	font-size: 20px; 
	line-height: 28px;
}
p.note {
	font-family: Brandon;
	color: #86b955; } 

.bold { 
	font-weight: bold;
}

/* Layout Helpers */
.clean-col { padding: 0; }
.hidden { display: none; }

/* Containers & Content */
.default-container,
.almond-container {	
    text-align: center;
}

.default-container > .row > .col,
.almond-container > .row > .col {
	padding: 2em 1em;
}

/* Content */
.content p {
	padding-left: 10%;
    padding-right: 10%;
}

.content p span {
	font-family: Brandon;
}

.content .wp-block-quote > p {
	font-family: Brandon;
	font-size: 1.2em;
	font-weight: bold;
}

.content ul { 
	list-style: none;
	padding-left: 0;
}

.content ul > li {
	text-align: center;
}

.content ul > li > a {
	color: black;
	display: inline-block;
	font-size: 1.4em;
	font-weight: 500;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

.content .squish-table {
	margin-top: 3rem;
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.content .squish-table .nav.nav-tabs {
	border: 0;
}

.content .squish-table .nav-item {
	margin-bottom: -5px;
}

.content .squish-table .nav-link {
	font-family: Brandon-Bold;
	font-size: 20px;
	color: black;
    height: 60px;
    width: 175px;
    line-height: 40px;
	text-align: center;
	font-weight: bold;
}

.content .squish-table .nav-link.active {
	/* background-image: url('../images/background.jpg'); */
	background-color: #f3f3f3;
    color: black;
    /* background-color: transparent; */
    border-color: transparent;
    border-radius: 5px 5px 0 0;
}

.content .squish-table .tab-arrow {
	background-image: url('../images/read-more-arrow.png');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    float: left;
    /* transform: rotate(-90deg); */
    margin-top: 10px;
}

.content .squish-table .tab-content {
	/* background-image: url('../images/background.jpg'); */
	background-color: #f3f3f3;
    background-size: cover;
    padding: 10px;
    border-radius: 0 5px 5px 5px;
}

.content .squish-table .tab-content span {
	white-space: pre-line;
	font-family: Brandon;
	font-size: 20px;
}

.content .squish-table .tab-content .row:nth-child(odd) {
	padding: 10px;
    margin: 0;
    /* border: 1px solid black; */
    border-radius: 5px;
}

.content .squish-table .tab-content .row:nth-child(even) {
	padding: 10px;
    margin: 0;
    background-color: #f3f3f3;
    border-radius: 5px;
}

.content .squish-table .tab-content .tab-pane-basic .row:nth-child(odd) {
	border: none !important;
	border-radius: unset !important;	
}

.content .squish-table .tab-content .tab-pane-basic .row:nth-child(even) {
	background-color: transparent !important;
	border-radius: unset !important;
}

.content form {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.content form li {
	text-align: left;
}

.content form label {
	font-weight: 200 !important;
}

.content form input,
.content form textarea {
	border: solid black 1px;
	border-radius: 3px;
	background-color: transparent;
}

.content form input[type="submit"] {
	font-size: 1.2em !important;
	width: 200px !important;
	border: unset;
	border-radius: 10px;
	background-color: #86b955;
	display: inline-block;
	/* background-image: url('../images/green-paint-splash-background.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;	 */
	height: 60px;
	color: white;
	font-family: Brandon;
	text-transform: uppercase;
	/* padding-bottom: 8px; */
}

.content form p {
	padding-left: 0;
	padding-right: 0;
}

.content .page-break-pagination {
	font-family: BingBong;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: -5px;
	margin-right: -5px;
}

.content .page-break-pagination .page-break-pagination-separator {
	display: inline-block;
	width: 50%;
}

.content .page-break-pagination a {
	color: black;
	font-size: 1.4em;
	font-weight: 400;
	text-transform: capitalize;
	text-decoration: none;
	outline: none;
}

.content .page-break-pagination a:active,
.content .page-break-pagination a:hover,
.content .page-break-pagination a:focus {
	color: #86b955;
	outline: none;
}

.content .arrow-list-links {
	max-width: 400px;
    width: 100%;
    margin: 0 auto;
}
.content .arrow-list-links li {
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
}
.content .arrow-list-links li::before {
    content: '';
    width: 35px;
    height: 25px;
    position: absolute;
    background-image: url('../images/green-arrow.png');
    background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.content .arrow-list-links li a:hover {
	color: #86b955;
}

.archive-entry-content-link p {
	color: black;
	text-decoration: none;
}

.archive-entry-content-link:hover {
	text-decoration: none;
}

.archive-entry-content-link img {
	max-width: 300px;
	margin-bottom: 25px;
}

/* Default Content */
.default-container .default-content-container {
	/* border: solid transparent 50px;
	border-image: url('../images/default-border.png') 25% round;
	-webkit-border-image: url('../images/default-border.png') 25% round; */
}

.default-container .default-content-container > .default-content {
	/* margin: -25px; */
	background-color: white;
	border-radius: 10px;
	padding: 30px;
	font-family: Brandon;
}

/* Almond Content */
.almond-container .almond-content {
	display: flex;
	/* background-color: white;
	border-radius: 10px; */
    /* border: solid transparent 70px;
    border-image: url('../images/grunge-border-colored.png') 10% round;
    -webkit-border-image: url('../images/grunge-border-colored.png') 10% round; */
}

.almond-container .almond-content .almond-content-wrapper {
	margin: -35px;
	background-color: white;
	border-radius: 10px;
	padding: 30px;
}

/* White Content */
.white-container .white-content {
	width: 100%;
    margin: 0 auto;
    /* border: solid transparent 50px;
	border-image: url('../images/grunge-border.png') 15% round;
	-webkit-border-image: url('../images/grunge-border.png') 15% round; */
}

.white-container .white-content .white-content-wrapper {
	/* width: calc(100% + 50px);
	height: calc(100% + 50px); */
	background-color: #fff;
	/* margin: -25px; */
	border-radius: 10px;
    padding: 30px;
}

/* 
 * Footer
 */
#squish-footer {
	margin-top: 40px;
    bottom: 0;
	width: 100%;
	min-height: 270px;
	background: white;
}

#footer {
	padding-top: 40px;
}

/* #foot-divider {
    background-image: url('../images/separator.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 12px;
} */

#squish-footer .footer-txt {
	font-size: 14px;
	width: 100%;
	font-weight: bold;
}

.footer-tc {
	width: 100%;
	display: block;
	font-weight: bold;
	font-size: 16px;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.social-icon {
	max-width: 40px;
	max-height: 40px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

.link-row {
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

/* Other */
.link-column > a {
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.link-column > a:active,
.link-column > a:focus,
.link-column > a:hover { 
	outline: none;
}
.jelly-image img {
	width: 100%;
	height: 100%;
}
.not-found-txt {
	color: #86b955;
}

/* Page Specific */

/* Page - Home */
.home-page-container a {
    text-decoration: none;
}

.default-white-wrap {
    height: auto;
    display: flex;
    flex-direction: column;

    /* border: solid transparent 70px; */
    /* border-image: url("../images/grunge-border.png") 10% round;
    -webkit-border-image: url("../images/grunge-border.png") 10% round; */
}

.default-inner-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
    /* margin: -35px; */
	background-color: #fff;
	border-radius: 10px;
}

.default-white-wrap-less {
	height: 465px;
}

.default-white-wrap-colored {
    display: flex;
    border: solid transparent 70px;
    border-image: url("../images/grunge-border-colored.png") 10% round;
    -webkit-border-image: url("../images/grunge-border-colored.png") 10% round;
}

.default-inner-wrap-colored {
    margin: -35px;
    background-color: #f4e7d7;
}

.left-col-img {
    max-height: 337px;
    max-width: 337px;
}

.right-col-img {
    max-height: 402px;
    max-width: 337px;
}

#wrap-text {
    text-align: center;
    margin-top: 20px;
}

.divider {
    background-image: url('../images/separator.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 12px;
}

.ele-img {
    max-height: 283px;
    max-width: 285px;
}

.guava-img {
    max-height: 172px;
    max-width: 212px;
}

.birdie-img {
    max-height: 172px;
    max-width: 262px;
}

.pop-img {
    max-height: 172px;
    max-width: 128px;
}

.spoon-img {
    max-height: 172px;
    max-width: 254px;
}

#sixmonth-img {
    background-image: url('../images/from6months.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 117px;
    width: 132px;
    float: left;
}

#ilb {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    margin: 0 auto;
    max-width: 665px;
    width: 100%;
}

.product-border-override {
    display: flex;
    flex-direction: column;
    justify-content: center;
	height: 492px;
	background-color: white;
	border-radius: 10px;
    /* border: solid transparent 70px !important;
    border-image: url('../images/default-border.png') 10% round !important;
    -webkit-border-image: url('../images/default-border.png') 10% round !important; */
}

.product-title {
	font-family: Brandon-Bold;
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
}

.product-image {
	padding: 0 40px;
}

.product-image-block {
	/* display: flex;
    flex-direction: row; */
    max-width: 685px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.product-image-block p {
	padding: 0;
}

/* Featured Carousel */
.featuredInner {
	width: 100%;
    max-height: 550px;
    height: 100%;
}
.carousel-image {
	border-radius: 10px;
    padding-left: 5px;
}

/* Puree Carousel */
#pureeCarousel .img-fluid {

}


.pureeInner {
    max-width: 275px;
    margin: 0 auto;
}

.pureeInner .carousel-control-prev {
    left: -25px;
}

.pureeInner .carousel-control-next {
    right: -25px;
}

.pureeInner .bi-chevron-left, .pureeInner .bi-chevron-right {
	fill: black;
    width: 30px;
    height: 30px;
    font-weight: bold;
    /* background-image: url('../images/slider-arrow-right.png');
    width: 30px;
    height: 30px; */
}

.pureeInner .carousel-control-prev-icon {
    /* background-image: url('../images/slider-arrow-left.png');
    width: 30px;
    height: 30px; */
}

.pureeInner .carousel-item {
    margin: 0 auto;
}

.innerOverride {
    max-width: 450px!important;
}

.mt20 {
    margin-top: 20px;
}

#recipeRow {
	margin-top: -40px;
	height: unset !important;
}

#recipeRow .default-inner-wrap {
	padding: 30px 0;
}

#featuredCarousel .carousel-control-next, #featuredCarousel .carousel-control-prev {
	width: 5%;
}
#featuredCarousel .carousel-control-next {
	/* right: -16px */
} 
#featuredCarousel .carousel-control-prev {
	/* left: -25px; */
}

.featured-content-col {
    justify-content: space-between;
    padding: 60px 20px;
}

.rec-txt {
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
    display: block;
	text-align: center!important;
	font-family: Brandon;
	font-size: 45px;
	font-weight: bold;	
    line-height: 52px;
}

.recipe-box {
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
}
.recipe-box:hover .recipe-txt {
	color: #86b955;
}

.recipe-box .recipe-img {
	/* width: 328px;
	height: 274px; */
}

.recipe-txt {
	font-family: Brandon;
	font-size: 20px;
	font-weight: bold;
	text-align: center!important;
	color: black;
	margin-bottom: 20px;
    margin-top: 10px;
}

.featured-description p {
	font-family: Brandon;
	font-size: 20px;
	margin: 0;
}

.bi-chevron-left, .bi-chevron-right {
	fill: black;
    width: 30px;
    height: 30px;
    font-weight: bold;
    /* stroke: black; */
}

.learn-more-link {
	font-family: Brandon;
	font-size: 25px;
	color: white;
	background-color: #86b955;
	padding: 10px 60px;
    border-radius: 25px;
}

.learn-more-link:hover {
	color: white;
}

.recipeInner {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}

.butterBowl {
    max-width: 235px;
    max-height: 308px;
}

.lion-img {
    display: block;
    margin: 0 auto;
    max-width: 285px;
    max-height: 308px;
}

.weaning-img {
    max-width: 348px;
    max-height: 308px;
}

.pears-img {
    max-width: 194px;
    max-height: 260px;
}

.squish-tip {
    max-width: 325px;
    max-height: 260px;
}

.food-journey-col {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.journey-links {
	font-family: Brandon-Bold;
	font-size: 20px;
	font-weight: bold;
    color: #212529!important;
	margin-bottom: 30px;
}

.journey-links h4 {
	font-size: 20px;
}
.journey-links span {
	font-size: 20px;
}

.journey-links:hover {
    color: #86b955!important;
}

.recipe-headings {
    font-size: 22px !important;
}

.article-box {
    display: flex;
    flex-direction: column;
	justify-content: flex-end;
	height: 572px;
	width: 100%;
	background-color: white;
	border-radius: 10px;
	border: none;
}

.article-box .card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* overflow: hidden; */
}

.article-img {
	border-radius: 10px;
}

.article-excerpt {
	font-family: Brandon;
	font-size: 20px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.article-title {
    font-family: Brandon-Bold;
    font-size: 24px;
    margin-bottom: 22px;
}

.article-link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: black;
    font-weight: bold;
    margin-top: 11px;
}

.article-link img {
	margin-right: 5px;
}

#recipeCarousel .wp-block-image {
    display: block;
    margin: 0 auto;
    max-width: 90%;
}

#recipeCarousel .carousel-control-prev {
    width: 3%;
} 

#recipeCarousel .carousel-control-next {
    width: 3%;
}
#recipeCarousel {
    max-width: unset !important;
	width: 100%;
	padding: 0 20px;
}

.carrot-top {
	/* height: 105px; */
	height: 105px !important;
}

/* Page - Our Range */
#range-wrap {
    margin: 0 !important;
	width: 100%;
	padding: 30px;
	flex-direction: column;
}

.range-item-link {
    color: #212529;

}
.range-item-link:hover {
    text-decoration: none;
}
.range-item-link h4 {
	font-family: Brandon-Bold;
	font-size: 24px;
}
.tax-range-heading-content {
	max-width: 780px;
	margin: 0 auto;
	font-family: Brandon;
	font-size: 20px;
	padding: 20px 0;
}
.tax-range-heading-content p {
	text-align: center;
}
/*  */
.puree-type-sub {
	font-family: Brandon-Bold;
	font-size: 38px;
	color: #86b955;
	margin-bottom: 20px;
}
.puree-type-sub-div {
	background-color: #86b955;
	height: 2px;
	width: 215px;
}

/* Page - Product Item */
.ingredient-container {
    margin-top: 3rem;
}

.table-heading {
    font-size: 1rem;
}

.product-heading-row, .product-item-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sub-txt {
    font-size: 0.9rem!important;
}

.back-to-range {
	font-family: Brandon-Bold;
	font-size: 24px;
	line-height: 16px;
	color: black;
}
.back-to-range:hover {
	color: #86b955;
}

/* Page - Purees */
.puree-archive-heading {
	max-width: 840px;
	width: 100%;
	margin-bottom: 20px;
}
.puree-archive-heading span {
	font-family: Brandon;
	font-size: 20px;
}
.purees-filter-link {
    text-decoration: none;
    color: #212529;
    font-size: 26px;
}

.purees-filter-link:hover {
    text-decoration: none;
    color: #86b955 !important;
}

.purees-filter-link.active {
	font-weight: bold !important;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.pink-heading {
	color: #d83294;
}

/* Page - Our Promise to You */
.page-template-template-our-story h3 {
	font-size: 2.8em !important;
}

/* Page - Blog Archive */
.blog-archive-container .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.blog-archive-container .row > [class="col-"] {
	display: flex;
	flex-direction: column;
}

.blog-archive-container .white-container,
.blog-archive-container .white-container .white-content {
	height: 100%;
}

.blog-archive-container a {
	color: black;
	text-decoration: none;
}

.blog-archive-container a:hover {
	color: black;
	text-decoration: none;
}

.blog-archive-container .blog-archive-item {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-height: 570px;
	height: 100%;
}

.blog-archive-container .blog-archive-item .blog-archive-title {
	font-family: Brandon-Bold !important;
	font-size: 24px !important;
	line-height: 30px !important;
	color: black !important;
	text-align: center;
	margin-bottom: 30px;
}

.blog-archive-container .blog-archive-item p {
	font-family: Brandon;
	font-size: 20px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.blog-archive-container .blog-archive-item .wp-block-image img {
	max-height: 175px;
}

.blog-archive-container .blog-archive-item .read-more {
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
	width: 100%;
	text-align: center;
	font-family: Brandon-Bold;
	font-size: 20px;
	line-height: 28px;
}

.blog-archive-container .blog-archive-item .read-more::before {
	background-image: url('../images/read-more-arrow.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
	width: 15px;
	height: 15px;
}

.blog-archive-container .blog-archive-item .read-more img {
	width: 15px;
	height: auto;
	margin-right: 5px;
}

.blog-single {
	padding: 30px;
}

.blog-single .blog-title {
	font-family: Brandon-Bold;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}

.blog-single .blog-content {
	font-family: Brandon;
	font-size: 20px;
	line-height: 28px;
}

.blog-back-link {
	font-family: Brandon;
	font-size: 20px;
	line-height: 28px;
	color: black;
	margin-bottom: 30px;
}

#blog-sidebar .widget .widget-title {
	font-family: Brandon-Bold;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

#blog-sidebar .widget ul li a {
	font-family: Brandon-Bold;
	font-size: 16px;
	line-height: 26px;
}

#blog-sidebar .widget ul li .post-date {
	display: none;
}

.blog-filters {
	max-width: 315px;
    width: 100%;
}

.blog-filter-link {
    text-decoration: none;
    color: #212529;
    font-size: 20px;
}

.blog-filter-link:hover {
    text-decoration: none;
    color: #86b955 !important;
}

.blog-filter-link.active {
	font-weight: bold !important;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
/* Recipes */
.recipe-filters {
	max-width: 380px;
    width: 100%;
}

.recipe-filter-link {
    text-decoration: none;
    color: #212529;
    font-size: 20px;
}

.recipe-filter-link:hover {
    text-decoration: none;
    color: #86b955;
}

.recipe-filter-link.active {
	font-weight: bold !important;
	/* text-decoration: underline; */
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.recipes-archive-container a {
	color: black;
	text-decoration: none;
}

.recipes-archive-container a:active,
.recipes-archive-container a:focus,
.recipes-archive-container a:hover {
	color: #86b955;
	outline: none;
}

#recipe-filter .recipe-archive-item {
	text-align: center;
}
#recipe-filter .recipe-archive-item .recipe-archive-title {
	font-family: Brandon-Bold;
	font-size: 20px;
}

.cooking-tip-heading {
	font-family: Brandon-Bold;
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 10px;
}

/* Terms & Conditions | Privacy Policy */
.conditions-header {
	font-family: AtomicDustbin, BingBong;
	font-size: 28px;
	color: #86b955;
	margin-top: 20px;
	margin-bottom: 20px;
}

.conditions-list {
	text-decoration: none;
    margin: 0 auto;
	max-width: 775px;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 30px;
}

.conditions-list li {
	text-align: left!important;
}

/* Adventure Stories Page */
.character-titles {
	font-size: 28px !important;
	font-weight: bold !important;
	color: #86b955 !important;
	text-transform: uppercase !important;
}

.max-box-width {
	max-width: 685px !important;
}

.puree-filters {
	max-width: 360px;
	width: 100%;
}

.back-to-weaning {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px;
	font-family: Brandon-Bold;
	font-size: 24px;
	line-height: 16px;
	color: black;
}
/* a > h1 {
	color: white;
	text-decoration: none;
}

.recipes-taxonomy-archive-container a:active > h1,
.recipes-taxonomy-archive-container a:focus > h1,
.recipes-taxonomy-archive-container a:hover > h1 {
	color: white;
	outline: none;
} */

/* Breakpoints (Media Queries) */

@media all and (max-width: 1600px) {
	.home-page-container .frame {
		left: 50%;
	}

	.home-page-container .box .special {
		left: 1330px;
		width: 285px;
		height: 290px;
		top: 930px;
	}

	.home-page-container .box .special-2{
		width: 480px;
		height: 440px;
		top: 780px;
		left: -219px;
	}

	.home-page-container .box .group{
		width: 130px;
		height: 100px;
		top: 1800px;
		left: 46px;
	}

	.home-page-container .box .img{
		width: 200px;
		height: 240px;
		left: 70px;
	}

	.home-page-container .box .group-5{
		width: 200px;
		height: 222px;
		top: 3190px;
		left: 1373px;
	}

	.home-page-container .box .banana {
		width: 226px;
		height: 360px;
		top: 620em;
		left: 20px;
	}

	.home-page-container .box .overlap-group{
		left: 0;
		width: 90%;
		height: 789px;
		top: 120px;
		margin-bottom: 60px;
	}

	.home-page-container .box .manifesto{
		width: 90%;
	}

	.home-page-container .box .play{
		top: 200px;
		left: 500px;
	}

	.home-page-container .food-section .overlap-group-wrapper{
		left: 90px;
	}

	.home-page-container .box .group-2{
		top: 6540px;
		left: 1290px;
	}

	.home-page-container .box .carrot{
		top: 369em;
	}

	.home-page-container .box .group-3{
		width: 282px;
		height: 460px;
		top: 11702px;
		left: 1234px;
	}

	.home-page-container .box .special-3{
		width: 460px;
		height: 440px;
		top: 15860px;
		left: 1088px;
	}

	.home-page-container .box .group-4{
		width: 200px;
		height: 195px;
		top: 15885px;
		left: 20px;
	}

	.food-section{
		height: 757em;
	}
}

@media all and (max-width: 1320px) { 
	.home-page-container .frame {
		width: 95%;
		max-width: 1200px;
	  }
	  .box .overlap-group {
        max-width: 1200px;
    }
    
    .box .manifesto {
        max-width: 1200px;
    }
    
    .box .mask-group {
        width: 95%;
        max-width: 1200px;
    }
}
@media all and (max-width: 1280px) { 
	.home-page-container .box .special-2 {
        width: 480px;
        height: 440px;
        top: -2212px;
        left: -219px;
    }

	.home-page-container .box .special {
        left: 1130px;
        width: 285px;
        height: 290px;
        top: -2100px;
    }

	.home-page-container .box .group {
        width: 130px;
        height: 100px;
        top: -1200px;
        left: 10px;
    }

	.home-page-container .box .img {
        width: 130px;
        height: 160px;
        left: 50px;
        top: -630px;
    }

	.home-page-container .box .group-5 {
        width: 200px;
        height: 222px;
        top: -450px;
        left: 1126px;
    }

	.home-page-container .box .carrot {
        top: 120em;
    }

	.home-page-container .box .group-2 {
        width: 270px;
        top: 2656px;
        left: 1100px;
    }

	.home-page-container .box .banana {
        width: 226px;
        height: 360px;
        top: 340em;
        left: 20px;
    }

	.home-page-container .box .group-3 {
        width: 250px;
        height: 390px;
        top: 7120px;
        left: 1023px;
    }

	.home-page-container .box .group-4 {
        width: 180px;
        height: 170px;
        top: 11174px;
        left: 20px;
    }

	.home-page-container .box .special-3 {
        width: 400px;
        height: 400px;
        top: 11155px;
        left: 957px;
    }

	.home-page-container .frame {
		width: 90%;
		max-width: 900px;
		padding: 70px 50px;
		gap: 60px;
	  }
	  
	  .home-page-container .rectangle-2 {
		height: 1060px;
		width: 100%;
	  }
	  
	  .home-page-container .frame-2 {
		width: 100%;
		max-width: 750px;
		gap: 50px;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 100px;
		line-height: 90px;
		height: auto;
		margin-top: 0;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 40px;
		line-height: 52px;
		height: auto;
	  }
	  
	  .home-page-container .learn-button {
		width: 450px;
		height: 100px;
		margin-bottom: 0;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 48px;
		line-height: 60px;
	  }


	.home-page-container .social-icons{
		top: 170px;
		right: 50px;
	}

	.home-page-container .frame {
		padding: 50px 30px;
        gap: 40px;
        position: absolute;
		top: 680px;
        max-width: 1300px;
        height: 100em;
	  }
	  
	  .home-page-container .frame-2 {
		width: 100%;
		gap: 35px;
		height: auto;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 65px;
		line-height: 60px;
		height: auto;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 28px;
		line-height: 36px;
	  }
	  
	  .home-page-container .learn-button {
		width: 320px;
		height: 75px;
		border-radius: 37px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 32px;
		line-height: 42px;
	  }

	  nav.navbar.navbar-dark .navbar-toggler-icon {
		font-size: 30px;
	}

	.home-page-container .box {
        margin-top: 92em;
    }

	.home-page-container .box .mask-group-3 {
        top: 0px;
        width: 100%;
        height: auto;
	}
    
    .home-page-container .box .manifesto {
		top: 12em;
        width: 88%;
    }
    
    .home-page-container .box .mask-group {
        top: 31em;
        width: 100%;
    }
    
    .home-page-container .box .overlap-group {
		height: 640px;
        border: 10px solid;
        border-color: var(--variable-collection-cabbage-green);
        top: -440px;
        width: 88%;
    }
    
    .home-page-container .box .play {
        width: 160px;
        height: 160px;
        top: 180px;
        border: 4px solid #a8a8a8;
        left: 28em;
    }
    
    .home-page-container .box .polygon {
		width: 70px;
        height: 70px;
        top: 40px;
        left: 50px;
    }
    
    .home-page-container .box .manifesto-product {
        height: 70px;
    }
    
    .home-page-container .box .manifesto-text {
        font-size: 60px;
    }

	nav .squish-text-logo {
		max-height: 55px;
	}

	.home-page-container .food-section {
		width: 100%;
        top: -27rem;
        height: 657em;
    }

	.home-page-container .food-section .div-wrapper{
		width: 100%;
		height: 90px;
	}

	.home-page-container .food-section .text-wrapper-2{
		width: 100%;
		left: 0px;
		font-size: 50px;
	}

	.home-page-container .food-section .text-wrapper-3{
		width: 100%;
		left: 0px;
		font-size: 50px;
	}

	.home-page-container .food-section .overlap-group-wrapper{
        width: 90%;
        left: 65px;
        top: 315px;
	}

	.home-page-container .food-section .overlap-2{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .frame-3{
		width: 100%;
		height: 964px;
		top: auto;
		left: 0;
	}

	.home-page-container .food-section .frame-4{
		top: 1160px;
	}

	.home-page-container .food-section .group-3{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .group-4{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .summer-3{
        width: 60%;
        left: 200px;
	}

	.home-page-container .food-section .chevron-left-4{
		left: auto;
	}

	.home-page-container .food-section .overlap-wrapper{
		top: 1330px;
	}

	/* blog section */
	.home-page-container .food-section .mask-group-2{
		top: 2170px;
	}

	.home-page-container .food-section .blogs-wrapper{
		top: 2000px;
	}

	.home-page-container .food-section .blog{
		width: 100%;
		height: auto;
		top: 300px;
	}

	.home-page-container .food-section .adobestock{
		width: 100%;
		height: auto;
	}

	.home-page-container .food-section .group-5{
		width: 100%;
		left: 0px;
		height: 260px;
	}

	.home-page-container .food-section .overlap-group-3{
		width: 100%;
		height: auto;
	}

	.home-page-container .food-section .article-title{
		width: 100%;
		font-size: 40px;
	}

	.home-page-container .food-section .p{
		width: 100%;
		font-size: 30px;
		left: 0;
		text-align: center;
	}

	/* foodjourney section */
	.home-page-container .food-section .mask-group-4{
		height: auto;
		top: 5567px;
	}

	.home-page-container .food-section .group-wrapper{
		top: 5750px;
	}

	.home-page-container .food-section .journey{
		width: 100%;
	}

	.home-page-container .food-section .group-6{
		width: 100%;
	}

	.home-page-container .food-section .frame-5{
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-journey{
		margin-top: -10px;
	}

	/* cottages section */
	.home-page-container .food-section .mask-group-5{
		height: auto;
		top: 8100px;
	}

	.home-page-container .food-section .group-13{
		top: 8290px;
	}

	.home-page-container .food-section .frame-wrapper{
		width: 100%;
	}

	.home-page-container .food-section .frame-6{
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-13{
		font-size: 160px;
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-14{
		width: 100%;
		font-size: 26px;
	}
}
@media all and (max-width: 1024px) {
	/* Content */
	.content .squish-table {
		width: 80%;
	}

	.home-page-container .box .special-2 {
		width: 350px;
        height: 320px;
        top: -1906px;
        left: -160px;
    }
	.home-page-container .frame {
		width: 90%;
		max-width: 900px;
		padding: 70px 50px;
		gap: 60px;
	  }
	  
	  .home-page-container .rectangle-2 {
		height: 830px;
		width: 100%;
	  }
	  
	  .home-page-container .frame-2 {
		width: 100%;
		max-width: 750px;
		gap: 50px;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 100px;
		line-height: 90px;
		height: auto;
		margin-top: 0;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 40px;
		line-height: 52px;
		height: auto;
	  }
	  
	  .home-page-container .learn-button {
		width: 450px;
		height: 100px;
		margin-bottom: 0;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 48px;
		line-height: 60px;
	  }


	.home-page-container .social-icons{
		top: 170px;
		right: 10px;
	}

	.rectangle{
		height: 12px;
	}

	.home-page-container .frame {
		padding: 50px 30px;
        gap: 40px;
        position: absolute;
        top: 580px;
        height: 81em;
	  }
	  
	  .home-page-container .frame-2 {
		width: 100%;
		gap: 35px;
		height: auto;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 65px;
		line-height: 60px;
		height: auto;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 28px;
		line-height: 36px;
	  }
	  
	  .home-page-container .learn-button {
		width: 320px;
		height: 75px;
		border-radius: 37px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 32px;
		line-height: 42px;
	  }

	  nav.navbar.navbar-dark .navbar-toggler-icon {
		font-size: 30px;
	}

	.home-page-container .box {
        margin-top: 76em;
    }

	.home-page-container .box .mask-group-3 {
        top: 0px;
        width: 100%;
        height: auto;
	}
    
    .home-page-container .box .manifesto {
		top: 12em;
        width: 88%;
    }
    
    .home-page-container .box .mask-group {
        top: 31em;
        width: 100%;
    }
    
    .home-page-container .box .overlap-group {
		height: 510px;
        border: 10px solid;
        border-color: var(--variable-collection-cabbage-green);
        top: -310px;
        width: 88%;
    }
    
    .home-page-container .box .play {
		width: 160px;
        height: 160px;
        top: 125px;
        border: 4px solid #a8a8a8;
        left: 22em;
    }
    
    .home-page-container .box .polygon {
		width: 70px;
        height: 70px;
        top: 40px;
        left: 50px;
    }
    
    .home-page-container .box .manifesto-product {
        height: 70px;
    }
    
    .home-page-container .box .manifesto-text {
        font-size: 60px;
    }

	nav .squish-text-logo {
		max-height: 55px;
	}

	.home-page-container .food-section {
		width: 100%;
        top: -17rem;
        height: 657em;
    }

	.home-page-container .food-section .div-wrapper{
		width: 100%;
		height: 90px;
	}

	.home-page-container .food-section .text-wrapper-2{
		width: 100%;
		left: 0px;
		font-size: 50px;
	}

	.home-page-container .food-section .text-wrapper-3{
		width: 100%;
		left: 0px;
		font-size: 50px;
	}

	.home-page-container .food-section .overlap-group-wrapper{
        width: 90%;
        left: 40px;
        top: 280px;
	}

	.home-page-container .food-section .overlap-2{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .frame-3{
		width: 100%;
		height: 964px;
		top: auto;
		left: 0;
	}

	.home-page-container .food-section .frame-4{
		top: 1160px;
	}

	.home-page-container .food-section .group-3{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .group-4{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .summer-3{
        width: 60%;
        left: 200px;
	}

	.home-page-container .food-section .chevron-left-4{
		left: auto;
	}

	.home-page-container .food-section .overlap-wrapper{
		top: 1290px;
	}

	/* blog section */
	.home-page-container .food-section .mask-group-2{
		top: 2170px;
	}

	.home-page-container .food-section .blogs-wrapper{
		top: 2000px;
	}

	.home-page-container .food-section .blog{
		width: 100%;
		height: auto;
		top: 300px;
	}

	.home-page-container .food-section .adobestock{
		width: 100%;
		height: auto;
	}

	.home-page-container .food-section .group-5{
		width: 100%;
		left: 0px;
		height: 260px;
	}

	.home-page-container .food-section .overlap-group-3{
		width: 100%;
		height: auto;
	}

	.home-page-container .food-section .article-title{
		width: 100%;
		font-size: 40px;
	}

	.home-page-container .food-section .p{
		width: 100%;
		font-size: 30px;
		left: 0;
		text-align: center;
	}

	/* foodjourney section */
	.home-page-container .food-section .mask-group-4{
		height: auto;
		top: 5500px;
	}

	.home-page-container .food-section .group-wrapper{
		top: 5680px;
	}

	.home-page-container .food-section .journey{
		width: 100%;
	}

	.home-page-container .food-section .group-6{
		width: 100%;
	}

	.home-page-container .food-section .frame-5{
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-journey{
		margin-top: -10px;
	}

	/* cottages section */
	.home-page-container .food-section .mask-group-5{
		height: auto;
		top: 8040px;
	}

	.home-page-container .food-section .group-13{
		top: 8180px;
	}

	.home-page-container .food-section .frame-wrapper{
		width: 100%;
	}

	.home-page-container .food-section .frame-6{
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-13{
		font-size: 110px;
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-14{
		width: 100%;
		font-size: 18px;
	}
}

@media all and (max-width: 992px) {
	/* Page - Home */
	.left-col-img, .right-col-img {
		display: block;
		margin: 0 auto;
	}
	.pears-img {
		display: block;
		margin: 0 auto;
		float: none!important;
	}
	.guava-img, .ele-img, .spoon-img, .pop-img, .birdie-img {
		display: block;
		margin: 0 auto;
	} 
	#fruitvegrow {
		margin-top: 20px;
	}
	.our-food-header {
		padding: 0;
	}
	.default-container {
		padding: 0;
	}
	.ofh-juices {
		margin-top: 40px;
	}
	.article-cols:not(:first-child) {
		margin-top: 40px;
	}
	.default-white-wrap-less {
		height: unset;
	}
	.food-journey-col {
		margin-top: 30px;
		height: auto;
	}
	.default-inner-wrap {
		flex-direction: column !important;
	}
	#range-wrap {
		flex-direction: column !important;
	}
	.content .squish-table .tab-arrow {
		background-size: 15px 15px;
		width: 15px;
		height: 15px;
		margin-top: 16px;
	}
	.content .squish-table {
		width: 100%;
	}
	#blog-sidebar {
		margin-top: 30px;
	}
	.featuredInner {
		width: 100%;
		max-height: unset;
		height: 100%;
	}

	.home-page-container .frame {
		width: 95%;
		padding: 60px 40px;
		gap: 50px;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 85px;
		line-height: 80px;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 36px;
		line-height: 46px;
	  }
	  
	  .home-page-container .learn-button {
		width: 400px;
		height: 90px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 42px;
		line-height: 54px;
	  }

	  .box {
        margin-top: 110em;
    }
    
    .box .manifesto {
        top: 45em;
    }
    
    .box .mask-group {
        top: 41em;
        width: 95%;
    }
    
    .box .overlap-group {
        height: 650px;
    }
    
    .box .play {
        width: 280px;
        height: 280px;
        top: 185px;
        border-radius: 140px;
    }
    
    .box .polygon {
        width: 140px;
        height: 140px;
        top: 65px;
        left: 65px;
    }
    
    .box .manifesto-product {
        height: 80px;
    }
} 

@media (max-width: 767.98px) {
	.home-page-container .social-icons{
		top: 84px;
		right: 20px;
		width: 30%;
		font-size: 20px;
	}
  }

@media all and (max-width: 962px) {
	/* Footer */
	#social-media {
		display: block;
		text-align: center;
	}
	.social-link {
		display: block;
		text-align: center;
	}
	.footer-txt {
		display: block;
		text-align: center;
	}
	.pt20 {
		padding-top: 0;
	}
	.content .squish-table .nav-link {
		width: 170px;
	}
	#custom_html-2 .textwidget {
		text-align: center;
		margin-top: 10px;
	}
	#footer-sidebar-right {
		margin-top: 10px;
	}

	.home-page-container .frame {
		padding: 50px 30px;
        gap: 40px;
        position: absolute;
        top: 520px;
        height: 70em;
	  }
	  
	  .home-page-container .rectangle-2 {
		width: 100%;
	  }
	  
	  .home-page-container .frame-2 {
		width: 100%;
		gap: 35px;
		height: auto;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 65px;
		line-height: 60px;
		height: auto;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 28px;
		line-height: 36px;
	  }
	  
	  .home-page-container .learn-button {
		width: 320px;
		height: 75px;
		border-radius: 37px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 32px;
		line-height: 42px;
	  }

	  nav.navbar.navbar-dark .navbar-toggler-icon {
		font-size: 30px;
	}

	.home-page-container .box {
        margin-top: 70em;
    }

	.home-page-container .box .mask-group-3 {
        top: 0px;
        width: 100%;
        height: auto;
	}
    
    .home-page-container .box .manifesto {
        top: 8em;
		width: 88%;
    }
    
    .home-page-container .box .mask-group {
        top: 31em;
        width: 100%;
    }
    
    .home-page-container .box .overlap-group {
        height: 400px;
        border: 10px solid;
        border-color: var(--variable-collection-cabbage-green);
        top: -268px;
        width: 90%;
    }
    
    .home-page-container .box .play {
		width: 160px;
        height: 160px;
        top: 125px;
        border: 4px solid #a8a8a8;
        left: 22em;
    }
    
    .home-page-container .box .polygon {
		width: 70px;
        height: 70px;
        top: 40px;
        left: 50px;
    }
    
    .home-page-container .box .manifesto-product {
        height: 70px;
    }
    
    .home-page-container .box .manifesto-text {
        font-size: 60px;
    }

	nav .squish-text-logo {
		max-height: 55px;
	}

	.home-page-container .food-section {
        width: 100%;
    	top: -13rem;
		height: 646em;
    }

	.home-page-container .food-section .div-wrapper{
		width: 100%;
		height: 90px;
	}

	.home-page-container .food-section .text-wrapper-2{
		width: 100%;
		left: 0px;
		font-size: 50px;
	}

	.home-page-container .food-section .text-wrapper-3{
		width: 100%;
		left: 0px;
		font-size: 50px;
	}

	.home-page-container .food-section .overlap-group-wrapper{
		width: 90%;
		left: 40px;
		top: 240px;
	}

	.home-page-container .food-section .overlap-2{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .frame-3{
		width: 100%;
		height: 964px;
		top: auto;
		left: 0;
	}

	.home-page-container .food-section .frame-4{
		top: 1160px;
	}

	.home-page-container .food-section .group-3{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .group-4{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .summer-3{
		width: 60%;
		left: 140px;
	}

	.home-page-container .food-section .chevron-left-4{
		left: auto;
	}

	.home-page-container .food-section .overlap-wrapper{
		top: 1250px;
	}

	/* blog section */
	.home-page-container .food-section .mask-group-2{
		top: 2170px;
	}

	.home-page-container .food-section .blogs-wrapper{
		top: 2000px;
	}

	.home-page-container .food-section .blog{
		width: 100%;
		height: auto;
		top: 300px;
	}

	.home-page-container .food-section .adobestock{
		width: 100%;
		height: auto;
	}

	.home-page-container .food-section .group-5{
		width: 100%;
		left: 0px;
		height: 260px;
	}

	.home-page-container .food-section .overlap-group-3{
		width: 100%;
		height: auto;
	}

	.home-page-container .food-section .article-title{
		width: 100%;
		font-size: 40px;
	}

	.home-page-container .food-section .p{
		width: 100%;
		font-size: 30px;
		left: 0;
		text-align: center;
	}

	/* foodjourney section */
	.home-page-container .food-section .mask-group-4{
		height: auto;
		top: 5320px;
	}

	.home-page-container .food-section .group-wrapper{
		top: 5460px;
	}

	.home-page-container .food-section .journey{
		width: 100%;
	}

	.home-page-container .food-section .group-6{
		width: 100%;
	}

	.home-page-container .food-section .frame-5{
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-journey{
		margin-top: -10px;
	}

	/* cottages section */
	.home-page-container .food-section .mask-group-5{
		height: auto;
		top: 7830px;
	}

	.home-page-container .food-section .group-13{
		top: 8000px;
	}

	.home-page-container .food-section .frame-wrapper{
		width: 100%;
	}

	.home-page-container .food-section .frame-6{
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-13{
		font-size: 110px;
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-14{
		width: 100%;
		font-size: 18px;
	}
}
@media all and (max-width: 800px) { 

	.box {
        margin-top: 100em;
    }
    
    .box .manifesto {
        top: 40em;
    }
    
    .box .mask-group {
        top: 36em;
    }
    
    .box .overlap-group {
        height: 550px;
    }
    
    .box .play {
        width: 250px;
        height: 250px;
        top: 150px;
        border-radius: 125px;
    }
    
    .box .polygon {
        width: 120px;
        height: 120px;
        top: 60px;
        left: 60px;
    }

}
@media all and (max-width: 768px) { 
	/* Header Fonts */
	h2, .h-paint-splash {
		font-size: 1.7em;
	}
	.carousel-image {
		padding-right: 5px;
	}
	.featured-content-col {
		padding: 20px;
	}
	.featured-content-col .rec-txt {
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 36px;
	}
	.featured-content-col .featured-description {
		margin-bottom: 20px;
	}
	.navbar-container {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
    }

	nav.navbar.navbar-dark{
		height: 100px;
	}

    nav .custom-logo {
        width: 100px;
        height: auto;
    }

	#menu-scroll-wrapper{
		position: relative;
		top: -70px;
	}

	.site-header{
		height: auto;
	}

	.rectangle-social{
		display: none;
	}

	.home-page-container .banner-img{
		position: absolute;
        top: 100px;
		height: auto;
    }

	.home-page-container .frame {
		padding: 50px 30px;
        gap: 40px;
        position: absolute;
        top: 390px;
        height: 70em;
	  }
	  
	  .home-page-container .rectangle-2 {
		width: 100%;
	  }
	  
	  .home-page-container .frame-2 {
		width: 100%;
		gap: 35px;
		height: auto;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 65px;
		line-height: 60px;
		height: auto;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 28px;
		line-height: 36px;
	  }
	  
	  .home-page-container .learn-button {
		width: 320px;
		height: 75px;
		border-radius: 37px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 32px;
		line-height: 42px;
	  }

	  nav.navbar.navbar-dark .navbar-toggler-icon {
		font-size: 30px;
	}

	.home-page-container .box {
        margin-top: 90em;
    }

	.home-page-container .box .mask-group-3 {
        top: 0px;
        width: 100%;
        height: auto;
	}
    
    .home-page-container .box .manifesto {
        top: 8em;
		width: 90%;
    }
    
    .home-page-container .box .mask-group {
        top: 31em;
        width: 100%;
    }
    
    .home-page-container .box .overlap-group {
        height: 400px;
        border: 10px solid;
        border-color: var(--variable-collection-cabbage-green);
        top: -268px;
        width: 90%;
    }
    
    .home-page-container .box .play {
		width: 160px;
        height: 160px;
        top: 125px;
        border: 4px solid #a8a8a8;
        left: 22em;
    }
    
    .home-page-container .box .polygon {
		width: 70px;
        height: 70px;
        top: 40px;
        left: 50px;
    }
    
    .home-page-container .box .manifesto-product {
        height: 70px;
    }
    
    .home-page-container .box .manifesto-text {
        font-size: 60px;
    }

	nav .squish-text-logo {
		max-height: 55px;
	}

	.home-page-container .food-section {
        width: 100%;
    	top: -13rem;
		height: 646em;
    }

	.home-page-container .food-section .div-wrapper{
		width: 100%;
		height: 90px;
	}

	.home-page-container .food-section .text-wrapper-2{
		width: 100%;
		left: 0px;
		font-size: 50px;
	}

	.home-page-container .food-section .text-wrapper-3{
		width: 100%;
		left: 0px;
		font-size: 50px;
	}

	.home-page-container .food-section .overlap-group-wrapper{
		width: 90%;
		left: 40px;
		top: 240px;
	}

	.home-page-container .food-section .overlap-2{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .frame-3{
		width: 100%;
		height: 964px;
		top: auto;
		left: 0;
	}

	.home-page-container .food-section .frame-4{
		top: 1160px;
	}

	.home-page-container .food-section .group-3{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .group-4{
		width: 100%;
		left: 0px;
	}

	.home-page-container .food-section .summer-3{
		width: 60%;
		left: 140px;
	}

	.home-page-container .food-section .chevron-left-4{
		left: auto;
	}

	.home-page-container .food-section .overlap-wrapper{
		top: 1250px;
	}

	/* blog section */
	.home-page-container .food-section .mask-group-2{
		top: 2170px;
	}

	.home-page-container .food-section .blogs-wrapper{
		top: 2000px;
	}

	.home-page-container .food-section .blog{
		width: 100%;
		height: auto;
		top: 300px;
	}

	.home-page-container .food-section .adobestock{
		width: 100%;
		height: auto;
	}

	.home-page-container .food-section .group-5{
		width: 100%;
		left: 0px;
		height: 260px;
	}

	.home-page-container .food-section .overlap-group-3{
		width: 100%;
		height: auto;
	}

	.home-page-container .food-section .article-title{
		width: 100%;
		font-size: 40px;
	}

	.home-page-container .food-section .p{
		width: 100%;
		font-size: 30px;
		left: 0;
		text-align: center;
	}

	/* foodjourney section */
	.home-page-container .food-section .mask-group-4{
		height: auto;
		top: 5290px;
	}

	.home-page-container .food-section .group-wrapper{
		top: 5460px;
	}

	.home-page-container .food-section .journey{
		width: 100%;
	}

	.home-page-container .food-section .group-6{
		width: 100%;
	}

	.home-page-container .food-section .frame-5{
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-journey{
		margin-top: -10px;
	}

	/* cottages section */
	.home-page-container .food-section .mask-group-5{
		height: auto;
		top: 7830px;
	}

	.home-page-container .food-section .group-13{
		top: 8000px;
	}

	.home-page-container .food-section .frame-wrapper{
		width: 100%;
	}

	.home-page-container .food-section .frame-6{
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-13{
		font-size: 110px;
		width: 100%;
	}

	.home-page-container .food-section .text-wrapper-14{
		width: 100%;
		font-size: 24px;
	}

	#content {
		padding-top: 120px !important;
		overflow: hidden;
	}
}

@media (min-width: 760px) and (max-width: 768px) {
	.rectangle {
        top: 100px !important;
    }
	.home-page-container .social-icons{
		top: 90px;
	}
}
@media all and (max-width: 767px) {
	/* Content */
	/* .content .squish-table {
		width: 80%;
	} */
	.content .squish-table .nav-link {
		width: 122px;
		padding: 0.7rem 0.3rem;
	}

	/* Content */
	.content .page-break-pagination .page-break-pagination-separator {
		width: 20%;
	}

	/* Page - Home */
	.squish-tip {
        display: block;
        margin: 0 auto;
    }
    .character-box {
        margin-top: 20px;
    }

	.rectangle-social{
		display: none;
	}
}

@media all and (max-width: 736px) { }
@media all and (max-width: 667px) { }
@media all and (max-width: 640px) {

	/* Header Fonts */
	h2, .h-paint-splash {
		font-size: 1.6em;
		/* padding-top: 30px;
		margin-top: -5px; */
	}

	.box {
        margin-top: 80em;
    }
    
    .box .manifesto {
        top: 30em;
    }
    
    .box .mask-group {
        top: 26em;
    }
    
    .box .overlap-group {
        height: 450px;
    }
    
    .box .play {
        width: 200px;
        height: 200px;
        top: 125px;
        border-radius: 100px;
    }
    
    .box .polygon {
        width: 100px;
        height: 100px;
        top: 45px;
        left: 45px;
    }
    
    .box .manifesto-product {
        height: 60px;
    }
    
    .box .manifesto-text {
        font-size: 50px;
    }
}
@media all and (max-width: 600px) { 
	#gform_submit_button_1 {
		width: 100% !important;
	}
}
@media all and (max-width: 576px) {
	/* Page - Home */
	.butterBowl, .weaning-img, .lion-img {
		display: block;
		margin: 0 auto;
		float: none!important;
	}
	
	.recipe-links {
		text-align: center;
	}

	.food-img {
		width: 50%;
	}

	#popMe {
		margin-top: -65px;
	}

	/* Page - Our Range */
	.border-wrap {
        margin: -35px;
    }
	.rectangle-social{
		display: none;
	}

	.home-page-container .frame {
		width: 95%;
		padding: 40px 20px;
		gap: 30px;
		top: 320px;
		height: 900px;
	}
	  
	.home-page-container .rectangle-2 {
		width: 100%;
		max-width: 469px;
		height: 450px;
	}
	
	.home-page-container .mealtime-shortcuts {
		font-size: 48px;
		line-height: 46px;
	}
	  
	.home-page-container .baste-chicken-pieces {
		font-size: 22px;
		line-height: 28px;
	}
	  
	.home-page-container .learn-button {
		width: 280px;
		height: 65px;
		border-radius: 32px;
	}
	  
	.home-page-container .text-wrapper {
		font-size: 26px;
		line-height: 34px;
	}

	.home-page-container .box {
        margin-top: 1160px;
	}

	.home-page-container .box .manifesto {
        top: 119px;
	}

	.home-page-container .box .mask-group {
        top: 0;
	}

	.home-page-container .box .overlap-group {
        height: 309px;
        border: 8px solid;
		border-color: var(--variable-collection-cabbage-green);
		top: -180px;
	}

	.home-page-container .box .play {
		width: 100px;
		height: 100px;
		top: 75px;
		border-radius: 90px;
		left: 256px;
	}

	.home-page-container .box .polygon {
		width: 40px;
		height: 40px;
		top: 28px;
		left: 30px;
	}

	.home-page-container .box .manifesto-product {
        height: 50px;
	}

	.home-page-container .box .manifesto-text {
        font-size: 42px;
	}

	.home-page-container .food-section {
		width: 100%;
		top: -9rem;
		height: 615em;
	}

	.home-page-container .food-section .summer-3 {
		width: 60%;
		left: 105px;
	}

	.home-page-container .food-section .blogs-wrapper{
		gap: 0px;
	}

	.home-page-container .food-section .mask-group-4 {
		height: auto;
		top: 4950px;
	}

	.home-page-container .food-section .group-wrapper {
		top: 5090px;
		left: -10px;
		height: auto;
	}

	.home-page-container .food-section .text-wrapper-journey {
		font-size: 50px;
	}

	.home-page-container .food-section .group-6 {
		width: 100%;
		height: 550px;
	}

	.home-page-container .food-section .group-7 {
		left: 20px;
		top: 450px;
	}

	.home-page-container .food-section .group-7 img {
		width: 60%;
	  }

	.home-page-container .food-section .mask-group-5 {
		height: auto;
		top: 7300px;
	}

	.home-page-container .food-section .group-13 {
		top: 7410px;
		left: -10px;
	}

	.home-page-container .food-section .text-wrapper-13 {
		font-size: 73px;
		width: 100%;
		height: 100px;
		margin: 0px;
		top: -80px;
		padding: 0px;
	  }

	  .home-page-container .food-section .text-wrapper-14 {
		width: 100%;
		font-size: 19px;
	  }

	  .home-page-container .food-section .journey-wrapper {
		height: 2080px;
	  }

	  .home-page-container .box .special-2{
		width: 30%;
		height: auto;
		top: -980px;
		left: -80px;
	  }

	  .home-page-container .box .special {
		width: 20%;
		height: auto;
		top: -920px;
		left: 490px;
	  }

	  .home-page-container .box .group {
		width: 10%;
		height: auto;
		top: -530px;
		left: 17px;
	  }

	  .home-page-container .box .img {
		width: 10%;
		height: auto;
		top: -100px;
		left: 10px;
	  }

	  .home-page-container .box .group-5{
		width: 16%;
		height: auto;
		top: 70px;
		left: 503px;
	  }

	  .home-page-container .box .carrot{
		width: 50%;
		height: auto;
		top: 1900px;
		left: -70px;
	  }

	  .home-page-container .box .group-2{
		width: 20%;
		height: auto;
		top: 2740px;
		left: 500px;
	  }

	  .home-page-container .box .banana{
		width: 15%;
		height: auto;
		top: 5000px;
		left: 0px;
	  }

	  .home-page-container .box .group-3{
		width: 16%;
		height: auto;
		top: 6400px;
		left: 480px;
	  }

	  .home-page-container .box .group-4{
		width: 16%;
		height: auto;
		top: 10339px;
		left: 0;
	  }

	  .home-page-container .box .special-3{
		width: 40%;
		height: auto;
		top: 10340px;
		left: 400px;
	  }

	.home-page-container .food-section .frame-4{
		top: 1160px;
		left: 0px;
	}

	.home-page-container .food-section .overlap-group-wrapper{
		width: 90%;
		left: 30px;
	}

	.home-page-container .food-section .range-item-link h4{
		font-size: 30px;
	}
}
@media all and (max-width: 573px) {
	/* Header Fonts */
	h2, .h-paint-splash {
		font-size: 1.4em;
		line-height: 20px;
	}

	/* Content */
	.content .squish-table .nav-link {
		width: 120px;
		font-size: 14px;
		padding: 5px;
		line-height: 45px;
	}

	.content form {
		padding-left: 0;
		padding-right: 0;
	}

	nav .custom-logo {
        width: 80px;
        height: auto;
    }

	.rectangle-social{
		display: none;
	}


	.home-page-container.banner-img{
		height: auto;
	}

	/* Blog section */
	.food-section .blogs-wrapper {
		top: 70em;
		gap: 30px;
	}
	
	.food-section .blog {
		height: auto;
		padding: 40px 0;
		gap: 30px;
		width: 100%;
	}
	
	.food-section .adobestock {
		width: 90%;
		height: auto;
		max-height: 350px;
		object-fit: cover;
	}
	
	.food-section .group-5 {
		width: 90%;
		height: auto;
	}
	
	.food-section .overlap-group-3 {
		width: 100%;
		height: auto;
	}
	
	.food-section .article-title {
		position: relative;
		width: 100%;
		font-size: 36px;
		margin-bottom: 20px;
	}
	
	.food-section .p {
		position: relative;
		width: 90%;
		top: 0;
		left: 0;
		font-size: 24px;
		margin: 0 auto;
	}
	
	.food-section .learn-button-wrapper {
		position: relative;
		left: 0;
		margin: 20px auto 0;
	}
	
	.food-section .button {
		width: 220px;
		height: 55px;
	}
	
	.food-section .text-wrapper-6 {
		font-size: 22px;
	}
}

@media all and (max-width: 480px) {
	/* Cottage Pie section */
	.home-page-container .food-section .mask-group-5 {
		top: 5900px;
	}
	
	.home-page-container .food-section .group-13 {
        top: 6000px;
        left: 0;
		height: 1000px;
	}
	
	.home-page-container .food-section .frame-wrapper {
		position: relative;
        width: 100%;
        height: auto;
        top: 0px;
        left: 0;
        margin-bottom: 40px;
	}
	
	.home-page-container .food-section .frame-6 {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		align-items: center;
		gap: 20px;
		position: relative;
		padding: 0 15px;
	}
	
	.home-page-container .food-section .text-wrapper-13 {
		height: auto;
		font-size: 60px;
        text-align: center;
        letter-spacing: 0;
        line-height: 90px;
        white-space: normal;
		top: 20px;
	}
	
	.home-page-container .food-section .text-wrapper-14 {
		position: relative;
		width: 100%;
		height: auto;
		font-family: "Proxima Nova-Regular", Helvetica;
		font-weight: 400;
		color: var(--variable-collection-brocelli-green);
		font-size: 22px;
		text-align: center;
		letter-spacing: 0;
		line-height: 28px;
		white-space: normal;
	}
	
	.home-page-container .food-section .rectangle-6 {
		position: relative;
		align-self: stretch;
		width: 100%;
		height: 250px;
		object-fit: cover;
	}
	
	.home-page-container .food-section .group-14 {
		position: relative;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		margin-top: 40px;
	}

	/* Food Journey section */
	.home-page-container .food-section{
		height: 445em;
	}
	.home-page-container .food-section .mask-group-4 {
        top: 4880px;
	}
	
	.home-page-container .food-section .group-wrapper {
		top: 4966px;
        left: 0;
	}
	
	.home-page-container .food-section .journey-wrapper {
        height: 890px;
	}
	
	.home-page-container .food-section .journey {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
		gap: 40px;
		padding: 0 15px;
		position: relative;
	}
	
	.home-page-container .food-section .group-6 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.home-page-container .food-section .overlap-3 {
		position: relative;
		height: auto;
		margin-bottom: 30px;
	}
	
	.home-page-container .food-section .frame-5 {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
		gap: 20px;
		position: relative;
	}
	
	.home-page-container .food-section .text-wrapper-journey {
		position: relative;
		width: 100%;
		height: auto;
		font-family: "Proxima Nova-Bold", Helvetica;
		font-weight: 700;
		color: #000000;
		font-size: 36px;
		text-align: center;
		letter-spacing: 0;
		line-height: 40px;
	}
	
	.home-page-container .food-section .rectangle-3,
	.home-page-container .food-section .rectangle-4,
	.home-page-container .food-section .rectangle-5 {
		position: relative;
		align-self: stretch;
        width: 100%;
        height: 100px;
	}
	
	.home-page-container .food-section .group-7 {
		position: absolute;
		bottom: -25px;
		left: 20px;
		z-index: 10;
	}
	
	.home-page-container .food-section .group-7 img {
		width: 80px;
        top: -300px;
        position: relative;

	}

 	/* Header Fonts */
	h2, .h-paint-splash {
		background-image: url('../images/green-paint-splash-background.png');
		/* padding-top: 26px;
		margin-top: -6px; */
	}

	h3, .h-basic {
		font-size: 1.4em;
	}

	/* Content */
	.content p {
		font-size: 1.1em;
		padding-left: unset;
   		padding-right: unset;
	}

	.content ul > li > a { 
		font-size: 1.2em;
	}

	/* Content */

	.content .page-break-pagination .page-break-pagination-separator {
		width: 10%;
	}

	.content .page-break-pagination a {
		font-size: 1.2em;
		letter-spacing: -1px;
	}

	/* Default - Content */
	.default-container .default-content > .default-content p {
		line-height: 20px;
	}

	/* Weaning Know-How */
	.content .arrow-list-links li::before {
		width: 32px;
		height: 22px;
		left: 15;
	}

	/* Page - Purees */
	.puree-img-block img {
        width: 50%!important;
        height: auto!important;
    }

    .purees-filter-link, .blog-filter-link, .recipe-filter-link {
        font-size: 14px;
	} 

    /* Page - Home */
	#ilb {
		flex-direction: column-reverse;
	}

	#monthimg {
		text-align: center!important;
	}

	.carrot-top {
		display: none;
	}
	
	.site-header{
		height: 10px;
	}

	.nav.navbar.navbar-dark{
		height: 100px;
	}

	#menu-scroll-wrapper{
		top: 10px;
	}

	nav .custom-logo {
        width: 80px;
        height: auto;
    }

	.rectangle-social{
		display: none;
	}

	.home-page-container .banner-img{
		position: relative;
		height: auto;
		top: 0;
	}

	.home-page-container .frame {
		width: 80%;
		height: 650px;
		position: absolute;
		top: 260px;
		padding: 30px 15px;
		gap: 25px;
	  }

	  .home-page-container .frame-2 {
		width: 100%;
		gap: 25px;
	  }
	  
    .home-page-container .rectangle-2 {
        height: 240px;
        width: 90%;
    }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 42px;
		line-height: 40px;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 20px;
		line-height: 26px;
	  }
	  
	  .home-page-container .learn-button {
		width: 250px;
		height: 60px;
		border-radius: 30px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 24px;
		line-height: 32px;
	  }

	  .home-page-container .box {
        margin-top: 600px;
        width: 90%;
        left: 20px;
    }
    
    .home-page-container .box .manifesto {
        top: 90px;
    }
    
    .home-page-container .box .mask-group {
        top: 14em;
    }
    
    .home-page-container .box .overlap-group {
        height: 205px;
        top: -110px;
    }
    
    .home-page-container .box .play {
		width: 71px;
        height: 70px;
        top: 60px;
        left: 158px;
        border-radius: 80px;
    }
    
    .home-page-container .box .polygon {
        width: 25px;
        height: 25px;
        top: 18px;
        left: 23px;
    }

	.home-page-container .food-section .overlap-group-wrapper{
		width: 100%;
		left: 0;
	}

	.home-page-container .food-section .summer-3{
		left: 94px;
        object-fit: fill;
	}

	.home-page-container .food-section .range-item-link h4{
		font-size: 30px;
	}

	.home-page-container .food-section .article-title{
        font-size: 34px;
	}

	.home-page-container .food-section .p{
		font-size: 25px;
	}
    
    .home-page-container .box .manifesto-product {
        height: 45px;
    }
    
    .home-page-container .box .manifesto-text {
        font-size: 36px;
    }

	nav .squish-text-logo {
		width: 100px;
	}

	#content {
		padding-top: 116px !important;
		overflow: hidden;
	}

	
}

@media all and (max-width: 414px) {
	/* Hide fruit/vegetable images in manifesto section */
	.home-page-container .box .mask-group {
		display: none;
	}

	/* Header - Navigation */
	#searchbar .searchbar-text {
		letter-spacing: -1px;
	}

	/* Header Fonts */
	h2, .h-paint-splash {
		letter-spacing: -1px;
	}

	h3, .h-basic {
		font-size: 1.4em;
	}

	/* Content */
	.content p {
		font-size: 1em;
	}

	.content ul > li > a { 
		font-size: 1em;
	}

	.content .wp-block-quote > p {
		font-size: 1em;
	}

	.content .squish-table .nav-link {
		width: 90px;
		font-size: 14px;
		line-height: 50px;
	}

	#footer-sidebar-below {
		margin-top: 2rem !important;
	}

	/* Page - Our Range */
	.squish-table .nav-link {
        width: 110px;
        font-size: 14px;
        line-height: 50px;
    }

    .tab-arrow {
        /* background-size: 20px 20px;
        width: 20px;
        height: 20px; */
        margin-top: 15px;
	}
	
	.content .squish-table .tab-arrow {
		display: none;
	}

    #nutrition h3 {
        font-size: 1.3rem;
    }

    #serve-txt {
        text-align: right;
    }

    .content .squish-table .tab-arrow {
        /* background-size: 20px 20px;
        width: 20px;
        height: 20px; */
    }

	.home-page-container .frame {
		width: 85%;
		padding: 25px 12px;
		gap: 20px;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 36px;
		line-height: 34px;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 18px;
		line-height: 24px;
	  }
	  
	  .home-page-container .learn-button {
		width: 220px;
		height: 55px;
		border-radius: 27px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 20px;
		line-height: 28px;
	  }
	  
	  .home-page-container .frame-2 {
		width: 100%;
		gap: 20px;
		height: auto;
	  }

	  .home-page-container .rectangle-2 {
        height: 270px;
        width: 90%;
    }

	.home-page-container .box {
        margin-top: 32em;
        width: 90%;
        left: 20px;
    }
	
    
    .home-page-container .box .manifesto {
		top: 208px;
    }
    
    .home-page-container .box .mask-group {
        top: 14em;
    }
    
    .home-page-container .box .overlap-group {
        height: 203px;
        top: 13px;
        margin: 0;
        left: 19px;
    }
    
    .home-page-container .box .play {
		width: 60px;
		height: 60px;
		top: 60px;
		border-radius: 70px;
		left: 158px;
    }
    
    .home-page-container .box .polygon {
		width: 20px;
		height: 20px;
		top: 15px;
		left: 15px;
    }
    
    .home-page-container .box .manifesto-product {
        height: 40px;
    }
    
    .home-page-container .box .manifesto-text {
        font-size: 32px;
    }

	.home-page-container .box .mask-group-3 {
		top: 9em;
		width: 100%;
		height: auto;
    }

	/* food section */
	.home-page-container .food-section {
		position: relative;
		top: 2rem;
		height: 5600px;
	}

	.home-page-container .food-section .divider-puree {
		height: auto;
		top: 20px;
	}

	.home-page-container .food-section .div-wrapper {
		height: 50px;
	}

	.home-page-container .food-section .text-wrapper-2 {
		font-size: 24px;
		width: 100%;
		left: 0;
		text-align: center;
	}
	
	.home-page-container .food-section .text-wrapper-3 {
		font-size: 24px;
		width: 100%;
		left: 0;
		text-align: center;
	}
	
	.home-page-container .food-section .overlap-wrapper {
		top: 760px;
		height: auto;
	}
	
	/* Puree carousel */
	.home-page-container .food-section .overlap-group-wrapper {
		width: 100%;
		position: relative;
		left: 0;
		top: 50px;
		height: auto;
	}
	
	.home-page-container .food-section .overlap-2 {
		height: 570px;
		width: 100%;
	}
	
	.home-page-container .food-section .frame-3 {
		width: 100%;
		height: 572px;
	}
	
	.home-page-container .food-section .group-3 {
		width: 90%;
		height: 450px;
		left: 5%;
		top: 70px;
	}
	
	.home-page-container .food-section .slider-img {
		height: 400px !important;
	}
	
	.home-page-container .food-section .summer-3 {
		width: 100%;
		height: 400px;
		left: 0;
		object-fit: contain;
	}
	
	.home-page-container .food-section .text-wrapper-4 {
		font-size: 20px;
		line-height: 1.2;
		padding: 0 10px;
	}
	
	.home-page-container .food-section .chevron-left-3,
	.home-page-container .food-section .chevron-left-4 {
		width: 40px;
		height: 40px;
		top: 130px;
	}
	
	.home-page-container .food-section .chevron-left-3 {
		left: -10px;
	}
	
	.home-page-container .food-section .chevron-left-4 {
		left: auto;
		right: -10px;
	}
	
	/* Juice carousel */
	.home-page-container .food-section .frame-4 {
		top: 700px;
		height: 575px;
		width: 100%;
	}
	
	.home-page-container .food-section .group-4 {
		width: 90%;
		height: 450px;
		left: 5%;
		top: 70px;
	}
	
	.home-page-container .food-section .range-item-link h4 {
		font-size: 24px !important;
		padding-top: 23px;
	}

	/* Blog section */
	.home-page-container .food-section .blogs-wrapper {
		top: 90em;
		gap: 30px;
	}
	
	.home-page-container .food-section .blog {
		height: auto;
		padding: 40px 0;
		gap: 30px;
		width: 100%;
		position: relative;
		top: -3em;
	}
	
	.home-page-container .food-section .adobestock {
		width: 100%;
		height: auto;
		max-height: 350px;
		object-fit: cover;
	}
	
	.home-page-container .food-section .group-5 {
		width: 90%;
		height: auto;
	}
	
	.home-page-container .food-section .overlap-group-3 {
		width: 100%;
		height: auto;
	}
	
	.home-page-container .food-section .article-title {
		position: relative;
		width: 100%;
		font-size: 36px;
		margin-bottom: 20px;
	}
	
	.home-page-container .food-section .p {
		position: relative;
		width: 90%;
		top: 0;
		left: 0;
		font-size: 24px;
		margin: 0 auto;
	}
	
	.home-page-container .food-section .learn-button-wrapper {
		position: relative;
		left: 0;
		margin: 20px auto 0;
		width: auto;
	}
	
	.home-page-container .food-section .button {
		width: 220px;
		height: 55px;
	}
	
	.home-page-container .food-section .text-wrapper-6 {
		font-size: 22px;
	}

	.home-page-container .food-section .mask-group-2 {
		top: 1320px;
	  }

	  /* Food Journey section */
	.home-page-container .food-section .mask-group-4 {
		top: 3700px;
	}
	
	.home-page-container .food-section .group-wrapper {
		top: 3800px;
		height: 720px;
	}
	
	.home-page-container .food-section .journey-wrapper {
		position: relative;
		height: auto;
		top: 50px;
	}
	
	.home-page-container .food-section .journey {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
		gap: 30px;
		padding: 0 10px;
		position: relative;
	}
	
	.home-page-container .food-section .group-6 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.home-page-container .food-section .overlap-3 {
		position: relative;
		height: auto;
		margin-bottom: 25px;
	}
	
	.home-page-container .food-section .frame-5 {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
		gap: 15px;
		position: relative;
	}
	
	.home-page-container .food-section .text-wrapper-journey {
		font-size: 28px;
		line-height: 32px;
	}
	
	.home-page-container .food-section .rectangle-3,
	.home-page-container .food-section .rectangle-4,
	.home-page-container .food-section .rectangle-5 {
		height: 80px;
	}
	
	.home-page-container .food-section .group-7 {
		position: absolute;
		top: 133px;
		left: 14px;
		z-index: 10;
	}
	
	.home-page-container .food-section .group-7 img {
		width: 70px;
		top: -20px;
	}
	
	/* Cottage Pie section */
	.home-page-container .food-section .mask-group-5 {
		top: 4550px;
	}
	
	.home-page-container .food-section .group-13 {
		top: 4620px;
		left: 0;
	}
	
	.home-page-container .food-section .frame-wrapper {
		position: relative;
		width: 100%;
		height: auto;
		top: 50px;
		left: 0;
		margin-bottom: 70px;
	}
	
	.home-page-container .food-section .frame-6 {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		align-items: center;
		gap: 15px;
		position: relative;
		padding: 0 10px;
	}
	
	.home-page-container .food-section .text-wrapper-13 {
		position: relative;
		width: 100%;
		height: auto;
		font-family: "Verveine-Regular", Helvetica;
		font-weight: 400;
		color: var(--variable-collection-carrot-orange);
		font-size: 60px;
		text-align: center;
		letter-spacing: 0;
		line-height: 70px;
		white-space: normal;
		top: 0;
	}
	
	.home-page-container .food-section .text-wrapper-14 {
		position: relative;
		width: 100%;
		height: auto;
		font-family: "Proxima Nova-Regular", Helvetica;
		font-weight: 400;
		color: var(--variable-collection-brocelli-green);
		font-size: 18px;
		text-align: center;
		letter-spacing: 0;
		line-height: 24px;
		white-space: normal;
	}
	
	.home-page-container .food-section .rectangle-6 {
		position: relative;
		align-self: stretch;
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	
	.home-page-container .food-section .group-14 {
		position: relative;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		margin-top: 30px;
	}
}

@media all and (max-width: 390px) {
	.home-page-container .box .overlap-group {
        height: 190px;
        top: 24px;
		margin-bottom: 20px;
        left: 18px;
    }
}

@media all and (max-width: 375px) {
	/* Header Fonts */
	h2, .h-paint-splash {
		font-size: 1.4em;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	/* Content */
	.content .page-break-pagination .page-break-pagination-separator {
		width: 8%;
	}

	.content .page-break-pagination a {
		font-size: 1.1em;
		letter-spacing: -1px;
	}

	/* Weaning Know-How */
	.content .arrow-list-links li {
		padding-left: 34px;
	}

	.content .arrow-list-links li::before {
		left: 0;
	}

	.content .squish-table .tab-arrow {
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		margin-top: 15px;
	}

	.content .squish-table .nav-link {
		/* width: 98px; */
		font-size: 12px;
	}

	/* Page - Home */
	.product-border-override {
        border: solid transparent 50px !important;
        border-image: url("../images/default-border.png") 10% round !important;
        -webkit-border-image: url("../images/default-border.png") 10% round !important;
    }

    .recipe-headings {
		font-size: 18px!important;
    }

	.home-page-container .frame {
		width: 90%;
		padding: 20px 10px;
		gap: 18px;
		height: 600px;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 32px;
		line-height: 30px;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 16px;
		line-height: 22px;
	  }
	  
	  .home-page-container .learn-button {
		width: 200px;
		height: 50px;
		border-radius: 25px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 18px;
		line-height: 26px;
	  } 

	.home-page-container .box {
        top: -30px;
    }

	.home-page-container .food-section .group-wrapper{
		top: 3800px;
        height: 720px;
        left: 0;
	}
    
    .home-page-container .box .overlap-group {
        height: 186px;
        border: 8px solid;
        border-color: var(--variable-collection-cabbage-green);
        top: 30px;
        margin-bottom: 24px;
        position: relative;
    }

	.home-page-container .food-section .text-wrapper-13{
		top: 0;
	}

	.home-page-container .food-section .group-13{
		left: 0;
	}

	.home-page-container .food-section{
		top: 0;
		height: 5770px;
	}

	.home-page-container .food-section .group-7 img {
        width: 60px;
		top: 10px;
    }
	
}

@media all and (max-width: 360px) {
	/* Header Fonts */
	h2, .h-paint-splash {
		font-size: 1.3em;
		/* padding-top: 26px; */
	}
	/* Weaning Know-How */
	.content .arrow-list-links li::before {
		left: -8;
	}

	.content .squish-table .tab-arrow {
		background-size: 15px 15px;
		width: 15px;
		height: 15px;
	}

	.content .squish-table .nav-link {
		width: 76px;
	}

	.home-page-container .mealtime-shortcuts {
		font-size: 28px;
		line-height: 28px;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 15px;
		line-height: 20px;
	  }
	  
	  .home-page-container .learn-button {
		width: 180px;
		height: 45px;
		border-radius: 22px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 16px;
		line-height: 22px;
	  }

    
    .box .polygon {
        width: 60px;
        height: 60px;
        top: 25px;
        left: 25px;
    }
    
    .box .manifesto-text {
        font-size: 26px;
    }

	.home-page-container .box .overlap-group {
		height: 177px;
		top: 38px;
		margin-bottom: 30px;
	  }

	  .home-page-container .box .play {
		width: 60px;
		height: 60px;
		top: 46px;
		border-radius: 70px;
		left: 134px;
	  }

	  .home-page-container .food-section .rectangle-3, .home-page-container .food-section .rectangle-4, .home-page-container .food-section .rectangle-5 {
		height: 100px;
	  }

	  .home-page-container .food-section .text-wrapper-journey {
		font-size: 24px;
		line-height: 32px;
	  }

	  .home-page-container .food-section .group-wrapper {
		top: 3800px;
		height: 740px;
		left: 20px;
		width: 90%;
	  }

	  .home-page-container .food-section .mask-group-4 {
		top: 3733px;
	  }

	  .home-page-container .food-section .text-wrapper-13{
		top: 0;
		font-size: 50px;
	  }

	  .home-page-container .food-section .group-13 {
		top: 4620px;
		width: 90%;
		left: 20px;
	  }
}

@media all and (max-width: 320px) {
    .box {
		margin-top: 21em;
        padding: 15px 8px;
    }
    
    .box .manifesto {
        top: 165px;
    }
    
    .box .mask-group {
        top: 10em;
    }
    
    .box .overlap-group {
		height: 168px;
        border: 4px solid;
	}
    
    .box .play {
		width: 50px;
        height: 50px;
        top: 45px;
        border-radius: 50px;
    }
    
    .box .polygon {
		width: 20px;
        height: 20px;
        top: 10px;
        left: 14px;
    }
    
    .box .manifesto-product {
        height: 30px;
    }
    
    .box .manifesto-text {
        font-size: 22px;
    }
}

@media all and (max-width: 320px) { 

	#product-contents {
		font-size: 12px; 
	}
	
	/* .content .squish-table .tab-arrow {
		display: none;
	} */


	#searchbar .searchbar-text {
		margin-left: 0;
	}

	.home-page-container .frame {
		width: 95%;
		padding: 15px 8px;
		gap: 15px;
		position: absolute;
        top: 220px;
	  }
	  
	  .home-page-container .mealtime-shortcuts {
		font-size: 24px;
		line-height: 24px;
	  }
	  
	  .home-page-container .baste-chicken-pieces {
		font-size: 14px;
		line-height: 18px;
	  }
	  
	  .home-page-container .learn-button {
		width: 160px;
		height: 40px;
		border-radius: 20px;
	  }
	  
	  .home-page-container .text-wrapper {
		font-size: 14px;
		line-height: 20px;
	  }
}


/* ===========================================
 *  HERO SECTION
 * =========================================== */
 .frame {
	display: flex;
	flex-direction: column;
	width: 1366px;
	height: 2021px;
	align-items: center;
	gap: 75px;
	padding: 87px 71px;
	position: relative;
	bottom: 260px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--variable-collection-brnd-4);
	border-radius: 20px;
  }
  
  .rectangle-2 {
	position: relative;
	width: 1218px;
	height: 1179px;
	object-fit: cover;
  }
  
  .frame-2 {
	display: flex;
	flex-direction: column;
	width: 1144px;
	height: 423px;
	align-items: center;
	gap: 75px;
	position: relative;
  }
  
  .mealtime-shortcuts {
	position: relative;
	align-self: stretch;
	height: 280px;
	margin-top: -1.00px;
	font-family: 'Verveine', sans-serif;
	font-weight: 400;
	color: var(--variable-collection-carrot-orange);
	font-size: 140px;
	text-align: center;
	letter-spacing: 0;
	line-height: 115.6px;
  }
  
  .baste-chicken-pieces {
	position: relative;
	font-family: "Proxima Nova-Regular", Helvetica;
	font-weight: 400;
	color: var(--variable-collection-cabbage-green);
	font-size: 40px;
	text-align: center;
	line-height: 68.6px;
  }
  
  .learn-button {
	display: flex;
	width: 551.88px;
	height: 120.96px;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: -25.96px;
	background-color: var(--variable-collection-new-green);
	border-radius: 86.4px;
  }
  
 .text-wrapper {
	position: relative;
	width: fit-content;
	font-family: "Proxima Nova-Bold", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 58.3px;
	text-align: center;
	letter-spacing: 0;
	line-height: 77.0px;
	white-space: nowrap;
  }

/* ===========================================
 *  MANIFESTO SECTION
 * =========================================== */
 .box {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: -700px;
}


.box .mask-group {
	position: fixed;
	width: 1728px;
	height: 17399px;
	top: 0;
	left: 0;
	background-image: url(./img/rectangle-12.png);
	background-size: 100% 100%;
  }
  
  .box .group {
	position: absolute;
	width: 271px;
	height: 204px;
	top: 1800px;
	left: 95px;
	object-fit: cover;
  }
  
  .box .img {
	position: absolute;
	width: 250px;
	height: 302px;
	top: 2700px;
	left: 220px;
	object-fit: cover;
  }
  
  .box .group-2 {
	position: absolute;
	width: 400px;
	height: auto;
	top: 6707px;
	left: 1474px;
	z-index: 10;
  }
  
  .box .group-3 {
	position: absolute;
	width: 331px;
	height: 527px;
	top: 11800px;
	left: 1377px;
	object-fit: cover;
	z-index: 10;
  }
  
  .box .group-4 {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 15921px;
	left: 150px;
	object-fit: cover;
	z-index: 10;
  }
  
  .box .group-5 {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 3190px;
	left: 1614px;
	object-fit: cover;
	z-index: 10;
  }
  
  .box .special {
	position: absolute;
	width: 353px;
	height: 360px;
	top: 900px;
	left: 1510px;
	object-fit: cover;
  }
  
  .box .banana {
	position: absolute;
	width: 226px;
	height: 360px;
	top: 633em;
	left: 150px;
  }

  .box .carrot {
	position: absolute;
	width: 1000px;
	height: auto;
	top: 380em;
	left: -210px;
  }
  
  .box .special-2 {
	position: absolute;
	width: 579px;
	height: 527px;
	top: 790px;
	left: -190px;
	object-fit: cover;
  }

.box .special-3 {
	position: absolute;
	width: 530px;
	height: 533px;
	top: 15958px;
	left: 1305px;
	object-fit: cover;
}

.box .mask-group-3 {
    top: 600px;
    position: absolute;
    width: 1728px;
    height: 216px;
    left: 0;
}

.box .manifesto {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    max-width: 1605px;
    margin: 0 auto;
	position: relative;
    top: 56em;
}

.box .overlap-group {
    height: 903px;
    border: 14px solid;
    border-color: var(--variable-collection-cabbage-green);
    max-width: 1605px;
    margin: 0 auto;
    position: relative;
}

.box .play {
    position: relative;
    width: 345px;
    height: 345px;
    top: 261px;
    left: 616px;
    background-color: #ffffffcc;
    border-radius: 172.5px;
    border: 6px solid #a8a8a8;
}

.box .polygon {
	position: absolute;
	width: 180px;
	height: 180px;
	top: 76px;
	left: 105px;
}

.box .mask-group {
	position: relative;
	width: 1728px;
	height: auto;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -150em;
}

.box .manifesto-text-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box .manifesto-text {
  font-family: 'YourChosenFont', sans-serif;
  font-size: 72px;
  font-weight: bold;
  color: #006837; 
}

.box .manifesto-product {
  height: 100px;
  width: auto;
}



/* ===========================================
 *  PUREE SECTION
 * =========================================== */
 
 .food-section {
	position: relative;
	width: 100%;
	height: 750em;
	top: 8rem;
	left: 0;
}

.food-section .mask-group {
    position: relative;
    width: 100%;
}

.food-section .divider-puree {
    position: relative;
    width: 100%;
    height: 132px;
    top: 20px;
    left: 0;
}

.food-section .div-wrapper {
    position: relative;
    width: 100%;
    height: 132px;
    background-color: var(--variable-collection-brocelli-green);
}

.food-section .text-wrapper-2 {
    left: 624px;
    position: absolute;
    top: 13px;
    font-family: "Proxima Nova-Semibold", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 84px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.food-type-links{
	color: var(--white);
}

.food-section .overlap-group-wrapper {
	position: absolute;
	width: 1363px;
	height: 964px;
	top: 450px;
	left: 234px;
	background-color: var(--white);
	border-radius: 20px;
}

.food-section .overlap-2 {
    position: relative;
    height: 964px;
    border-radius: 20px;
}

.food-section .range-item-link h4 {
	font-family: "Proxima Nova-Bold", Helvetica;
	font-weight: 700;
	color: #000000;
	font-size: 48px !important;
	padding-top: 50px;
}

.food-section .frame-3 {
    position: absolute;
    width: 1363px;
    height: 964px;
    top: 0;
    left: 0;
    background-color: var(--variable-collection-brnd-4);
    border-radius: 20px;
}

.food-section .group-3 {
    height: 614px;
    top: 136px;
    position: absolute;
    width: 965px;
    left: 199px;
}

.food-section .summer-2 {
    width: 727px;
    height: 614px;
    left: 95px;
    position: absolute;
    top: 0;
    object-fit: cover;
}

.slider-img{
	height: 614px !important;
}

.food-section .chevron-left-3 {
    top: 250px;
    left: 0;
    position: absolute;
    width: 95px;
    height: 95px;
}

.food-section .chevron-left-4 {
    top: 250px;
    left: 870px;
    position: absolute;
    width: 95px;
    height: 95px;
}


/* ====================
 *  JUICE SECTION
 * ==================== */

.food-section .overlap-wrapper{
	position: absolute;
	width: 100%;
	height: 132px;
	top: 1500px;
	left: 0;
}

.food-section .div-wrapper {
    position: relative;
    width: 100%;
    height: 132px;
    background-color: var(--variable-collection-brocelli-green);
}

.food-section .text-wrapper-3 {
    left: 636px;
    position: absolute;
    top: 13px;
    font-family: "Proxima Nova-Semibold", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 84px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.food-section .frame-4 {
	position: absolute;
	width: 100%;
	height: 964px;
	top: 1250px;
	background-color: var(--variable-collection-brnd-4);
	border-radius: 20px;
}

.food-section .group-4 {
    height: 636px;
    top: 124px;
    position: absolute;
    width: 965px;
    left: 199px;
}

.food-section .summer-3 {
    width: 754px;
    height: 636px;
    left: 106px;
    position: absolute;
    top: 0;
    object-fit: cover;
}

.food-section .chevron-left-5 {
    top: 262px;
    left: 0;
    position: absolute;
    width: 95px;
    height: 95px;
}

.food-section .chevron-left-6 {
	top: 262px;
    left: 870px;
    position: absolute;
    width: 95px;
    height: 95px;
}

.food-section .text-wrapper-5 {
    position: absolute;
    width: 706px;
    top: 805px;
    left: 328px;
    font-family: "Proxima Nova-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    font-size: 48px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

/* ====================
 *  BLOG SECTION
 * ==================== */

 .food-section .mask-group-2 {
	position: absolute;
	width: 100%;
	top: 2300px;
}

.food-section .blogs-wrapper {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
	position: relative;
	top: 1700px;
}

.food-section .blog {
    display: inline-flex;
    flex-direction: column;
    height: 1129px;
    align-items: center;
    gap: 56px;
    padding: 65px 0px;
    background-color: var(--variable-collection-brnd-4);
    border-radius: 20px;
    margin-bottom: 60px;
	position: relative;
    top: 900px;

}


.food-section .adobestock {
    position: relative;
    width: 1363px;
    height: 453px;
}

.food-section .group-5 {
    position: relative;
    width: 1195px;
    height: 347px;
}

.food-section .overlap-group-3 {
    position: relative;
    width: 1191px;
    height: 347px;
}

.food-section .article-title {
    position: absolute;
    width: 1191px;
    top: 0;
    left: 0;
    font-family: "Proxima Nova-Bold", Helvetica;
    font-weight: 700;
    color: var(--variable-collection-strawberry-red);
    font-size: 55px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.food-section .p {
    position: absolute;
    width: 907px;
    top: 160px;
    left: 142px;
    font-family: "Proxima Nova-Regular", Helvetica;
    font-weight: 400;
    color: var(--black);
    font-size: 40px;
    letter-spacing: 0;
    line-height: normal;
}

.food-section .learn-button-wrapper {
    position: relative;
    width: 275.94px;
    height: 60.48px;
}

.food-section .button {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 276px;
    height: 60px;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--variable-collection-new-green);
    border-radius: 43.2px;
}

.food-section .text-wrapper-6 {
    position: relative;
    width: fit-content;
    font-family: "Proxima Nova-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 29.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 38.5px;
    white-space: nowrap;
	cursor: pointer;
}

/* ====================
 *  FOOD JOURNEY SECTION
 * ==================== */

.food-section .group-wrapper {
	position: absolute;
    width: 100%;
    height: 2331px;
    top: 6480px;
    background-color: var(--variable-collection-brnd-4);
    border-radius: 20px;
}

.food-section .mask-group-4 {
	top: 6200px;
	position: absolute;
	width: 100%;
	height: 216px;
	left: 0;
}

.food-section .journey-wrapper {
    position: relative;
    height: 2145px;
    top: 93px;
}

.food-section .journey {
    display: flex;
    flex-direction: column;
    width: 1363px;
    align-items: flex-start;
    gap: 111px;
    position: relative;
}

.food-section .group-6 {
    position: relative;
    width: 1363px;
    height: 646px;
}

.food-section .overlap-3 {
    position: relative;
    height: 646px;
}

.food-section .frame-5 {
    display: flex;
    flex-direction: column;
    width: 1363px;
    align-items: center;
    gap: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.food-section .text-wrapper-journey {
    position: relative;
    width: 947px;
    height: 116px;
    margin-top: -1.00px;
    font-family: "Proxima Nova-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    font-size: 64px;
    text-align: center;
    letter-spacing: 0;
    line-height: 67.6px;
}

.food-section .rectangle-3 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 349px;
    object-fit: cover;
}

.food-section .group-7 {
	position: absolute;
	top: 413px;
	left: 47px;
}

.food-section .rectangle-4 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.food-section .rectangle-5 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 349px;
	object-fit: cover;
}

.food-section .mask-group-5 {
    top: 10643px;
    position: absolute;
    width: 1728px;
    height: 216px;
    left: 0;
}

.food-section .group-13 {
	position: absolute;
	width: 100%;
	height: 2300px;
	top: 9100px;
	background-color: var(--variable-collection-brnd-4);
	border-radius: 20px;
}

.food-section .mask-group-5 {
	top: 8820px;
    position: absolute;
    width: 100%;
    height: 216px;
    left: 0;
}

.food-section .frame-wrapper {
    position: absolute;
    width: 1363px;
    height: 1016px;
    top: 72px;
    left: 0;
}

.food-section .frame-6 {
    display: flex;
    flex-direction: column;
    width: 1363px;
    height: 1016px;
    align-items: center;
    gap: 44px;
    position: relative;
}

.food-section .text-wrapper-13 {
    position: relative;
	width: 100%;
	height: 150px;
    margin-top: -1.00px;
    font-family: "Verveine-Regular", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-carrot-orange);
    font-size: 160px;
    text-align: center;
    letter-spacing: 0;
    line-height: 238.4px;
    white-space: nowrap;
}

.food-section .text-wrapper-14 {
    position: relative;
    width: 1247px;
    height: 60px;
    font-family: "Proxima Nova-Regular", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-brocelli-green);
    font-size: 30px;
    text-align: center;
    letter-spacing: 0;
    line-height: 71.5px;
    white-space: nowrap;
}

.food-section .rectangle-6 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 773px;
}

.food-section .group-14 {
    position: absolute;
    width: 100%;
    height: 1016px;
    top: 1162px;
    left: 0;
}


.banner{
position: relative;
width: 100%;
}

.banner img{
	position: relative;
	width: 100%;
	height: auto;
}

.back-home{
	position: relative;
	width: 100%;
	max-width: 1638px;
	height: auto;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 1700px) {
	.back-home {
		width: 95%;
	}
}

.back-home img {
	position: relative;
	padding: 10px 0;
}

.content-box{
	width: 100%;
	max-width: 1638px;
	height: auto;
	border-radius: 20px;
	background: var(--Brnd-4, #FFF1DA);
	position: relative;
	margin: auto;
}

@media (max-width: 1700px) {
	.content-box {
		width: 95%;
		margin: 0 auto;
	}
}

@media (max-width: 768px) {
	.content-box {
		border-radius: 10px;
	}
	
	.back-home {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.container-box{
	display: flex;
	width: 1472px;
	height: auto;
	min-height: 273px;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px;
}

@media (max-width: 1500px) {
	.container-box {
		width: 90%;
	}
}

@media (max-width: 991.98px) {
	.container-box {
		padding: 25px;
		min-height: 220px;
	}
}

@media (max-width: 767.98px) {
	.container-box {
		padding: 20px;
		min-height: 180px;
	}
}

@media (max-width: 575.98px) {
	.container-box {
		padding: 15px;
		min-height: 150px;
	}
}

.terms-content {
	color: #000;
	font-family: "Proxima Nova", sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

@media (max-width: 991.98px) {
	.terms-content {
		font-size: 28px;
	}
}

@media (max-width: 767.98px) {
	.terms-content {
		font-size: 24px;
	}
}

@media (max-width: 575.98px) {
	.terms-content {
		font-size: 20px;
	}
}

.squish-branding {
    display: flex;
    align-items: center;
    gap: 10px;
}

.squish-text-logo {
    max-height: 100px; /* Adjust this height as needed */
    height: auto;
    width: auto;
    display: inline-block;
}



/*============================
   NEW CSS
============================*/

body {
    background-color: var(--variable-collection-brnd-1) !important;
}

    /* Desktop: fixed 166px */
    @media (min-width: 993px) and (max-width: 1280px) { /* lg and up */

      .product-card-section {
        margin-top: -140px !important;
      }
    }
  
    /* Custom background color classes */
    .bg-green {
        background-color: var(--variable-collection-new-green) !important;
    }
    
    /* Text color for elements with green background */
    .bg-green, .bg-green a {
        color: white !important;
    }
	/* Fixed Rectangle Bar */
	.rectangle {
		height: 14px;
		background-color: var(--variable-collection-brnd-1);
		position: fixed;
		top: 166px; /* Position right below the navbar */
		left: 0;
		right: 0;
		z-index: -2;
		transition: top 0.3s ease;
		width: 100vw; /* Full viewport width */
	}
    /* Social Rectangle Bar */
    .rectangle-social {
        height: 80px;
        background-color: var(--variable-collection-brnd-1);
        position: fixed;
        top: 180px; /* Position below the rectangle bar */
        left: 0;
        right: 0;
        width: 100vw; /* Full viewport width */
        z-index: 1009;
        display: flex;
        align-items: center;
        transition: height 0.3s ease, top 0.3s ease;
    }
    
    /* When scrolled, make it fixed at the top with 14px height */
    .rectangle-social {
      height: 80px;
      top: 179px;
      position: relative;
    }
    
    /* Social links styling */
    .social-link {
        color: #333;
        font-size: 1.2rem;
        transition: color 0.3s ease, font-size 0.3s ease;
    }
    
    .social-link:hover {
        color: white;
        text-decoration: none;
    }
    
    /* Smaller icons when the bar is fixed */
    .rectangle-social .social-link {
        font-size: 0.7rem;
    }
    
    /* Media queries for better responsiveness */
    @media (max-width: 991.98px) {
        
        .rectangle {
            top: 165px;
        }
        
        .rectangle-social {
            top: 120px;
        }
        
        .social-link {
            font-size: 1rem;
        }
    }
    
    @media (max-width: 767.98px) {
        .navbar {
            min-height: 100px;
        }
        
        .rectangle {
            top: 100px;
        }
        
        .rectangle-social {
            top: 100px;
            height: 60px;
        }
        
        .social-link {
            font-size: 0.9rem;
        }
    }
    
    @media (max-width: 575.98px) {
        .navbar-container {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        
        .rectangle-social {
            height: 50px;
        }
    }
        
    /* Hero Section Styling */
    .hero-section {
      margin-top: 70px; /* Account for navbar (166px) + rectangle (14px) + social rectangle (80px) */
      position: relative;
  }
  
  .hero-image {
      width: 100%;
      overflow: hidden;
  }
  
  .hero-image img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
  }
  
  /* Responsive hero section */
  @media (max-width: 991.98px) {
      .hero-section {
          margin-top: 60px; /* Adjusted for smaller navbar */
      }
  }
  
  @media (max-width: 767.98px) {
      .hero-section {
          margin-top: 50px; /* Adjusted for even smaller navbar */
      }
  }
  
  /* Custom Container */
  .custom-container {
      width: 100%;
      max-width: 1366px; /* Same as Bootstrap's .container at xxl breakpoint */
      margin-left: auto;
      margin-right: auto;
      padding-left: 15px;
      padding-right: 15px;
  }

  /* Responsive breakpoints for custom container - mimics Bootstrap's container behavior */
  @media (max-width: 1400px) {
      .custom-container {
          max-width: 1140px;
      }
  }

  @media (max-width: 1200px) {
      .custom-container {
          max-width: 960px;
      }
  }

  @media (max-width: 992px) {
      .custom-container {
          max-width: 720px;
      }
  }

  @media (max-width: 768px) {
      .custom-container {
          max-width: 540px;
      }
  }

  @media (max-width: 576px) {
      .custom-container {
          max-width: 100%;
          padding-left: 15px;
          padding-right: 15px;
      }
  }

  /* Product Card Section Styling */
  .product-card-section {
      padding: 0;
      margin-top: -250px;
      position: relative;
  }
  
  .product-card {
      background-color: #f9f2e2;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      margin-bottom: 40px;
      width: 1366px;
      height: 2021px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .product-card-inner {
      padding: 5%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  
  .product-image-wrapper {
      width: 100%;
      display: flex;
      justify-content: center;
  }
  
  .product-image-hero {
      position: relative;
      width: 1218px;
      height: 1150px;
      object-fit: cover;
      max-width: 100%;
  }
  
  .product-text-container {
      display: flex;
      width: 1144px;
      height: auto;
      flex-direction: column;
      align-items: center;
      gap: 30px;
      flex-shrink: 0;
      max-width: 100%;
      margin-top: 30px;
      padding-bottom: 30px;
  }
  
  .product-text-container h2.card-title {
      height: auto;
      flex-shrink: 0;
      align-self: stretch;
      color: var(--variable-collection-carrot-orange);
      text-align: center;
      font-family: 'Verveine', sans-serif;
      font-size: 140px;
      font-style: normal;
      font-weight: 400;
      line-height: 82.559%;
      margin-bottom: 20px;
	  background: transparent;
  }
  
  .product-text-container p.card-text {
      height: auto;
      flex-shrink: 0;
      align-self: stretch;
      color: var(--variable-collection-cabbage-green);
      text-align: center;
      font-family: 'Proxima Nova', sans-serif;
      font-size: 52px;
      font-style: normal;
      font-weight: 400;
      line-height: 132%;
      margin-bottom: 20px;
  }
  
  .text-center.mt-4 {
      display: flex;
      justify-content: center;
      width: 100%;
  }
  
  .product-btn {
      display: flex;
      width: 551.88px;
      height: 120.96px;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      border-radius: 86.4px;
      background: var(--New-green, #5AB300);
      border-color: var(--New-green, #5AB300);
      color: #FFF;
      text-align: center;
      font-family: "Proxima Nova", sans-serif;
      font-size: 58.32px;
      font-style: normal;
      font-weight: 700;
      line-height: 132%;
  }
  
  /* Responsive product card */
  @media (max-width: 1400px) {
      .product-card {
          height: auto;
      }
      
      .product-image-hero {
          height: auto;
          aspect-ratio: 1218 / 1179;
      }
  }
  
  /* Medium-large screens */
  @media (max-width: 1200px) and (min-width: 992px) {
      .product-text-container {
          width: 100%;
          height: auto;
          gap: 50px;
      }
      
      .product-text-container h2.card-title {
          height: auto;
          font-size: 120px;
          line-height: 1;
      }
      
      .product-text-container p.card-text {
          height: auto;
          font-size: 45px;
          line-height: 130%;
      }
      
      .text-center.mt-4 {
          margin-top: 2rem !important;
      }
  }
  
  /* Specific fix for Nest Hub Max (1280px) and similar devices */
  @media (min-width: 1260px) and (max-width: 1300px) {
      .product-text-container {
        gap: 10px;
      }
      
      .product-text-container h2.card-title {
          font-size: 110px;
          margin-bottom: 20px;
      }
      
      .product-text-container p.card-text {
          font-size: 42px;
          line-height: 125%;
          margin-bottom: 40px;
      }
      
      .text-center.mt-4 {
          margin-top: 3rem !important;
          position: relative;
      }
  }
  
  /* Specific fix for screens around 1000px width */
  @media (max-width: 1050px) and (min-width: 992px) {
      .product-text-container h2.card-title {
          font-size: 110px;
      }
      
      .product-text-container p.card-text {
          font-size: 40px;
      }
      
      .product-text-container {
          gap: 40px;
      }
  }
  
  @media (max-width: 991.98px) {
      .product-card-section {
          margin-top: -80px;
      }
      
      .product-card {
          width: 100%;
          height: auto;
      }
      
      .product-image-hero {
          width: 100%;
          height: auto;
      }
      
      .product-text-container {
          width: 100%;
          height: auto;
          gap: 40px;
      }
      
      .product-text-container h2.card-title {
          height: auto;
          font-size: 100px;
          line-height: 1;
          margin-bottom: 20px;
      }
      
      .product-btn {
          width: 400px;
          height: 100px;
          font-size: 42px;
      }
      
      .product-text-container p.card-text {
          height: auto;
          font-size: 40px;
          line-height: 130%;
      }
  }
  
  @media (max-width: 767.98px) {
      .product-card-section {
          margin-top: -30px;
      }
      
      .product-card-inner {
          padding: 3%;
      }
      
      .product-btn {
          width: 300px;
          height: 80px;
          font-size: 32px;
      }
      
      .product-text-container {
          gap: 30px;
      }
      
      .product-text-container h2.card-title {
          font-size: 70px;
          margin-bottom: 15px;
      }
      
      .product-text-container p.card-text {
          font-size: 30px;
          line-height: 125%;
      }
  }
  
  @media (max-width: 575.98px) {
      .product-card-section {
          margin-top: -50px;
      }
      
      .product-card-inner {
          padding: 6%;
      }
      
      .product-btn {
          width: 220px;
          height: 60px;
          font-size: 24px;
      }
      
      .product-text-container {
          gap: 20px;
      }
      
      .product-text-container h2.card-title {
          font-size: 50px;
          margin-bottom: 10px;
      }
      
      .product-text-container p.card-text {
          font-size: 24px;
          line-height: 120%;
      }
  }
  
  /* Manifesto Section Styles */
  .manifesto-section {
      padding: 40px 0;
      background-color: var(--variable-collection-background);
      overflow-x: hidden;
  }
  
  .manifesto-container {
      width: 100%;
      max-width: 1612px;
      margin: 0 auto;
      padding: 0 15px;
  }
  
  .manifesto-header {
      text-align: center;
      margin-bottom: 20px;
  }
  
  .manifesto-title-image {
      max-width: 100%;
      height: auto;
  }
  
  .manifesto-video-container {
      width: 100%;
      max-width: 1605px;
      aspect-ratio: 16/9;
      border: 14px solid var(--variable-collection-cabbage-green, #3B8017);
      margin: 0 auto;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;
  }
  
  .manifesto-video-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
  }
  
  .video-element-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      background-color: #000;
  }
  
  .manifesto-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #000;
  }
  
  .manifesto-video-thumbnail {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      background: #000;
      display: block;
  }
  
  .play-button-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
  }
  
  .play-button {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .play-button-circle {
      width: 345px;
      height: 345px;
      flex-shrink: 0;
      border-radius: 345px;
      border: 6px solid #A8A8A8;
      background: rgba(255, 255, 255, 0.80);
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .play-icon {
    width: 200.431px;
    height: 200.431px;
    flex-shrink: 0;
    position: relative;
    left: 20px;
    max-width: 60%;
  }
  
  /* Responsive styles for manifesto section */
  @media (max-width: 1650px) {
      .manifesto-container {
          width: 100%;
          max-width: 100%;
          padding: 0 15px;
      }
      
      .manifesto-video-container {
          width: 100%;
          height: auto;
          aspect-ratio: 16/9;
          max-width: 100%;
      }
      
      .play-button-circle {
          width: 250px;
          height: 250px;
          border-width: 5px;
      }
      
      .play-icon {
          width: 180px;
          height: 180px;
          left: 15px;
      }
  }
  
  @media (max-width: 991.98px) {
      .manifesto-video-container {
          border-width: 10px;
      }
      
      .play-button-circle {
          width: 180px;
          height: 180px;
          border-width: 4px;
      }
      
      .play-icon {
          width: 120px;
          height: 120px;
          left: 10px;
      }
  }
  
  @media (max-width: 767.98px) {
      .manifesto-section {
          padding: 30px 0;
      }
      
      .manifesto-video-container {
          border-width: 8px;
      }
      
      .play-button-circle {
          width: 140px;
          height: 140px;
          border-width: 3px;
      }
      
      .play-icon {
          width: 90px;
          height: 90px;
          left: 8px;
      }
  }
  
  @media (max-width: 575.98px) {
      .manifesto-section {
          padding: 20px 0;
      }
      
      .manifesto-video-container {
          border-width: 4px;
      }
      
      .play-button-circle {
          width: 100px;
          height: 100px;
          border-width: 2px;
      }
      
      .play-icon {
          width: 60px;
          height: 60px;
          left: 5px;
      }
  }
  
  /* Our Food Section Styles */
  .our-food-main-section {
      width: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      overflow-x: hidden;
      background-color: var(--variable-collection-background);
  }
  
  .our-food-section {
      width: 100%;
      height: 216px;
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--variable-collection-background);
      margin-bottom: 30px;
      overflow: hidden;
  }
  
  .our-food-container {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .our-food-image {
      max-width: 100%;
      height: auto;
  }
  
  /* Puree Section Styles */
  .puree-section {
      width: 100%;
      height: 132px;
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--variable-collection-cabbage-green, #3B8017);
  }
  
  .puree-container {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .puree-container h2 {
    color: white;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 84px;
    font-weight: 600;
    margin: 0;
	background: transparent;
  }
  
  /* Carousel Section Styles */
  .carousel-section {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--variable-collection-background);
  }
  
  .carousel-container {
      width: 1363px;
      height: 964px;
      padding: 136.385px 199px 101px 199px;
      align-items: center;
      border-radius: 20px;
      background: var(--Brnd-4, #FFF1DA);
      max-width: 100%;
      margin: 70px auto;
  }
  
  .carousel-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  
  .carousel-image-container {
      height: 614px;
      width: 965px;
      position: relative;
      max-width: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .carousel-product-image {
      aspect-ratio: 109/92;
      max-width: 100%;
      max-height: 636px;
      height: auto;
      width: auto;
      object-fit: contain;
      margin-bottom: 20px;
  }
  
  .carousel-product-title {
      width: 706px;
      height: 57px;
      color: #000;
      text-align: center;
      font-family: "Proxima Nova", sans-serif;
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin: 0 auto;
      max-width: 100%;
  }
  
  .carousel-control-prev,
  .carousel-control-next {
      width: 5%;
      opacity: 1;
      background: none;
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
      background: none;
      width: auto;
      height: auto;
      display: block;
  }
  
  /* Juice Section Styles */
  .juice-section {
    width: 100%;
    height: 132px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--variable-collection-cabbage-green);
  }
  
  .juice-container {
      width: 100%;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .juice-container h2 {
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova", sans-serif;
    font-size: 84px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
	background: transparent;
  }

  /* Responsive styles for Our Food, Puree, Juice, and Carousel sections */
  @media (max-width: 1650px) {
      .our-food-section {
          height: auto;
          max-height: 180px;
      }
      
      .our-food-image {
          max-height: 180px;
          width: auto;
      }
      
      .juice-section {
          height: auto;
          min-height: 80px;
      }
      
      .juice-container {
          height: auto;
          min-height: 80px;
          padding: 10px 0;
      }
      
      .carousel-container {
          width: 100%;
          height: auto;
          aspect-ratio: 1363/964;
          padding: 100px 150px 80px 150px;
      }
      
      .carousel-image-container {
          width: 100%;
          height: auto;
          aspect-ratio: 965/614;
          max-width: 800px;
      }
      
      .carousel-product-image {
          width: 100%;
          height: auto;
          max-width: 600px;
      }
      
      .carousel-product-title {
          width: 100%;
          font-size: 42px;
      }
  }
  
  @media (max-width: 991.98px) {
      .our-food-section {
          height: auto;
      }
      
      .puree-section {
          height: 100px;
      }
      
      .juice-section {
          height: 100px;
      }
      
      .juice-container h2 {
          font-size: 40px;
      }
      
      .carousel-container {
          padding: 80px 100px 60px 100px;
          height: 600px;
      }
      
      .carousel-image-container {
          max-width: 600px;
      }
      
      .carousel-product-image {
          max-width: 450px;
      }
  }
  
  @media (max-width: 767.98px) {
      .our-food-section {
          max-height: 140px;
      }
      
      .our-food-image {
          max-height: 140px;
      }
      
      .puree-section {
          height: 80px;
      }
      
      .puree-container h2 {
          font-size: 36px;
      }
      
      .juice-section {
          height: 80px;
      }
      
      .juice-container h2 {
          font-size: 36px;
      }
      
      .carousel-container {
          padding: 40px 30px 30px 30px;
          height: 600px;
      }
      
      .carousel-product-title {
          font-size: 36px;
          height: auto;
      }
      
      .carousel-image-container {
          max-width: 450px;
      }
      
      .carousel-product-image {
          max-width: 250px;
      }
  }
  
  @media (max-width: 575.98px) {
      .our-food-section {
          max-height: 100px;
      }
      
      .our-food-image {
          max-height: 100px;
      }
      
      .puree-section {
          height: 80px;
          margin: 0;
      }
      
      .juice-section {
          height: 80px;
      }
      
      .juice-container h2 {
          font-size: 32px;
      }
      
      .puree-container h2 {
          font-size: 28px;
      }
      
      .carousel-container {
          padding: 40px 30px 30px 30px;
          margin: 30px;
          height: 350px;
      }
      
      .carousel-product-title {
          font-size: 24px;
          height: auto;
      }
      
      .carousel-image-container {
          max-width: 300px;
      }
      
      .carousel-product-image {
          max-width: 250px;
      }
  }
/* Blog Section Styles */
.blog-section {
    width: 100%;
    padding: 14px 0;
}

/* Food Journey Section Styles */
.food-journey-section,
.recipes-section {
    width: 100%;
    padding: 14px 0;
}

.blog-header {
    width: 100%;
    margin-bottom: 30px;
}

.blog-header-image {
    max-width: 100%;
    height: auto;
}

.blog-card {
    display: inline-flex;
    height: auto;
    padding: 65px 0;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    flex-shrink: 0;
    width: 100%;
    max-width: 1363px;
    margin: 0 auto;
    border-radius: 20px;
    background: var(--Brnd-4, #FFF1DA);
}

.blog-image-container {
    width: 100%;
    max-width: 1363px;
    height: 453px;
    flex-shrink: 0;
    aspect-ratio: 340/113;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.blog-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: lightgray -358.275px -159.851px / 126.286% 161.811% no-repeat;
}

.blog-title {
    width: 100%;
    max-width: 1191px;
    height: auto;
    flex-shrink: 0;
    color: var(--Strawberry_Red, #E03E3B);
    text-align: center;
    font-family: "Proxima Nova", sans-serif;
    font-size: 73px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	background: transparent;
}

.blog-paragraph {
    width: 100%;
    max-width: 907px;
    height: auto;
    flex-shrink: 0;
    color: var(--Black, #000);
    font-family: "Proxima Nova", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.blog-button {
    display: flex;
    width: 275.94px;
    height: 60.48px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova", sans-serif;
    font-size: 29.16px;
    font-style: normal;
    font-weight: 700;
    line-height: 132%;
    border-radius: 43.2px;
    background: var(--New-green, #5AB300);
    border: none;
    text-decoration: none;
}

.blog-button:hover {
    background: #4a9500;
    color: #FFF;
}

/* Food Journey Styles */
.food-journey-header {
    width: 100%;
    margin-bottom: 30px;
}

.food-journey-header-image {
    max-width: 100%;
    height: auto;
}

.food-journey-card {
    width: 1363px;
    height: 2331px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    background: var(--Brnd-4, #FFF1DA);
}

.journey-wrapper {
    height: 2145px;
    padding-top: 93px;
    padding-bottom: 93px;
}

.journey {
    display: flex;
    width: 1363px;
    flex-direction: column;
    align-items: flex-start;
    gap: 111px;
    max-width: 100%;
}

.food-journey-title {
    width: 947px;
    height: 116px;
    max-width: 100%;
    color: #000;
    text-align: center;
    font-family: "Proxima Nova", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 105.692%; /* 67.643px */
}

.food-journey-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 130px;
}

.food-journey-subtitle {
    color: #000;
    text-align: center;
    font-family: "Proxima Nova-Bold", Helvetica;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 105.692%;
    margin-bottom: 20px;
}

.food-journey-image-container {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.food-journey-image {
    width: 100%;
    height: 349px;
    object-fit: cover;
    align-self: stretch;
}

.food-journey-item:nth-child(2) .food-journey-image {
    height: 350px;
    align-self: stretch;
}

.food-journey-item:nth-child(3) .food-journey-image {
    height: 349px;
    align-self: stretch;
}

.food-journey-image-container {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

/* Style for clickable food journey containers */
a.food-journey-link {
    display: block;
    width: 100%;
    text-decoration: none;
}

a.food-journey-link .food-journey-image-container {
    width: 100%;
}

a.food-journey-link .food-journey-image {
    width: 100%;
    height: 349px;
    object-fit: cover;
    align-self: stretch;
}

.months-badge {
    position: absolute;
    left: 5%;
    bottom: 0;
    transform: translateY(50%);
}

.months-badge-6 {
    width: 208px;
    height: 208px;
    flex-shrink: 0;
}

.months-badge-12 {
    width: 233px;
    height: 233px;
    flex-shrink: 0;
}

.months-badge-36 {
    width: 208px;
    height: 208px;
    flex-shrink: 0;
}

/* Our Recipes Styles */
.recipes-header {
    width: 100%;
    margin-bottom: 30px;
}

.recipes-header-image {
    max-width: 100%;
    height: auto;
}

.recipes-card {
    width: 1363px;
    height: 2520px;
    flex-shrink: 0;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    background: var(--Brnd-4, #FFF1DA);
    padding-bottom: 60px;
}

.recipes-inner {
    display: flex;
    width: 1110px;
    height: 1016px;
    flex-direction: column;
    align-items: center;
    gap: 44px;
    flex-shrink: 0;
    max-width: 100%;
    padding: 90px 0;
}

.recipe-item {
    width: 100%;
}

.recipe-item:nth-child(2) {
    margin-top: 80px;
}

.recipe-content {
    display: flex;
    width: 1363px;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 44px;
    flex-shrink: 0;
    max-width: 100%;
}

.recipe-title {
    display: flex;
    width: 947px;
    height: auto;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: var(--Carrot_Orange, #F3602A);
    text-align: center;
    font-family: Verveine, sans-serif;
    font-size: 160px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
	background: transparent;
    margin-bottom: 10px;
    max-width: 100%;
    word-wrap: break-word;
}

.recipe-subtitle {
	width: 1110px;
	height: auto;
	flex-shrink: 0;
	color: var(--Brocelli_Green, #168040);
	text-align: center;
	font-family: "Proxima Nova", sans-serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 115%;
	margin-bottom: 20px;
	max-width: 100%;
	padding: 0 15px;
	word-wrap: break-word;
}

.recipe-image-container {
    width: 100%;
    display: flex;
    justify-content: center;
    height: auto; /* Allow height to adjust based on content */
    max-height: 773px; /* Maximum height */
    overflow: hidden; /* Hide overflow if image is too large */
    margin-top: 20px;
}

.recipe-image {
    height: 100%;
    flex-shrink: 0;
    align-self: stretch;
    object-fit: cover;
    width: 100%;
    max-height: 773px; /* Maximum height */
}

/* Responsive styles for Blog, Food Journey, and Recipes sections */
@media (max-width: 1650px) {
    .blog-card {
        height: auto;
        padding: 50px 0;
    }
    
    .food-journey-card,
    .recipes-card {
        height: auto;
		padding-bottom: 0;
    }
    
    .journey-wrapper {
        height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .journey,
    .recipes-inner,
    .recipe-content {
        width: 100%;
        height: auto;
        gap: 10px;
    }
    
    .blog-image-container,
    .food-journey-image-container {
        height: auto;
        aspect-ratio: 340/113;
    }
    
    .recipe-image-container {
        height: 600px;
    }
    
    .blog-title,
    .food-journey-title {
        width: auto;
        height: auto;
        font-size: 60px;
    }
    
    .recipe-title {
        width: auto;
        height: auto;
        font-size: 140px;
    }
    
    .blog-paragraph {
        font-size: 36px;
    }
    
    .food-journey-subtitle,
    .recipe-subtitle {
        width: auto;
        height: auto;
        font-size: 42px;
    }
    
    .food-journey-image,
    .recipe-image {
        height: auto;
    }
    
    .months-badge-6,
    .months-badge-36 {
        width: 200px;
        height: 200px;
    }
    
    .months-badge-12 {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 991.98px) {
    .recipe-item:nth-child(2) {
        margin-top: 60px;
    }
    
    .recipe-image-container {
        height: 500px;
    }
    
    .blog-title,
    .food-journey-title {
        font-size: 48px;
    }
    
    .recipe-title {
        font-size: 120px;
    }
    
    .blog-paragraph {
        font-size: 30px;
    }
    
    .blog-button {
        width: 220px;
        height: 50px;
        font-size: 24px;
    }
    
    .food-journey-subtitle {
        font-size: 50px;
    }
    
    .recipe-subtitle {
        font-size: 36px;
    }
    
    .months-badge-6,
    .months-badge-36 {
        width: 150px;
        height: 150px;
    }
    
    .months-badge-12 {
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 767.98px) {
    .recipe-item:nth-child(2) {
        margin-top: 40px;
    }
    
    .recipe-image-container {
        height: 400px;
    }
    
    .blog-card {
        padding: 30px 0;
        gap: 30px;
    }
    
    .journey-wrapper,
    .recipes-inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .journey,
    .recipes-inner,
    .recipe-content {
        gap: 60px;
    }
    
    .blog-title,
    .food-journey-title {
        font-size: 36px;
    }
    
    .recipe-title {
        font-size: 90px;
    }
    
    .blog-paragraph {
        font-size: 24px;
    }
    
    .blog-button {
        width: 180px;
        height: 45px;
        font-size: 20px;
    }
    
    .food-journey-subtitle {
        font-size: 28px;
    }
    
    .recipe-subtitle {
        font-size: 28px;
    }
    
    .food-journey-item,
    .recipe-item {
        margin-bottom: 30px;
    }
    
    .months-badge-6,
    .months-badge-36 {
        width: 120px;
        height: 120px;
    }
    
    .months-badge-12 {
        width: 140px;
        height: 140px;
    }
}

@media (max-width: 575.98px) {
    .recipe-item:nth-child(2) {
        margin-top: 30px;
    }
    
    .recipe-image-container {
        height: 300px;
    }
    
    .blog-title,
    .food-journey-title {
        font-size: 28px;
    }
    
    .recipe-title {
        font-size: 70px;
    }
    
    .blog-paragraph {
        font-size: 18px;
    }
    
    .blog-button {
        width: 150px;
        height: 40px;
        font-size: 16px;
    }
    
    .journey-wrapper,
    .recipes-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .journey,
    .recipes-inner,
    .recipe-content {
        gap: 0px;
    }
    
    .food-journey-subtitle {
        font-size: 22px;
    }
    
    .recipe-subtitle {
        font-size: 20px;
    }
    
    .months-badge-6,
    .months-badge-36 {
        width: 80px;
        height: 80px;
    }
    
    .months-badge-12 {
        width: 80px;
        height: 80px;
    }
}

/* Footer Styles */
.footer-section {
    width: 100%;
    flex-shrink: 0;
    background: #FFF;
    margin-top: 158px;
    padding: 94px 15px 0;
}

.customer-care {
    width: 1360px;
    height: 120px;
    flex-shrink: 0;
    border-radius: 20px;
    background: var(--New-green, #5AB300);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
}

.customer-care h2 {
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova", sans-serif;
    font-size: 58.4px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
	background: transparent;
}

.contact-details {
    display: flex;
    width: 864px;
    height: 157px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 30px;
}

.contact-details p {
    color: #000;
    text-align: center;
    font-family: "Proxima Nova", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.phone-number {
    color: var(--New-green, #5AB300);
    font-family: "Proxima Nova", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.follow-us {
    width: 1360px;
    height: 120px;
    flex-shrink: 0;
    border-radius: 20px;
    background: var(--New-green, #5AB300);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 30px;
}

.follow-us h2 {
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova", sans-serif;
    font-size: 58.4px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
	background: transparent;
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 100.8px;
    justify-content: center;
    margin: 30px auto 0;
    /* width: 100%; */
}

.social-icon img {
    width: auto;
    height: auto;
}

.terms-container {
    width: 657.6px;
    height: 96px;
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--New-green, #5AB300);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 92px;
}

.terms-inner {
    display: flex;
    width: 624px;
    height: 70.4px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.terms-inner h3 {
	color: #FFF !important;
	text-align: center;
	font-family: "Proxima Nova", sans-serif;
	font-size: 58.4px !important;
	font-style: normal;
	font-weight: 600 !important;
	line-height: normal !important;
	padding: 0 !important;
	text-transform: none;
}

.copyright {
    display: flex;
    width: 100%;
    height: 157px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    margin: 30px 0 0;
    padding-bottom: 30px;
}

.copyright p {
    color: #000;
    text-align: center;
    font-family: "Proxima Nova", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Responsive Footer Styles */
@media (max-width: 1650px) {
    .footer-section {
        margin-top: 120px;
        padding: 45px 15px 0;
    }
    
    .customer-care,
    .follow-us {
        width: 100%;
        height: 100px;
    }
    
    .customer-care h2,
    .follow-us h2,
    .terms-inner h3 {
        font-size: 48px !important;
    }
    
    .contact-details {
        width: 100%;
        height: auto;
    }
    
    .contact-details p,
    .phone-number {
        font-size: 28px;
    }
    
    .terms-container {
        width: 500px;
        height: 80px;
        margin-top: 70px;
    }
    
    .terms-inner {
        width: 480px;
        height: 60px;
    }
    
    .copyright {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
    }
}

@media (max-width: 991.98px) {
    .footer-section {
        margin-top: 100px;
    }
    
    .customer-care,
    .follow-us {
        height: 80px;
    }
    
    .customer-care h2,
    .follow-us h2,
    .terms-inner h3 {
        font-size: 36px !important;
		padding-top: 30px;
    }
    
    .contact-details p,
    .phone-number {
        font-size: 24px;
    }
    
    .social-icons {
        gap: 60px;
    }
    
    .social-icon img {
        width: 60px;
        height: 60px;
    }
    
    .terms-container {
        width: 400px;
        height: 70px;
        margin-top: 50px;
    }
    
    .terms-inner {
        width: 380px;
        height: 50px;
    }
    
    .copyright p {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    .footer-section {
        margin-top: 80px;
    }
    
    .customer-care,
    .follow-us {
        height: 70px;
    }
    
    .customer-care h2,
    .follow-us h2,
    .terms-inner h3 {
        font-size: 28px !important;
    }
    
    .contact-details p,
    .phone-number {
        font-size: 20px !important;
    }
    
    .social-icons {
        gap: 40px;
    }
    
    .social-icon img {
        width: 50px;
        height: 50px;
    }
    
    .terms-container {
        width: 300px;
        height: 60px;
        margin-top: 40px;
    }
    
    .terms-inner {
        width: 280px;
        height: 40px;
    }
    
    .copyright p {
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {
    .footer-section {
        margin-top: 60px;
    }
    
    .customer-care,
    .follow-us {
        height: 60px;
    }
    
    .customer-care h2,
    .follow-us h2,
    .terms-inner h3 {
        font-size: 22px !important;
		padding-top: 34px;
    }
	 
	.terms-inner h3::after{
		border-bottom: none !important;
	}
    
    .contact-details p,
    .phone-number {
        font-size: 18px;
    }
    
    .social-icons {
        gap: 30px;
    }
    
    .social-icon img {
        width: 40px;
        height: 40px;
    }
    
    .terms-container {
        width: 250px;
        height: 50px;
        margin-top: 30px;
    }
    
    .terms-inner {
        width: 230px;
        height: 35px;
    }
    
    .copyright p {
        font-size: 16px !important;
    }
}


/*heaight of grid*/
.recipe-archive-img {
    height: 260px !important;
    object-fit: cover;
    width: 100%;
}

.recipe-serving-img {
    height: 300px !important;
    width: 300px !important;
    object-fit: cover;
    object-position: center;
}

/* Hero Section Styling */
.tearms-section {
	margin-top: 70px; /* Account for navbar (166px) + rectangle (14px) + social rectangle (80px) */
	position: relative;
}

.tearms-image {
	width: 100%;
	overflow: hidden;
}


/* Responsive hero section */
@media (max-width: 991.98px) {
	.tearms-section {
		margin-top: 60px;
	}
}

@media (max-width: 767.98px) {
	.tearms-section {
		margin-top: 60px; /* Adjusted for even smaller navbar */
	}
}