:root {
	--brand_color: #fbc208;
	--brand_color_inverted: #FFF;
	--background_color: #FFF;
	--text_color: #3d3d3d;
	--link_color: var(--brand_color);
}

body {
	background-color: var(--background_color);
	color: var(--text_color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend {
	font-family: Lexend;
}

body, p, label, .paragraph {
	font-family: Lexend;
	font-size: 17px;
}

a {
	color: var(--link_color);
}

a:hover {
	text-decoration: underline;
}

.brand {
	background-color: #fbc208;
	color: #FFF;
	border-color: #fbc208;
}

.text-brand {
	color: #fbc208;
}

.text-action {
	color: #fbc208;
}

.brand-inverted {
	background-color: #FFF;
	color: #fbc208;
	border-color: #FFF;
}

.action {
	background-color: #fbc208;
	color: #FFF;
	border-color: #fbc208;
}

.action-inverted {
	background-color: #FFF;
	color: #fbc208;
	border-color: #FFF;
}

/* SiteHeader */

.announcement_bar {
	background-color: #ffffff;
	color: #3d3d3d;
}

.announcement_bar a {
	color: #3d3d3d;
}

.siteHeader {
	background-color: #fbc208;
	color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 0;
	border-bottom-color: #3c3b3b;
}

.siteHeader__container {
	max-width: 1366px;
}

/* MainNavigation */

.mainNavigation, .mobileNav {
	background-color: #fbc208;
}

.mainNavigation__list {
	text-align: center !important;
}

.siteHeader__container--style4 {
	text-align: center;
}

.mainNavigation__list > li > a {
	font-size: 17px;
}

/*Mobile Nav*/
.mobileNav > li > a {
	color: #ffffff;
	background-color: #2C5170;
}

.mobileNav > li > a:hover {
	background-color: #042948;
}

.mobileNav > li > a:focus {
	background-color: #042948;
}

/* Underline Link Effect */
	.mainNavigation__list > li > a {
		color: #ffffff;
		background-color: transparent;
		border-bottom: solid 2px transparent;
	}
	.mainNavigation__list > li > a:hover {
		color: #FFF;
		background-color: transparent;
		border-bottom: solid 2px #FFF;
	}

	.mobileNav > li > a {
		color: #ffffff;
		background-color: transparent;
		border-bottom: solid 2px transparent;
	}

	.mobileNav > li > a:hover {
		color: #FFF;
		background-color: transparent;
		border-bottom: solid 2px #FFF;
	}

	.mobileNav > li > a:focus {
		color: #FFF;
		background-color: transparent;
		border-bottom: solid 2px #FFF;
	}


.mainNavigation__list > li > a {
	transition: all 0.2s ease-in-out;
}

/* Auxiliary Navigation (Use this for the account menu, sign up cta, cart, etc,) */

.auxiliaryMenu--block, .auxiliaryMenu__container {
	background-color: transparent;
		border-bottom: none;
	}

.auxiliaryMenu {
	max-width: 1366px;
}

		.auxiliaryMenu > li > a {
				color: #4c1300;
			}

	.auxiliaryMenu > li > a:hover, .auxiliaryMenu > li > a:focus {
				color: #743b00;
			}
	
.order__delivery_threshold_difference, .order__delivery_threshold_difference-met {
    background-color: #ffcc00;
    color: #ffffff;
}

/* OrderStatus */
.orderStatusBar {
	background-color: #ffcc00;
}

.orderStatus__container {
	color: #ffffff;
}

.orderStatus__container a {
	border-bottom-color: #fffe32;
	color: #ffffff;
}

.orderStatus__container a:hover {
	border-bottom-color: #ffffff;
}

.orderStatus__mobileToggle {
	color: #ffffff;
}

.orderStatus__mobileToggle a {
	border-bottom-color: #fffe32;
	color: #ffffff;
}

.orderStatus__mobileToggle a:hover {
	border-bottom-color: #ffffff;
}

/* Logo */

.logo {
	color: #ffffff;
	font-size: 17px;
	padding: 0px;
}

.logo__img {
	max-height: 117px;
}

@media (max-width: 414px) {.logo {padding: 0px;}.logo__img {max-height: 75px;}}

.siteFooter {
	background-color: #1f1f1f;
	color: #FFF;
}

.siteFooter .tw-prose {
	--tw-prose-headings: #FFF;
	--tw-prose-body: #FFF;
	--tw-prose-p: #FFF;
	--tw-prose-a: #FFF;
	--tw-prose-bullets: #FFF;
}

.siteFooter h1, .siteFooter h2, .siteFooter h3, .siteFooter h4, .siteFooter h5, .siteFooter h6 {
	color: #FFF;
}

.siteFooter a {
	--tw-prose-a: #FFF;
	color: #FFF;
}

.siteFooter a:hover, .siteFooter a:focus {
	color: #ebebeb;
}

.siteFooter img {
	margin-left: auto;
	margin-right: auto;
}

.backToTopLink__container {
	background-color: #333333;
}

.backToTopLink__container a {
	color: #FFF;
}

/* Buttons */
.btn-brand, .btn-default, .btn-primary {
	background-color: #fbc208 !important;
	border-color: #e7ae00 !important;
	color: #FFF !important;
}

.btn-brand-inverted {
	background-color: #FFF;
	color: #fbc208;
	border: solid 1px #fbc208;
}

.btn-brand-inverted:hover {
	background-color: #fbc208;
	color: #FFF;
	border: solid 1px #fbc208;
}



.btn-brand:hover, .btn-default:hover, .btn-primary:hover {
		background-color: #d39a00 !important;
	border-color: #d39a00 !important;
		color: #FFF !important;
}

.btn-danger, .btn-action, .cta {
	background-color: #fbc208 !important;
	border-color: #e7ae00 !important;
	color: #FFF !important;
}
.btn-danger:hover, .btn-action:hover, .cta:hover {
		background-color: #d39a00 !important;
	border-color: #d39a00 !important;
	
	color: #FFF !important;
}

.btn-action-inverted {
	background-color: #FFF;
	color: #fbc208;
	border: solid 1px #fbc208;
}

.btn-action-inverted:hover {
	background-color: #fbc208;
	color: #FFF;
	border: solid 1px #fbc208;
}

.bullet, .confirmation__step-number {
	background-color: #fbc208;
	color: #FFF;
}

/* Store Menu */
.storeIndex__sideBarList--style2 {
	background-color: #f8f8f8 !important;
	border-color: #f8f8f8 !important;
	color: #777;
}

.storeSearch__input--style2 {
	border-color: #f8f8f8 !important;
}

.storeIndex__sideBarList--style2 > li > a {
	color: #777;
	border-color: #eeeeee !important;
}

.storeIndex__sideBarList--style2 > li > a:hover {
	color: #777;
	background-color: #eeeeee !important;
}

.storeSearch__button--style2 {
	color: #777;
}

.banner__protocols li:before {
    color: #fbc208
}

/*Custom Styles*/
/*how it works icon replacement*/
.howItWorksWidget--3196 i {
    opacity: 0;
}

#howItWorksWidget3196 .howItWorksWidget__step:first-of-type {
    padding-right: 40px !important;
}

a.bannerWidget__cta.btn.btn-danger.btn-break{
    text-shadow: none !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-family: 'Lexend', sans-serif !important;
    box-shadow: 0 3px 10px 0 rgba(36,36,36,0.20) !important;

}

/* BEGIN updated hero image information */
.homeBannerImage{
    background-image:url(https://s3.amazonaws.com/grazecart/fresheggco/images/1659049636_62e316a4dcbfd.jpg);
    background-size: cover !important;
    background-repeat: no-repeat;
    padding: 150px 10% 100px 10%;
    background-position: center center;
    height: 600px;
}

.homeBannerImage h1{
    color: #090F13;  
    font-size: 50px; 
    line-height: 1.3;
    text-shadow: rgba(44, 44, 44, 0.0) 0px 0px 0px !important;
}

.homeBannerImage h3{
    color: #FCC108;  
    font-size: 40px; 
    text-shadow: rgba(44, 44, 44, 0.0) 0px 0px 0px !important; 
    margin-top: 20px !important;
}
.customHome, button.customHome{
    font-size: 20px !important;
    padding: 16px 36px;
    border-radius: 8px;
    background-color: #FCC108;
    border: 1px solid #FCC108;
    color: #fff !important;
    background: #FCC108;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 3px 10px 0 rgba(36,36,36,0.20) !important;
}
.customHome:hover, button.customHome:hover{
    background-color: #C0940A;
    background: #C0940A;
    border: 1px solid #C0940A;
}

.columns-newHome{
    width: 60%;
    float:left;
    display: inline-block;
}
/* END updated hero image information */

#howItWorksWidget3196 .howItWorksWidget__step:nth-of-type(2){
    padding-left: 25px !important;
    padding-right: 25px !important;
}

#howItWorksWidget3196 .howItWorksWidget__step:last-of-type {
    padding-left: 40px !important;
}

#howItWorksWidget3196 .howItWorksWidget__step:first-of-type .bullet {
    background-color: transparent !important;
    box-sizing: content-box !important;
    height: 130px !important;
    width: 130px !important;
    background-image: url(https://s3.amazonaws.com/grazecart/fresheggco/images/1654124719_6297f0af87f30.png) !important;
    background-repeat: no-repeat;
    background-size: 130px 130px;
    object-fit: contain !important;
}

#howItWorksWidget3196 .howItWorksWidget__step:nth-of-type(2) .bullet {
    background-color: transparent !important;
    box-sizing: content-box !important;
    height: 130px !important;
    width: 130px !important;
    background-image: url(https://s3.amazonaws.com/grazecart/fresheggco/images/1654121512_6297e428149f0.jpg);
    background-repeat: no-repeat;
    background-size: 130px 130px;
    object-fit: contain !important;
}

#howItWorksWidget3196 .howItWorksWidget__step:last-of-type .bullet {
    background-color: transparent !important;
    box-sizing: content-box !important;
    height: 130px !important;
    width: 130px !important;
    background-image: url(https://s3.amazonaws.com/grazecart/fresheggco/images/1654121512_6297e42869709.jpg);
    background-repeat: no-repeat;
    background-size: 130px 130px;
    object-fit: contain !important;
}
#howItWorksWidget3196 .howItWorksWidget__stepHeader {
    text-transform:uppercase !important;
    color: #7da775;
}

/*how it works icon replacement*/
.howItWorksWidget--3270 i {
    opacity: 0;
}

#howItWorksWidget3270 .howItWorksWidget__step:first-of-type {
    padding-right: 40px !important;
}

#howItWorksWidget3270 .howItWorksWidget__step:nth-of-type(2){
    padding-left: 25px !important;
    padding-right: 25px !important;
}

#howItWorksWidget3270 .howItWorksWidget__step:last-of-type {
    padding-left: 40px !important;
}

#howItWorksWidget3270 .howItWorksWidget__step:first-of-type .bullet {
    background-color: transparent !important;
    box-sizing: content-box !important;
    height: 130px !important;
    width: 130px !important;
    background-image: url(https://s3.amazonaws.com/grazecart/fresheggco/images/1654124719_6297f0af87f30.png) !important;
    background-repeat: no-repeat;
    background-size: 130px 130px;
    object-fit: contain !important;
}

#howItWorksWidget3270 .howItWorksWidget__step:nth-of-type(2) .bullet {
    background-color: transparent !important;
    box-sizing: content-box !important;
    height: 130px !important;
    width: 130px !important;
    background-image: url(https://s3.amazonaws.com/grazecart/fresheggco/images/1654121512_6297e428149f0.jpg);
    background-repeat: no-repeat;
    background-size: 130px 130px;
    object-fit: contain !important;
}

#howItWorksWidget3270 .howItWorksWidget__step:last-of-type .bullet {
    background-color: transparent !important;
    box-sizing: content-box !important;
    height: 130px !important;
    width: 130px !important;
    background-image: url(https://s3.amazonaws.com/grazecart/fresheggco/images/1654121512_6297e42869709.jpg);
    background-repeat: no-repeat;
    background-size: 130px 130px;
    object-fit: contain !important;
}
#howItWorksWidget3270 .howItWorksWidget__stepHeader {
    text-transform:uppercase !important;
    color: #7da775;
}

/*we promise section*/
.shaded_rectangle {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    max-width: 75%;
    background-color: white;
    border-radius:8px !important;
    box-shadow: 0px 0px 20px 5px #e9e9e9;
    margin-bottom: 50px !important;
    margin: auto;
    height: 400px;
}

.shaded_rectangle:last-of-type{
    margin-bottom: 80px !important;
}

.rectangle_text_half, .rectangle_photo_half {
    flex-basis: 50%;
    min-width: 50%;
}

.rectangle_text_half {
    align-items: center !important;
    justify-content: center !important;
    padding: 5% !important;
}
.rectangle_text_half h3, .rectangle_text_half ul {
    max-width: 400px !important;
    margin: auto !important;
}

.rectangle_text_half h3 {
    padding-bottom: 10px !important;
}

.rectangle_text_half ul {
    line-height: 1.8;
}

/*.rectangle_text_half li {
    list-style-image: url('https://s3.amazonaws.com/grazecart/sevensonsfarms/images/1618521445_6078ad65c1c65.jpg');
}
.rectangle_text_half li::marker{
    height: 50%;
}*/

.rectangle_text_half ul {
    padding: 0;
}

.rectangle_text_half li {
    background: url(https://s3.amazonaws.com/grazecart/sevensonsfarms/images/1618575021_60797ead8264e.jpg) no-repeat left 5px;
    background-size: 28px; /* can be any width */
    list-style-type: none;
    padding-left: 40px; /* can also be adjusted to work with the width specified above */
}

.rectangle_photo_half {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

    .rectangle_photo_half figure {
        height: 100%;
    }

@media ( min-width: 850px ) and ( max-width: 1800px ) {
    .image-fit-cover {
        height: 100%;
        max-width: none;
    }

    .image-fit-cover--square {
        height: auto;
        max-width: 100%;
    }
}

@media ( min-width: 850px ) and ( max-width: 1215px ) {
    .image-fit-cover--square {
        height: 100%;
        max-width: none;
    }
    /* BEGIN updated hero image information */
.homeBannerImage{
    padding: 100px 10% 100px 10%;
}
.customHome{
    font-size: 20px;
    padding: 20px 32px;
}
}

@media ( max-width: 850px ) {
    .shaded_rectangle {
        height: 500px !important;
        max-width: 90% !important;
    }
    
    .rectangle_photo_half {
        flex-basis: 55%;
        min-width: 55%;
    }
    .rectangle_text_half {
        flex-basis: 45%;
        min-width: 45%;
        padding: 5px !important;
        padding-top: 30px !important;
    }
    .image-fit-cover {
        object-fit: cover !important;
        height: 100% !important;
        width: 100% !important;
    }
    
    .image-fit-cover--square {
        height: auto !important;
        width: 100% !important;
    }
    .shaded_rectangle-photo_left {
        display: flex !important;
        flex-direction: column !important;
    }
    .shaded_rectangle-photo_right {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .shaded_rectangle-photo_right .rectangle_photo_half,
    .shaded_rectangle-photo_left .rectangle_photo_half {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .rectangle_text_half h3, .rectangle_text_half ul {
        max-width: 300px !important;
        margin: auto !important;
    }
    .rectangle_text_half ul {line-height: 1.6 !important;}
    .rectangle_text_half h3 {font-size: 24px ; line-height: 1.2 !important;}
}

@media ( min-width: 851px ) {
    .shaded_rectangle-photo_right .rectangle_photo_half {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }

    .shaded_rectangle-photo_left .rectangle_photo_half {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
    }
}

@media (max-width: 768px) {
    .bannerWidget--3562 .bannerWidget__innerContainer {
        padding-top: 6rem !important;
        padding-bottom: 24rem !important;
    }
    
/* BEGIGN updated hero image for Mobile */
.homeBannerImage{
    background-image:url(https://s3.amazonaws.com/grazecart/fresheggco/images/1659394082_62e8582272cc4.jpg);
    background-size: cover !important;
    background-repeat: no-repeat;
    padding: 40px 20px 50px 20px;
    background-position: top center;
    height: 590px;
}

.homeBannerImage h1{
    color: #090F13;  
    font-size: 36px; 
    line-height: 1;
}

.homeBannerImage h3{
    color: rgba(9,15,19,0.74); 
    font-size: 20px;
    padding-top: 0px;
    margin-top: 20px !important;
     text-shadow: rgba(44, 44, 44, 0.15) 0px 2px 3px !important;
}

.customHome, button.customHome{
    font-size: 20px !important;
    padding: 16px 36px;
    background-color:#090F13;
    border: 1px solid #262D34;
    background: #090F13;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 3px 10px 0 rgba(36,36,36,0.20) !important;
}
.customHome:hover, button.customHome:hover{
    background-color: #262D34;
    background: #262D34;
    border: 1px solid #262D34;
}

.columns-newHome{
    width: 100%;
    float: left;
    text-align: center;
    display: inline-block;
}
/* END Updated hero image for Mobile */
}