.bannerWidget--387 {
    background-image: url(https://s3.amazonaws.com/grazecart/brookfordfarm/images/1743630153_67edaf4989cc4.jpg); 
	background-attachment: scroll; 
	background-position: 50% 56%; 
	background-repeat: no-repeat; 
    background-size: cover;
    position: relative;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

@media (max-width : 480px) {
    /* safari mobile does not support fixed */
    .bannerWidget--387 {
        background-attachment: initial;
    }
}

.bannerWidget--387::after {
    background-color: transparent;
    z-index: 1;
}

.bannerWidget--387 .bannerWidget__innerContainer {
    z-index: 5;
    padding-top: 192px;
    padding-bottom: 192px;
    height: auto;
        max-width: 1600px;
    
    }

.bannerWidget--387 .bannerWidget__heading {
    letter-spacing: normal; 
    color: #FFF; 
    max-width: 608px; 
    line-height: 1.25; 
    font-size: 48px;
    text-transform: none;
}

.bannerWidget--387 .bannerWidget__subheading {
    letter-spacing: normal; 
    color: #FFF; 
    max-width: 608px; 
    line-height: 1.25; 
    font-size: 24px;
    text-transform: none;
}.textWidget--388 {
    --tw-prose-headings: #ffffff;
    --tw-prose-p: #ffffff;
    --tw-prose-a: #ffffff;
    --tw-prose-body: #ffffff;
    --tw-prose-bullets: #ffffff;
    max-width: 700px;
    padding-top: 64px; 
    padding-bottom: 64px; 
    line-height: 1.75; 
    background-color: #3e4b5a;
    color: #ffffff;
}

.textWidget--388 a {
    color: #ffffff;
    text-decoration: none;
}

.textWidget--388 a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.howItWorksWidget--389 {
    background-color: var(--background_color); 
    color: #000000; 
    text-align: left; 
    padding-top: 64px; 
    padding-bottom: 64px;
}

.howItWorksWidget--389 a {
    color: var(--link_color);
}

.howItWorksWidget--389 .bullet {
    background-color: #dfdfdf; 
    color: #000000;
}.textWidget--390 {
    --tw-prose-headings: var(--text_color);
    --tw-prose-p: var(--text_color);
    --tw-prose-a: var(--link_color);
    --tw-prose-body: --text_color;
    --tw-prose-bullets: --text_color;
    max-width: 700px;
    padding-top: 64px; 
    padding-bottom: 10px; 
    line-height: 1.75; 
    background-color: var(--background_color);
    color: var(--text_color);
}

.textWidget--390 a {
    color: var(--link_color);
    text-decoration: none;
}

.textWidget--390 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.ctaButtonWidget--396 {
    background-color: transparent; 
    padding-top:20px; 
    padding-bottom: 10px;
    
}.featuredProductsWidget--391 {
    background-color: var(--background_color);
    color: var(--text_color);
    padding-top: 10px;
	padding-bottom: 64px;
}

.featuredProductsWidget--391 a {
    color: var(--link_color);
}.textWidget--392 {
    --tw-prose-headings: var(--text_color);
    --tw-prose-p: var(--text_color);
    --tw-prose-a: var(--link_color);
    --tw-prose-body: --text_color;
    --tw-prose-bullets: --text_color;
    max-width: 700px;
    padding-top: 64px; 
    padding-bottom: 10px; 
    line-height: 1.75; 
    background-color: var(--background_color);
    color: var(--text_color);
}

.textWidget--392 a {
    color: var(--link_color);
    text-decoration: none;
}

.textWidget--392 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.ctaButtonWidget--470 {
    background-color: transparent; 
    padding-top:20px; 
    padding-bottom: 10px;
    
}.featuredProductsWidget--393 {
    background-color: var(--background_color);
    color: var(--text_color);
    padding-top: 10px;
	padding-bottom: 64px;
}

.featuredProductsWidget--393 a {
    color: var(--link_color);
}.textWidget--394 {
    --tw-prose-headings: var(--text_color);
    --tw-prose-p: var(--text_color);
    --tw-prose-a: var(--link_color);
    --tw-prose-body: --text_color;
    --tw-prose-bullets: --text_color;
    max-width: 700px;
    padding-top: 64px; 
    padding-bottom: 0px; 
    line-height: 1.75; 
    background-color: #c1dcc2;
    color: var(--text_color);
}

.textWidget--394 a {
    color: var(--link_color);
    text-decoration: none;
}

.textWidget--394 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}