* {
	padding:0;
	margin:0;
}
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
body {
	padding-top:84px;
	overflow-x: hidden !important;

}
::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
/* header */
header#masthead {
	display: block !important;
}
#masthead {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #ffffff00;
	display: block;
	z-index: 999;
}
.sticky#masthead {
    background: #00000070 !important;
}
#masthead.hidden {
	transform: translateY(-100%); /* Move the masthead up out of view */
	transition: transform 0.8s ease-in-out; /* Smooth transition */
}
#masthead{
	transition: transform 0.8s ease-in-out;
} 
.header-wrapper .elementor-section .elementor-container {
	justify-content: space-between;
	align-items: center;
}
.header-wrapper .logo-box {
	width: auto !important;
	float: left;
}
.header-wrapper .menu-box {
	width: auto !important;
	float: right;
}
.notfound-content {
	text-align: center;
	padding: 7vw 0;
	width: 100%;
	float: left;
}
.error404 .notfound-content h1 {
	color: #000000;
}
.error404 .notfound-content h3 {
	margin: 20px 0;
}
body .gform_wrapper,
.gform_confirmation_wrapper {
	width: 100%;
	float: left;
}
body .gform_wrapper {
	margin: 0px 0;
}
body .gform_wrapper form {
	width: 100%;
	float: left;
}
body .gform_wrapper form .gform_body {
	float: left;
	width: calc(100% + 30px) !important;
	margin: 0 -15px !important;
}
body .gform_wrapper .gf_progressbar_wrapper {
	display: none;
}
body .gform_wrapper form .gform_body ul {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
}
body .gform_wrapper form .gform_body ul li.gfield {
	padding: 0px;
	width: 50%;
	float: left;
	padding: 0 15px !important;
	margin: 0 0px 30px !important;
	background-color: transparent;
	border: none;
	clear: inherit;
}
body .gform_wrapper form .gform_body ul li.gfield label {
	width: 100%;
	float: left;
	color: #000;
	font-family: 'Satoshi-Regular';
	font-size: 18px;
	font-weight: 400;
	margin-top: 0px !important;
	padding: 0 0px 0px;
	line-height: 120%;
}
body .gform_wrapper form .gform_body ul li.gfield label span.gfield_required {
	font-size: 18px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	display: none;
	vertical-align: top;
	margin-left: 0px;
	margin-top: 0px;
}
body .gform_confirmation_message {
	background-color: #E04D27
}
body .gform_wrapper form .gform_body ul li.gfield.full-box {
	width: 100%;
}
.gf_submission_limit_message {
	color: #fff !important;
	font-size: 1.375em;
}
body .gform_wrapper form .gform_body ul li.gfield textarea {
	width: 100% !important;
	height: 120px !important;
	border-radius: 0px !important;
}
body .gform_wrapper form .gform_body ul li.description textarea {
	width: 100% !important;
}
body .gform_wrapper .validation_message {
	color: #790000;
	padding-top: 5px;
	padding-right: 0px !important;
	width: 100%;
	float: left;
	line-height: 120%;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 14px;
}
body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio,
body .gform_wrapper .field_description_below .gfield_description {
	color: #790000;
	padding-top: 5px;
	padding-right: 0px !important;
	width: 100%;
	float: left;
	line-height: 120%;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.5px;
}
body .gform_confirmation_message {
	width: 100%;
	float: left;
	text-align: center;
	font-weight: normal;
	font-family: "Lato", Sans-serif;
	background-color: #E04D2700;
	line-height: 125%;
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	padding: 16px 20px;
	color: #02ff02;
	font-size: 16px;
}
body .gform_wrapper div.validation_error {
	margin-bottom: 20px;
	border: none;
	background-color: #790000;
	color: #ffffff;
	padding: 18px 15px;
	line-height: 120%;
	font-size: 16px;
	display: flex;
}
body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px !important;
	width: 100%;
	float: left;
}
body .gform_body input[type=text],
body .gform_body input[type=email],
body .gform_body input[type=tel],
body .gform_body input[type=number],
body select,
body textarea {
	width: 100% !important;
	border : 0px;
	border-bottom: 1px solid rgb(155 155 155 / 70%) !important;
	border-radius: 00px !important;
	padding: 15px 20px !important;
	color: #000000 !important;
	box-shadow: none;
	font-family: "Lato", Sans-serif;
	height: auto !important;
	font-weight: 300;
	line-height: 125% !important;
	letter-spacing: 0.5px;
	font-size: 16px !important;
	margin: 0 !important;
	background-color: transparent !important;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}
body select {
	background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 40px !important;
}
body .gform_wrapper textarea.small {
	height: 80px;
}
body .gform_wrapper .gform_page_footer {
	padding: 0 15px;
	margin-bottom: 0px;
	text-align: left;
	width: 100%;
	float: right;
	margin-top: 10px;
	border: none;
}
.gform_legacy_markup_wrapper .gform_validation_errors>h2 {
	color: #ffffff !important;
	font-weight: 400 !important;
	padding: 0 !important;
	margin: 0px !important;
	line-height: 120%;
}
.gform_wrapper .field_description_below .gfield_description {
	font-size: 16px;
}
.header-wrapper .elementor-nav-menu--main .elementor-item:hover{
	font-style: italic;
}
/* _________________________________ ANIMATION CSS_________________________________ */

.fadeleftright {
	opacity: 0;
	transform: translate3d(-20%, 0, 0);
	transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}
.fadeleftright.show {
	opacity: 1;
	transform: none;
} 
.fadebottomtop {
	opacity: 1;
	transform: translate3d(0, 10%, 0);
	transition: opacity 2s ease-in-out, transform 2s ease-in-out; 
}
.fadebottomtop.show {
	opacity: 1;
	transform: none;
}
@keyframes rotateInDownRight {
	from {
		transform-origin: right bottom !important;
		transform: rotate3d(0,0,1,10deg) !important;
		opacity: 0 !important;
	} 
}
@keyframes rotateInDownLeft {
	from {
		transform-origin: left bottom;
		transform: rotate3d(0,0,1,-10deg);!important
		opacity: 0
	}
	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1
	}
}
.recipe_Item .rotateInDownLeft {
	animation-name: rotateInDownLeft
}

/* _________________________________ HOME PAGE CSS_________________________________ */

.home_slider .elementor-slides .swiper-slide-inner {
	width: 1300px;
}
.overflow_section{
	/* 	overflow-x: hidden !important;
	overflow-y: visible !important; */
}
.home_image_hidden{
	overflow: hidden;
}
.swiper-wrapper {
	transition-timing-function: linear;
}
.hero_banner_slide .swiper-pagination {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: center;
	row-gap: 15px;
	width: auto !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	bottom: unset !important;
	right: 4%;
	left: unset !important;
}
.hero_banner_slide .swiper-pagination .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	border: 1px solid #fff;
	background-color: transparent !important;
}
.hero_banner_slide .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff !important;
}
/* .swiper-slide-contents{
position: relative; 
} */
.home_recipes_sec span.elementor-post-info__terms-list span {
	padding: 20px 20px 20px 0 !important;
}
.home_recipes_sec .swiper {
	overflow: visible;
}
.recipes_slider .elementor-widget-container {
	min-height: 40px;
}

span.hero_arrow_circle {
	border: 5px solid #FEEBDA;
	position: relative; 
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%;
	animation-delay: 2.5s;
}

span.hero_arrow_circle a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.hero_arrow_circle:hover .hero_slide_arrow {
	transform: translateX(10px);
	transition: all 0.3s;
}
img .hero_slide_arrow{
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: auto;
	padding: 0px 22px 0px 0px;
	max-width: 100%;
}
.home_slider .swiper-slide-contents
{ 
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
}

.home_slider .swiper-slide-contents {
	margin-right: 0;
}
/* .home_slider .swiper-slide-contents {
display: flex;
flex-direction: row;
justify-content: space-between !important;
align-items: center;
} */
/* _________________________________ ABOUT PAGE CSS_________________________________ */
.about_image_rotate{
	animation: spinner 45s linear infinite; 
}
@keyframes spinner {
	to { transform: rotate(360deg); }
}
.about_wererit_bg .elementor-background-overlay {
	background-position: 79% !important;
}
.sticky-image{ 
	position: sticky !important;
	top: calc(56% - 100px) !important;
}
.about-sticky-sec{
	position: relative !important; 
}   

/* _________________________________ PORTFOLIO PAGE CSS _____________________________ */

.portfoli_hero_sec .elementor-widget-wrap {
	flex-direction: column;
}
.portfoli_hero_sec .elementor-element .elementor-widget__width-auto {
	max-width: fit-content !important;
}
.portfolio_video .elementor-video{
	height: 531px !important;
}
.hover_show {
	opacity: 0;
	transition: 0.5s all;
}
.portfolio_heading:hover  .hover_show{
	opacity: 1;
	transition: 0.5s all;
}
.portfolio_sec .elementor>.elementor-section.elementor-section-boxed>.elementor-container {
	padding: 0 0px;
}
.portfolio-filter > button {
	font-family: "Lato", Sans-serif;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
	align-items: center;
    background-color: initial;
    border: 1px #69727d;
    border-radius: initial;
    box-sizing: initial;
    color: #E04D27;
	cursor: pointer;
    display: flex;
    flex-basis: content;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 8px;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

.portfolio-filter > button:not([aria-pressed=true]):not(:hover) {
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:  #E04D27;	
}

.portfolio-filter > button:hover, .portfolio-filter > button[aria-pressed=true] {
	background-color: #E04D27;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E04D27;
	color: white;
}

.portfolio-filter {
	align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: initial;
    overflow-x: initial;
    -ms-overflow-style: none;
    scrollbar-width: none;
	margin-bottom: 25px;
}
.grid-sizer, .portfolio-item, .recipe-item {
	width: 32%;
}
.portfolio-item, .recipe-item {
	margin-bottom: 12px;
}
.grid-gutter-sizer {
	width: 2%;
}
@media only screen and (max-width: 1024px) {
	.grid-sizer, .portfolio-item, .recipe-item {
		width: 49%;
	}
	.grid-gutter-sizer {
		width: 2%;
	}
}
@media only screen and (max-width: 768px) {
	.grid-sizer, .portfolio-item, .recipe-item {
		width: 100%;
	}
	.grid-gutter-sizer {
		width: 0;
	}
}
.portfolio-grid {
	margin-top: 25px;
	margin-bottom: 25px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
	gap: 25px;
}
.portfolio-item {
	align-self: flex-start;
	position: relative;
	margin-bottom: 24px;
}
.portfolio-excerpt > h3 {
	color: #E04D27;
    font-family: "Lato", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.portfolio-image {
	margin-bottom: 16px;
}
.portfolio-image > img {
	max-height: none;
	max-width: none;
	width: 100%;
}
.portfolio-header {
	background-color: #e04d27a6;
    color: #FEEBDA;
	position: relative;
	padding-bottom: 12px;
}
.portfolio-overlay {
	background-color: #2313064D;
	inset: 0;
	opacity: 0.5;
	position: absolute;
}
.portfolio-overlay-details {
    color: #FEEBDA;
	position: absolute;
	inset: 0;
	padding: 25px 30px;
	opacity: 0;
	transition: opacity 0.5s;
}
.portfolio-overlay-title {
	margin-bottom: 12px;
}
.portfolio-title {
	padding: 0 12px;
	text-transform: capitalize;
	font-family: "New Baskerville FS", Sans-serif;
}
.portfolio-title h2 {
    font-size: 32px;
    font-weight: 700;
	word-break: auto-phrase;
}
.portfolio-title > a {
	color: inherit !important;
}
.portfolio-terms {
	font-family: "Lato", Sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
	padding: 8px 12px;
}
.portfolio-content {
	background-color: #ddb59557;
	font-family: "Lato", Sans-serif;
	color: #99351b !important;
	font-size: 16px;
	padding: 12px 16px;
}
.portfolio-content a {
	color: #E04D27 !important;
	text-decoration: underline !important;
}
.previewSwiper {
	background-color: #00000038;
}
.thumbSwiper {
	background-color: #00000038;
	padding: 6px 0 !important;
}
.previewSwiper .swiper-wrapper {
	align-items: center;
}
.previewSwiper .swiper-slide {
	display: flex !important;
	justify-content: center;
}
.swiper-button-next, .swiper-button-prev {
	color: white !important;
}
.elementor-slideshow__header {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.elementor-slideshow__header > svg:first-child {
	margin-right: 2.6em;
}
.elementor-slideshow__header > .elementor-slideshow__counter {
	margin-left: 1em;
}
.infiniteScrollLoader {
	width: 100%;
	display: flex !important;
	justify-content: center;
}
/* _________________________________ PORTFOLIO DETAILS PAGE CSS _____________________________ */

/* _________________________________ RECIPES PAGE CSS _____________________________ */

.recipes_item_sec .elementor-animation-grow:focus, .elementor-animation-grow:hover {
	transform: scale(1.3) !important;
}
.recipes_item_sec .recipes_item_image_overflow{
	overflow: hidden !important;
}
.recipes_templet_image_overflow .elementor-widget-container{
	overflow: hidden;
}

/* _________________________________ RECIPES DETAILS PAGE CSS _____________________________ */
.recipe-steps-container {
	margin-bottom: 60px;
}
.recipe-steps-container.grouped {
	border: 2px solid #303F13;
	padding: 32px;
}
.recipe-steps-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 50px;
	row-gap: 65px;
}
.recipe-steps-group .recipe-step {
	display: flex;
	align-items: flex-start;
	border: 2px solid #303F13;
	min-height: 130px;
	cursor: pointer;
}
.recipe-step {
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.recipe-step:hover .step-content {
	background-color: #303F13;
}
.recipe-step:hover .step-content p {
	color: #BEC17A !important;
}
.recipe-step .step-number {
	height: 100%;
	background-color: #303F13;
	padding: 12px;
	font-family: "Lato", Sans-serif;
	color: #BEC17A;
	font-size: 18px;
	font-weight: 400;
	line-height: 116%;
	width: 50px;
	text-align: center;
}
.step-content p:empty:first-child {
	display: none;
}
.step-content {
	height: 100%;
	width: 100%;
}
.step-content a {
	color: inherit !important;
	text-decoration: underline !important;
}
.recipe-steps-group .step-content p {
	font-family: "Lato", Sans-serif;
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 116%;
	padding: 12px 30px 12px 20px;
}
.recipe-steps-group-name {
	color: #303F13;
	font-family: "Lato", Sans-serif;
	font-size: 18px;
	font-weight: 900;
	font-style: normal;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.recipe-steps-group-description {
	color: #303F13;
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-style: normal;
	margin-bottom: 16px;
}

.ingredient-label {
	display: flex;
	cursor: pointer;
	padding: 0px;
	min-height: 47px;
	border: 0px solid #ccc;
	border-radius: 5px;
	transition: background-color 0.3s;
}
.ingredient-checkbox {
	margin-right: 16px;
}
.no-ingredients {
	color: #fff;
	font-style: italic;
}
.ingredient-text {
	color: #303F13;
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: 24px; 
	text-transform: uppercase;
}
.ingredients-container{
	margin-bottom: 42px;
}
.ingredients-container.grouped {
	border: 2px solid #303F13;
	padding: 12px;
}
.ingredients-group-name {
	color: #303F13;
	font-family: Lato;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	margin-bottom: 24px;
}
.ingredients-group{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 90px;
	row-gap: 25px;
}
.ingredient-item .ingredient-label input[type="checkbox"] {
	width: 20px;
	height: 20px;
	padding:10px;
	background-color: transparent;
	border: 2px solid #303F13;
	/*     margin: 10px 10px 10px 0; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.ingredient-item .ingredient-label input[type="checkbox"]:checked  {
	background-color: #303F13;
}
.recepie_detals_image img.attachment-full.size-full {
	height: 664px;
	width: 600px;
	object-fit: cover;
}
.racipes_tab .elementor-widget-container {
	background-color: transparent !important;
	padding: 0px 0px 0px 0px;
}
.racipes_tab .elementor-icon-list-text span {
	display: inline;
	color: #303F13;
	padding: 00px;
	font-size: 0px;
}
.recipe_hero_sec .elementor-post-info__terms-list-item{
	font-size: 18px !important;
	background-color: #BEC17A;
	margin-right: 00px;
}
span.elementor-post-info__terms-list-item {
	padding: 5px 10px !important;
}
.racipes_tab .premium-video-box-video-container video {
	object-fit: cover;
	height: 530px !important;
}
.recipe-terms {
	display: flex;
    color: #303F13;
    font-size: 18px;
    font-style: italic;
    font-family: "Lato", sans-serif;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 5px;
}
.recipe-terms > span {
	background-color: #BEC17A;
    padding: 5px 10px;
	min-width: 114px;
	text-align: center;
}
.recipe-meal-term {
	font-family: "Lato", Sans-serif;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-style: normal;
    line-height: normal;
    color: #BEC17A;
}
.recipe-cuisine-term {
	color: #E04D27;
	font-family: "Lato", Sans-serif;
	font-size: 16;
	text-transform: uppercase;
    font-style: normal;
}
@media(max-width: 480px) {
	.recipe-terms {
		font-size: 14px !important;
		padding: 5px 6px;
	}
	.recipe-meal-term {
		font-size: 16px !important;
	}
}
.recipe_hero_sec .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 5px;
}
.step-content .highlighted p{
	color: #303F13 !important;
}
.recipe-content ul {
	padding-left: 24px;
}

/* _________________________________CONTACT PAGE CSS_________________________________ */
.contact_sec .gform_wrapper form .gform_body ul li.gfield label {
	color: #FEEBDA;
	font-family: "Lato", Sans-serif;
	font-size: 18px;
	font-weight: 700
}
.contact_sec  .gform_legacy_markup_wrapper .gform_footer input.button, 
.gform_legacy_markup_wrapper .gform_footer input[type=submit] {
	font-size: 18px;
	margin: 0 0px 0 0;
	width: 100%;
	color: #E04D27;
	border: 0px;
	padding: 15px 0;
	background-color: #FEEBDA;
	cursor: pointer;
	transition: background-color 1s ease-in-out;
}
.contact_sec  .gform_legacy_markup_wrapper .gform_footer input.button:hover { 
	color: #FEEBDA;
	background-color: #E04D27;
}
.contact_sec .gform_body input[type=text], body .gform_body input[type=email], body textarea {
	width: 100% !important;
	border : 0px;
	border-bottom: 1px solid rgb(237 237 237 / 70%) !important;
	font-family: "Lato", Sans-serif !important;
	border-radius: 00px !important;
	padding: 10px 0px !important;
	color: #FEEBDA !important;
	font-weight: 700;
	font-size: 18px !important;
} 
.contact_sec .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=image]):not([type=file]){
	font-family: lato !important;
	font-size: 18px;
	font-weight: 700;
}
.gform_wrapper form .gform_body ul li.gfield textarea {
	border-radius: 0px !important;
	font-family: "Lato", Sans-serif;
	font-size: 18px;
	font-weight: 700;
}
.contact_sec .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_legacy_markup_wrapper li.gfield_error textarea {
	border: 0px !important;
	border-bottom: 1px solid #FEEBDA !important;
}
.contact_sec .gform_wrapper .field_description_below .gfield_description {
	color: #ff0000;
	font-family: "Lato", Sans-serif;
}
/* ------------------------------------------------------- */
#recipe-filter {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}
.recipe-dropdown {
	padding: 10px;
	font-size: 16px;
}
.recipe-item {
 	height: 402px !important;
	text-align: left;
	margin-bottom: 24px;
	background-color: #00000024;
}
.recipe-item > a {
	height: 100%;
	display: flex;
	row-gap: 12px;
	flex-direction: column;
}
.recipe-item h3 {
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: #d9d6a4;
	cursor: pointer;
	font-family: "Lato", Sans-serif;
	font-weight: 900;
	line-height: 116%;
	text-align: center;
}
.recipe-title {
	align-items: center;
	background-color: #3a4a22;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	padding: 8px 24px;
	width: 100%;
}
.recipe-item img {
	object-fit: cover;
	width: 100%;
	height: 300px !important;
}
/* Recipe AJAX Filter Styles */
.recipe-filter-container {
	/*     max-width: 100%; */
	margin: 0 auto;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}
.recipe-filter-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 20px !important;
	margin-bottom: 60px;
	background-color: transparent;
	justify-content: left;
}
.filter-item,
.recipe-category-dropdown {
	position: relative;
	margin: 0;
}
.all-button {
	background-color: #3a4a22; /* Dark olive green */
}
.all-button a {
	color: #d9d6a4 !important; /* Light golden text */
	font-weight: bold;
	padding: 15px 80px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
.recipe-category-button {
	background-color: #BEC17A;
	border: 1px solid #303F13;
	padding: 13px 18px;
	cursor: pointer;
	font-size: 18px;
	font-family: "Lato", Sans-serif;
	color: #303F13;
	font-weight: 900;
	line-height: 116%;
	text-align: left;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 190px;
}    
.recipe-category-button:hover,
.subcategory-link:hover {
	background-color: #BEC17A; /* Light golden background on hover */
	color: #556043;
}
.recipe-category-button.active {
	background-color: #3a4a22; /* Dark olive green */
	color: #d9d6a4; /* Light golden text */
}
/* Dropdown styling */
.dropdown-arrow {
	margin-left: 8px;
	transition: transform 0.3s;
	font-size: 12px;
}
.dropdown-arrow::before {
	content: '▼';
	display: block;
}
.dropdown-arrow.open {
	transform: rotate(180deg);
}
.has-dropdown-arrow::after {
	content: '▼';
	display: block;
	margin-left: 8px;
	transition: transform 0.3s;
	font-size: 12px;
}
.has-dropdown-arrow.open::after {
	transform: rotate(180deg);
}
.recipe-subcategories {
	display: none;
	position: absolute;
	background-color: #3a4a22; /* Dark olive green background */
	min-width: 100%;
	z-index: 10;
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.subcategory-link {
	color: #d9d6a4; /* Light golden text */
	padding: 13px 18px;
	text-decoration: none;
	border-bottom: 1px solid #d9d6a4;
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	cursor: pointer;
	font-family: "Lato", Sans-serif;
	font-weight: 900;
	line-height: 116%;
	text-align: left;
	width: 190px;
}
.subcategory-link:hover {
	background-color: #BEC17A;
	color: #4a5a32;
}
.subcategory-link.active {
	background-color: #BEC17A; /* Slightly lighter olive green */
	color: #4a5a32;
	font-weight: bold;
}
/* Recipe grid styling */

/* Loading spinner */
.loading-spinner {
	display: flex;
	justify-content: center;
	padding: 30px;
}
.spinner {
	border: 4px solid rgba(58, 74, 34, 0.3);
	border-radius: 50%;
	border-top: 4px solid #3a4a22;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* Pagination */
.recipe-pagination {
	margin-top: 30px;
	text-align: center;
}
.recipe-pagination a,
.recipe-pagination span {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 5px;
	border: 1px solid #3a4a22;
	color: #3a4a22;
	text-decoration: none;
	border-radius: 3px;
}
.recipe-pagination .current {
	background-color: #3a4a22;
	color: #d9d6a4;
}
/* Responsive adjustments */
@media (max-width: 768px) {
	.recipe-filter-nav {
		flex-direction: row;
	}
	.recipe-subcategories {
		position: absolute;
		width: 100%;
	}
	.recipe-grid {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
}
/* ---------------------------------------------------  header css/* ----------------------------------------------------------  */