:root {
	--brand_color: #21593c;
	--brand_color_inverted: #FFF;
	--background_color: #FFF;
	--text_color: #3d3d3d;
	--link_color: #21593c;
}

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: Montserrat;
}

body, p, label, .paragraph {
	font-family: Montserrat;
	font-size: 16px;
}

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

a:hover {
	text-decoration: underline;
}

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

.text-brand {
	color: #21593c;
}

.text-action {
	color: #ffc406;
}

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

.action {
	background-color: #ffc406;
	color: #21593c;
	border-color: #ffc406;
}

.action-inverted {
	background-color: #21593c;
	color: #ffc406;
	border-color: #21593c;
}

/* SiteHeader */

.announcement_bar {
	background-color: #21593c;
	color: #ffffff;
}

.announcement_bar a {
	color: #3d3d3d;
}

.siteHeader {
	background-color: #f0edde;
	color: #21593c;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #ffffff;
}

.siteHeader__container {
	max-width: 1366px;
}

/* MainNavigation */

.mainNavigation, .mobileNav {
	background-color: transparent;
}

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

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

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

/*Mobile Nav*/
.mobileNav > li > a {
	color: #21593c;
	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: #21593c;
		background-color: transparent;
		border-bottom: solid 2px transparent;
	}
	.mainNavigation__list > li > a:hover {
		color: #21593c;
		background-color: transparent;
		border-bottom: solid 2px #21593c;
	}

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

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

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


.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: #21593c;
	}
	.auxiliaryMenu > li > a:hover, .auxiliaryMenu > li > a:focus {
		text-decoration: underline;
	}

.order__delivery_threshold_difference, .order__delivery_threshold_difference-met {
    background-color: #f0edde;
    color: #21593c;
}

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

.orderStatus__container {
	color: #21593c;
}

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

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

.orderStatus__mobileToggle {
	color: #21593c;
}

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

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

/* Logo */

.logo {
	color: #21593c;
	font-size: 16px;
	padding: 20px;
}

.logo__img {
	max-height: 139px;
}

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

.siteFooter {
	background-color: #f0edde;
	color: #21593c;
}

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

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

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

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

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

.backToTopLink__container {
	background-color: #fffff2;
}

.backToTopLink__container a {
	color: #21593c;
}

/* Buttons */
.btn-brand, .btn-default, .btn-primary {
	background-color: #21593c !important;
	border-color: #0d4528 !important;
	color: #FFF !important;
}

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

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



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

.btn-danger, .btn-action, .cta {
	background-color: #ffc406 !important;
	border-color: #ebb000 !important;
	color: #21593c !important;
}
.btn-danger:hover, .btn-action:hover, .cta:hover {
		background-color: #d79c00 !important;
	border-color: #d79c00 !important;
	
	color: #21593c !important;
}

.btn-action-inverted {
	background-color: #21593c;
	color: #ffc406;
	border: solid 1px #ffc406;
}

.btn-action-inverted:hover {
	background-color: #ffc406;
	color: #21593c;
	border: solid 1px #ffc406;
}

.bullet, .confirmation__step-number {
	background-color: #21593c;
	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: #21593c
}

/*Custom Styles*/
/*Text*/
h1, h2, h3, h4 {
  font-family: "metronic-slab", serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-shadow: none !important;
}
.bannerWidget {text-shadow: none !important;}

p a {font-weight: 700 !important;}

.mainNavigation__list a {font-weight: 500 !important;}

/*Store Page*/
.featuredProductsWidget__productContainer {vertical-align: top !important;}
@media (max-width: 768px) {
  .productListing__productContainer--grid .productListing__createAccountButton {margin-left: 0 !important;}
}
.productListing__unitDescription--grid {min-height: 20px !important;}
.productListing__photoContainer--grid, .productListing__photoInnerContainer--grid {width: 300px !important;height: 300px !important;} 
.productListing__photoContainer--grid, .productListing__photoInnerContainer--grid, .productListing__photoInnerContainer--grid img {border-radius: 15px !important;}
.productListing__photoImg--grid {max-height: none !important; height: 300px !important; min-width: 300px !important; width: auto !important; object-fit: cover !important;}
.productListing__photoImg--grid img {max-height: none !important; object-fit: cover !important; max-width: none !important; min-height: 300px !important; min-width: 300px !important; width: auto !important;}
.productListing__addToCartContainer--grid button {border-radius: 4px !important;}
.productListing__addToCartContainer--grid input {margin-left: 5px !important; border-radius: 4px !important; box-shadow: none !important; 
    border: 1px solid #21593c !important;
}
.saleTag {
  background: #a90a0a !important;
}
.productListing__saleSavings--grid, .saleTextColor {
    color: #a90a0a !important;
}
.btn-red-outline {color: #21593c !important; border-color: #21593c !important;}
.btn-red-outline:hover {background-color: #21593c !important; color: white !important;}

/*Homepage*/
#featuredProductsWidget67 .featuredProductsWidget__productSubheading {visibility: hidden; margin: 0; padding: 0; height: 0 !important;}
#featuredProductsWidget67 .featuredProductsWidget__productHeading {margin-bottom: 0 !important; padding-bottom: 20px !important;}

  /*home: farm practice icons*/
  #textWidget38 {display: flex !important; flex-direction: row !important; flex-wrap: nowrap; text-align: center !important; justify-content: center !important;}
  #textWidget38 img {max-height: 120px;}
  #textWidget38 figure {margin-top: 0 !important; margin-bottom: 0 !important;}
  @media (max-width:768px) {
    #textWidget38 img {max-height: 60px;}
  }
  @media screen and (max-width: 768px) {
  .bannerWidget--1 .bannerWidget__heading {
      font-size: 2em !important;
  }
  .bannerWidget--1 .bannerWidget__innerContainer {
      padding-bottom: 10% !important;
      padding-top: 50% !important;
  }
  }
  .pageWidgetRow--39 {
      border-top: solid 2px #21593c;
  }
/* Cookbook Offer on Home Page*/
.cookbook-offer-outer-container {
    background-color: #f0edde;
    width: 100%;
    padding: 50px 25px;
}
.cookbook-offer-header {
    color: #21593c;
    text-align: center;
    width: 100%;
}
.cookbook-offer-container {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    justify-content: center;
    margin: 0 auto;
    padding: 20px 20px 20px 40px;
    border-radius: 10px;
}

.cookbook-form-container {
    height: auto;
    width: 50%;
    align-content: center;
}

.cookbook-photo-container {
    width: 50%;
    max-width: 50%;
    padding: 25px 0 25px 10px;
    margin: 0 auto ;

}
.cookbook-photo {
    height: auto;
    width: 100%;
    
}
@media (max-width: 768px) {
    .cookbook-offer-container {
        flex-direction: column;
        padding: 20px;
    }
    .cookbook-form-container {
        width: 100%
    }
    .cookbook-photo-container {
        width: 100%;
    }
}
/*Product Pages*/
.productPage__heading {font-size: 32px !important; font-style: normal !important;} 
.productPage__photo img {border-radius: 15px !important;}
.productPage__photo {text-align: left !important;} 


/*Ways to Shop*/
.htmlWidget--30 {background-color: #f0edde; padding-bottom: 64px;}

/*Contact Us*/
#pageWidget--71 {background-color: #f0edde !important;}

/*Featured Product Cards*/
.featuredProductsWidget .featuredProductsWidget__productContainer {padding-top: 20px; border-radius: 15px !important;
  background-color: #21593c;
  border: 2px solid #21593c;
}

.featuredProductsWidget__productContainer a, .featuredProductsWidget__productContainer .featuredProductsWidget__productSubheading {
  color: #f0edde !important;
}

.featuredProductsWidget__productContainer h3 {font-size: 1.1rem;}

.featuredProductsWidget__productContainer div:nth-child(3) {
  aspect-ratio: 1 / 1 !important;
}
.featuredProductsWidget__productContainer div:nth-child(3) img {
  object-fit: cover;
  width: 100%;
  height: 316.297px;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
}

.featuredProductsWidget__products {max-width: 1200px !important;}

/*Footer*/
.backToTopLink__container a:hover {color: #fff;}
.siteFooter h3 {font-size: 28px !important;}
.siteFooter hr {
    border-top: 2px solid #ffffff5c; 
    width: 80%; 
    margin: 30px auto !important;
}
#footerWidget--89 {margin-top: 15px !important;}
.footerWidget__slot .newsletterWidget {padding: 20px 0 !important;}
.newsletterWidget__header h2 {font-size: 20px !important;}
#textWidget64 h4:last-of-type {margin-bottom: 0 !important;}

@media (min-width: 768px) {
  .htmlWidget--89 {max-width: 60% !important; margin: auto !important;}
}


.social-icons, .footerlinks {list-style-type: none;margin: 1em 0 ; text-align: center; padding-inline-start: 0;}

.social-icons li, .footerlinks li {display: inline-block;margin: 0 0.2em;}

.social-icons li a, .footerlinks li a {display: inline-block;margin: 0;}

.social-icons img {max-height:3em; width:auto}
.social-icons a:hover img {opacity: .7;}

.footerWidget__slot:first-of-type .textWidget {padding-bottom: 0 !important;}

.footerWidget__slot:last-of-type .textWidget {padding: 20px 0 !important;} 
.footerWidget__slot:last-of-type .textWidget p {font-size: 13px !important;}

/*Subfooter*/
.footerAccreditation, #grapevine {background-color: #f0edde !important;}
.footerAccreditation {
  border-top: 2px solid #ffffff5c; 
  width: 100%; 
}

/*Grapevine Footer Credit*/
/***DO NOT EDIT CONTENT BELOW***/
#grapevine {font-size: 12px; color: #34b393;text-align: center;padding-bottom:20px;}
#grapevine a {color: #34b393;}
.footerAccreditation {padding-bottom: 0;}
@media print {#grapevine {display: none;}}
/***DO NOT EDIT CONTENT ABOVE***/

/*Testimonials: remove speach bubble*/
.testimonial__bodyContainer:after {content: none !important;}
.testimonial__bodyContainer blockquote {margin-bottom: 10px !important;}
.testimonialAttribution__text {padding-left: 22px !important; margin-left: 0 !important;}

/*How It Works*/
.howItWorksWidget__step {
  max-width: calc( 33.3333% - 25px );
  padding: 15px;
  margin: 10px;
  background: #ffffff;
  border-radius: 10px;
  color: #21593c;
  padding: 25px!important
}

.howItWorksWidget__step p {text-align: left !important;}

.howItWorksWidget__stepHeader .bullet {
  font-size: 50px!important;
  width: 103px!important;
  height: 103px!important;
  border-radius: 51.5px!important
  }

.howItWorksWidget__step i {
  padding-bottom: 10px!important;
  width: 100px;
  height: 100px;
  }

.fa {line-height: 2 !important;} 


@media (min-width: 1061px) {
  .howItWorksWidget__step {
      height: 450px!important;
  }
}
@media (max-width: 1060px) {
  .howItWorksWidget__step {
      height: 420px!important;
  }
}
@media (max-width: 921px) {
  .howItWorksWidget__step {
      height: 540px!important;
  }
}
@media (max-width: 768px) {
  .howItWorksWidget__step {
      margin: auto;
      width: 80%!important;
      border: none;
      margin-bottom: 40px!important;
      flex-direction: column !important; 
      max-width: 90% !important; 
      border: 0px !important;
      height: auto !important;}
}
@media (max-width: 575px) {
  .howItWorksWidget__step {
      padding: 30!important;
      margin-top: 40px!important}
}


/*announcement bar*/
.announcement_bar a {color: #fff !important; font-weight: 700 !important;}

.orderStatusBar {border-top: 2px solid #fff;}

/*image banners*/
@media (max-width: 840px) {
  .bannerWidget__heading, .bannerWidget__subheading {text-shadow: 0 0 9px #333 !important;}
}

/*Photo Gallery*/
@media (max-width: 768px) {
  .photoGalleryWidget__photoList {display: flex !important; flex-direction: row !important; grid-gap: .6rem !important; flex-wrap: wrap;     align-items: center;
    justify-content: center;}
  .photoGalleryWidget__photoLink {flex: 1 1 30%; height: 200px;}
}

.siteMessage {background-color: #21593c; border-color: #21593c; color: #fff;}
.siteMessage__closeButtonContainer a {color: #fff;}

/*News + Recipes blocks*/

.featuredPostsWidget__postHeading, .featuredPostsWidget__postSubheading, .featuredPostsWidget__postPreview, .featuredRecipesWidget__recipeHeading, .featuredRecipesWidget__recipeSubheading, .featuredRecipesWidget__recipePreview {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.featuredPostsWidget__postContainer > a, .featuredRecipesWidget__recipeContainer > a {margin-left: 20px !important; margin-right: 20px !important;}

.featuredPostsWidget__header, .featuredRecipesWidget__header{
    padding-bottom: 30px;
}
.featuredPostsWidget__post, .featuredRecipesWidget__recipes {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    margin: auto;
    padding-right: 3% !important; 
}

.featuredPostsWidget__postPhoto, .featuredRecipesWidget__recipePhoto {
    padding-top: 10px;
}

.featuredPostsWidget__postHeading, .featuredRecipesWidget__recipeHeading {margin-bottom: 5px;font-weight: 700;font-size: 1.4rem !important;height: 90px !important;align-items: center !important;display: flex !important;
    font-family: "metronic-slab", serif !important;
}

.featuredPostsWidget a, .featuredRecipesWidget a {
    color: #22333B !important;
    cursor: pointer !important;
}

.featuredPostsWidget__postPreview, .featuredRecipesWidget__recipePreview {line-height: 1.2em;padding: 20px 0px 22px 0px;}

.featuredPostsWidget__postContainer, .featuredRecipesWidget__recipeContainer {margin-left: 10px;margin-right: 10px;border-radius: 15px;display: inline-block;flex-direction: column;flex-basis: calc(33.3% - 20px);margin-bottom: 20px;min-width: calc(33.3% - 20px);padding: 20px 0 40px;
    background-color: #fff;
    border: 2px solid #fff;
}
.featuredRecipesWidget__recipeContainer {padding: 20px 0 0px !important;}

.featuredPostsWidget__postContainer img, .featuredRecipesWidget__recipeContainer img {object-fit: cover;width: 100%;height: 316.297px;}

.featuredPostsWidget__postContainer > a, .featuredRecipesWidget__recipePreview p a {border-radius: 5px;display: inline-block;font-size: 14px;font-weight: bold;letter-spacing: 1px;margin: 0;padding: 6px 30px;text-decoration: none !important;cursor: pointer;text-transform: uppercase;
    background: #21593c !important;
    border-color: #21593c !important;
    color: #F3E8DA !important;
}

.featuredRecipesWidget__recipePreview p a {margin-top: 20px;}

.featuredPostsWidget__postContainer > a:hover, .featuredRecipesWidget__recipePreview p a:hover {text-decoration: none;cursor: pointer;
    background: #103c26 !important;
    border-color: #103c26 !important;
    color: #F3E8DA !important;
}

.featuredPostsWidget__postPhoto, .featuredPostsWidget__postPhoto img, .featuredRecipesWidget__recipePhoto, .featuredRecipesWidget__recipePhoto img {border-radius: 0 !important;}

@media(max-width: 699px) {
    .featuredPostsWidget__postContainer, .featuredPostsWidget__postPhoto, .featuredRecipesWidget__recipeContainerm, .featuredRecipesWidget__recipePhoto {max-width: 100%;}
}
@media (min-width: 700px) {
    .featuredPostsWidget__post, .featuredRecipesWidget__recipes {flex-direction: row; flex-flow: wrap;}
}
