:root {
	--display-font-family: Stardos Stencil;
	--body-font-family: Cardo;

	--font-size: 18px

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

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 1px;
	--header-bg-color: 169 110 44;
	--header-border-color: transparent;

	--brand-color: 169 110 44;
	--brand-color-inverted: 242 239 232;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 47 73 14;

	--action-color: 236 199 90;
	--action-color-inverted: 47 73 14;

	--announcement-bar-bg-color: 114 74 25;
	--announcement-bar-text-color: 255 255 255;
	--announcement-bar-link-color: 255 255 255;

	--main-navigation-bg-color: 169 110 44;
	--main-navigation-link-color: 255 255 255;
	--main-navigation-link-color-hover: 236 199 90;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 18px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 255 255 255;

	--order-status-bg-color: 155 96 28;
	--order-status-color: 255 255 255;

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

	--footer-bg-color: 169 110 44;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
/*Swapping out colors:
    Swap #f2efe8 for the brand's lightest color after white (should be a very light color)
    Swap #a96e2c for the brand's medium tone color (aka not dark or light)
    Swap #2f490e for the brand's darkest color before black    
*/

/*General styling*/
h1, .h1 {
    font-family: hatch,serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1.1 !important;
}

h2 {font-size: 28px !important;}

h2, h3, h4, .h2, .h3, .h4, h5, .h5, .recentPosts__postHeading {
    font-family: ff-dax-pro-condensed, sans-serif;
    font-weight: 700;
}
p a, li a {text-decoration: underline;}
.btn {border-radius: 0 !important; border: none !important; cursor: pointer;}
a:focus, a:hover {color: #2f490e;}
.announcement_bar a:hover {text-decoration: underline;
    color: #f2efe8 !important;
}
.btn-light {
    background-color: #f2efe8;
    color: #a96e2c;
    border: 1px solid #a96e2c !important;
}
.form-control {border: 1px solid #a96e2c;}
.panel-default {border: none; 
    background-color: #f2efe8;
}
/*Header + Ordering*/
.mainNavigation__list > li > a, .mobileNav > li > a {text-decoration: none !important;} 
.orderStatus__mobileToggle {
    background-color: #f2efe8;
} 
.orderStatus__mobileToggle a {border-bottom: none;
    color: #2f490e;
}
.dropdown-menu li a {text-decoration: none;}
/*Banner Widgets*/
.bannerWidget {text-shadow: none !important; padding: 1vh 0;}
.bannerWidget .bannerWidget__innerContainer {padding: 40px !important; margin: 80px auto; max-width: 40% !important;
    background-color: #f2efe8; 
}
.pageWidget__slot:first-of-type .bannerWidget .bannerWidget__innerContainer {margin: 150px auto !important;}
.bannerWidget__heading {margin-bottom: 20px !important; 
    color: #2f490e !important;
}
.bannerWidget__subheading {
    color: #2f490e !important;
}
@media (max-width: 768px) {.bannerWidget .bannerWidget__innerContainer {max-width: 80% !important;}}
/*Photo Galleries*/
.photoGalleryWidget__photoList>a img {box-shadow: none !important;}
.photoGalleryWidget__photoList {grid-template-columns: repeat(auto-fit,340px) !important; grid-auto-rows: 340px !important;}
@media (max-width: 768px) {
    .photoGalleryWidget__photoList {display: flex; flex-direction: row !important;}
    .photoGalleryWidget__photoLink {flex: 1 1 0px;} 
    .photoGalleryWidget__photoList {column-gap: 1em !important;}
}
/*Image Widgets*/
.imageWidget img {width: 100% !important; max-width: none !important; height: 200px !important; object-fit: cover !important;}
/*Team Widgets*/
    .teamWidget__list {display: flex !important; flex-wrap: wrap !important;row-gap: 40px !important;max-width: 1200px !important;}
    .teamWidget__listItem {flex: 1 0 21%; margin: 20px;}
    .teamWidget__listItem a {text-decoration: none !important;}
    .teamWidget__listItem a:hover {opacity: .8 !important;}
    .teamWidget__listImage {display: block;width: 100%;height: 300px;border-radius: 0;object-fit: cover;max-width: 260px;max-height: 200px;}
    @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;}
/*Vendors Widgets / Producers*/
.vendorsWidget__listItem {display: flex; flex-direction: column; max-width: 800px; margin: 0 auto; padding: 50px 0;
    border-top: 1px solid #a96e2c; 
}
.vendorsWidget__heading {font-size: 42px;}
.vendorsWidget__listItem img {margin: 20px auto;display: block;width: 800px;height: 100%;border-radius: 0 !important;object-fit: cover;max-width: 50vw;max-height: 24vw;}
.vendorsWidget__descriptionContainer {margin: 5px auto;}
.vendorsWidget__description {padding-bottom: 0;}
.vendorsWidget__shopNowLink {color: #fff !important; padding: 12px 20px; width: max-content; margin: 20px auto 0; text-decoration: none;
    background-color: #2f490e;
}
.vendorsWidget__shopNowLink:hover {opacity: .7; text-decoration: none;}
.vendorsWidget__coverPhoto {border-radius: .5rem !important; padding-bottom: 0;}

/*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;}
.featuredProductsWidget__header h2 {
    color: #fff !important;
}
.featuredProductsWidget__title--style2 {font-size: 22px; min-height: 80px;display: flex;align-items: center; justify-content: center;
    border-bottom: 1px solid #f2efe8 !important;
}
.featuredProductsWidget__productContainer--style2 {
    color: #2f490e;
}
.featuredProductsWidget_content--style2 .btn {
    color: #fff;
}
.featuredProductsWidget img {display: block;max-width: 100%;height: 300px;object-fit: cover;}
.featuredProductsWidget__description--style2 {visibility: hidden !important; height: 0 !important; padding: 0 !important;}
@media (max-width: 768px) {
    .featuredProductsWidget__productContainer--style2 {width: 220px !important; margin: 9px; }
    .featuredProductsWidget img {width: 100% !important; max-height: 251px !important; object-fit: cover !important;}
}
/*Blog/News Feed*/
@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 {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: 6px;margin: 20px; padding-bottom: 40px;
    background-color: #fff;
    border: 2px solid #fff;
}
.featuredPostsWidget__postHeading {font-size: 28px; padding: 20px; display: flex; min-height: 90px;}
.featuredPostsWidget__postContainer .h4 {margin-bottom: 0;}
.featuredPostsWidget__postHeading, .featuredPostsWidget__postHeading a {display: flex; min-height: 90px; 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;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: 1px solid #2f490e !important; 
    color: #2f490e !important; 
}
.featuredPostsWidget__postContainer > a:hover {
    border: 1px solid #2f490e !important;
    background-color: #2f490e;
    color: #fff !important;
    text-decoration: none;
}
.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: #f2efe8;
}
.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: 10px !important;padding: 10px 12px !important;font-style: normal !important;font-size: 18px !important; text-decoration: none !important;
    background-color: #2f490e;
    color: #f2efe8;
}
.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: #f2efe8; 
}
.blogPost__body p a, .blogPost__body p a:hover {text-decoration: none !important;}

/*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: 6px;margin: 20px;
    background-color: #f2efe8;
    border: 2px solid #f2efe8;
}
.featuredRecipesWidget__recipeHeading {display: flex;padding: 20px;font-size: 28px;min-height: 160px;align-items: center;}
.featuredRecipesWidget__recipePreview, .featuredRecipesWidget__recipeSubheading {visibility: hidden;height: 0;padding: 0;}
.featuredRecipesWidget__recipePhoto {padding-top: 0;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.featuredRecipesWidget__recipePhoto img {display: block;max-width: 575px;max-height: 575px;width: 100%;height: 300px;border-radius: 0;object-fit: cover;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
@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;}
}
.featuredRecipesWidget__recipeContainer {border: 2px solid #fff !important;}
/*Recipes - Indiv Pages*/
.recipe {margin-top: 50px;}
.recipe__coverPhotoContainer img {display: block;max-width: 575px;max-height: 575px;width: 100%;height: 500px;border-radius: 0;object-fit: cover;margin: 0 auto;}
.recipe__timesAndYield {margin: 30px auto 0;width: 92%;
    background-color: #f2efe8;
}
.relatedRecipe {margin: 0;max-width: none;padding: 50px 0;
    background-color: #f2efe8;
}
.relatedRecipe__heading {font-size: 22px;}
.relatedRecipe__subheading {margin-bottom: 10px;}
.relatedRecipe__cover-photo {height: 300px; max-height: 300px; margin-top: 10px; overflow: hidden;}
.relatedRecipe__cover-photo img {
    display: block;
    object-fit: cover !important;
    height: 300px;
    width: 100% !important;
}

/*Contact form*/
.contactFormWidget {margin: 0; max-width: none !important;}
.contactFormWidget h2, .contactFormWidget form {margin: 0 auto !important; max-width: 640px !important;}
/*Side-by-side text & image - HTML*/
.image-text-section {display: flex; flex-direction: row; max-height: 400px;
    border-top: 1px solid #fff;
    background-color: #f2efe8; 
}
.image-text-section:last-of-type  {
    border-bottom: 1px solid #fff;
}
.image-text-half {max-width: 50%; align-self: center; overflow: hidden; object-fit: cover;}
.image-text-half img {object-fit: cover;}
.image-text-half h2 {max-width: 50%; margin: auto;}
.image-text-half p {max-width: 50%; margin: auto;}
@media (max-width: 768px) {.image-text-section {flex-direction: column;} .image-text-half {width: 100%; max-width: 100%;} .image-text-half h2, .image-text-half p {max-width: 80%;}}

/*Newsletter widgets*/
.newsletterWidget {max-width: 800px !important; margin: auto;}

/*Testimonial Widgets*/
.testimonialsWidget {max-width: 800px;}
.testimonialsWidget__header {padding-bottom: 20px;}
.testimonial__body {margin-bottom: 0;}
.testimonial__body::after {content: none !important; font-size: 0;} 
.testimonial__bodyContainer::after {background-color: transparent !important;}
.testimonialAttribution__text {margin-left: 0; padding-left: 22px;}
/*How It Works widget*/
.howItWorksWidget__stepHeader .bullet {height: 70px; width: 70px;}
/*Store: Categories Landing Page*/
.photoGridWidget__listCaption {
    background-color: #72491a86;
}
.photoGridWidget__listCaption:hover {
    background-color: #72491ade;
}
.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;}

/*Store: default layout*/
.storeIndex__sideBarList--style1>li>a {text-decoration: none !important;}
.storeIndex__sideBarList--style1>li>a:hover {text-decoration: underline !important;}
@media (max-width: 768px) {
    .storeIndex__productsListingContainer .textBanner {padding: 15px 15px 10px 15px !important; background-color: #f2efe8;}
}
.panel-footer {
    background-color: #f2efe8;
}
.productListing__unitDescription--grid {min-height: 20px !important;}
.saleTag {
    background: #a96e2c !important;
}
.productListing__saleSavings--grid, .saleTextColor {
    color: #a96e2c !important;
}
@media (max-width: 768px){
    .storeIndex__productsListingContainer--style1 .textBanner {padding: 20px;}
    .storeIndex__sideBarList--style1 li {padding: 10px;}
    .storeIndex__sideBarList--style1>li a {padding: none !important;}
}

/*Store: Indiv product pages*/
.productListing__photoImg--grid {max-height: none !important;}
.productListing__photoInnerContainer--grid img {width: 280px !important; height: 280px !important; object-fit: cover !important;}
.productListing__title--grid {font-size: 20px;}
.productPage__details h1 {font-size: 26px !important;}
@media (max-width: 768px) {
    .productListing__photoContainer--grid {padding-left: 0 !important;}
    .productListing__photoInnerContainer--grid img {width: 97vw !important; height: 280px !important; object-fit: cover !important;}
}
/*Footer*/
.siteFooter .social-icons {list-style: none !important; display: flex; flex-direction: row; justify-content: center; padding-left: 0; column-gap: 20px;}
.footerWidget__slot:first-of-type .textWidget {padding-bottom: 20px;}
.footerWidget__slot--half-width {width: 34%;}
.siteFooter .social-icons li {width: 40px; height: 40px;}
.siteFooter .social-icons li:hover {opacity: .8;}
.siteFooter .newsletterWidget {padding: 0 !important;}
.siteFooter h3, .newsletterWidget__header h2 {font-size: 28px !important;}
.siteFooter .input-group-btn button {
    background-color: #2f490e !important; 
    color: #fff !important;
}
.siteFooter .input-group-btn button:hover {opacity: .6;}
.htmlWidget--109 {padding-top: 20px !important;}
@media (max-width: 768px) {
    .siteFooter .textWidget h3:first-of-type {font-size: 28px;}
    .footerWidget__slot--half-width {width: 100%; margin: auto;}
    .footerWidget__slot--half-width:nth-of-type(2) {margin-bottom: 30px!important;}
    .siteFooter h4, .siteFooter h2 {font-size: 20px !important;}
    .siteFooter .htmlWidget:last-of-type p {margin-top: 30px !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***/

/*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%;}
}
/*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 solid;
 border-radius:5px;
    
}
.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;
}
.accordion-tab input:checked ~ .accordion-tab__content {
  max-height: 50rem;
}

.accordion {
  color: #2f490e; /*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: #a96e2c; /*sets background color of accordion heading */
  cursor: pointer;
}
.accordion-tab__label {
  justify-content: space-between;
  padding: 1rem;
  margin-bottom: 0px;
}
.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;
}