/*
Theme Name:     Ranna Child
Template:       ranna
Author:         Your Name
Description:    Child theme for Ranna
Version:        1.0.0
Text Domain:    ranna
*/

@font-face { font-display: swap; }

/* Post Ratings */
body.ranna_recipe-template-default {
	background-color: #FCECE0;
}

body .owl-item .post-ratings {
	display: flex;
	gap: 0.15rem;
	align-items: center;
	justify-content: center;
}

body .owl-item .post-ratings img {
	max-width: max-content;
	width: unset;
	object-fit: contain;
}

body.header-color-beige {
	color: #711711;
}

body.header-color-beige .container.bg-color-beige,
body.header-color-beige .content-area.bg-color-beige {
	background-color: #FCECE0;
}

body.header-color-red #primary.bg-color-beige{
	background-color: #FCECE0;
}

body.header-color-red {
	background-color: #6C160D;
}
.container-custom .section-heading{
	border-bottom:none;
}
.section-heading {
	border-bottom: none;
}

.container-custom {
	max-width: 1310px;
}

.row.gutters-60>[class^="col-"] {
	padding-left: 15px;
	padding-right: 15px;
}
/* hide the banner on the blog page starts here */
body.blog .entry-banner { display:none !important; }
.footer-custom,
.footer-custom p,
.footer-custom h5,
.footer-custom h4,
.footer-custom a,
.left-widget-area .footer-widget a {
	color: #460E10;
	text-transform: uppercase;
}
/* hide the banner on the blog page ends here */
.footer-custom .container {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	max-width: calc(100% - 72px);
}

.footer-custom.footer-top-area {
	line-height: 100%;
}

.footer-top-area ul li a {
	color: #460E10;
}

.footer-custom.footer-top-area ul li,
.footer-custom.footer-top-area ul li a {
	color: #460E10;
	transition: ease all 0.5s;
}

.footer-custom.footer-top-area ul li a:hover {
	padding-left: 20px;
	color: #FC3041;
}

.footer-custom.footer-top-area .corporate-address li i {
	display: none;
}

.footer-style-5 .footer-top-area.footer-custom {}

footer .footer-area .footer-top-area.footer-custom {
	background-color: #FCECE0;
	padding: 12px 12px 12px 12px;
}

@media (min-width: 767.98px) {
	footer .footer-area .footer-top-area.footer-custom {
		padding: 21px 36px 21px 36px;
	}
}

@media (min-width: 1023.98px) {
	footer .footer-area .footer-top-area.footer-custom {
		padding: 21px 36px 21px 36px;
	}
}

.footer-style-5 .footer-top-area.footer-custom.footer-top-area .container {
	background-color: #FFF5E5;
	border-radius: 16px;
	max-width: 1440px;

}

.footer-custom .footer-logo {
	margin: 0 auto;
	border-bottom: 1px solid #927e77;

	max-height: unset;
	padding: 25px 60px 44px 61px;

}

.footer-custom .footer-logo-area {
	width: 100%;
	max-width: 29vw !important;
	height: auto;
	max-width: 369px;
	border-radius: 16px;
	max-height: 110px;
	width: auto;
	margin: 0 0 -20px -20px;
}

.footer-custom .left-widget-area .footer-widget {
	padding: 22px 22px 22px 22px;
	border-bottom: 1px solid #927e77;

}

.footer-custom .left-widget-area .footer-widget h4 {
	text-align: center;
	margin-bottom: 12px;
	display: flex;
	justify-content: center;
}

.shopwp.shopwp-has-error #shopwp-root {
	display: none;
}

@media (min-width: 999px) {
	.footer-custom .left-widget-area .footer-widget {
		border-bottom: 0px;
	}

	.footer-custom .left-widget-area .footer-widget h4 {
		justify-content: flex-start;
	}
}

@media (min-width: 992px) {
	.left-widget-area {
		padding: 22px 105px 22px 61px;
	}

	.footer-custom .footer-logo-area .footer-widget {
		width: 29vw;
	}

	.footer-custom .left-widget-area {
		border-right: 1px solid #c7a787;
		text-align: left;
	}

	.footer-custom .left-widget-area .footer-widget {
		padding: 22px 22px 22px 61px;
	}

	.footer-custom .left-widget-area .footer-widget h4 {
		text-align: left;
		margin-bottom: 35px;
	}
}

.left-widget-area {
	padding: 0px 105px 0px 61px;
}

.left-widget-area .footer-widget h5 {
	text-transform: Capitalize;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}

.left-widget-area .footer-widget a {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	padding: 12px 0px 12px 0;
	margin: 12px 0;
	display: flex;
	transition: ease all 0.5s;
	justify-content: flex-start;
	align-items: center;

	&:hover {
		padding-left: 20px;
		color: #FC3041;
	}
}

@media (max-width: 991px) {
	.left-widget-area .footer-widget a {
		margin-bottom: 0;
		justify-content: center;
	}
	
	.gdf-hero__right{
	
    margin: 0 auto;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    margin-top: 48px;
	}
	..gdf-excerpt{
		text-align:center;
	}
	
	.gdf-print.m-md-0{
		margin: auto !important;
	}
}

.footer-style-5 .footer-area .footer-custom ul {
	margin: 0 0 0px 0;
	padding: 0;
}

.footer-style-5 .footer-area .footer-custom ul li {
	margin: 10px 0px;
}

.left-widget-area .footer-widget a::after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2216%22%20viewBox%3D%220%200%2022%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M21.2071%208.70711C21.5976%208.31658%2021.5976%207.68342%2021.2071%207.29289L14.8431%200.928932C14.4526%200.538408%2013.8195%200.538408%2013.4289%200.928932C13.0384%201.31946%2013.0384%201.95262%2013.4289%202.34315L19.0858%208L13.4289%2013.6569C13.0384%2014.0474%2013.0384%2014.6805%2013.4289%2015.0711C13.8195%2015.4616%2014.4526%2015.4616%2014.8431%2015.0711L21.2071%208.70711ZM0%208V9H20.5V8V7H0V8Z%22%20fill%3D%22%23460E10%22/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 8px;
	vertical-align: middle;
	transition: filter 0.3s ease;
}

.left-widget-area .footer-widget a:hover::after {
	filter: brightness(0) saturate(100%) invert(26%) sepia(78%) saturate(3171%) hue-rotate(340deg) brightness(85%) contrast(95%);
}


/* mobile header and menu styles -  starts here */
@media only screen and (min-width: 768px) {
	#meanmenu {
/* 		display: none; */
	}
}

@media (max-width: 768px) {
	body.header-color-beige .mean-bar .logo-small {
		filter: invert(1) brightness(0);
	}
}

@media(max-width:1024px) {

	.rt-header-menu.mean-container .mean-bar .sidebarBtn {
		right: 15px;
		top: 20px;
	}

	.site-header {}

	#meanmenu.rt-header-menu.mean-container {
		width: 100%;
		position: relative;
		z-index: 9999;
		background: transparent;
		position: absolute;

	}

	body.header-color-beige.slidemenuon #meanmenu.rt-header-menu.mean-container .mean-bar {
		background-color: #FCECE0;
		z-index: 10;
		position: relative;
	}

	body.header-color-red.slidemenuon #meanmenu.rt-header-menu.mean-container .mean-bar {
		background-color: #6C160D;
	}

	#meanmenu.rt-header-menu.mean-container .offscreen-navigation li>a {
		font-size: 20px;
	}

	#meanmenu.rt-header-menu.mean-container .rt-slide-nav {
		top: 86px;
		box-shadow: 5px 5px 5px 0px #0000001c;
	}

	#meanmenu.rt-header-menu.mean-container.rt-sticky {
		position: fixed;
		background-color: #6C160D;
	}

	body.header-color-beige #meanmenu.rt-header-menu.mean-container.rt-sticky {
		background-color: #FCECE0;
	}

	body.header-color-red #meanmenu.rt-header-menu.mean-container.rt-sticky {
		background-color: #6C160D;
	}

	.rt-header-menu.mean-container .mean-bar {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		/* 	background-color: #6C160D; */
		background-color: transparent;
		padding: 8px 12px 8px 12px;
	}

	.rt-header-menu.mean-container .mean-bar a {
		display: inline-block;
		width: auto;
		margin: auto;
	}

	.rt-header-menu.mean-container .mean-bar .logo-small {
		max-width: 70px;
	}

	/* mobile menu open close x - starts here */
	/* Base button box (you already flip bg via your rules) */
	body .sidebarBtn {
		position: relative;
		display: inline-block;
		width: 50px;
		/* you can tweak */
		height: 44px;
		cursor: pointer;
		color: #fff;
		/* bar color via currentColor */
	}

	/* Kill the FA burger glyph */
	.sidebarBtn .fa,
	.sidebarBtn .fa::before {
		font: 0/0 a;
		/* hide any icon font rendering */
		text-shadow: none;
		color: transparent;
		content: none !important;
	}

	/* Reuse the inner span as the middle bar */
	.sidebarBtn .fa {
		position: absolute;
		left: 8px;
		right: 8px;
		top: 50%;
		height: 2px;
		background: #FCECE0;
		transform: translateY(-50%);
		transition: transform .25s ease, opacity .2s ease;
		border-radius: 2px;
	}

	body.header-color-beige .sidebarBtn .fa {
		background: #000;
	}

	/* Top & bottom bars from the button itself */
	.sidebarBtn::before,
	.sidebarBtn::after {
		content: "";
		position: absolute;
		left: 8px;
		right: 8px;
		height: 2px;
		background: #FCECE0;
		border-radius: 2px;
		transition: transform .25s ease, top .25s ease, bottom .25s ease;
	}

	body.header-color-beige .sidebarBtn::before,
	body.header-color-beige .sidebarBtn::after {
		background: #000;
	}

	/* Positions for the 3 bars (hamburger state) */
	.sidebarBtn::before {
		top: 11px;
	}

	.sidebarBtn::after {
		bottom: 11px;
	}

	/* Optional hover nudge */
	.sidebarBtn:hover::before {
		top: 10px;
	}

	.sidebarBtn:hover::after {
		bottom: 10px;
	}

	/* OPEN STATE — body gets .slidemenuon (you already toggle bg color). */
	/* Morph to X and hide the middle bar */
	body.slidemenuon .sidebarBtn .fa {
		opacity: 0;
		transform: translateY(-50%) scaleX(0.4);
	}

	body.slidemenuon .sidebarBtn::before,
	body.slidemenuon .sidebarBtn::after {
		top: 50%;
		bottom: auto;
	}

	body.slidemenuon .sidebarBtn::before {
		transform: translateY(-50%) rotate(45deg);
	}

	body.slidemenuon .sidebarBtn::after {
		transform: translateY(-50%) rotate(-45deg);
	}


	body .sidebarBtn {}

	body.slidemenuon .sidebarBtn {
		width: 50px;
		height: 40px;
		display: block;
	}

	/* mobile menu open close x - ends here */
}

/* mobile header and menu styles -  ends here */
.footer-custom .right-widget-area {
	padding: 37px 22px 41px 22px;
}

.footer-custom .right-widget-area .footer-widget {
	text-align: center;
}

@media(min-width:992px) {
	.footer-custom .right-widget-area .footer-widget {
		text-align: left;
	}

	.footer-custom .right-widget-area {
		padding: 37px 0 55px 42px;
	}
}

.footer-custom .right-widget-area .footer-widget h5 {
	margin-bottom: 10px;
}

.footer-custom .right-widget-area .footer-widget a {
	font-size: 14px;
	line-height: 100%;
	padding: 5px 0;
	margin: 5px 0;
}

.footer-style-5 .footer-area .footer-custom ul.menu {
	margin: 0;
	padding: 0;
}

.footer-style-5 .footer-area .footer-custom ul.menu li {
	display: flex;
	margin-bottom: 0;
	margin-right: 0;
}

.footer-style-5 .footer-area .footer-custom ul li {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

ul.address-widget {
	display: flex;
	flex-direction: column;
}

.footer-style-5 .footer-area .footer-custom ul.address-widget li {
	margin: 5px 0px 15px;
	font-size: 14px;
}

.footer-style-5 .footer-area .footer-custom ul.address-widget li a {
	margin: 0;
}

/* footer styles ends here */

/* header styling starts here */
body.header-color-beige .site-header {}

.site-header #header-7.header-area {
	padding: 0px 0;
}

body.header-color-beige .site-header .header-area,
body.header-color-beige .site-header .header-area .rt-sticky {
	background-color: #FCECE0;
}

body.header-color-red .site-header .header-area,
body.header-color-red .site-header .header-area .masthead-container.header-controll {
	background-color: transparent;
}

body.header-color-red .site-header .header-area .rt-sticky,
body.header-color-red .site-header .header-area .rt-sticky.masthead-container.header-controll {
	background-color: #6C160D;
}

body.header-color-red .site-header .main-navigation nav>ul>li>a {
	color: #FFF5E5;
}

body.header-color-red .site-header .main-navigation ul.menu>li.current-menu-item>a {
	color: #FFF5E5;
}

body.header-color-beige .site-header .header-area .rt-sticky {}

@media screen and (min-width:1025px) {

	body.header-color-beige #content.site-content,
	body.header-color-red #content.site-content {
		margin-top: -84px;
	}
}

.submit-button-holder .header-icon-area .header-search-box {
	padding: 0;
}

body.header-color-beige .header-icon-area .header-search-box a {
	background-color: #FFF;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.header-color-red .header-icon-area .header-search-box a {
	background-color: #FFF5E5;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.site-header .site-branding a img {
	padding: 8px 0 8px;
	max-width: 140px;
	margin-bottom: -73px;
}

.site-header .rt-sticky .site-branding a img {
	padding: 8px 0 8px;
	max-width: 72px;
	margin-bottom: -23px;
	margin-top: -23px;
}


body.header-color-red .header-style-1 .site-header .site-branding a.light-logo {
	display: table-cell;
}

body.header-color-red .header-style-1 .site-header .site-branding a.darkgo {
	display: none;
}

body.header-color-beige .header-style-1 .site-header .site-branding a.light-logo {
	display: none;
}

body.header-color-beige .header-style-1 .site-header .site-branding a.darkgo {
	display: table-cell;
}

body.header-color-red .site-header .site-branding a.dark-logo {
	display: none
}

body.header-color-red .site-header .site-branding a.light-logo {
	display: table-cell;
}

.header-hero-home .elementor-widget-wrap.elementor-element-populated {
	min-height: 120px;
}

@media (max-width: 767.98px) {
	.main-hero-xl .elementor-container.elementor-column-gap-default {
		min-height: 200px;

	}
}

/* header styling ends here */

#primary.content-area {
	padding-top: 0px;
	padding-bottom: 0px;
}

#primary.content-area>div.container {}

div.rtin-img {
	height: auto;
}

/* home hero search styling starts here */
.hero-custom-search .elementor-widget-container {
	max-width: 796px;
	margin: 0 auto;
}

.hero-custom-search .elementor-widget-container .adv-search-wrap {
	margin-bottom: 0px;
}


.hero-custom-search .advanced-search {}

.hero-custom-search .advanced-search .btn-group {}

.hero-custom-search .advanced-search .btn-group .input-group-btn:first-child {
	display: none;
}

/* Container */
.hero-custom-search .elementor-widget-container {
	max-width: 796px;
	margin: 0 auto;
	padding: 0px 0 !important;
}

/*  Glassmorphic Input */
.hero-custom-search .elementor-widget-container .adv-search-wrap input.form-control {
	padding: 13px 24px;
	border-radius: 37px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	max-width: 580px;
	outline: none;
	transition: all 0.3s ease;
	flex-grow: 1;
	/* allow to grow and fill */
	flex-shrink: 1;
	flex-basis: 0;
	/* initial size, then grows */
	min-width: 0;
	max-width: 100%;
	line-height: 135%;
	height: auto;
}

@media (min-width: 767.98px) {
	.hero-custom-search .elementor-widget-container .adv-search-wrap input.form-control {
		padding: 19px 24px;
		font-size: 18px;
	}
}

@media (min-width: 1023.98px) {
	.hero-custom-search .elementor-widget-container .adv-search-wrap input.form-control {
		padding: 23px 24px;
		font-size: 20px;
	}
}

.hero-custom-search input.form-control::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

/* Search Button */
.hero-custom-search .elementor-widget-container .adv-search-wrap .btn-group .input-group-btn button.btn-search {
	border-radius: 50px;
	background-color: #fff;
	color: #ff2d2d;
	font-weight: bold;
	border: 2px solid #ff2d2d;
	margin-left: 10px;
	transition: all 0.1s ease;
	white-space: nowrap;
	/* prevent wrapping */
	flex-shrink: 0;
	/* don't let it shrink */
	height: 100%;
	/* optional: match input height */

	/* Auto layout */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 13px 27.4px;
/* 	text-shadow: 0px 0px 1px #000; */

/* 	background-color: #FFF5E5; */
	background-color: #FFFBF4;
	border: 1.19149px solid #ED1B2E;
	box-shadow: 4.76596px 4.76596px 0px #ED1B2E;
	border-radius: 37px;
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	text-transform: uppercase;
	color: #D50E20;
	width: auto;

	&:hover {
		box-shadow: 3.76596px 3.76596px 0px #ED1B2E;
		margin-right: -3px;
		margin-bottom: -3px;
		margin-left: 13px;
	}
}

@media (min-width: 767.98px) {
	.hero-custom-search .elementor-widget-container .adv-search-wrap .btn-group .input-group-btn button.btn-search {
		padding: 16px 27.4px;
		font-size: 18px;
	}
}

@media (min-width: 1023.98px) {
	.hero-custom-search .elementor-widget-container .adv-search-wrap .btn-group .input-group-btn button.btn-search {
		padding: 19px 27.4px;
		height: 75px;
		min-width: 162px;
		font-size: 22px;
	}
}

.hero-custom-search .btn-search:hover {
	background-color: #ff2d2d;
	color: #fff;
}

/* Advanced Search Button (Optional Styling) */
.hero-custom-search .btn-adv-serch {
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	padding: 14px 28px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: 500;
}

/* Button Icons */
.hero-custom-search .btn-adv-serch i {
	margin-right: 5px;
}

/* Layout */
.hero-custom-search .input-group {


	display: flex;
	flex-direction: row;
	align-items: center;
	/* vertically align */
	gap: 10px;
	/* spacing between input and button */
	flex-wrap: nowrap;
	/* prevent wrapping */
}

.hero-custom-search .btn-group {
	display: flex;
	gap: 10px;
}

.hero-custom-search .input-group-btn {
	display: flex;
}

/* 📱 Mobile Responsiveness */
@media (max-width: 768px) {
	.hero-custom-search .input-group {
		flex-direction: row !important;
		flex-wrap: nowrap;
		align-items: center;
	}

	.hero-custom-search .btn-group {
		flex-direction: row;
		width: auto;
	}

	.hero-custom-search .btn-search {}

	.hero-custom-search .btn-group {

		/*     width: 100%; */
		flex-direction: row;
		width: auto;
	}

	.hero-custom-search .btn-search,
	.hero-custom-search .btn-adv-serch {
		width: 100%;
		margin-left: 0;
	}

	.hero-custom-search .btn-search {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		width: auto;
		margin-left: 10px;
		margin-top: 0;
	}

	.hero-custom-search .input-group {
		flex-direction: row !important;
		flex-wrap: nowrap;
		align-items: center;
	}

	.hero-custom-search .btn-group {}


}

.hero-custom-search .btn-search {
	padding: 22px 24px;
	border-radius: 50px;
	background-color: #fff;
	color: #ff2d2d;
	font-weight: 400;
	border: 2px solid #ff2d2d;
	font-size: 20px;
	line-height: 1;
	transition: all 0.3s ease;
	display: inline-block;
	min-width: 140px;
	text-align: center;
	position: relative;
	line-height: 135%;
	height: auto;

}

.hero-custom-search .btn-search:hover {
	background-color: #ff2d2d;
	color: #fff;
}

/* Remove icon, insert text instead */
.hero-custom-search .btn-search i {
	display: none;
}

.hero-custom-search .btn-search::before {
	content: 'SEARCH';
	position: relative;
	z-index: 1;
}


/* home hero search styling ends here */

/* home hero categories styling starts here */

.hero-custom-category .elementor-widget-container div.row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	max-width: 700px;
	margin: 0 auto;
	gap: 9px;
}

/* .hero-custom-category .category-box-layout1 .item-figure a:not(.over-link), */
/* ==== Home hero categories (SHORTCODE version) ==== */

/* Container (centering, width, spacing) */
.hero-custom-category .gdr-rt-cats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 9px;
	max-width: 700px;
	margin: 0 auto;
}

/* Pill look (text + icon) */
.hero-custom-category .gdr-rt-cats .rt-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	box-sizing: border-box;

	font-family: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 135%;
	text-transform: capitalize;
	text-decoration: none;

	color: #fff;
	padding: 9px 30px;
	/* no extra left padding needed, icon is inline */
	background: rgba(255, 255, 255, 0.39);
	backdrop-filter: blur(2px);
	border: 1px solid #fff;
	border-radius: 27px;
}

/* Hover */
.hero-custom-category .gdr-rt-cats .rt-pill:hover {
	background: rgba(255, 255, 255, 0.50);
}

/* Icon size */
.hero-custom-category .gdr-rt-cats .rt-cat-icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	object-fit: contain;
}

/* Optional size modifiers from shortcode (size-sm/md/lg) */
.gdr-rt-cats.size-sm .rt-pill {
	padding: 8px 14px;
	font-size: 18px;
}

.gdr-rt-cats.size-lg .rt-pill {
	padding: 12px 34px;
	font-size: 22px;
}

/* ===== (Optional) Hide legacy widget styles if that widget still exists on the page ===== */
.hero-custom-category .elementor-widget-rt-recipe-categories {
	display: none;
}


/* home hero categories styling ends here */

/* bottom newsletter section styles starts here */
div.newsletter-content-custom .elementor-widget-wrap.elementor-element-populated {
	/*   max-width: 509px; */
	display: flex;
	margin: 0 auto !important;
}



div.newsletter-content-custom .mc4wp-form .mc4wp-form-fields input[type="email"] {
	flex: 1;
	padding: 16px;
	font-size: 12px;
	border: none;
	outline: none;
	background-color: #faebdf;
	/* pale beige background */
	color: #333;
	font-family: inherit;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 21px;
	line-height: 21px;
	height: auto;
	width: calc(100% - 110px);

}

div.newsletter-content-custom .mc4wp-form .mc4wp-form-fields input::placeholder {
	color: #ED1B2E;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}


div.newsletter-content-custom .mc4wp-form .mc4wp-form-fields button {
	background-color: #ed1c24;
	/* red button */
	color: white;
	border: none;
	padding: 17px 16px;
	line-height: 19px;
	cursor: pointer;
	white-space: nowrap;
	font-family: inherit;
	text-transform: uppercase;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	height: auto;
	font-size: 12px;
	font-weight: 700;
	width: 110px;
	margin: 0;
	text-shadow: 0px 0px 1px #000;
}

div.newsletter-content-custom .mc4wp-form {
	padding: 0;
	width: 100%;
	/*   max-width: 509px; */
}

@media screen and (min-width: 767.98px) {
	div.newsletter-content-custom .newsletter-custom-text {
		max-width: 359px;
	}

	div.newsletter-content-custom .elementor-widget-wrap.elementor-element-populated {
		margin: 0 24px;
	}
}

@media screen and (min-width: 1023.98px) {

	div.newsletter-content-custom .elementor-widget-wrap.elementor-element-populated,
	div.newsletter-content-custom .mc4wp-form {
		max-width: 509px;
	}
}



div.newsletter-content-custom .lementor-widget.lementor-widget-text-editor {
	background-color: purple
}

div.newsletter-content-custom .mc4wp-form .form-inline-wrapper {
	display: flex;
	border-radius: 999px;
	overflow: hidden;
	max-width: 500px;
	margin: 0 auto;
}

div.newsletter-content-custom .mc4wp-form .form-inline-wrapper button:hover {
	opacity: 0.9;
}

@media screen and (max-width: 767.98px) {
	div.newsletter-image-custom .elementor-widget-container {
		aspect-ratio: 3 / 2;
		position: relative;
		overflow: hidden;
	}

	div.newsletter-image-custom .elementor-widget-container img {
		aspect-ratio: 4/2;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

@media (min-width: 767.98px) {
	div.newsletter-content-custom .mc4wp-form .mc4wp-form-fields input[type="email"] {
		padding: 18px 20px;
		font-size: 14px;
		border-top-left-radius: 14px;
		border-bottom-left-radius: 14px;
		height: 17px;
		line-height: 21px;
		height: auto;
		width: calc(100% - 173px);
	}

	div.newsletter-content-custom .mc4wp-form .mc4wp-form-fields button {
		padding: 15px 24px;
		font-size: 18px;
		font-weight: 700;
		line-height: 27px;
		width: 173px;
	}
}

@media (min-width: 1023.98px) {
	div.newsletter-content-custom .mc4wp-form .mc4wp-form-fields input[type="email"] {
		padding: 20px;
		font-size: 14px;
		border-top-left-radius: 14px;
		border-bottom-left-radius: 14px;
		height: 21px;
		line-height: 21px;
		height: auto;
		width: calc(100% - 183px);
	}

	div.newsletter-content-custom .mc4wp-form .mc4wp-form-fields button {
		padding: 15px 24px;
		font-size: 24px;
		font-weight: 700;
		line-height: 31px;
		width: 183px;
	}
}

/* bottom newsletter section styles ends here */



/* custom-recipe-grid styles tarts here -this element is on the homepage - recipe grid - starts here*/
.custom-recipe-grid {}

.custom-recipe-grid .rtin-single-post {
	border: 1px solid #460E10;
	border-radius: 13px;
	padding: 26.5px 12.5px;
	height: 100%;
	background-color: #FFF5E5;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.custom-recipe-grid div.post-grid-default div.row {
	margin-right: -5px;
	margin-left: -5px;
}

.custom-recipe-grid div.post-grid-default div.row div.col-12,
div.post-grid-default.custom-recipe-grid div.row.rt-recipes-grid div.col-12{
	padding: 5px;
}

.custom-recipe-grid .rtin-single-post .rtin-img {
	box-shadow: 2px 2px 0px 1px #460E10;
	border-radius: 13px !important;
}

.custom-recipe-grid .rtin-single-post .rtin-img a {
	border: 1px solid #460E10;
	border-radius: 13px !important;
	overflow: hidden;
	height: auto;
	display: block;

}

.custom-recipe-grid .rtin-single-post .rtin-img a img {
	border-radius: 13px;
	width: 100%;
	aspect-ratio: 18 / 11.5;
	/* width:height ratio */
	object-fit: cover;
	/* crop without distortion */
	border-radius: 13px;
	/* keep your design's rounded corners */
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content {
	text-align: left;
	padding: 8px 0 0 0;
	display: flex;
	flex-direction: column;
	flex: 1;
	/* takes remaining space */
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content .sub-title {
	color: #460E10;
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content .sub-title a {
	color: #460E10;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -2%;
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content h3.item-title,
.custom-recipe-grid .rtin-single-post .item-content.rtin-content h3.item-title a {
	color: #460E10;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #460E10;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	/* more readable line height */
	letter-spacing: 0%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* limit to 3 rows */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: calc(1.2em * 2);
	/* space for exactly 3 lines */


}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content h3.item-title {
	color: #460E10;
	padding-bottom: 10px;
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content .entry-meta {
	display: none;
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content p {
	color: #460E10;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.02em;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* limit to 2 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content .recipe-info {
	display: flex;
	justify-content: space-between;
	margin: auto 0 15px 0;
	padding: 0px;
	flex-direction: row
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content .recipe-info .recipe-info-title {
	color: #460E10;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content .recipe-info .recipe-info-value {
	color: #460E10;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -2%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	/* limit to 3 rows */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content a.item-btn {
	border: 1px solid #ED1B2E;
	box-shadow: 3.76596px 3.76596px 0px #ED1B2E !important;
	text-transform: uppercase;
/* 	color: #ED1B2E; */
	color: #BB0414;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	line-height: 22px;
	padding: 8.5px 12px;
	border-radius: 26px;
	margin-top: auto;
/* 	background-color: #FFF5E5; */
	background-color:#FFFAF3;
}

.custom-recipe-grid .rtin-single-post .item-content.rtin-content a.item-btn i.fa {
	display: none;
}

/* custom-recipe-grid styles tarts here -this element is on the homepage - recipe grid - ends here */

.rt-category-recipes-section-heading {
	display: flex;
	padding: 0 0 0.5rem 0;
	margin-bottom: 2rem !important;
	padding-top: 110px;
	justify-content: center;
}

.rt-category-recipes-section-heading::before {
	display: none;
}

.bg-color-beige .rt-category-recipes-title {
	color: #460E10;
}
.custom-recipe-grid .rn-term-desc{
	border-bottom:0;
}
.custom-recipe-grid h2.gdf-archive-h2{
	color: #460E10;
}

.rt-category-recipes-title {
	font-size: 32px;
	margin-bottom: 30px;
	line-height: 90%;
	text-align: center;
}

.rt-category-recipes-title span {
	font-size: 0.5em;
	display:block;
}

@media screen and (min-width:992px) {
	.rt-category-recipes-title {
		font-size: 42px;
	}

	.rt-category-recipes-section-heading {
		padding-top: 160px;
	}
}

@media screen and (min-width:1024px) {
	.rt-category-recipes-title {
		font-size: 58px;
	}

	.rt-category-recipes-section-heading {
		padding-top: 180px;
	}
}

@media screen and (min-width:1280px) {
	.rt-category-recipes-title {
		font-size: 76px;
	}
}

.swiper-slide .slide-link .slide-image-container {
	height: 100%;
}



/* Scrolling Banner styles starts here*/
.gdf-scroll {
	--gdf-speed: 110s;
	--gdf-bg: #ED1B2E;
	--gdf-color: #fff;
	background: var(--gdf-bg);
	color: var(--gdf-color);
	overflow: hidden;
	white-space: nowrap;
	margin: 0 -6px;
}

.gdf-scroll__track {
	display: inline-flex;
	gap: 2rem;
	padding: 0.72rem 1rem;
	animation: gdf-marquee var(--gdf-speed) linear infinite
}

@media screen and (min-width:992px) {
	.gdf-scroll__track {
		padding: 1.42rem 1rem;
	}
}

@media screen and (min-width:1024px) {
	.gdf-scroll__track {
		padding: 1.72rem 1rem;
	}
}

.gdf-scroll__item {
	display: inline-flex;
	align-items: center;
	gap: .75rem;
	font-weight: 800;
	font-size: clamp(16px, 2.2vw, 36px)
}

.gdf-scroll:hover .gdf-scroll__track {
	animation-play-state: paused
}

@keyframes gdf-marquee {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-50%)
	}
}

.elementor-widget-container .gdf-scroll__item,
.gdf-scroll__item {
	font-size: clamp(24px, 2.2vw, 36px)
}

/* Scrolling Banner styles ends here*/





/* ---- Base (applies to all sizes unless overridden) ---- */
.row-reorder .gdr-order-0 {
	order: 0 !important;
}

.row-reorder .gdr-order-1 {
	order: 1 !important;
}

.row-reorder .gdr-order-2 {
	order: 2 !important;
}

.row-reorder .gdr-order-3 {
	order: 3 !important;
}

.row-reorder .gdr-order-4 {
	order: 4 !important;
}

.row-reorder .gdr-order-5 {
	order: 5 !important;
}

.row-reorder .gdr-order-first {
	order: -1 !important;
}

.row-reorder .gdr-order-last {
	order: 999 !important;
}

/* ---- Breakpoints (tweak to match your site if needed) ---- */
/* Tablet and up (≥768px) */
@media (min-width:768px) {
	.row-reorder .gdr-order-md-0 {
		order: 0 !important;
	}

	.row-reorder .gdr-order-md-1 {
		order: 1 !important;
	}

	.row-reorder .gdr-order-md-2 {
		order: 2 !important;
	}

	.row-reorder .gdr-order-md-3 {
		order: 3 !important;
	}

	.row-reorder .gdr-order-md-4 {
		order: 4 !important;
	}

	.row-reorder .gdr-order-md-5 {
		order: 5 !important;
	}

	.row-reorder .gdr-order-md-first {
		order: -1 !important;
	}

	.row-reorder .gdr-order-md-last {
		order: 999 !important;
	}
}

/* Desktop and up (≥1025px) */
@media (min-width:1025px) {
	.row-reorder .gdr-order-lg-0 {
		order: 0 !important;
	}

	.row-reorder .gdr-order-lg-1 {
		order: 1 !important;
	}

	.row-reorder .gdr-order-lg-2 {
		order: 2 !important;
	}

	.row-reorder .gdr-order-lg-3 {
		order: 3 !important;
	}

	.row-reorder .gdr-order-lg-4 {
		order: 4 !important;
	}

	.row-reorder .gdr-order-lg-5 {
		order: 5 !important;
	}
}

/* Extra-large and up (≥1280px) — useful to "reset" on XL */
@media (min-width:1280px) {
	.row-reorder .gdr-order-xl-0 {
		order: 0 !important;
	}

	.row-reorder .gdr-order-xl-1 {
		order: 1 !important;
	}

	.row-reorder .gdr-order-xl-2 {
		order: 2 !important;
	}

	.row-reorder .gdr-order-xl-3 {
		order: 3 !important;
	}

	.row-reorder .gdr-order-xl-4 {
		order: 4 !important;
	}

	.row-reorder .gdr-order-xl-5 {
		order: 5 !important;
	}
}

/* Responsive position utilities for Bootstrap breakpoints */
@media (min-width:576px) {
	.position-sm-static {
		position: static !important
	}

	.position-sm-relative {
		position: relative !important
	}

	.position-sm-absolute {
		position: absolute !important
	}

	.position-sm-fixed {
		position: fixed !important
	}

	.position-sm-sticky {
		position: sticky !important
	}
}

@media (min-width:768px) {
	.position-md-static {
		position: static !important
	}

	.position-md-relative {
		position: relative !important
	}

	.position-md-absolute {
		position: absolute !important
	}

	.position-md-fixed {
		position: fixed !important
	}

	.position-md-sticky {
		position: sticky !important
	}
}

@media (min-width:992px) {
	.position-lg-static {
		position: static !important
	}

	.position-lg-relative {
		position: relative !important
	}

	.position-lg-absolute {
		position: absolute !important
	}

	.position-lg-fixed {
		position: fixed !important
	}

	.position-lg-sticky {
		position: sticky !important
	}
}

@media (min-width:1200px) {
	.position-xl-static {
		position: static !important
	}

	.position-xl-relative {
		position: relative !important
	}

	.position-xl-absolute {
		position: absolute !important
	}

	.position-xl-fixed {
		position: fixed !important
	}

	.position-xl-sticky {
		position: sticky !important
	}
}

@media (min-width:1400px) {
	.position-xxl-static {
		position: static !important
	}

	.position-xxl-relative {
		position: relative !important
	}

	.position-xxl-absolute {
		position: absolute !important
	}

	.position-xxl-fixed {
		position: fixed !important
	}

	.position-xxl-sticky {
		position: sticky !important
	}
}


/* serach overlay styling starts here */
.header-search .close {
	position: fixed;
	top: 15px;
	right: 15px;
	color: #111111;
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
	opacity: 1;
	visibility: visible;
	padding: 3px 15px 5px;
	font-size: 42px;
	font-weight: 100;
	cursor: pointer;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
	box-shadow: none !important;
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	text-shadow: none;
	line-height: 36px;
}

form.search-form.gdf-overlay-search .custom-search-input>.input-group {
	display: flex;
	justify-content: center;
	width: auto;
	max-width: 680px;
	width: 100%;
	padding: 0 12px;
}

#header-search form.search-form.gdf-overlay-search .custom-search-input>.input-group .gdf-s-inp {

	padding: 13px 24px;
	border-radius: 37px !important;
	background: rgba(255, 255, 255, 0.1) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	max-width: 580px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	width: auto;
	line-height: 135%;
	max-width: 680px;
	width: calc(100% - 145px);
	margin: 0;
}

#header-search.header-search form.search-form.gdf-overlay-search .custom-search-input {
	display: flex;
	justify-content: center;
}

#header-search.header-search form.search-form.gdf-overlay-search .custom-search-input .input-group-btn {}

#header-search.header-search form.search-form.gdf-overlay-search .custom-search-input .btn {
	position: relative;
	right: 0;
	width: auto;
	border-radius: 50px;
	background-color: #fff;
	color: #ff2d2d;
	font-weight: bold;
	border: 2px solid #ff2d2d;
	margin-left: 10px;
	transition: all 0.1s ease;
	white-space: nowrap;
	flex-shrink: 0;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 13px 27.4px;
	background-color: #FFF5E5;
	border: 1.19149px solid #ED1B2E;
	box-shadow: 4.76596px 4.76596px 0px #ED1B2E;
	border-radius: 37px;
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	text-transform: uppercase;
	color: #ED1B2E;
	width: auto;

	&:hover {
		box-shadow: 3.76596px 3.76596px 0px #ED1B2E;
		margin-right: -3px;
		margin-top: 2px;
		margin-left: 13px;
	}
}

#header-search.header-search form.search-form.gdf-overlay-search .custom-search-input .btn i.fa {
	display: none;
}
/* serach overlay styling ends here */



/* ===== Rounded, soft pagination (GF/DF Recipes) ===== */
.pagination-area {
  --pg-bg: #fff;               /* base pill background */
  --pg-pill: #f6efe9;          /* light beige pill */
  --pg-border: #e7d8cc;        /* soft border */
  --pg-text: #422b22;          /* dark brown text */
  --pg-text-muted: #8d7e73;    /* muted text */
  --pg-accent: #d84a3a;        /* brand red */
  --pg-accent-hover: #c43e30;  /* darker red on hover */
  --pg-shadow: 0 6px 14px rgba(0,0,0,.06);
  --pg-inset: inset 0 -2px 0 rgba(0,0,0,.05);
  text-align: center;
  margin-top: 20px;
}

.pagination-area ul{
  list-style:none;
  padding:0;
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.pagination-area ul li{
  display:inline-flex;
}

div.pagination-area ul li a,
div.pagination-area ul li span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  padding:0 16px;                  /* gives pills some width */
  font-size:16px;
  line-height:1;
  font-weight:600;
  color:var(--pg-text);
  background:var(--pg-pill);
  border:1px solid var(--pg-border);
  border-radius:9999px;            /* fully rounded pills */
  box-shadow: var(--pg-inset);
  transition: all .18s ease;
  text-decoration:none;
	width:auto;
}

/* Hover / focus */
.pagination-area ul li a:hover,
.pagination-area ul li a:focus{
  background:var(--pg-accent);
  color:#fff;
  border-color:var(--pg-accent);
  box-shadow: var(--pg-shadow);
}

/* Active / current page */
.pagination-area ul li.active a,
.pagination-area ul li span.current{
  background:var(--pg-accent);
  color:#fff;
  border-color:var(--pg-accent);
  box-shadow: var(--pg-shadow);
}

/* Ellipsis item like <li class="pr-1">...</li> */
.pagination-area ul li.pr-1{
  pointer-events:none;
}
.pagination-area ul li.pr-1,
.pagination-area ul li.pr-1 span,
.pagination-area ul li.pr-1 a{
  min-width:44px;
  height:44px;
  padding:0 0;
  background:transparent;
  border:0px dashed var(--pg-border);
  color:var(--pg-text-muted);
  box-shadow:none;
  border-radius:9999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Font Awesome arrow size alignment */
.pagination-area i.fa{
  font-size:18px;
  line-height:1;
}

/* Compact on very small screens */
@media (max-width:420px){
  .pagination-area ul{ gap:8px; }
  .pagination-area ul li a,
  .pagination-area ul li span{
    min-width:40px;
    height:40px;
    padding:0 12px;
    font-size:15px;
  }
}
.post-ratings { font-size: 0; }
.gdf-hero__img {
	width: 100%;
	height: auto;
	display: block;
	border: 3px solid #ED1B2E;
	border-radius: 14px;
	box-shadow: 3.76596px 3.76596px 0px #ED1B2E !important;
}
.post-ratings img {
  border: 0;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
  margin: 2px;
}
.post-ratings i.fa.post-ratings-icon {
	width:24px;
	height:24px;
}


.post-ratings .post-ratings-icon { 
	color:#711711; 
	font-size:24px;
	margin-right: 3px; 
	line-height: 1;
	cursor:pointer;
	
}
.post-ratings .post-ratings-icon.fa-star-o { 
	color:#b75049; 
	font-size:22px;
	margin-top:1px;
	&:hover{
		color:#711711;
	}
}
    /* Match inline images’ vertical alignment */
    .post-ratings .post-ratings-icon { vertical-align:middle; }

.image-section-heading{
	background-color: #7B1E1E;
  background-image: url("/wp-content/uploads/2025/08/hero-section-bg-xl-transparent.png");
  background-position: bottom right;
  background-repeat: no-repeat;
	border-bottom:none !important;
}
.image-section-heading h1.rt-category-recipes-title{
	color:#FFF5E5;
}

.col-lg-3.categories-sidebar section,
.col-xl-3.categories-sidebar section,
.categories-sidebar section{
	background-color: #ffffff;
	display: flex;
  flex-direction: column;
}

.categories-sidebar section {
	padding: 32px 34px;
}

@media screen and (min-width:1199px) {
	.col-lg-3.categories-sidebar.narrow-sidebar{
		max-width:unset;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media (max-width: 991px) {
	.col-12.position-lg-absolute.categories-sidebar,
	.col-12.categories-sidebar.narrow-sidebar{
		margin: 0 -40px;
		max-width: calc(100% + 77px);
		width: 100%;
		flex: 0 0 calc(100% + 100px);
	}
}
@media screen and (min-width:992px) {
	.categories-sidebar section {
		padding: 0 18px;
	}
	.col-lg-3.categories-sidebar {
		padding-top: 0px;
		flex: 0 0 40%;
		max-width: 30%;
		right: 5px;
		padding-left:0;
		padding-right:0;
	}
}

@media screen and (min-width:1024px) {
	.categories-sidebar section {
		padding: 0 24px;
	}
	.col-lg-3.categories-sidebar {
		padding-top: 0px;
		flex: 0 0 40%;
		max-width: 35%;
		right: -10px;
		padding-left:0;
		padding-right:0;
	}
	.categories-sidebar.narrow-sidebar section{
		padding:41px 27px 0 27px;
	}
}

@media screen and (min-width:1280px) {
	.col-lg-3.categories-sidebar {
		padding-top: 0px;
		flex: 0 0 30%;
		max-width: 35%;
		right: -25px;
		padding-left:12px;
		padding-right:12px;
		align-self: flex-start;
	}
	.col-lg-3.categories-sidebar section:first-child{
		padding-top:41px;
	}
}

.categories-sidebar .section-heading.heading-dark {
	padding-bottom: 24px;
	border-bottom: none;
}

.categories-sidebar .section-heading.heading-dark h4 {
	font-family: Bricolage Grotesque;
	font-weight: 700;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 150%;
	letter-spacing: 0%;
	color: #711711;
	padding: 0;
	margin: 0;
}
.categories-sidebar .section-heading::before{
	display:none;
}

.categories-sidebar section .sidebar-list {
	list-style: none;
}

.categories-sidebar section .sidebar-list ul {
	padding: 0;
}

.categories-sidebar section .sidebar-list ul li {
	list-style: none;
	margin: 8px 0;
}

.categories-sidebar section .sidebar-list ul li a {
	font-family: Rethink Sans, 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000000;
	text-transform: capitalize;

}

.entry-header .share-links a,
div.post-share .action-share-wraps a{
	background:#6B1F1F !important;
	border-radius: 50%;
	width:40px;
	height:40px;
}

div.entry-header div.share-links a,
div.post-share div.action-share-wrap a{
	background:#6B1F1F !important;
	border-radius: 50%;
	width:40px;
	height:40px;
}
div.post-share div.action-share-wrap a .social-text{
	display: none;
}

div.post-share div.action-share-wrap a .fa{
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  text-align: center;
  line-height: 40px;
	color:#fff;
}

.categories-sidebar section .sidebar-list ul li a:hover {
	color: #6B1F1F;
	text-decoration: underline;
}

.categories-sidebar .gdf-recipe-cats .sidebar-list ul li {
	padding: 9px 0;
	border-top: 1px solid #000;
	margin: 0;
}

.categories-sidebar .gdf-recipe-cats .sidebar-list ul li a {
	padding: 14px 0;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
}
div.post-share div.action-share-wrap{
  display: flex;
  flex-direction: row;
  gap:4px
}
div.post-share div.action-share-wraps a{
	background: #6B1F1F !important;
	border-radius: 50%;
	width:40px;
	height:40px;
  display: flex;
}

.categories-sidebar section .sidebar-list ul li a:hover {
	color: #6B1F1F;
	text-decoration: underline;
}

.categories-sidebar .gdf-recipe-cats .sidebar-list ul li {
	padding: 9px 0;
	border-top: 1px solid #000;
	margin: 0;
}

.categories-sidebar .gdf-recipe-cats .sidebar-list ul li a {
	padding: 14px 0;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
}
.footer-custom .right-widget-area .footer-widget .share-links a{
	padding:0;
	margin-right:8px;
}
.entry-header .share-links a.facebook-share-button:hover,
div.post-share div.action-share-wrap a.facebook-share-button:hover {
    background: #5d82d1 !important;
}

.entry-header .share-links a.twitter-share-button:hover,
div.post-share div.action-share-wrap a.twitter-share-button:hover {
    background: #40bff5 !important;
}

.entry-header .share-links a.google-share-button:hover,
div.post-share div.action-share-wrap a.google-share-button:hover {
    background: #eb5e4c !important;
}

.entry-header .share-links a.linkedin-share-button:hover,
div.post-share div.action-share-wrap a.linkedin-share-button:hover {
    background: #238cc8 !important;
}

.entry-header .share-links a.pinterest-share-button:hover,
div.post-share div.action-share-wrap a.pinterest-share-button:hover {
    background: #e13138 !important;
}

.entry-header .share-links a.reddit-share-button:hover,
div.post-share div.action-share-wrap a.reddit-share-button:hover {
    background: #ff4500 !important;
}

.entry-header .share-links a.stumbleupon-share-button:hover,
div.post-share div.action-share-wrap a.stumbleupon-share-button:hover {
    background: #eb4924 !important;
}

.entry-header .share-links a.tumblr-share-button:hover,
div.post-share div.action-share-wrap a.tumblr-share-button:hover {
    background: #35465c !important;
}

.entry-header .share-links a.vk-share-button:hover,
div.post-share div.action-share-wrap a.vk-share-button:hover {
    background: #45668e !important;
}

.entry-header .share-links a.odnoklassniki-share-button:hover,
div.post-share div.action-share-wrap a.odnoklassniki-share-button:hover {
    background: #ee8208 !important;
}

.entry-header .share-links a.pocket-share-button:hover,
div.post-share div.action-share-wrap a.pocket-share-button:hover {
    background: #ef4056 !important;
}

.entry-header .share-links a.whatsapp-share-button:hover,
div.post-share div.action-share-wrap a.whatsapp-share-button:hover {
    background: #43d854 !important;
}

.entry-header .share-links a.telegram-share-button:hover,
div.post-share div.action-share-wrap a.telegram-share-button:hover {
    background: #0088cc !important;
}

.entry-header .share-links a.viber-share-button:hover,
div.post-share div.action-share-wrap a.viber-share-button:hover {
    background: #773ead !important;
}

.entry-header .share-links a.youtube-share-button:hover,
div.post-share div.action-share-wrap a.youtube-share-button:hover {
    background: #FF0033 !important;
}

/* Instagram palette (once, anywhere) */


/* Add this class to any element to get the IG gradient on hover */
/* .entry-header .share-links a.instagram-share-button:hover{
   background: linear-gradient(
  135deg,
  #F58529 0%,
  #FEDA77 22%,
  #DD2A7B 48%,
  #8134AF 74%,
  #515BD4 100%
) !important;
  color:#fff;
}
 */
	/* --- Make the gallery a fixed-ratio box and force slides to fill it --- */
.single-recipe-main-banner .single-portfolio-slider .swiper-container {
  /* pick the box ratio you want (4/3 matches your layout nicely) */
  aspect-ratio: 4 / 3;
  width: 100%;
  /* if theme adds auto height from Swiper, ignore it */
  height: auto !important;
}

.single-recipe-main-banner .single-portfolio-slider .swiper-wrapper,
.single-recipe-main-banner .single-portfolio-slider .swiper-slide {
  height: 100%;
}

/* make every image fill the slide without distortion */
.single-recipe-main-banner .single-portfolio-slider .swiper-slide img {
  width: 100%;
  height: 100% !important;       /* override themes that set height:auto */
  object-fit: cover;              /* no letterboxing, no gaps */
  object-position: center;        /* center the crop */
  display: block;                 /* avoid inline-gap from images */
}

/* keep the nav arrows vertically centered after fixing heights */
.single-recipe-main-banner .single-portfolio-slider .swiper-button,
.single-recipe-main-banner .single-portfolio-slider .swiper-button-prev,
.single-recipe-main-banner .single-portfolio-slider .swiper-button-next {
  height: 100%;
}

/* Center Swiper arrows vertically in the slider */
.single-recipe-main-banner .single-portfolio-slider .swiper-button-prev,
.single-recipe-main-banner .single-portfolio-slider .swiper-button-next {
  position: absolute;
  top: calc(50% + 20px);
  transform: translateY(-50%);
  z-index: 10;

  /* optional: style adjustments */
  background: rgba(255,255,255,0.7);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* left/right placement */
.single-recipe-main-banner .single-portfolio-slider .swiper-button-prev {
  left: 10px;
}
.single-recipe-main-banner .single-portfolio-slider .swiper-button-next {
  right: 10px;
}
.widget-newsletter-subscribe .home-4-mail .original,.widget-newsletter-subscribe .original-2{
	display:block;
}
.kl-private-reset-css-Xuajs1 h1{
	color:#fff;
}
.ratings.column-ratings .post-ratings-image{ max-width: 16px}

.header-color-red #conveythis-wrapper .conveythis-widget-main{
	background-color:transparent;
	border-color:transparent;
}

@media (min-width: 1023.98px) and  (max-width: 1199.98px){
	#sticker.masthead-container.header-controll.ranna-main-menu > .container{
		max-width: 100% !important;
	}
}
/* @media (min-width: 1023.98px) {
	#conveythis-wrapper{
		right: 110px !important;
	}
} */
/* @media (min-width: 1199.98px) and  (max-width: 1347px){
	#conveythis-wrapper{
	right: calc(50vw - 600px) !important;
	}
} */
@media (min-width:  1348px){
	#conveythis-wrapper{
	right: calc(50vw - 600px) !important;
	}
}
.wp-admin .ratings.column-ratings .post-ratings-image{
  max-width: 16px
}
.entry-header .share-links a .footer{
	width: 40px;
  height: 40px;
  float: left;
  display: block;
  text-align: center;
  line-height: 40px;
}