/*General*/

@font-face {
	font-family: 'Cotoris';
	src: url("/static/fonts/CotorisR-webfont.195486bd238f.woff2") format("woff2"),
		url("/static/fonts/CotorisR-webfont.77c36a3002ed.woff") format("woff");
	font-display: swap;
}
@font-face {
	font-family: 'Cotoris Bold';
	src: url("/static/fonts/CotorisB-webfont.da3049b4f4ea.woff2") format("woff2"),
		url("/static/fonts/CotorisB-webfont.a055ce0afa53.woff") format("woff");
	font-display: swap;
}

html {
	height: 100%;
}

body {
	font-family: 'Hind Vadodara', sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	height: 100%;
	display: flex;
	flex-direction: column;
}

article {
	flex: 1;
}

/* @media (max-width: 576px) {
	body{
		font-weight: 500;
	}
} */

/*Fixes right white space on mobile*/
.row{
	margin-right: 0;
	margin-left:0;
}
.next-btn{
	margin-right: 0;
}


h1, h2, h3, h4, h5, h6, .nav-link {
	margin-bottom: 0.5rem;
	font-family: var(--font-0);
	font-weight: 300;
	line-height: 1.2;
}

:root {
	--col-green-m1: #2D3B2B;
	--col-green-0: #1B231A;
	--col-green-1: #50684B;
	--col-green-2: #64825E;
	--col-green-3: #9AB295;
	--col-green-4: #C7D4C4;
	--col-green-5: #EAEDE8;

	--col-red-1: #B04C35;
	--col-red-2: #CB6852;
	--col-red-3: #DFA99B;
	--col-red-4: #F5F2F0;
	--col-red-5: #F2EAE3;

	--col-yellow-1: #c99738;
	--col-yellow-2: #dbbe5a;

	--font-0: 'Cotoris Bold';
	--font-1: 'Cotoris';
	--font-2: 'Hind Vadodara', sans-serif;
	--font-3: 'Reenie Beanie', cursive;
	--font-4: 'Caveat';
}

/* Selected text */
::-moz-selection { /* Code for Firefox */
	color: var(--col-red-1);
	background: var(--col-green-5);
}
  
::selection {
	color: var(--col-red-1);
	background: var(--col-green-5);
}

img {
	border-radius: 10px;
}

.embed-responsive {
	border-radius: 10px;
}

hr {
	border-top: 2px solid var(--col-green-4);
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* Main title of articles, videos, recipes: detail pages */
h1 {
	font-size: 4.8rem;
}
@media (max-width: 1200px) and (min-width: 960px){
	h1 {
		font-size: 7vw;
	}
}
@media (max-width: 960px) {
	h1 {
		font-size: 4rem;
	}
}
@media (max-width: 576px) {
	h1 {
		font-size: 3.2rem;
	}
}

h1.and_sub {
	margin-block-end:0;
}
/* Subtitle of articles and videos: detail pages */
h1.subtitle{
	font-size: 3.3rem;
	font-family: var(--font-2);
	font-weight: 200;
}
@media (max-width: 1200px) and (min-width: 960px){
	h1.subtitle {
		font-size: 5vw;
	}
}
@media (max-width: 960px) {
	h1.subtitle {
		font-size: 2.5rem;
	}
}
@media (max-width: 576px) {
	h1.subtitle {
		font-size: 1.2rem;
	}
}

/* Abstract/blurb */
span.abstract-text{
	display: block;
	font-family: inherit;
	font-weight: 400;
	font-style: italic;
}
@media (max-width: 576px) {
	span.abstract-text {
		font-size: 1.05rem;
	}
}

/* Secondary main title (e.g. featured articles in video page) */
h2 {
	font-size: 2.7rem;
}
/* @media (max-width: 960px) {
	h2 {
		font-size: 2.5rem;
	}
}
@media (max-width: 576px) {
	h2 {
		font-size: 2.3rem;
	}
} */

h2.subtitle{
	font-size: 1.35rem;
	font-family: var(--font-2)
}
/* @media (max-width: 960px) {
	h2.subtitle {
		font-size: 1rem;
	}
}
@media (max-width: 576px) {
	h2.subtitle {
		font-size: .8rem;
	}
} */

/* Item titles */
h3 {
	font-size: 1.4rem;
	font-family: var(--font-0);
}
/* @media (max-width: 576px) {
	h3 {
		font-size: 1.2rem;
	}
} */
h3.and_sub {
	margin-block-end:0;
}
h3.subtitle{
	font-size: 1rem;
	font-family: var(--font-2)
}
/* @media (max-width: 576px) {
	h3.subtitle {
		font-size: 0.9rem;
	}
} */


h6.title {
	font-size: 1.2rem;
	color: var(--col-green-1);
	text-transform: capitalize;
	font-family: var(--font-0);
	margin-bottom: 0;
}
@media only screen and (max-width: 576px) {
	h6.title {
		font-size: 0.9rem;
	}
}

h6.subtitle{
	font-size: 0.9rem;
	font-family: var(--font-2)
}

a{
	color: #212529;
}

a:hover{
	text-decoration: none;
	color: var(--col-green-1)
}

a.link {
	color: inherit;
	box-shadow: inset 0rem -0.2rem var(--col-green-4);
	transition: all ease .3s;
}

a.link:hover {
	box-shadow: inset 0rem -1.45rem var(--col-green-4);
}

::placeholder{
	font-family: var(--font-1);
}

/*Buttons*/
.btn{
	padding-left: 1rem;
	padding-right: 1rem;
	transition: all .6s;
	font-weight: 500;
	border-radius: 10px;
}

.btn:hover{
	border-radius: 40px;
}

.btn.btn-round{
	border-radius: 40px;
}

.btn.btn-white {
	color: black;
}

.btn.btn-white:hover{
	background-color: var(--col-green-2);
	color: white;
}

.btn.btn-d-green{
	background-color: var(--col-green-1);
	color: white;
}

.btn.btn-d-green:hover{
	background-color: var(--col-green-2);
}

.btn.btn-d-black{
	background-color: var(--col-green-0);
	color: white;
}

.btn.btn-d-black:hover{
	background-color: var(--col-green-m1);
}

.btn.btn-d-green-open{
	background-color: var(--col-green-5);
	/* border: 2px solid var(--col-green-1); */
	color: var(--col-green-1);
	font-weight: 300;
}

.btn.btn-light{
	/* border: 2px solid var(--col-green-1); */
	color: var(--col-green-3);
}

.btn.btn-d-green-open:hover, .btn.btn-d-green-open:active{
	background-color: var(--col-green-2);
	/* border: 2px solid var(--col-green-2); */
	color: white;
	/* font-weight: 400; */
}

.btn.btn-l-green{
	background-color: var(--col-green-2);
	color: white;
}

.btn.btn-l-green:hover{
	background-color: var(--col-green-3);
}

.btn.btn-d-red{
	background-color: var(--col-red-1);
	color: white;
}

.btn.btn-d-red:hover{
	background-color: var(--col-red-2);
}

.btn.btn-l-red{
	background-color: var(--col-red-2);
	color: white;
}

.btn.btn-l-red:hover{
	background-color: var(--col-red-3);
}

.badge.badge-round{
	border-radius: 0.08rem;
	box-shadow: 1px 1px 1.2px grey;
	font-weight: initial;
}

.btn.dropdown-toggle{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9rem;
}

.btn:active {
	transform: scale(0.95);
}

.badge p {
	margin: 0.1rem;
	display: flex;
	align-items: center;
	gap: 4px;
}

.badge:active {
	transform: scale(0.95);
}

.badge{
	font-size: 0.8rem;
	font-weight: 400;
	cursor: pointer;
}

.filter-option-inner-inner{
	font-weight: 400;
}

@media only screen and (max-width: 576px) {
    .badge{
		font-size: 0.7rem;
	}
}

.badge.badge-dark{
	background-color: var(--col-green-0);
}

.badge.badge-dark:hover{
	background-color: #2D3B2B;
}

.badge.badge-d-green{
	background-color: var(--col-green-1);
	color: white;
}

.badge.badge-d-green:hover{
	background-color: var(--col-green-2);
}

.badge.badge-l-green{
	background-color: var(--col-green-2);
	color: white;
}

.badge.badge-l-green:hover{
	background-color: var(--col-green-3);
}

.badge.badge-ll-green{
	background-color: var(--col-green-3);
	color: white;
}

.badge.badge-ll-green:hover{
	background-color: var(--col-green-4);
}

.badge.badge-d-red{
	background-color: var(--col-red-1);
	color: white;
}

.badge.badge-d-red:hover{
	background-color: var(--col-red-2);
}

.badge.badge-d-yellow{
	background-color: var(--col-yellow-1);
	color: white;
}

.badge.badge-d-yellow:hover{
	background-color: var(--col-yellow-2);
}

.badge.badge-l-red{
	background-color: var(--col-red-2);
	color: white;
}

.badge.badge-l-red:hover{
	background-color: var(--col-red-3);
}

/*Navbar*/
article {
	margin-top: 5rem;
}

.nav-area{
	height: 5rem;
}

@media (max-width: 376px){
	article {
		margin-top: 75px;
	}
	.nav-area{
		height: 75px;
	}
}

@media only screen and (max-width: 80rem) {

	nav .container{
		max-width: initial;
	}
}

.nav-area{
	position: relative;
	left: 0;
	top: 0;
	/* width: 100%; */
	box-sizing: border-box;
	transition: top .6s;
	background: rgb(255,255,255);
	z-index: 22;
}

.navbar {
	position: fixed;
	top: 0;
	background: rgb(255,255,255,0.7);
	width: 100%;
	z-index: 21;
	transition: all .6s;
	padding: 0.5rem 0 0 0;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.navbar.animate1 {
	/* top: -8rem; */
	top: -10rem;
}

.navbar.animate2 {
	top: 0;
}

.navbar.shadow{
	box-shadow: 0px 0px 7px grey;
}

.nav-area.animate{
	position: fixed;
	top: 0;
}

.nav-area.sticky{
	top: 0;
}

.navbar-toggler-icon{
	transition: all ease-in-out 0.3s;
}

.navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(85, 103, 78, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

[aria-expanded='true'] .navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='99pt' height='99pt' viewBox='0 0 99 99' version='1.1'><g id='surface512'><path style='fill:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(85, 103, 78);stroke-opacity:1;stroke-miterlimit:10;' d='M 64 768 L 128 704' transform='matrix(1,0,0,-1,-47,785)'/><path style='fill:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(85, 103, 78);stroke-opacity:1;stroke-miterlimit:10;' d='M 128 768 L 64 704' transform='matrix(1,0,0,-1,-47,785)'/></g></svg>");
}

.nav-link{
	margin-bottom: 0rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.footer-links .nav-link {
	padding: .5rem .3rem;
}

.nav-item{
	font-size: 1.3rem;
	transition: all 0.3s ease;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#nav-searchbar-btn {
	padding: 0.3rem 1rem 0.5rem 1rem;
}

#nav-searchbar-btn:hover {
	color: var(--col-green-2);
}

/* Amazon Fresh button */
.searchbar-submit {
	position: absolute;
	background-color: transparent;
	color: transparent;
	border: 0;
	cursor: pointer;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: .01;
	outline: 0;
	overflow: visible;
	z-index: 2;
}

.searchbar-submit-btn {
	position: absolute; 
	top: .6rem; 
	right: 1.6rem;
	/* right: calc(3% + 15px); */
	width: 1.6em;
	height: 1.6em;
	overflow: hidden;
}

/*iPad size (just navbar change)*/
/* @media (max-width: 576px){
	.searchbar-submit-btn {
		right: calc(3%);
	}
} */

.searchbar-submit-btn:hover {
	color: var(--col-green-2);
}

#nav-email-btn {
	padding: 0.3rem 1rem 0.5rem 1rem;
}

#nav-searchbar {
	width: 100%;
	position: absolute;
	top: -8rem;
	background-color: rgb(100, 130, 94, 0.7);
	box-shadow: 0px 0px 7px grey;
	padding-top: 2.5rem;
	padding-bottom: .3rem;
	transition: top .6s;
	height: 6rem;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

#nav-searchbar.animate0 {
	position: absolute;
	top: 7.5rem;
}

#nav-searchbar.animate1 {
	position: fixed;
	top: -8rem;
}

#nav-searchbar.animate2 {
	position: fixed;
	top: 4.75rem;
	box-shadow: 0px 0px 10px var(--col-green-1);
}

/*iPad size (just navbar change)*/
@media (max-width: 992px){

	.nav-item{
		padding-top: .8rem;
		padding-bottom: .8rem;
		font-size: 1.3rem !important;
	}

	.nav-item:hover{
		transform: scale(1.1);
	}
}

/*iPad size (just navbar change)*/
@media (max-width: 1080px){
	.nav-item{
		font-size: 1.1rem;
	}
}

.navbar-toggler-icon{
	width: 2.1rem;
	height: 2.1rem;
}

#nav-image{
	padding: 0.5rem;
	max-width: 200px;
}

@media only screen and (max-width: 40rem) {

    #nav-image{
    	width: 50vw;
    }
}

/*Footer*/

footer {
	background-color: var(--col-red-4);
}

.footer{
	background-color: var(--col-red-4);
	position: relative;
    clip-path: ellipse(100% 50% at 50% 50%);
    transform: translateY(-30px);
	z-index: 999;
    padding-top: 75px;
    padding-bottom: 10px;
}

.footer-links{
    display: flex;
    justify-content: space-between;
}

.footer-links-col ul {
	list-style: none;
	padding: 0;
}

.footer-text {
	color: grey;
	font-size: 16px;
}

#footer-col-l-inner {
	max-width: 460px;
	flex-grow: 1;
}

#footer-col-r-inner {
	max-width: 460px;
	flex-grow: 1;
}

.footer-socials{
	display: flex;
	justify-content: space-between;
	padding-left: 10px;
	margin-bottom: 30px;
}

#download-buttons-cnt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	flex-wrap: wrap;
}

#footer-col-l, #footer-col-m, #footer-col-r {
	padding: 1.5rem 3rem 1.5rem 3rem;
}

#footer-col-l {
	display: flex;
	justify-content: center;
}

#footer-col-r {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	#footer-col-m {
		border-right: unset; 
		border-left: unset;
	}
}

#newsletter-cnt {
	padding-left: 10px;
	margin-bottom: 30px;
}

.newsletter-form {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}
.newsletter-form input[type="email"] {
	padding: 8px;
	border: none;
	border-radius: 8px;
	flex: 1;
}

.feedback-footer {
	font-size: 0.9em;
	color: var(--col-green-2);
	font-style: italic;
}

.feedback-inpage {
	font-style: italic;
	margin-bottom: 10px;
	color: var(--col-green-3);
}

#newsletter-policy-txt, #newsletter-policy-txt a {
	color: grey; 
	font-size: 12px; 
	font-style: italic;
}

@media only screen and (max-width: 1080px) and (min-width: 576px) {
	#nav-searchbar.animate2 {
		top: 4rem;
	}
}

/*Not-mobile*/
@media only screen and (min-width: 576px) {
    .mobile {
        display: none !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 576px) {
    .not-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 150rem) {
    .vw-hide-6 {
        display: none !important;
    }
}

@media only screen and (max-width: 120rem) {
    .vw-hide-5 {
        display: none !important;
    }
}

@media only screen and (max-width: 90rem) {
    .vw-hide-4 {
        display: none !important;
    }
}

@media only screen and (max-width: 60rem) {
    .vw-hide-3 {
        display: none !important;
    }
    .vw-hide-sm-5 {
        display: none !important;
    }
}

@media only screen and (max-width: 35rem) {
    .vw-hide-2 {
        display: none !important;
    }
    .vw-hide-sm-4 {
        display: none !important;
    }
}

/*Hide and show responsive*/
@media only screen and (max-width: 992px) {
    .hide-vw-lg {
        display: none !important;
    }

    .show-vw-lg {
        display: initial !important;
    }
}

@media only screen and (max-width: 1200px) {
    .hide-vw-xl {
        display: none !important;
    }

    .show-vw-xl {
        display: initial !important;
    }
}

@media only screen and (max-width: 768px) {
    .hide-vw-md {
        display: none !important;
    }

    .show-vw-md {
        display: initial !important;
    }
}

@media only screen and (max-width: 576px) {
    .hide-vw-sm {
        display: none !important;
    }

    .show-vw-sm {
        display: initial !important;
    }
}


/*icons*/
.bi {
	display: inline-block;
	vertical-align: -10%;
}

.next-btn{
	height: 100%;
	width: 4rem;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items:center;
	-webkit-box-pack: center;
	-ms-flex-pack:center;
	justify-content: center;
	position: absolute;
	right: 0rem;
	transition: all 0.3s ease;
	top: 0;
	transform: scale(1.2);
}

.next-btn:hover{
	transform: scale(1.1);
	opacity: 0.8;
}

.banner{
	padding: 2rem 1rem 2rem 1rem; 
	width: 100%"
}

.hw-text{
	font-family: var(--font-4); 
	font-size:1.8rem;
}

.hw-text.small{
	font-size:1.5rem;
}

.hw-text-2{
	font-family: var(--font-3); 
	font-size:2rem;
}

.cap-text {
	text-transform: capitalize;
}

/*forms*/

.form-control{
	border: 2px solid var(--col-green-1);
	transition: 0.3s ease-in-out;
	border-radius: 10px;
	box-shadow: 0 0 .4rem var(--col-green-2);
	font-size: 1.2rem;
}

.form-control.searchbar {
	border-radius: 40px;
}

.form-control:focus{
	box-shadow: 0 0 .8rem var(--col-green-2);
	border: 2px solid var(--col-green-2);
	/* border-color: var(--col-green-1);
	box-shadow: 0 0 .2rem var(--col-green-2);
	border-radius: 20px; */
}

.dropdown-item.active, .dropdown-item:active{
	background-color: var(--col-green-3)
}

/*Card items*/

/* [2] Transition property for smooth transformation of images */
.card-img {
	transition: all .3s ease;
	overflow: hidden;
	border-radius: 10px;
}

/* [3] Finally, transforming the image when container gets hovered */
a:hover .card-img {
	box-shadow: 0px 0px 10px var(--col-green-1);
	border-radius: 17px;
	overflow: hidden;
}

.carousel-indicators {
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
	list-style: none;
	cursor: pointer;
	color: var(--col-green-1);
}

.carousel-indicators li {
	background-color: initial;
	text-indent: initial;
	height: initial;
	width: initial;
}

.carousel-indicators li{
	opacity: 0.5;
}

.text-muted {
	color: var(--col-green-2)!important;
}

.carousel-contr-prev-low {
    align-items: flex-end; 
    left: -15px;
}

.carousel-contr-next-low {
    align-items: flex-end; 
    right: -15px;
}

.container-flex{
	display: flex;
	justify-content: space-between;
}

.slide-up-ani {
  animation-name: slide-up;
  animation-duration: 0.5s;
}


@keyframes slide-up {

  from {
    margin-top: 5rem;
    opacity: .5;
  }

  to {
    margin-top: 10px;
    opacity: 1;
  }
}

.hidden {
	display: none !important;
}

.visible {
	display: inherit !important;
}

.p-left-15 {
	padding-left: 15px;
}

.p-right-15 {
	padding-left: 15px;
}

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

	.no-p-max-sm{
		padding: 0 !important;
	}

	.no-border-max-sm{
		border-radius: 0 !important;
	}

    .no-p-left-max-sm {
        padding-left: 0 !important;
	}
	
	.no-p-right-max-sm {
        padding-right: 0 !important;
	}
	
	.not-rounded-max-sm {
		border-radius: initial !important;
	}
}

@media only screen and (min-width: 576px) {
    .no-p-left-min-sm {
        padding-left: 0 !important;
	}
	
	.no-p-right-min-sm {
        padding-right: 0 !important;
    }
}

/* feedback button */

#feedback-button {
	display: inline-block;
	background-color: var(--col-green-1);
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 30px;
	left: 30px;
	transition: background-color .3s, 
	  opacity .5s, visibility .5s;
	opacity: 0.8;
	z-index: 1000;
	padding:0.3rem;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

#feedback-button:hover {
cursor: pointer;
background-color: var(--col-green-2);
}

#feedback-button:active {
background-color: var(--col-green-3);
}

.aspect-16x9 {
	aspect-ratio: 1.778;
	object-fit: cover;
}

.aspect-3x2 {
	aspect-ratio: 1.555;
	object-fit: cover;
}

.gradient-background {
	/* position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; */
	background: linear-gradient(225deg, #5C70FF 0%, #4CD1F0 50%, #37DDFA 100%);
	/* background-size: 300% 300%; */
	animation: gradient 18s ease infinite;
	/* z-index: -1; */
}

/* .bg-mesh-red {
    background-image: radial-gradient(at 20% 16%,#B04C35 0px,transparent 50%),radial-gradient(at 80% 16%,hsl(263 87% 91% / 60%) 0px,transparent 50%),radial-gradient(at 0% 100%,hsl(42 74% 85% / 60%) 0px,transparent 50%),radial-gradient(at 72% 80%,hsl(180,67%,95%) 0px,transparent 50%),radial-gradient(at 48% 56%,hsl(276,100%,97%) 0px,transparent 50%),radial-gradient(at 88% 48%,hsl(41,74%,92%) 0px,transparent 50%)
} */

.bg-mesh-green {
    background-image: 
	radial-gradient(at 0% 100% ,#EAEDE8 0px,transparent 50%),
	radial-gradient(at 80% 16%,#e5f6e1 0px,transparent 50%),
	radial-gradient(at 20% 16%,hsl(42 74% 85% / 60%) 0px,transparent 50%),
	radial-gradient(at 72% 80%,hsl(41,74%,92%) 0px,transparent 50%)
}

.bg-mesh-red {
    background-image: 
	radial-gradient(at 0% 100% ,#F2EAE3 0px,transparent 50%),
	radial-gradient(at 80% 16%,#ffe9e2 0px,transparent 50%),
	radial-gradient(at 20% 16%,hsl(42 74% 85% / 60%) 0px,transparent 50%),
	radial-gradient(at 72% 80%,hsl(41,74%,92%) 0px,transparent 50%)
}

.bg-mesh-dark-green {
    background-image: 
	radial-gradient(at 0% 100% ,#2f3f2c 0px,transparent 50%),
	radial-gradient(at 100% 0% ,#2e3b2c 0px,transparent 50%)
}

@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.txt-center {
	text-align: center;
}

.save-banner {
    position: absolute;
    top: -15px;
    right: 10px;
    background-color: #b55032;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
}

.recipe-img-container {
	position: relative;
}

.exclusive-icon-cont {
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: var(--col-yellow-1);
	padding: 4px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.5);
}

#footer-top-spacer {
	margin-top: 75px;
}