:root {
	--display-font-family: Lexend;
	--body-font-family: Lexend;

	--font-size: 17px

	--logo-padding: 0px;
	--logo-height: 117px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 0;
	--header-bg-color: 251 194 8;
	--header-border-color: 60 59 59;

	--brand-color: 251 194 8;
	--brand-color-inverted: 255 15 ;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 61 61 61;

	--action-color: 251 194 8;
	--action-color-inverted: 255 15 ;

	--announcement-bar-bg-color: 255 255 255;
	--announcement-bar-text-color: 61 61 61;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: 251 194 8;
	--main-navigation-link-color: 255 255 255;
	--main-navigation-link-color-hover: 255 15 ;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 17px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: inherit;

	--order-status-bg-color: 255 204 0;
	--order-status-color: 255 255 255;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 31 31 31;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*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 */
}