.bannerWidget--299 {
    background-image: url(https://s3.amazonaws.com/grazecart/ayersvalleyfarm/images/1730591711_6726bbdfe5ac3.png); 
	background-attachment: scroll; 
	background-position: 45% 41%; 
	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--299 {
        background-attachment: initial;
    }
}

.bannerWidget--299::after {
    background-color: hsla(0, 0%, 0%, 0.1);
    z-index: 1;
}

.bannerWidget--299 .bannerWidget__innerContainer {
    z-index: 5;
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
        max-width: 1600px;
    
        min-height: 200px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    }

.bannerWidget--299 .bannerWidget__heading {
    letter-spacing: normal; 
    color: #FFF; 
    max-width: 1248px; 
    line-height: 1.25; 
    font-size: 50px;
    text-transform: uppercase;
}

.bannerWidget--299 .bannerWidget__subheading {
    letter-spacing: normal; 
    color: #FFF; 
    max-width: 539px; 
    line-height: 1.25; 
    font-size: 24px;
    text-transform: none;
}.textWidget--505 {
    --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: 640px;
    padding-top: 10px; 
    padding-bottom: 10px; 
    line-height: 1.75; 
    background-color: #f9aa3d;
    color: var(--text_color);
}

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

.textWidget--505 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--300 {
    --tw-prose-headings: #ffffff;
    --tw-prose-p: #ffffff;
    --tw-prose-a: var(--link_color);
    --tw-prose-body: #ffffff;
    --tw-prose-bullets: #ffffff;
    max-width: 640px;
    padding-top: 30px; 
    padding-bottom: 30px; 
    line-height: 1.75; 
    background-color: #4a5f68;
    color: #ffffff;
}

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

.textWidget--300 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.featuredProductsWidget--302 {
    background-color: var(--background_color);
    color: var(--text_color);
    padding-top: 30px;
	padding-bottom: 30px;
}

.featuredProductsWidget--302 a {
    color: var(--link_color);
}.textWidget--303 {
    --tw-prose-headings: #ffffff;
    --tw-prose-p: #ffffff;
    --tw-prose-a: var(--link_color);
    --tw-prose-body: #ffffff;
    --tw-prose-bullets: #ffffff;
    max-width: 960px;
    padding-top: 30px; 
    padding-bottom: 30px; 
    line-height: 1.75; 
    background-color: #784c00;
    color: #ffffff;
}

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

.textWidget--303 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.featuredProductsWidget--304 {
    background-color: #ffffff;
    color: var(--text_color);
    padding-top: 30px;
	padding-bottom: 10px;
}

.featuredProductsWidget--304 a {
    color: var(--link_color);
}.ctaButtonWidget--305 {
    background-color: #ffffff; 
    padding-top:0px; 
    padding-bottom: 30px;
    
}.textWidget--306 {
    --tw-prose-headings: #ffffff;
    --tw-prose-p: #ffffff;
    --tw-prose-a: var(--link_color);
    --tw-prose-body: #ffffff;
    --tw-prose-bullets: #ffffff;
    max-width: 640px;
    padding-top: 10px; 
    padding-bottom: 10px; 
    line-height: 1.75; 
    background-color: #f9aa3d;
    color: #ffffff;
}

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

.textWidget--306 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--314 {
    --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: 640px;
    padding-top: 40px; 
    padding-bottom: 0px; 
    line-height: 1.75; 
    background-color: var(--background_color);
    color: var(--text_color);
}

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

.textWidget--314 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--315 {
    --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: 640px;
    padding-top: 30px; 
    padding-bottom: 30px; 
    line-height: 1.75; 
    background-color: var(--background_color);
    color: var(--text_color);
}

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

.textWidget--315 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--316 {
    --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: 640px;
    padding-top: 30px; 
    padding-bottom: 30px; 
    line-height: 1.75; 
    background-color: var(--background_color);
    color: var(--text_color);
}

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

.textWidget--316 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--307 {
    --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: 640px;
    padding-top: 15px; 
    padding-bottom: 0px; 
    line-height: 1.75; 
    background-color: var(--background_color);
    color: var(--text_color);
}

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

.textWidget--307 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--309 {
    --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: 640px;
    padding-top: 30px; 
    padding-bottom: 30px; 
    line-height: 1.75; 
    background-color: #ffffff;
    color: var(--text_color);
}

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

.textWidget--309 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--310 {
    --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: 640px;
    padding-top: 0px; 
    padding-bottom: 30px; 
    line-height: 1.75; 
    background-color: #ffffff;
    color: var(--text_color);
}

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

.textWidget--310 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--311 {
    --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: 640px;
    padding-top: 0px; 
    padding-bottom: 30px; 
    line-height: 1.75; 
    background-color: #ffffff;
    color: var(--text_color);
}

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

.textWidget--311 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.ctaButtonWidget--312 {
    background-color: #ffffff; 
    padding-top:5px; 
    padding-bottom: 40px;
    
}.textWidget--313 {
    --tw-prose-headings: #ffffff;
    --tw-prose-p: #ffffff;
    --tw-prose-a: var(--link_color);
    --tw-prose-body: #ffffff;
    --tw-prose-bullets: #ffffff;
    max-width: 640px;
    padding-top: 5px; 
    padding-bottom: 5px; 
    line-height: 1.75; 
    background-color: #f9aa3d;
    color: #ffffff;
}

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

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