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

	--font-size: 17px

	--logo-padding: 24px;
	--logo-height: 55px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 1px;
	--header-bg-color: 172 189 116;
	--header-border-color: 172 189 116;

	--brand-color: 172 189 116;
	--brand-color-inverted: 244 245 232;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 172 189 116;

	--action-color: 195 229 238;
	--action-color-inverted: 51 51 51;

	--announcement-bar-bg-color: 172 189 116;
	--announcement-bar-text-color: 51 51 51;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: transparent;
	--main-navigation-link-color: 61 61 61;
	--main-navigation-link-color-hover: 255 255 255;
	--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: 61 61 61;

	--order-status-bg-color: 172 189 116;
	--order-status-color: 51 51 51;

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

	--footer-bg-color: 126 176 189;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
/*General styling*/
h1, .h1, h2, h3, h4, .h2, .h3, .h4, h5, .h5 {
    font-family: grover-slab, serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1 !important;
}
.bannerWidget--1 .bannerWidget__heading {font-size: 48px !important;}
p a, li a {text-decoration: underline;}
.btn {border-radius: 50px !important; border: 0 !important; cursor: pointer;}
.announcement_bar p a {text-decoration: underline;}
.btn-light {
    background-color: #acbd74 !important;
    color: #333 !important;
    border: 1px solid #acbd74 !important;
    opacity: .8 !important;
}
.btn-light:hover {opacity: 1 !important;}

.form-control {border: 1px solid #c3e5ee;}
.panel-default {border: none; 
    background-color: #f3f5e8;
}
a:focus, a:hover, p a:hover, ul a:hover, ol a:hover {
    color: #333 !important;
}

.photoGalleryWidget__photoList {max-width: 760px !important; padding: 0 !important; grid-template-columns: repeat(auto-fit, 230px);}
.photoGalleryWidget__photoList img {border-radius: 50px}

.tw-reset .tw-rounded-2xl {border-radius: 50px;}

/*Header*/
.orderStatus__container a {font-weight: 400;}
#orderStatusMenu {border-top: 1px solid #f3f5e8;}
.mainNavigation__list li a {text-decoration: none;}
.auxiliaryMenu {max-width: none !important;}
/*Banner Widgets*/
.bannerWidget {text-shadow: none !important; padding: 1vh 0;}
/*Photo Galleries*/
.photoGalleryWidget__photoList>a img {box-shadow: none !important;}
@media (max-width: 768px) {
    .photoGalleryWidget__photoList {grid-template-columns: repeat(3, 1fr) !important; grid-gap: .6rem !important}
}

/*Banners*/
.pageWidget__slot .bannerWidget__innerContainer {margin: 100px auto; padding: 60px 20px !important; border-radius: 50px; max-width: 70% !important;
    background-color: #f3f5e8c8;}
.pageWidget__slot .bannerWidget__innerContainer .bannerWidget__heading, .pageWidget__slot .bannerWidget__innerContainer .bannerWidget__subheading {
    color: rgb(51, 51, 51) !important
}
.bannerWidget__subheading {padding-top: 10px !important;}
.pageWidget__slot:first-of-type .bannerWidget__innerContainer {
    background-color: #acbd74; 
}
.pageWidget__slot:first-of-type .bannerWidget__innerContainer .bannerWidget__heading, .pageWidget__slot:first-of-type .bannerWidget__innerContainer .bannerWidget__subheading {
    color: #f3f5e8 !important
}
.bannerWidget__subheading {padding-top: 10px !important;}
@media (max-width:768px) {
    .pageWidget__slot .bannerWidget__innerContainer {max-width: 90% !important;}
    .bannerWidget .bannerWidget__heading {font-size: 34px !important;}
    .bannerWidget__cta {font-size: 18px !important;}
}
/*How It Works*/
.howItWorksWidget__stepHeader .bullet {height: 70px; width: 70px;}
.howItWorksWidget__step {max-width: calc( 33.3333% - 25px );padding: 15px;margin: 10px;padding: 25px!important; border-radius: 50px;
    border: 2px solid #c3e5ee;
}
@media (max-width: 768px) {
    .howItWorksWidget__step {margin: 10px auto !important; max-width: 90% !important;}
}
/*Blog/News Feed*/
.blogPost__body img {border-radius: 50px !important;}
@media (max-width: 1200px) {
    .featuredPostsWidget {width: 100% !important;}
    .featuredPostsWidget__postContainer {max-width: 40% !important; flex: 1 0 40% !important;}
}
@media (max-width: 768px) {
    .featuredPostsWidget {width: 100% !important;}
    .featuredPostsWidget__postContainer {max-width: 100% !important; flex: 1 0 100% !important; margin: 0 !important;}
    .featuredPostsWidget__postHeading, .featuredPostsWidget__postSubheading {text-align: left !important;}
    .featuredPostsWidget__postHeading a {min-height: 0 !important;}
    .featuredPostsWidget__postContainer {margin-top: 10px !important;}
}
.featuredPostsWidget {display: flex;flex-wrap: wrap !important;row-gap: 20px !important;max-width: 1200px !important;justify-content: center;}
.featuredPostsWidget__postContainer {flex: 1 0 31%; max-width: 300px; padding: 0;border-radius: 50px;margin: 20px; padding-bottom: 40px;
    background-color: #c3e5ee;
    border: 2px solid #c3e5ee;
}
.featuredPostsWidget__postHeading {font-size: 28px; padding: 20px; display: flex; min-height: 120px;}
.featuredPostsWidget__postContainer .h4 {margin-bottom: 0;}
.featuredPostsWidget__postHeading, .featuredPostsWidget__postHeading a {display: flex; min-height: 120px; align-items: center;}
.featuredPostsWidget__postSubheading {padding: 0 0 20px 20px;}
.featuredPostsWidget__postPhoto {padding: 0; max-width: 600px;}
.featuredPostsWidget__postPhoto img {max-width: 600px; display: block;max-height: 400px;width: 100%;height: 400px;border-radius: 0 !important;object-fit: cover;}
.featuredPostsWidget__postPreview {padding: 30px 20px; display: flex; align-items: center; min-height: 180px; margin-bottom: 0 !important;}
.featuredPostsWidget__postContainer > a {width: 200px;margin-left: 20px !important; padding: 12px 20px; min-height: none; border-radius: 50px;
    border: 1px solid #333 !important; 
    color: #333 !important; 
}
.featuredPostsWidget__postContainer > a:hover {text-decoration: none;
    border: 1px solid #333 !important;
    background-color: #333;
    color: #f3f5e8 !important;
}
.featuredPostsWidget__header {padding-bottom: 0;}

/*Blog: Indiv Pages*/
.blogPost {margin-bottom: 64px !important;}
.blogPost h1 {padding-top: 20px !important;}
.blogPost__subheadeing {margin-bottom: 5px !important;}
.blogPost__body img {margin: 20px 0 !important;}
.recentPosts {margin: 0 !important; width: auto !important; max-width: none !important;}
.recentPosts__postCoverPhotoImg {object-fit: cover;width: 200px;height: 200px;max-height: 200px !important;}
.blogPost__body>p {margin-bottom: 20px !important;}
.recentPosts__postHeading {font-style: normal !important; font-size: 18px !important;}
.recentPosts__postCoverPhoto {margin: 10px 0 !important;}
.recentPosts {padding: 64px 30px !important; 
    background-color: #f3f5e8;
}
.blogPost__body p em strong a, 
.blogPost__body p strong em a, 
.blogPost__body p a em strong, 
.blogPost__body p em a strong,
.blogPost__body p a strong em {border-radius: 50px !important;padding: 10px 12px !important;font-style: normal !important;font-size: 18px !important; text-decoration: none !important;
    background-color: #c3e5ee;
    color: #333;
}
.blogPost__body p em strong a:hover, 
.blogPost__body p strong em a:hover, 
.blogPost__body p a:hover em strong, 
.blogPost__body p em a:hover strong,
.blogPost__body p a:hover strong em {opacity: .8 !important;}
.recentPosts .form-group {margin-bottom: 0 !important; padding-bottom: 64px !important; text-decoration: none !important;
    background-color: #f3f5e8; 
}
.blogPost__body p a, .blogPost__body p a:hover {text-decoration: none !important;}

/*Newsletter Widget*/
.newsletterWidget__header {max-width: 800px; margin: auto;} 
.newsletterWidget__header h2 {font-size: 20px;}

/*Recipes Feed Page*/
.featuredRecipesWidget__header {padding-bottom: 10px !important;}    
.featuredRecipesWidget__recipes {display: flex;flex-wrap: wrap !important;row-gap: 20px !important;max-width: 1200px !important;justify-content: center;}
.featuredRecipesWidget__recipeContainer {flex: 1 0 31%;max-width: 300px;padding: 0;border-radius: 50px;margin: 20px;
    border: 2px solid #c3e5ee;
}
.featuredRecipesWidget__recipeHeading {display: flex;padding: 20px;font-size: 24px;min-height: 200px;align-items: center;}
.featuredRecipesWidget__recipePreview, .featuredRecipesWidget__recipeSubheading {visibility: hidden;height: 0;padding: 0;}
.featuredRecipesWidget__recipePhoto {padding-top: 0;}
.featuredRecipesWidget__recipePhoto img {display: block;max-width: 575px;max-height: 575px;width: 100%;height: 300px;border-bottom-left-radius: 23px;border-bottom-right-radius: 23px;object-fit: cover;}

.relatedRecipe__heading {font-weight: 700; font-size: 18px; line-height: 1.1; min-height: 40px;}

.relatedRecipe__cover-photo {height: 300px; max-height: 300px; margin-top: 10px; overflow: hidden; border-radius: .5rem;}
.relatedRecipe__cover-photo img {
    object-fit: cover !important;
    min-height: 300px;
}

@media (max-width: 768px) {
    .featuredRecipesWidget {width: 100% !important;}
    .featuredRecipesWidget__recipeContainer {max-width: 100% !important; flex: 1 0 100% !important; margin: 0 !important;}
    .featuredRecipesWidget__recipeHeading, .featuredRecipesWidget__recipeSubheading {text-align: left !important;}
    .featuredRecipesWidget__recipeHeading {min-height: 40px;}
}

/*Featured Products*/
.featuredProductsWidget__products {display: flex;flex-wrap: wrap !important;row-gap: 40px !important;max-width: 1200px !important;justify-content: center;}
.featuredProductsWidget__productContainer--style2 {flex: 1 0 31%;margin: 20px; border-radius: 50px;}
.featuredProductsWidget img {display: block;width: 100%;height: 300px;object-fit: cover; width: 100%; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.featuredProductsWidget__description--style2 {visibility: hidden !important; height: 0 !important; padding: 0 !important;}
.featuredProductsWidget__products {row-gap: 20px !important;}
.featuredProductsWidget__products section {border-radius: 50px !important;}
@media (max-width: 768px) {
    .featuredProductsWidget__productContainer--style2 {margin: 0 !important;}
    .featuredProductsWidget__products {column-gap: 10px !important;}
}

/*Store: Categories Landing Page*/
.photoGridWidget__listCaption {text-shadow: none !important;}
.storeSearch__input {width: 75% !important; margin-right: 5% !important; border-radius: 50px}
.photoGridWidget__listCaption {
    background-color: rgba(51, 51, 51, 0.599);
}
.photoGridWidget__listCaption:hover {
    background-color: #c3e5eede;
}
.photoGridWidget__listItem {height: 300px; margin-bottom: 20px;}
.photoGridWidget__listCaption {text-shadow: none !important;}
.photoGridWidget__listItemContainer img {min-width: 100% !important;height: 300px !important;object-fit: cover !important;} 
.photoGridWidget__listCaption, .photoGridWidget__listItemContainer img {border-radius: 50px;}
.photoGridWidget__listItem:hover .photoGridWidget__caption {
    color: #333;
}
/*Store*/
.productListing__photoContainer--grid, .productListing__photoInnerContainer--grid {width: 300px !important;height: 300px !important;} 
.productListing__photoContainer--grid, .productListing__photoInnerContainer--grid, .productListing__photoInnerContainer--grid img {border-radius: 50px !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 input {margin-left: 5px !important; border-radius: 50px !important;}
.productListing__photoLink--grid img {border-top-left-radius: 30px !important; border-top-right-radius: 30px !important;}
.saleTag {
    background: #7eb0bd !important;
}
.productListing__saleSavings--grid, .saleTextColor {
    color: #7eb0bd !important;
}
@media (max-width: 768px) {
    .textBanner {background-color: #c3e5ee !important;}
    .storeIndex__productsListingContainer--style1 .textBanner {padding: 20px;}
    .storeIndex__sideBarList--style1 li {padding: 10px;}
    .storeIndex__sideBarList--style1>li a {padding: none !important;}
}

/*Product Listings*/
.productPage__buttonsContainer .input-group input {margin-left: 5px !important; border-radius: 50px !important;}
.productPage__photo img {border-radius: 50px !important;}

/*Team Widgets*/
.teamWidget__list {display: flex !important; flex-wrap: wrap !important;row-gap: 40px !important;max-width: 1200px !important;}
.teamWidget__listItem:hover {cursor: pointer !important;}
.teamWidget__listItem {flex: 1 0 21%; margin: 20px;}
.teamWidget__listImage {display: block;width: 100%;height: 300px; object-fit: cover;max-width: 260px;max-height: 300px; border-radius: 50px}
.teamWidget__listItem a {text-decoration: none !important;}
@media (max-width: 768px) {.teamWidget__listItem {flex: 1 0 40%;}.teamWidget__list {row-gap: 20px !important;}}
.teamWidget__listCaption {font-size: 28px;}
.teamWidget__profileImage {width: 250px; height: 300px; object-fit: cover;}
.teamWidget__bioInnerContainer .teamWidget__profileCaption {font-size: 28px;}
.teamWidget__bioInnerContainer .teamWidget__profileSubcaption {visibility: hidden;}
.teamWidget a {cursor: pointer !important;}
.teamWidget__listSubcaption {text-transform: uppercase !important;}

/*Half Width sections*/
@media (min-width: 768px){
.pageWidget__slot--half-width:nth-of-type(odd) .textWidget {padding-left: 15%;}
.pageWidget__slot--half-width:nth-of-type(even) .textWidget {padding-left: 0 !important; margin-left: 0;}
}
@media (max-width: 768px){
.pageWidget__slot--half-width .textWidget {max-width: 90%;}
}

/*Vendors Widgets / Producers*/
.vendorsWidget__listItem {display: flex; flex-direction: column; max-width: 800px; margin: 0 auto; padding: 50px 0;
    border-top: 1px solid #acbd74; 
}
.vendorsWidget__heading {font-size: 36px;}
.vendorsWidget__listItem img {margin: 20px auto;display: block;width: 800px;height: 100%;object-fit: cover;max-width: 50vw;max-height: 24vw;border-radius: 50px !important;}
.vendorsWidget__descriptionContainer {margin: 5px auto;}
.vendorsWidget__description {padding-bottom: 0;}
.vendorsWidget__shopNowLink {padding: 12px 20px; width: max-content; margin: 20px auto 0; border-radius: 50px; text-decoration: none;
    background-color: #c3e5ee;
    color: #333 !important; 
}
.vendorsWidget__shopNowLink:hover {text-decoration: none; opacity: .7}
.vendorsWidget__listItem {border-bottom: none;}
@media (max-width: 768px) {
    .vendorsWidget__list img {width: 90% !important; height: 30vh !important; max-width: none !important; max-height: none !important;}
}

/*HTML sections*/
.htmlWidget {background-color: #acbd74; padding-bottom: 64px;}

/*Contact form*/
.contactFormWidget {margin: 0; max-width: none !important;}
.contactFormWidget h2, .contactFormWidget form {margin: 0 auto !important; max-width: 640px !important;}

/*Footer*/
.siteFooter h3 {font-size: 28px !important;}
.footerWidget__slot p strong {color: white !important;}

/***DO NOT CHANGE ANYTHING BELOW***/
.footerAccreditation {padding-bottom: 0;}
#grapevine {font-size: 12px; color: #34b393;text-align: center;padding-bottom:20px;}
#grapevine a {color: #34b393;}
@media print {#grapevine {display: none;}}
/***DO NOT CHANGE ANYTHING ABOVE***/
@media print {#grapevine {display: none;}}
.linkListWidget h2, .linkListWidget ul {text-align: center !important;}
.linkListWidget ul a {text-decoration: none;}
.siteFooter .newsletterWidget {padding: 30px;}
.siteFooter .newsletterWidget input {width: 97% !important; margin-right: 2% !important; border-radius: 50px !important;}
.siteFooter .footerWidget__slot:first-of-type .textWidget {padding-bottom: 30px;}
.siteFooter .footerWidget__slot:last-of-type .textWidget {padding-top: 10px; padding-bottom: 30px;}
.footerWidget__slot--half-width {width: 30%}
@media (max-width: 768px) {.footerWidget__slot--half-width {width: 100% !important;}}

/*Cart*/
.cartItems__itemPhoto img {height: 75px !important; width: 75px !important; object-fit: cover !important;}
.cartItems__itemTitleHeading {font-size: .9rem !important; line-height: 1.2 !important;}

/*Accordion Dropdowns for FAQs */

.accordion-container {
  display: inline-flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width:640px; /*sets width of FAQ question container */
}
.accordion-tab-container {
    padding:5px; /*sets width of gap between FAQ questions */
}
.accordion-tab {
  position: relative;
  margin:0; 
 border: 1px #acbd74 solid;
 border-radius: 50px;
    
}
.accordion-tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion-tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
  text-align: left;
  background-color: #acbd74 !important;
}
.accordion-tab input:checked ~ .accordion-tab__content {
  max-height: 50rem;
}

.accordion {
  color: #ffffff; /*sets text color of accordion content */
  overflow: hidden;
  margin: 5px;

}
.accordion-tab__label,
.accordion-tab__close {
  display: flex;
  color: #ffffff; /*sets color of accordion heading text */
  background: #acbd74; /*sets background color of accordion heading */
  cursor: pointer;
}
.accordion-tab__label {
  justify-content: space-between;
  padding: 1rem;
  margin-bottom: 0px;
  font-size: 1.1em;
}
.accordion-tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.accordion-tab input:checked + .accordion-tab__label::after {
  transform: rotate(270deg);
}
.accordion-tab__content p {
  margin: 10px 0;
  padding: 1rem;
}
.accordion-tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}

/* FAQ with Accordion Page Styles - this template only */
.htmlWidget--99, .htmlWidget--102, .htmlWidget--105 {
    background-color: #f3f5e8 !important;
}

/*forms*/
.newsletterWidget__form input {border-radius: 50px;}
