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

	--font-size: 16px

	--logo-padding: 20px;
	--logo-height: 139px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 2px;
	--header-bg-color: 240 237 222;
	--header-border-color: 255 255 255;

	--brand-color: 33 89 60;
	--brand-color-inverted: 255 15 ;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 33 89 60;

	--action-color: 255 196 6;
	--action-color-inverted: 33 89 60;

	--announcement-bar-bg-color: 33 89 60;
	--announcement-bar-text-color: 255 255 255;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: transparent;
	--main-navigation-link-color: 33 89 60;
	--main-navigation-link-color-hover: 33 89 60;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 33 89 60;

	--order-status-bg-color: 240 237 222;
	--order-status-color: 33 89 60;

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

	--footer-bg-color: 240 237 222;
	--footer-color: 33 89 60;
	--footer-link-color: 33 89 60;
}

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