/* Inline <style> blocks from the live page /know-and-love (winndixie.com), extracted verbatim.
   The live site ships these inside the CMS-authored HTML; the Contentstack entries hold
   only structured content, so they are re-attached here per page. */
@media screen and (min-width: 1200px) {
.recipes-details .image-slider .image {
min-height: 850px !important;
}
}
.container-fluid {
			max-width: 100%;
		}

		.container {
			width: 100% !important;
		}

		.sayhello {
			background-image: linear-gradient(to top right, #829e24, #8aa946);
			position: relative;
		}

			.sayhello .desc-sayhello {
				font-size: 16px;
				position: relative;
				top: 56px;
			}

				.sayhello .desc-sayhello .img-desc {
					margin: 0 200px;
				}

				.sayhello .desc-sayhello h1 {
					font-family: Poppins;
					font-size: 1.5em;
					font-weight: 600;
					line-height: 22px;
					letter-spacing: -0.2222222238779068px;
					text-align: left;
					margin: 0;
					color: #ffffff;
				}

				.sayhello .desc-sayhello .knowandlove-bg {
					margin: 24px 0 32px 0;
				}

				.sayhello .desc-sayhello .desc-kal {
					font-family: Poppins;
					font-size: 1.125em;
					font-weight: 500;
					line-height: 26px;
					letter-spacing: -0.2222222238779068px;
					text-align: left;
					width: 68%;
					color: #ffffff;
				}

			.sayhello .green-logo {
				float: right;
				width: 20%;
			}

			.sayhello .desc-sayhello .desc-kal a {
				font-family: Poppins;
				font-weight: 600;
				line-height: 26px;
				letter-spacing: -0.2222222238779068px;
				text-align: left;
				/*width: 60%;*/
				color: #ffffff;
				cursor: pointer;
				text-decoration: underline;
			}

				.sayhello .desc-sayhello .desc-kal a:hover, .sayhello .desc-sayhello .desc-kal a:focus {
					text-decoration: underline;
					color: #004F21;
				}

			.sayhello .desc-sayhello .desc-kal i {
				font-family: 'FontAwesome';
				/*top: 1px;
				position: relative;
				left: 10px;*/
				padding-right: 15px;
				padding-left: 12px;
                                font-size: x-large;
                                font-weight: normal;
                                position: relative;
                                top: 3px;
			}

			.sayhello .desc-sayhello .sayhello-imgsec {
				margin: 0 105px;
				margin-top: 91px !important;
			}

			.sayhello .desc-sayhello .readstory {
				margin: 16px 0 8px 0;
			}

			.sayhello .ingredients-bg {
				position: relative;
				right: 20%;
				top: 5vh;
			}

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

			.sayhello .desc-sayhello .img-desc {
				margin: 0 32px;
			}

			.sayhello .sayhello-imgsec {
				margin-top: -50px;
			}
			.sayhello .bannerimage{
				padding: 0 10px;
			}
		}

		@media(max-width: 1024px) and (min-width:768px) {
			.sayhello {
				top: 0vh;
			}

				

				.sayhello .green-logo {
					margin-top: -55px;
				}
		}

		@media (min-width:1025px) {

			.sayhello .ingredients-bg {
				position: relative;
				right: 0%;
				top: 52px;
			}

			.sayhello .green-logo {
				margin-top: -80px;
			}
		}

		@media (min-width:992px) {

			.sayhello .bannerimage {
			padding: 0 60px;
			}
			.sayhello .sayhello-imgsec {
				margin-top: -60px;
			}
			
		}
		@media(max-width: 767px) and (min-width:100px) {
			.sayhello {
				margin-top: 16px;
			}
			.sayhello .bannerimage1{
				padding: 0 14px;
			}

				.sayhello .desc-sayhello {
					position: relative;
					top: 42px;
				}

					.sayhello .desc-sayhello .ingredients-bg {
					}

					.sayhello .desc-sayhello .desc-kal a {
						width: 77%;
						display: block;
					}
.sayhello .ingredients-bg {
    position: relative;
    right: 54%;
    top: 2vh;
}
.sayhello .sayhello-imgsec {
    margin-top: 20px;
padding-bottom: 24px;
}
		}

		@media(max-width: 450px) {
			.sayhello .desc-sayhello .ingredients-bg {
			}
		}

		@media(min-width: 992px) and (max-width:1199px) {
			.sayhello .desc-sayhello .desc-kal {
				width: 100%;
			}
		}

		@media(max-width: 767px) and (min-width:100px) {

			.sayhello .desc-sayhello .img-desc {
				margin: 0 22px;
				margin-top: -15px;
			}

			.sayhello .desc-sayhello .desc-kal {
				width: 100%;
			}

			.sayhello .desc-sayhello .sayhello-imgsec {
				margin: 0 22px;
				margin-top: 91px !important;
			}
		}
@media (max-width:580px) {

		.sayhello .desc-sayhello .desc-kal a {
    width: 300px;
}
			
		}
.purple-bg {
			display: inline-grid;
			min-height: 500px;
			background-image: linear-gradient(to right, #b96a8d, #c37ca1);
		}

			.purple-bg .primary {
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 56px 0;
			}

				.purple-bg .primary h2 {
					font-family: Poppins;
					font-size: 2.875em;
					font-weight: 500;
					line-height: 34px;
					letter-spacing: -0.2222222238779068px;
					text-align: left;
					margin: 0;
					color: #ffffff;
				}

				.purple-bg .primary img {
					margin: 0 28px;
				}



			.purple-bg .secondry .whatweknow, .purple-bg .secondry .whatwelove {
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
				padding: 0 70px;
			}

			.purple-bg .secondry h3 {
				font-family: Poppins;
				font-size: 2.25em;
				font-weight: 500;
				line-height: 34px;
				letter-spacing: -0.2222222238779068px;
				text-align: center;
				margin: 0;
				color: #ffffff;
			}

			.purple-bg .secondry p {
				font-family: Poppins;
				font-size: 1.125em;
				font-weight: 400;
				line-height: 26px;
				letter-spacing: -0.2222222238779068px;
				text-align: center;
				color: #ffffff;
				margin: 20px 0 32px;
			}

		@media(min-width:992px) {

			.purple-bg .secondry {
				margin: 0 0px 30px;
			}
		}

		@media(min-width:1300px) {

			.purple-bg .secondry {
				margin: 0 140px 70px;
			}
		}

		@media(min-width:1100px) {

			.purple-bg .secondry {
				margin: 0 50px 50px;
			}
		}

		@media(min-width:768px) {

			.purple-bg .primary h2 {
				display: flex;
				align-items: flex-end;
			}

			.purple-bg .secondry p {
			width: 90%;
			}
		}

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

			.purple-bg .secondry .whatweknow, .purple-bg .secondry .whatwelove {
				padding: 0 12px;
			}
		}

		@media(max-width: 767px) and (min-width:100px) {


			.purple-bg .primary {
				display: flex;
				margin: 56px 0;
				flex-direction: column;
				align-items: flex-start;
				padding: 0 24px;
			}

				.purple-bg .primary img {
					margin: 21px 0;
				}

			.purple-bg .secondry .whatweknow, .purple-bg .secondry .whatwelove {
				padding: 0 32px;
			}

			.purple-bg .secondry .whatwelove {
				margin-top: 32px;
			}
		}
.guarantee {
			background-image: linear-gradient(to right, #1b9eaa, #91ccea);
			padding: 54px 121px 23px;
			display: inline-block;
		}

			.guarantee .desc-guarantee h2 {
				font-family: Poppins;
				font-size: 2.25em;
				font-weight: 600;
				line-height: 38px;
				letter-spacing: -0.2222222238779068px;
				text-align: left;
				margin: 0;
				color: #ffffff;
			}

			.guarantee .desc-guarantee p {
				font-family: Poppins;
				font-size: 1.125em;
				font-weight: 400;
				line-height: 26px;
				letter-spacing: -0.2222222238779068px;
				text-align: left;
				color: #ffffff;
				margin-top: 32px;
				padding-bottom: 33px;
			}

			.guarantee .img-guarantee {
				display: flex;
				justify-content: center;
				align-items: center;
			}

		@media(min-width:1200px) {

			.guarantee .img-guarantee {
				margin-top: -95px;
			}
		}

		@media(min-width:768px) {

			.guarantee .desc-guarantee {
				padding: 0 40px 0 0;
			}
		}

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

			.guarantee {
				padding: 54px 32px 23px;
			}
		}

		@media(max-width: 767px) and (min-width:100px) {

			.guarantee {
				padding: 54px 22px;
			}
		}

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

			.guarantee .img-guarantee {
				display: flex;
				align-items: center;
				justify-content: flex-end;
			}
		}
.sayhello .desc-sayhello .desc-kal a {
				font-family: Poppins;
				font-weight: 600;
				line-height: 26px;
				letter-spacing: -0.2222222238779068px;
				text-align: left;
				/*width: 60%;*/
				color: #ffffff;
				cursor: pointer;
				text-decoration: underline;
			}

				.sayhello .desc-sayhello .desc-kal a:hover, .sayhello .desc-sayhello .desc-kal a:focus {
					text-decoration: underline;
					color: #004F21;
				}

	.knowandlove-tiles-section {
		margin: 15px 11px 50px;
		text-align: center;
	}

		.knowandlove-tiles-section .knowandlove-card {
			display: inline-flex;
			width: 391px;
			height: auto;
			padding: 32px 18px 15px;
			margin: 15px;
			min-height: 730px;
			text-align: center;
		}

			.knowandlove-tiles-section .knowandlove-card h3 {
				font-family: Poppins;
				font-size: 2.25em;
				font-weight: 600;
				line-height: 38px;
				letter-spacing: -0.2222222238779068px;
				text-align: center;
				color: #ffffff;
				margin: 0 0 16px;
			}

			.knowandlove-tiles-section .knowandlove-card span {
				font-family: Poppins;
				font-size: 1.125em;
				font-weight: 600;
				line-height: 38px;
				letter-spacing: -0.2222222238779068px;
				/* text-align: center; */
				color: #ffffff;
			}

			.knowandlove-tiles-section .knowandlove-card img {
				width: auto;
				margin-top: 20px;
				height: auto;
			}

			.knowandlove-tiles-section .knowandlove-card p {
				font-family: Poppins;
				font-size: 1.125em;
				font-weight: 400;
				line-height: 26px;
				letter-spacing: -0.2222222238779068px;
				text-align: center;
				color: #ffffff;
				margin: 32px 0 48px;
			}

	@media(min-width: 1025px) {
		.knowandlove-tiles-section {
			display: flex;
			justify-content: center;
			margin: 15px 30px 45px;
		}
			.knowandlove-tiles-section .knowandlove-card img {
				/*height: 262px;*/
			}
	}

	@media(max-width: 1280px) {
		.knowandlove-tiles-section .knowandlove-card {
			width: 370px;
		}
	}

	@media(max-width: 450px) {
		.knowandlove-tiles-section .knowandlove-card img {
			width: 70%;
		}
	}

	@media(max-width: 830px) and (min-width:768px) {
		.knowandlove-tiles-section .knowandlove-card {
			width: 337px;
			min-height: 773px;
		}
	}

	@media(max-width:415px) {
		.knowandlove-tiles-section .knowandlove-card {
			width: auto;
		}
	}
.knowandlovelink {
    color: #005021;
    font-weight: 700;
    text-decoration:underline!important;
    }
    .knowandlovelink:hover {
    color: #005021;
    }
    .card-body p {
    font-family: 'Poppins' !important;
    font-size: 16px !important;
    }
    .glyphicon {
    color: #005021!important;
    }
    .container_faq .faq .card-header .btn-link {
    font-family: 'Poppins' !important;
    font-size: 18px !important;
    letter-spacing: -0.25px !important;
    }
    .container_faq .faq {
    min-height: auto !important;
    box-shadow: 0px 4px 10px 0px #00000040;
    }
    .faqbg img {
    height:220px !important;
    &nbsp;&nbsp; }
    .container_faq .mystery-faqlink {
    display: block !important;
    margin-top: 33px !important;
    }
    .container_faq .mystery-faqlink a {
    font-weight: bold;
    text-decoration: none;
    }
    .container_faq .mystery-faqlink a:hover{
    text-decoration: underline;
    }
    .container_faq .mystery-faqlink {
    margin-bottom: 90px !important;
    }
    @media(min-width: 100px) and (max-width:767px) {
    .container_faq .mystery-faqlink {
    margin-top: 26px !important;
    margin-bottom: 45px !important;
    }
    .container_faq .faq ul {
    margin-top: 20px !important;
    }
    .faqbg img {
    height:270px !important;
    }
    }
    .accordianTitle {
    text-align: left;
    font-size: 36px!important;
    color: #005021!important;
    font-family: 'Poppins'!important;
    font-weight: 700!important;
    }
    .container_faq .faq .accordianTitle {
    text-align: left;
    font-size: 28px;
    color: #21155B;
    }
    .container_faq .faq ul {
    margin-top: 30px;
    }
    .container_faq .faq .card hr{
    color: #4E4E4E61;
    }
    .faqbg{
    height: 325px;
    }
    .container_faq .faq .card-header .btn-link{
    color: #3c3c3b !important;
    }
    .card-header h3 {
    font-size: 1em;
    margin-top: 10px;
    }
    @media screen and (max-width: 991px) {
    .about__rewards .container-fluid {
    overflow: hidden;
    }
    }
    @media (max-width: 991px) {
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .faqbg {
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; overflow: hidden;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .faqbg img {
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: auto;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }
    &nbsp;&nbsp;&nbsp; }
    @media(min-width: 1200px) {
    .container_faq .faq {
    width: 1100px;
    }
    }
    @media(min-width: 768px) and (max-width: 991px){
    .App_Header_section .App_Header {
    margin-right: 90px !important;
    }
    .container_faq .faq {
    width: 100%;
    }
    }
.z-banner {
        z-index: 55555 !important;
    }

    .ps-fixed {
        position: fixed !important;
    }

    .bg-yellow-700 {
        background-color: #F8EC74;
        opacity: .92;
    }

    .fc-black {
        color: #000;
    }

    .wmx8 {
        max-width: 64.8205128rem;
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .grid {
        display: flex;
    }

    .jc-center {
        justify-content: center;
    }

    .mr12 {
        margin-right: 10%;
        font-size : 1em;
    }

    #cookieBar a {
        cursor: pointer;
        text-decoration: underline;
    }
 #cookieBar p {
    margin-bottom : 0px;
  }
    .svgClose {
        float: right;
        margin-top: -21px;
        margin-right: 33px;
    }

    .paddingBar {
        padding: 20px;
        right: 0px;
        left: 0px;
        bottom: 0px;
    }


    .s-link {
        color: #000 !important;
    }

      @media screen and (min-width:100px) and (max-width:992px) {
        .paddingBar {
            right: -27px;
        }
    }
@media screen and (min-width:320px) and (max-width:568px) {
.svgClose {
    float: right;
    margin-top: -43px;
    margin-right: 20px;
}
.mx-auto {
    margin-left: -7px;
}
}
@media screen and (min-width:375px) and (max-width:667px) {
.mr12 {
    margin-right: 31px;
}
.svgClose {
    margin-top: -30px;
}
}
.async-hide {
			opacity: 0 !important;
		}