.pp-swiper-slider .swiper-wrapper {
	overflow: unset !important;
}

.page-id-609670 #ask-mrs-gusto-cta {
	display: none;
}

.sf-field-taxonomy-ingredients {
	display: block !important;
}

.sf-field-taxonomy-ingredients li:not(.sf-option-active) {
	order: 2;
}

.sf-field-taxonomy-ingredients li.sf-option-active {
	order: 1;
}

#download-buttons a {
	background-color: var(--e-global-color-f51be50);
}

#download-buttons a:hover {
	background-color: var(--e-global-color-accent);
}

.search-results-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.3rem;
}

.search-results .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search-results-grid .grid-item img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}

#search-filter-form-615823 ul {
	padding-left: 0;
}

#search-filter-form-615823 .sf-field-search label {
	width: 100%;
}

#search-filter-form-615823 .search-results {
	display: flex;
	flex-direction: column;
}

form[data-sf-form-id="620518"] ul {
	padding-left: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.3rem;
}

form[data-sf-form-id="620518"] ul li label,
form[data-sf-form-id="620518"] ul li input,
form[data-sf-form-id="620518"] ul li select {
	height: 100%;
	width: 100%;
}

.downloads-preview-images.slider {
	display: flex;
	overflow-x: scroll;
}

.comment-author .says.hidden,
.logged-in-as,
.single-recipe .dr-info {
	display: none;
}
.dr-recipe-summary-inner > .dr-image img{
	max-height: none;
}

.single-recipe .recipe-subtitle {
	margin: 20px 0 30px;
}

.single-recipe {
	.dr-unordered-list {
		display: flex;
		flex-direction: column;
		justify-content: start;

		li {
			display: flex;
			align-items: center;
			margin-bottom: 15px !important;
			padding-left: 25px !important;

			input {
				margin-top: 0px !important;
			}
		}
	}
	#dr-comment-rating-field{
		margin-left: 0;
		cursor: pointer;
	}
}

/* Add to Favourites */
.dr_wishlist__recipe.dr-bookmark-wishlist,
.dr_wishlist__recipe.dr-popup-user__registration {
	border: 1px solid rgba(74, 101, 69, .4);
	background-color: rgba(74, 101, 69, .1019607843);
	color: var(--primary-color);
}

.dr_wishlist__recipe.dr-bookmark-wishlist.dr-wishlist-is-bookmarked,
.dr_wishlist__recipe.dr-popup-user__registration.dr-wishlist-is-bookmarked {
	background-color: var(--primary-color);
	color: #fff;
}

@media screen and (max-width: 1024px) {
	#wpadminbar {
		overflow-x: hidden;
	}

	#header-menu-container .elementor-widget-image {
		text-align: left;
	}

	.pp-slider-arrow::after {
		display: none;
	}
}

@media screen and (min-width: 767px){
	.dr-recipe-summary-inner > .dr-image {
		width: 60%;
	}
	.dr-recipe-summary-inner > .dr-image+.dr-title-wrap {
		width: 40%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	#header-menu-container .elementor-nav-menu {
		padding: 0 50px;
	}
}

@media screen and (max-width: 768px) {

	.search-results-grid,
	form[data-sf-form-id="620518"] ul {
		grid-template-columns: 1fr;
	}
}

.sticky-banner{
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0);
	z-index: 20;
	background: white;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 50px;
}
.back-to-top{
	background: var(--e-global-color-primary);
	color: white;
	padding: 10px 24px;
	min-width: fit-content;
	border-radius: 5px;
}

.recipe-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--e-global-color-primary);
	margin-bottom: 20px;
	.title {
		a{
			text-decoration: none;
		}
	}
	.button{
		background: var( --e-global-color-primary );
		transition: all 0.3s ease;
		color: white;
		height: fit-content;
		padding: 12px 24px;
		border-radius: 5px;
		text-decoration: none;
		&:hover{
			background: var( --e-global-color-f51be50 );
		}
	}
}

.recipe-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px;

	.recipe-item {
		display: flex;
		--recipe-max-height: 250px;


		a {
			width: 100%;
			position: relative;

			&::after {
				content: '';
				position: absolute;
				inset: 0;
				background-color: rgba(0, 0, 0, 0.5);
				max-height: var(--recipe-max-height);
				z-index: 1;
			}

			img {
				width: 100%;
				max-height: var(--recipe-max-height);
				object-fit: cover;
			}

			h2 {
				font-size: 24px;
				line-height: 1.1em;
				color: white;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 15px;
				z-index: 2;
			}
		}

		/* first and second item  */
		&:nth-child(1),
		&:nth-child(2) {
			grid-column: span 3;
		}

		/* third to fifth item */
		&:nth-child(3),
		&:nth-child(4),
		&:nth-child(5) {
			grid-column: span 2;
		}
		@media screen and (max-width: 981px){
			&:nth-child(1),
			&:nth-child(2), 
			&:nth-child(3),
			&:nth-child(4),
			&:nth-child(5) {
				grid-column: span 6;
			}
		}
	}
}

/* bootstrap classes */
.d-flex {
	display: flex;
	&.justify-content-center {
		justify-content: center;
	}
	&.justify-content-between {
		justify-content: space-between;
	}
	&.justify-content-start {
		justify-content: flex-start;
	}
	&.align-items-center {
		align-items: center;
	}
	&.align-items-start {
		align-items: flex-start;
	}
	&.align-items-end {
		align-items: flex-end;
	}
	&.align-items-stretch {
		align-items: stretch;
	}
	&.align-items-baseline {
		align-items: baseline;
	}
	&.flex-row{
		flex-direction: row;
	}
	&.flex-column{
		flex-direction: column;
	}
	&.flex-row-reverse{
		flex-direction: row-reverse;
	}
	&.flex-column-reverse{
		flex-direction: column-reverse;
	}
	&.flex-wrap{
		flex-wrap: wrap;
	}
	&.flex-nowrap{
		flex-wrap: nowrap;
	}
	&.flex-wrap-reverse{
		flex-wrap: wrap-reverse;
	}
}
.ps-0{
	padding-left: 0;
}
.px-0{
	padding-left: 0;
	padding-right: 0;
}
.gx-0{
	column-gap: 0;
}
.gy-0{
	row-gap: 0;
}
.gx-1{
	column-gap: 10px;
}
.gy-1{
	row-gap: 10px;
}
.gx-2{
	column-gap: 20px;
}
.gy-2{
	row-gap: 20px;
}
.gx-3{
	column-gap: 30px;
}
.gy-3{
	row-gap: 30px;
}
@media screen and (min-width: 767px){
	.d-flex{
		&.flex-md-row{
			flex-direction: row;
		}
		&.flex-md-column{
			flex-direction: column;
		}
		&.flex-md-row-reverse{
			flex-direction: row-reverse;
		}
		&.flex-md-column-reverse{
			flex-direction: column-reverse;
		}
		&.flex-md-wrap{
			flex-wrap: wrap;
		}
		&.flex-md-nowrap{
			flex-wrap: nowrap;
		}
		&.flex-md-wrap-reverse{
			flex-wrap: wrap-reverse;
		}
	}
}