:root {
	--brand_color: #006838;
	--brand_color_inverted: #ffffff;
	--background_color: #FFF;
	--text_color: #3d3d3d;
	--link_color: #006838;
}

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

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

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

a:hover {
	text-decoration: underline;
}

.brand {
	background-color: #006838;
	color: #ffffff;
	border-color: #006838;
}

.text-brand {
	color: #006838;
}

.text-action {
	color: #006838;
}

.brand-inverted {
	background-color: #ffffff;
	color: #006838;
	border-color: #ffffff;
}

.action {
	background-color: #006838;
	color: #ffffff;
	border-color: #006838;
}

.action-inverted {
	background-color: #ffffff;
	color: #006838;
	border-color: #ffffff;
}

/* SiteHeader */

.announcement_bar {
	background-color: #008000;
	color: #ffffff;
}

.announcement_bar a {
	color: #ffffff;
}

.siteHeader {
	background-color: #f5ebe1;
	color: #262626;
	border-bottom-style: solid;
	border-bottom-width: 0;
	border-bottom-color: #3c3b3b;
}

.siteHeader__container {
	max-width: 100%;
}

/* 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: #262626;
	background-color: #2C5170;
}

.mobileNav > li > a:hover {
	background-color: #042948;
}

.mobileNav > li > a:focus {
	background-color: #042948;
}

	.mainNavigation__list > li > a {
		color: #262626;
		background-color: transparent;
	}
	.mainNavigation__list > li > a:hover {
		color: #262626;
		background-color: transparent;
	}

	.mobileNav > li > a {
		color: #262626;
		background-color: transparent;
	}

	.mobileNav > li > a:hover {
		color: #262626;
		background-color: transparent;
	}

	.mobileNav > li > a:focus {
		color: #262626;
		background-color: transparent;
	}

.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-color: transparent
	}

.auxiliaryMenu {
	max-width: 100%;
}

	.auxiliaryMenu > li > a {
		color: #262626;
	}
	.auxiliaryMenu > li > a:hover, .auxiliaryMenu > li > a:focus {
		text-decoration: underline;
	}

.order__delivery_threshold_difference, .order__delivery_threshold_difference-met {
    background-color: #ead9c7;
    color: #262626;
}

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

.orderStatus__container {
	color: #262626;
}

.orderStatus__container a {
	border-bottom-color: #fffff9;
	color: #262626;
}

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

.orderStatus__mobileToggle {
	color: #262626;
}

.orderStatus__mobileToggle a {
	border-bottom-color: #fffff9;
	color: #262626;
}

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

/* Logo */

.logo {
	color: #262626;
	font-size: 16px;
	padding: 30px;
}

.logo__img {
	max-height: 89px;
}

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

.siteFooter {
	background-color: #006838;
	color: #ffffff;
}

.siteFooter .tw-prose {
	--tw-prose-headings: #ffffff;
	--tw-prose-body: #ffffff;
	--tw-prose-p: #ffffff;
	--tw-prose-a: #FFF;
	--tw-prose-bullets: #ffffff;
}

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

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

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

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

.backToTopLink__container {
	background-color: #147c4c;
}

.backToTopLink__container a {
	color: #FFF;
}

/* Buttons */
.btn-brand, .btn-default, .btn-primary {
	background-color: #006838 !important;
	border-color: #005424 !important;
	color: #ffffff !important;
}

.btn-brand-inverted {
	background-color: #ffffff;
	color: #006838;
	border: solid 1px #006838;
}

.btn-brand-inverted:hover {
	background-color: #006838;
	color: #ffffff;
	border: solid 1px #006838;
}



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

.btn-danger, .btn-action, .cta {
	background-color: #006838 !important;
	border-color: #005424 !important;
	color: #ffffff !important;
}
.btn-danger:hover, .btn-action:hover, .cta:hover {
		background-color: #289060 !important;
	border-color: #289060 !important;
	
	color: #ffffff !important;
}

.btn-action-inverted {
	background-color: #ffffff;
	color: #006838;
	border: solid 1px #006838;
}

.btn-action-inverted:hover {
	background-color: #006838;
	color: #ffffff;
	border: solid 1px #006838;
}

.bullet, .confirmation__step-number {
	background-color: #006838;
	color: #ffffff;
}

/* 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: #006838
}

/*Custom Styles*/
h1, h2, h3, h4, .howItWorksWidget__stepHeader, .proposalPage__heading, .proposalPage legend, .storeIndex__productsListingContainer .textBanner__heading, .recipesIndex__heading, .cookbook__heading, .productPage__details h1 {
  font-family: "poster-gothic-round-atf", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

h1, h2, h4 {
  color: #262626;
}

h1, .recipesIndex__heading {
  font-size: 48px !important;
}
@media (max-width:768px) {
  h1, .recipesIndex__heading  {font-size: 42px !important;}
}

h2, .featuredPostsWidget__header h2, .featuredRecipesWidget__header, .howItWorksWidget__header, .h2, .featuredProductsWidget__header, .tw-prose :where(h2):not(:where([class~=tw-not-prose] *)), .featuredRecipesWidget__header h2 {
  font-size: 34px;
  margin-top: 0;
  margin-bottom: 10px
}

/*h2*/.tw-prose :where(h2):not(:where([class~=tw-not-prose] *)) {line-height: 1;}

h3, .cookbook__container .cookbook__heading a, .tw-prose :where(h3):not(:where([class~=tw-not-prose] *)) {
  font-size: 24px !important;
  line-height: 1.2;
  font-weight: 700 !important;
  color: #006838 !important;
}
/*h3*/.tw-prose :where(h2+*):not(:where([class~=tw-not-prose] *)) {margin-top: 20px !important;}

h4, .relatedRecipe__heading, .featuredProductsWidget h3, .proposalPage legend {
  font-size: 20px !important;
}

p, body, label, .paragraph, .h4, .featuredPostsWidget__postHeading, .featuredRecipesWidget__recipeHeading, .featuredPostsWidget__postPreview, .featuredRecipesWidget__recipePreview, .tw-reset .tw-font-display {
  font-family: "roboto-condensed", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
.featuredPostsWidget__postHeading, .featuredRecipesWidget__recipeHeading {font-weight: 700; line-height: 1.1 !important;}


p, body, label, .paragraph, .h4, li, ol, .featuredPostsWidget__postPreview, .featuredRecipesWidget__recipePreview {font-size: 17px;}
@media (max-width:768px) {
  p, body, label, .paragraph, .h4, li, ol, .featuredPostsWidget__postPreview, .featuredRecipesWidget__recipePreview {font-size: 19px;}
}


p, .tw-prose :where(p):not(:where([class~=tw-not-prose] *)) {
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}
.textWidget p {line-height: 1.5 !important;}
.pageWidgets p a, .pageWidgets li a  {text-decoration: underline;}
.pageWidgets p a:hover {text-decoration-thickness: 2px;}
a:focus, a:hover {color: #006838 !important;}

.tw-reset .tw-text-sm, .tw-reset .tw-text-xs {font-size: 18px !important;}

.textWidget img {border-radius: 8px !important;}

.dividerWidget hr {height: 2px; max-width: 980px; margin: auto;}

button, .btn {font-weight: 700 !important;} 
.ctaButtonWidget .btn {border-radius: 8px !important;}
.ctaButtonWidget a:focus {color: white !important;}
.productListing__addToCartContainer--grid button, .variantsTableContainer button, .productListing__addToCartContainer--grid .store__button {border-radius: 50px !important;}
.btn-danger:hover, .btn-action:hover, .cta:hover, #sn-f603fc2b-55de-4e07-b316-63c47d3a3ca4 button:hover {background-color: #006838 !important; opacity: .7 !important; border-color: #006838 !important;}

.siteMessage {
  background-color: #f9f1e4;
  border-bottom: none;
}

/*announcement bar*/
.announcement_bar a {color: white; text-decoration: underline;}
.announcement_bar a:hover {color: white !important; opacity: .6}

/*header*/
#mainNavigation a {
    font-weight: 700;
    text-transform: uppercase;
}
.mainNavigation__list>li>a {
    padding: 0 0 8px 0;
    margin: 0 10px !important;
    font-size: 18px;
}
.mainNavigation__list .active {background-color: transparent !important; border-radius: 0 !important; padding-bottom: 0 !important;}
.mainNavigation__list .active:after {content: none !important;}

.mainNavigation__list>li>a:hover, .mainNavigation__list>li>a:active {
  color: #006838;
}
.dropdown-menu {
  background-color: #ead9c7;
  border: none;
}
.dropdown-menu>li>a {white-space: break-spaces !important; padding: 5px 20px !important; line-height: 1.2; text-transform: capitalize !important; font-size: 17px !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus-visible, .dropdown-menu>li>a:focus-within, .dropdown-menu>li>a:target  {
  background-color: #f5ebe1 !important;
}

/*cart - checkout*/
.tw-reset .tw-bg-gray-200, .tw-reset .tw-bg-gray-100 {background-color: #f5ebe1 !important;}
.tw-reset .tw-bg-gray-50 {background-color: #faf9f7 !important;}
.tw-reset .tw-border-gray-200 {border-color: #f5ebe1 !important;}
.tw-reset .tw-shadow {--tw-shadow: none !important}
.tw-py-6 h3, .tw-px-6 li h3 {
  font-family: "roboto-condensed", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 18px !important;
}

/*Home*/
.textWidget--443 a:hover, .textWidget--445 a:hover {text-decoration: none !important;}
@media (max-width: 768px) {
  #textWidget440 {
    padding-top: 30px !important;
  }
}

/*flex 2 column layout and flex 3 column layout*/
.fisc-2col-layout {display: flex; column-gap: 20px; align-items: center;}
.fisc-2col-layout h2, .fisc-2col-layout h3 {margin-top: 0;}
.fisc-2col-layout figure {margin: 0;}
.fisc-2col-layout img {border-radius: 8px;}
.fisc-2col-layout-col {width: 50%;}
#textWidget444 {border: 2px solid #f5ebe1; border-radius: 8px; max-width: 760px !important;}
#textWidget444 .fisc-2col-layout {padding-bottom: 20px}
#textWidget444 h2 {margin-top: 20px;}
#textWidget444 .btn {border: 2px solid #006838; background-color: transparent !important; color: #006838 !important; padding-top: 8px} 
#textWidget444 .btn:hover {border: 2px solid #006838; background-color: #006838 !important; color: white !important; text-decoration: none !important;}
@media (max-width:768px) {
  #pageWidget--444 {padding-left: 20px; padding-right: 20px;}
  #pageWidget--444 .fisc-col h3 {margin-bottom: 0 !important;}
  #pageWidget--444 .fisc-col p {margin-top: 4px !important;}
  #pageWidget--444 .fisc-col:last-of-type {padding-top: 30px !important}
}

#textWidget448 .fisc-2col-layout-col, #textWidget598 .fisc-2col-layout-col {background-color: white; padding: 20px; border-radius: 8px; display: flex; flex-direction: row; column-gap: 10px !important; align-items: center; min-height: 200px; margin-bottom: 20px;}
#textWidget598 .fisc-2col-layout-col, #textWidget598 .fisc-3col-layout-col {border: solid 2px #E5DBD0;}
#textWidget448 .fisc-2col-layout-col > figure, #textWidget598 .fisc-2col-layout-col > figure {width: 50%;}
#textWidget448 .fisc-2col-layout-col.fisc-col > h3, #textWidget598 .fisc-2col-layout-col.fisc-col > h3 {text-align: center; line-height: 1.3; width: 50%; color: #006838; margin-bottom: 0 !important;}
#textWidget448 h3, #textWidget598 h3 {font-size: 20px !important;}
#textWidget448 .fisc-2col-layout-col, #textWidget598 .fisc-2col-layout-col {min-height: 130px !important;}
#textWidget448 .fisc-2col-layout:nth-of-type(1) .fisc-col:not(:first-of-type) figure, #textWidget448 .fisc-2col-layout:nth-of-type(2) figure, #textWidget598 .fisc-2col-layout:nth-of-type(1) .fisc-col:not(:first-of-type) figure, #textWidget598 .fisc-2col-layout:nth-of-type(2) figure {padding-left: 20px; padding-right: 20px;}

.fisc-2col-layout p, .fisc-3col-layout p {line-height: 1.5 !important;}



.fisc-3col-layout {display: flex; flex-direction: row; column-gap: 20px}
.fisc-3col-layout .fisc-col {width: 33.3%; background-color: white; border-radius: 8px; padding: 20px;}
.fisc-3col-layout .fisc-col figure {margin: 0 auto !important}
.fisc-3col-layout .fisc-col figure img {max-height: 75px; margin: 10px auto 0 auto; }
.fisc-3col-layout .fisc-col h3 {text-align: center; color: #006838; line-height: 1.3; margin-top: 12px !important;}
@media (min-width: 769px){
  .fisc-2col-layout {flex-direction: row;}
}
@media (max-width: 768px){
  .fisc-2col-layout {
    flex-direction: column;
    column-gap: 0;
    row-gap: 0;
  }
  .fisc-2col-layout h2 {padding-top: 10px;}
  .fisc-2col-layout h2, .fisc-2col-layout p {margin-bottom: 8px;}
  .fisc-2col-layout-col {width: 100%;}
  #textWidget445 .fisc-2col-layout {flex-direction: column-reverse;}
  .fisc-3col-layout {
      flex-direction: column;
      column-gap: 0;
      row-gap: 10px;
  }
  #textWidget448 .fisc-2col-layout-col, #textWidget598 .fisc-2col-layout-col {min-height: 0 !important; margin-bottom: 12px;}
  #textWidget448 .fisc-2col-layout-col.fisc-col > h3, #textWidget598 .fisc-2col-layout-col.fisc-col > h3 {
    width: 100%;
  }
  .fisc-3col-layout .fisc-col {
      width: 100%;
  }
  .fisc-certifications .fisc-col {display: flex; flex-direction: row !important; column-gap: 20px !important; align-items: center !important;}
  .fisc-certifications .fisc-col figure, .fisc-certifications .fisc-col h3 {width: 50% !important; margin: 0 !important;}
  .fisc-certifications .fisc-col figure img {margin-top: 0 !important;}
}
/* Home page video embed */
    
    .vm-video-container {
        margin: 0 auto;
        overflow:clip;
        max-height:750px;
    }
      .vm-video-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
        overflow: hidden;
        max-height: 750px;
    }
    
    
    .vm-video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .vm-video-container-test {
        margin: 0 auto;
        overflow:clip;
        max-height:750px;
    }
      .vm-video-wrapper-test {
        position: relative;
        padding-top: 28.125%; /* 16:9 */
        padding-bottom:28.125%;
        height: 0;
        overflow: hidden;
        max-height: 750px;
    }
    
    
    .vm-video-wrapper-test iframe {
        position: absolute;
        bottom:0;
        right: 0;
        width: 100%;
        height: 100%;
    }

/*Farm to School page*/
#textWidget705 .fisc-3col-layout {
  flex-wrap: wrap !important;
  column-gap: 20px;
  row-gap: 20px;
}
#textWidget705 .fisc-3col-layout-col {
  border: 2px solid #E5DBD0;
  border-radius: 8px !important;
  max-width: 31%;
  padding: 24px !important;
}
#textWidget705 .fisc-3col-layout h3 {
  max-width: 80% !important; 
  margin: auto; 
  margin-bottom: 10px;
  line-height: 1.1;
  font-weight: 700 !important;
}
#textWidget705 .fisc-3col-layout-col figure {
  margin-top: 0 !important;
}
#textWidget705 .fisc-3col-layout-col p {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  #textWidget705 .fisc-3col-layout-col {
    max-width: 100%;
  }
}

/*product pages*/
.productPage__details h1 {font-size: 32px !important; line-height: 1.2 !important;}
.productPage__details .productListing__saleSavings- {margin: 0 !important;} 
.productPage .productListing__saleSavings- {text-align: center !important;}
.productPage__descriptionSidebar {margin-left: 0 !important;}
.productListing__price {margin-top: 0 !important;}

/*collections pages*/
.tw-reset .tw-text-gray-500 {color: #111827;} /*added as WAVE fix 4/2026*/
.productListing__price--grid {margin-top: 0 !important;}
.storeIndex #pageWidget--554 {background-image: none !important;}
.storeIndex #textWidget554 {padding-top: 0 !important; padding-bottom: 0 !important;}
.storeIndex #pageWidget--554 h1 {text-align: left !important;}

.storeIndex__productsListingContainer .tw-bg-gray-100 {background-color: transparent !important;}
.storeIndex__sideBarList .dropdown-toggle .caret {
  transform: rotate(360deg) !important;
}
.storeIndex__sideBarList .open .caret {
  transform: rotate(180deg) !important;
}
.storeIndex__sideBarList .active {padding-bottom: 0 !important;}
.storeIndex__productsListingContainer h1 {font-size: 32px !important;}
.productListing--grid > section {background-color: #f5ebe1 !important; border: 2px solid #f5ebe1; border-radius: 8px !important; padding-bottom: 20px !important;}
.productListing__price--grid > div > div > div:nth-of-type(2), .productListing__price--grid > div > div > div:nth-of-type(1) {justify-content: center !important;} 
.productListing--grid > section > div:not(:first-of-type) {padding-left: 20px; padding-right: 20px; text-align: center !important;}
.productListing__photoLink--grid h3 {font-size: 21px !important; color: #323232 !important;}
.productListing__photoLink--grid:hover {text-decoration: none !important;} 
.productListing__photoLink--grid h3:hover{color: #006838 !important; cursor: pointer !important;}
.productListing--grid div[itemprop="description"] p, .productListing__averageWeight {color: #313131 !important;}
.productListing__price--grid .tw-pt-3 {padding-top: 8px !important;}
.productListing__price--grid .productListing__saleSavings- {max-width: 50% !important; text-align: center;}
.productListing__price--grid .productListing__averageWeight {text-align: center;}

.storeIndex #pageWidget--554 {border-radius: 8px !important;}
.storeIndex #textWidget555 {padding-top: 20px !important;}

.storeIndex__productsListingContainer header p:first-of-type {margin-top: 10px;}
.storeIndex__sideBarList .dropdown-toggle .caret {
  transform: rotate(90deg);
}
.storeIndex__sideBarList .open .caret {
  transform: rotate(360deg);
}

.mobileNav__list>li a:focus, .mobileNav__list>li>a:hover {
  background-color: #f5ebe1;
}
.mobileNav__list .dropdown-menu li a {padding-top: 10px !important; padding-bottom: 10px !important;}
@media (max-width: 768px) {
  .dropdown-menu {background-color: #fbf6ed !important;}
  .dropdown-toggle, .mobileNav__list > .menu-item, .storeIndex__sideBarList > .menu-item {font-weight: 700 !important;}
  .storeIndex__sideBarList--style1 {border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important;}
  .storeIndex__productsListingContainer .textBanner {background-color: #f5ebe1 !important; padding: 20px !important; border-radius: 0 !important;}
}
.tw-overflow-x-hidden {
    overflow-x: visible !important;
}
.tw-reset .tw-whitespace-nowrap {
    white-space: normal !important;
}

/*featured products widget*/
.featuredProductsWidget .tw-shadow-xl {
  --tw-shadow: 0 !important;
  --tw-shadow-colored: none !important;
}
.contentWidget .featuredProductsWidget .productListing__saleSavings- {display: none !important;}

.featuredProductsWidget > div {
  max-width: 980px !important; 
  margin: auto !important;
}
.featuredProductsWidget > div> div > section {
  background-color: #f5ebe1 !important; 
  border: 2px solid #f5ebe1; 
  border-radius: 8px !important; 
  padding-bottom: 20px !important;
}
.featuredProductsWidget > section > div:not(:first-of-type) {
  padding-left: 20px; 
  padding-right: 20px; 
  text-align: center !important;
}
.featuredProductsWidget > div > div > div:nth-of-type(2), .featuredProductsWidget > div > div > div:nth-of-type(1) {
  justify-content: center !important;
} 
.featuredProductsWidget .tw-rounded-t-lg {
  border-radius: 8px !important;
}
.featuredProductsWidget h3 {
  text-align: center !important;
  color: #262626 !important;
  font-size: 21px !important;
}
.featuredProductsWidget [itemprop="description"] p {
  text-align: center !important;
  color: #313131 !important;
  font-size: 15px !important;
}
.featuredProductsWidget .productListing__price--grid {margin-top: 0 !important;}
.featuredProductsWidget .productListing__price--grid div div div:not(:last-of-type) {
  text-align: center !important;
  color: #262626 !important;
  justify-content: center !important;
}
.tw-reset .tw-bg-theme-action-color\/5 {
  background-color: transparent !important;
}
.productListing__saleSavings- {
  font-weight: 700 !important;
  background-color: #E5DBD0 !important;
  max-width: 30% !important;
  margin: auto !important;
  padding: 5px !important;
  border-radius: 8px !important;
}
.featuredProductsWidget .tw-w-full button, .featuredProductsWidget .btn-brand {
  max-width: 70% !important;
  margin: auto !important;
  border-radius: 50px !important;
}
.featuredProductsWidget .btn-brand {
  border: 2px solid #006838 !important;
  color: #006838 !important;
  background-color: white !important;
  font-weight: 700 !important;
}
.featuredProductsWidget .btn-brand:hover {
  color: white !important;
  background-color: #006838 !important;
}


/*wood background sections*/
.pageWidgets > div:first-of-type:not(#pageWidget--811), #pageWidget--439, #pageWidget--448 {
  background: url(https://s3.amazonaws.com/grazecart/fischerfarms/images/1730147860_671ff614a4ace.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.pageWidgets > div:first-of-type:not(#pageWidget--811) > section, #pageWidget--439 > section, #pageWidget--448 {
  background-color: transparent !important;
  padding-top: 60px;
  padding-bottom: 60px;
}
.textWidget--448 {background-color: transparent !important;}

.pageWidgets > div:first-of-type h1 {
  margin-bottom: 0 !important;
}
.fisc-wood-background > p:first-of-type {margin-top: 0 !important;}

/*Accordion sections*/
.fisc-accordion-container {
  max-width: 800px;
  margin: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.accordion {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    color: #262626;
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 12px;
    width:100%;
}
.accordion h3 {
    flex: 1 !important;
}
.accordion h2, .accordion h3 {margin: 0 30px 0 0 !important;}
.active {
    background-color: #fff;
    border-radius: 12px 12px 0 0;
}
.accordion :where(h3):not(:where([class~=tw-not-prose] *)) {margin: 0;}
.accordion h2:after, .accordion h3:after {
    content: '\203A';
    color: #006838;
    margin-left: 8px !important;
    font-size: 50px;
    font-family: "roboto-condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: .6 !important;
    float: right !important;
    position: absolute;
    top: 40%;
    right: 25px;
    transform: translateY(-50%);
}


.fisc-accordion-container .active h2:after, .fisc-accordion-container .active h3:after {
    content: '\203A';
    transform: rotate(90deg) translateY(-50%);

    right: 35px;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-radius: 0 0 12px 12px;
    border: none;
    box-shadow: none;   
}
.panel p a {
  text-decoration: underline;
  color: #262626;
}
.panel p a:hover {
  color: #26262695;
}
.panel figure {margin-top: 0 !important;}
@media (max-width: 768px) {
  .fisc-accordion-container {max-width: 100% !important;}
}

/*sliders*/
    #slider-container {
      position: relative;
      width: 90%;
      max-width: 800px; /* max width for large screens */
      margin: auto;
      overflow: hidden;
      padding-bottom: 64px !important;
    }
    #slider-container .slider {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }
    #slider-container .slide {
      min-width: 100%;
      box-sizing: border-box;
      height: auto;
      padding-top: 0;
      position: relative; /* to position the iframe */
    }
    #slider-container iframe {
      position: absolute; /* absolute position to ocuppy entire container*/
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; /* automatic height to maintain the proportion*/
    }
    #slider-container .controls {
      position: absolute;
      top: 35%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
    }
    #slider-container .control-button {
      background-color: #006838;
      border: none;
      cursor: pointer;
      padding: 10px 22px;
      border-radius: 50px;
      margin: 10px;
      color: white;
      font-size: 24px
    }
    #slider-container .indicators {
      text-align: center;
      margin-top: 10px;
    }
    #slider-container .indicator {
      display: inline-block;
      width: 14px;
      height: 14px;
      background-color: #8BB7A1;
      border-radius: 50%;
      margin: 0 5px;
      cursor: pointer;
    }
    #slider-container .active {
      background-color: #006838;
    }
    #slider-container .active:after {
      content: none !important;
    }
        /*wholesale video slider*/
        #pageWidget--700 #slider-container .slide {
          height: 450px !important;
        }
        #pageWidget--700 #slider-container .controls {
          top: 66% !important;
        }

    @media (max-width: 768px) {
      #slider-container .control-button {
          padding: 8px; /* adjust button sizing */
          font-size: 14px; 
      }
      #slider-container .indicator {
          width: 8px; /* smaller size for dot indicators */
          height: 8px; 
          margin: 0 3px; 
      }
    }
    @media (max-width: 576px) {
      #slider-container .control-button {
          padding: 8px 20px;
          font-size: 24px !important;
      }
      #pageWidget--700 #slider-container .slide {
        height: 300px !important;
      }
      #pageWidget--700 #slider-container .controls {
        top: 50% !important;
      }
    }

/*Wholesale page*/
#pageWidget--698 hr {border-color: white; border-width: 2px;}

@media (max-width:768px) {
  #textWidget697 {padding-bottom: 0 !important;}
}

/*Start a Pickup Location*/
.proposalPage__heading {text-align: center !important;}
.proposalPage {
  margin: 0 !important;
  max-width: 100%;
  padding: 0 !important;
  margin-bottom: 64px !important;
  margin-top: 64px;
}
.proposalPage h1 {
  padding: 80px 20px;
  background: url(https://s3.amazonaws.com/grazecart/fischerfarms/images/1730147860_671ff614a4ace.jpg)

}
.proposalPage p, .proposalPage form {
  margin: auto !important;
  max-width: 800px !important;
  padding: 0 30px !important;
  width: 100% !important;
}
.proposalPage__form .form-group:last-child {text-align: left !important;}
.proposalPage p {margin-top: 40px !important; margin-bottom: 40px !important;}
.proposalPage hr {margin: 0 !important; border-top: none;}
.proposalPage legend {
  border-bottom: none;
  margin-bottom: 10px !important;
}
.proposalPage fieldset {
  margin-top: 20px;
}

/*Local Pickup page*/
@media (max-width:768px) {
  #pageWidget--681 .ctaButtonWidget {margin-left: 0 !important; text-align: left !important; padding-top: 10px;}
  #pageWidget--681 .btn {text-align: left !important;}
}

/*Recipes blog */

.recipesIndex__heading {text-align: center !important;}
.recipesIndex {
  margin: 0;
  max-width: 100%;
  padding: 0 !important;
}
.recipesIndex h1 {
  padding: 80px 20px;
  background: url(https://s3.amazonaws.com/grazecart/fischerfarms/images/1730147860_671ff614a4ace.jpg)

}
.recipesIndex form, .recipesIndex .cookbook, .recipesIndex .text-center {
  margin: 30px auto !important;
  max-width: 1366px !important;
  padding: 0 30px !important;
  width: 100% !important;
}


.cookbook__cover-photo {max-height: 300px !important; max-width: 100% !important;}
.cookbook__cover-photo img {object-fit: cover !important; height: 300px !important; width: 100% !important; border-radius: 8px !important;}
.cookbook__body, .blog__grid .blog__summary {font-size: 16px !important;}

.cookbook__container .cookbook__heading a {
  color: #006838 !important;
}
.cookbook__container .cookbook__heading, .cookbook__container .cookbook__body {margin-bottom: 10px !important;}

.cookbook__container > a, .blog__gridPost > div > div:nth-of-type(2) a {
  color: white!important;
  text-decoration: none!important;
  background-color: #006838;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-weight: 700;
}

.cookbook__container > a:hover, .blog__gridPost > div > div:nth-of-type(2) a:hover {
  text-decoration: none!important;
  background-color: #0068379c;
}
    

    .recipe {
    margin-top: 50px!important
    }
    
    .recipe__ingredientsList li {
    font-size: 1rem!important;
    margin-left: 20px !important;
    }
    
    .recipe__ingredients ul {
    list-style: none!important
    }
    
    .recipe__ingredients ul li::before {
    content: "\2022";
    color: #006838;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -20px;
    }
    
    .recipe__instructions p {
    line-height: 1.75!important;
    margin-bottom: 22px!important
    }
    
    .recipe__instructions img, .recipe__coverPhotoContainer img {border-radius: 8px !important; margin: auto !important;}

    .recipe__contentContainer p a {
    text-decoration: none!important
    }
    
    .recipe__contentContainer p a:hover {
    text-decoration: underline!important
    }
    
    .recipe__heading {
    color: #262626!important;
    }
    
    .recipe__timesAndYield {
    border: 2px solid #E5DBD0;
    border-radius: 8px !important;
    background-color: transparent;
    }
    .recipe__timesAndYieldList {margin-bottom: 0 !important; }
    
    .recipe__ingredientsHeading, .recipe__instructionsHeading {
    font-weight: 400;
    font-style: normal;
    color: #006838!important;
    font-size: 2.2rem!important
    }
    
    .recipe__contentContainer h3 {
    font-size: 22px!important
    }
    
    .relatedRecipe {border-top: 2px solid #E5DBD0; padding-top: 40px; margin-top: 40px; padding-bottom: 64px;}
    .relatedRecipe__container {vertical-align: top !important; width: 33.3% !important;}
    .relatedRecipe__heading {min-height: 60px !important; vertical-align: middle !important;}
    .relatedRecipe__subheading {padding: 10px 0;}
    .relatedRecipe img {border-radius: 8px; height: 300px !important; width: 100% !important; object-fit: cover !important;}

    @media (max-width:768px) {
      .cookbook__container {padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important;}
      .relatedRecipe__container {width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; margin-bottom: 40px !important;}
      .relatedRecipe__heading {min-height: 0 !important; padding-bottom: 10px !important;}
      .relatedRecipe__subheading {display: none !important;}
      .relatedRecipe {padding-bottom: 0 !important;}
    }


/*checkmark styled lists*/
#textWidget594 ul, #textWidget665 ul, #textWidget678 ul, #textWidget697 ul, #textWidget622 ul, #textWidget683 ul {
padding-left: 0 !important;
}
#textWidget594 ul li, #textWidget665 ul li, #textWidget678 ul li, #textWidget697 ul li, #textWidget622 ul li, #textWidget683 ul li {
  list-style-type: none;
  background-image: url(https://s3.amazonaws.com/grazecart/fischerfarms/images/1729023637_670ece953d6e7.png);
  background-repeat: no-repeat;
  background-position: left 6px;
  background-size: 15px 15px;
  background-origin: border-box;
  padding-left: 24px;
}

/*photo gallery widgets*/
.photoGalleryWidget img {border-radius: 8px;}
.photoGalleryWidget__photoList>a img {box-shadow: none !important;}
.photoGalleryWidget__photoList {
  grid-gap: 1em !important;
  grid-auto-rows: 240px !important;
  grid-template-columns: repeat(auto-fit,240px) !important; 
}
@media (max-width: 768px) {
  .photoGalleryWidget__photoList {
    display: flex;
    flex-direction: row;
    padding-left: 20px !important;
    padding-right: 20px !important;
    grid-gap: .5em !important;  
  }
  .photoGalleryWidget__photoList a {max-width: 33% !important;}
}

/*how it works widgets*/
.howItWorksWidget {max-width: 800px; margin: auto;}
.howItWorksWidget__stepHeader, .howItWorksWidget__step p {text-align: left;}
.howItWorksWidget__header {
  max-width: 800px;
  margin: auto;
  margin-bottom: 20px;
  text-align: left;
}
.howItWorksWidget__step:not(:last-of-type) {margin-right: 1em}
.howItWorksWidget__step {
  background-color: #f5ebe1;
  border-radius: 8px;
  max-width: 31.5%;
  padding: 26px;
}
.howItWorksWidget__stepHeader {line-height: 1.2; color:#006838}
@media (min-width:847px){
  .howItWorksWidget__step {min-height: 235px;}
  #howItWorksWidget675 .howItWorksWidget__step {min-height: 275px;}
}
@media (max-width:846px){
  .howItWorksWidget__step {
    min-height: 235px; 
    margin-bottom: 20px;
  }
  #howItWorksWidget675 .howItWorksWidget__step {min-height: 275px;}

}
@media (max-width:768px){
  .howItWorksWidget__step, #howItWorksWidget675 .howItWorksWidget__step {
    min-height: 0; 
    margin-bottom: 20px;
    max-width: none;
  }
  .howItWorksWidget__step:not(:last-of-type) {
    margin-right: 0 !important;
  }
}
#howItWorksWidget672 .howItWorksWidget__stepHeader > span, #howItWorksWidget675 .howItWorksWidget__stepHeader > span {display: none !important;}

/*what we offer widgets*/
.photoGridWidget {
  max-width: 800px;
}
.photoGridWidget h2 {max-width: 800px; margin: auto; text-align: left;}
.photoGridWidget__listItem:hover {opacity: .8}
.photoGridWidget__listItemContainer img, .photoGridWidget__listCaption {
  border-radius: 8px !important;
}
.photoGridWidget__listCaption {
  text-shadow: none;
  background-color: transparent !important;
}
.photoGridWidget__caption {
  background-color: #006838;
  border-radius: 20px;
  font-size: 20px;
  max-width: 80%;
  margin: auto;
  padding: 10px 14px;
}
@media (max-width: 767px) {
  .photoGridWidget__caption {font-size: 26px !important;}
}

/*News posts*/
.blogPost__tags {display: none !important;}
#pageWidget--649 .featuredPostsWidget__post {max-width: 1100px; margin: auto;}
#pageWidget--649 .featuredPostsWidget__postHeading {min-height: 60px !important;}
.featuredPostsWidget:not(#featuredPostsWidget649) .featuredPostsWidget__postPhoto img, .featuredRecipesWidget__recipePhoto img {max-height: 150px !important}

/*featured news and featured recipes feeds*/
  /*old css*/ 
      .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: 20px !important;
        min-height: 66px;
        align-items: center !important;
        display: flex !important;
      }
      .featuredRecipesWidget__recipeHeading {min-height: 68px;}
      @media (max-width:768px) {
        .featuredPostsWidget__postHeading, .featuredRecipesWidget__recipeHeading {min-height: 0 !important;}
      }

      .featuredPostsWidget a, .featuredRecipesWidget a {
        color: #006838 !important;
      }

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

      .featuredPostsWidget__postContainer, .featuredRecipesWidget__recipeContainer {
        border-radius: 15px;
        display: inline-block;
        flex-direction: column;
        flex-basis: calc(33.3% - 20px);
        margin-bottom: 20px;
        padding: 16px 0 0;
        background-color: #f9f1e4;
        border: 2px solid #f9f1e4;
        margin-left: 0;
        margin-right: 0;
        min-width: 31.5% !important;
      }
      .featuredPostsWidget__postContainer {
        padding-bottom: 20px !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: #006838 !important;
        border-color: #006838 !important;
        color: #FFFFFF !important;
      }

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

      .featuredPostsWidget__postContainer > a:hover, .featuredRecipesWidget__recipePreview p a:hover {text-decoration: none;cursor: pointer;
        background: #0c380a !important;
        border-color: #0c380a !important;
        color: #FFFFFF !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%;}
        .featuredPostsWidget__postHeading, .featuredRecipesWidget__recipeHeading {
          height: auto !important;
        }
      }
      @media (min-width: 700px) {
        .featuredPostsWidget__post, .featuredRecipesWidget__recipes {
          flex-direction: row; 
          flex-flow: wrap;
        }
      }
      @media (max-width: 575px){
      .featuredRecipesWidget__recipeHeading, .featuredRecipesWidget__recipeSubheading, .featuredPostsWidget__postHeading, .featuredPostsWidget__postSubheading
      {text-align: left !important;}
      }

.featuredRecipesWidget__recipePreview p {margin-bottom: 0 !important; margin-top: 0 !important;}

.featuredRecipesWidget__recipeSubheading {display: none !important;}
.featuredPostsWidget__header, .featuredRecipesWidget__header {
  max-width: 800px;
  margin: auto;
  text-align: left;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.featuredPostsWidget__post, .featuredRecipesWidget__recipes {
  max-width: 800px;
  column-gap: 1em;
  padding-left: 20px;
  padding-right: 20px;
}

.featuredPostsWidget__postContainer img, .featuredRecipesWidget__recipeContainer img {
  height: 240px;
}
#pageWidget--479 .featuredPostsWidget__postContainer, #pageWidget--797 .featuredPostsWidget__postContainer, #pageWidget--479 .featuredRecipesWidget__recipeContainer, #pageWidget--481 .featuredPostsWidget__postContainer, #pageWidget--481 .featuredRecipesWidget__recipeContainer, #pageWidget--509 .featuredRecipesWidget__recipeContainer, #pageWidget--539 .featuredRecipesWidget__recipeContainer  {
  background-color: white !important;
  border-color: white !important;
}
@media (max-width: 768px) {
  .featuredPostsWidget__header, .featuredRecipesWidget__header, .featuredPostsWidget__post, .featuredRecipesWidget__recipes {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*in-line youtube videos*/
.textWidget figure iframe {
  width: 100% !important;
  height: 430px !important;
}

/*Sustainability page*/
#textWidget603 figure {max-width: 65%; margin: auto;}
@media (max-width: 768px) {
  #textWidget603 figure {max-width: 100%; margin: auto;}
}

/*Vendors / Partners*/
.vendorsWidget__descriptionContainer {
  display: block !important;
  margin: auto;
  max-width: 800px !important;
}
.vendorsWidget__coverPhoto {margin-left: 0 !important; padding: 20px 0;}

.vendorsWidget__description {
  margin: auto;
}
.vendorsWidget__description > div > div {
  margin: auto !important;
  max-width: 800px !important;
}
.vendorsWidget__heading {font-size: 30px !important; text-align: left !important;}

.vendorsWidget__description figure {
  margin: 20px auto;
}

.vendorsWidget__shopNowLink{
    background: #006838 !important;
    border-color: #006838 !important;
    border-radius: 5px;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 6px 30px;
    text-decoration: none !important;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center !important;
    display: block;
    width: 30%;
}
.vendorsWidget__shopNowLink:hover{
  text-decoration: none !important;
  background-color: #006837a2 !important;
  color: white !important;
}
.vendorsWidget__listItem {
  margin: 0 auto 64px auto;
  padding-bottom: 64px;
  border-bottom: 2px solid #E5DBD0;
  max-width: 800px !important;
  padding-left: 20px;
  padding-right: 20px;
}
.vendorsWidget__listItem:last-of-type {
  border-bottom: none !important;
}
@media (max-width:768px) {
  .vendorsWidget__listItem {padding-left: 0 !important; padding-right: 0 !important;}
  .vendorsWidget__shopNowLink {width: 50% !important;}
}

/*Ways to Save products page*/
#textWidget801 {
  background-color: #f5ebe1; 
  border-radius: 8px !important;
  padding-left: 40px;
  padding-right: 40px;
}

/*Forms*/
.form-control {
  box-shadow: none !important;
  border: 2px solid #E5DBD0 !important;
}

/*Footer*/
.backToTopLink__container a:hover {color: #ffffff71 !important; text-decoration: none !important;}

.siteFooter__container {
  max-width: none !important;
}
.siteFooter__container h3 {color: white !important;}

#textWidget799 {max-width: 800px !important; padding-bottom: 20px !important; padding-top: 40px;}

#footerWidget--42 {margin: auto; max-width: 800px !important;}
#linkListWidget42 {padding-top: 0 !important;padding-bottom: 40px;}
#footerWidget--42 .linkListWidget__list {text-align: center !important; margin: auto !important;}
#footerWidget--42 .linkListWidget__list i {
  font-size: 28px !important;
}
#footerWidget--42 .linkListWidget__list a:hover {color: white !important; opacity: .6 !important;}
#footerWidget--42 .linkListWidget__list li #text {
  display: none !important;
}

.fisc-footer-2 {
  background-color: #f5ebe1;
  display: flex !important;
  flex-direction: row !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  max-width: 800px;
  margin: auto !important;
  color: #262626 !important;
  column-gap: 240px !important;
}
.fisc-footer-2 h4, .fisc-footer-2 p a {color: #262626;}
.fisc-footer-2-column {
  width: 50% !important;
  text-align: left !important;
}
.fisc-footer-2 .ctaButtonWidget {
  text-align: left !important; 
  padding-left: 0 !important;
}
#sn-f603fc2b-55de-4e07-b316-63c47d3a3ca4 button p, .fisc-footer-2 .ctaButtonWidget a {
  font-weight: 400 !important;
  font-size: 16px !important;
  padding: 6px 16px !important;
  border-radius: 8px !important;
}

#footerWidget--800 {
  background-color: #f5ebe1;
  padding-bottom: 20px !important;
  color: #262626;
}

.siteFooter > .text-center {padding: 0 !important;}

@media (max-width: 768px) {
  .fisc-footer-2 {
    row-gap: 40px !important;
    column-gap: 0 !important;
    flex-direction: column !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0 !important;
  }
  .fisc-footer-2-column {width: 80% !important; margin: auto !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***/

/*Jobs page*/
#textWidget726 h2:not(:first-of-type) {padding-top: 20px !important;}

/*QR Our Farm page*/
.social-icons {list-style-type: none;margin: 1em 0 ; text-align: center; padding-inline-start: 0;}

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

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

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

/*css from old site - potentially no longer relevant*/
#pageWidget--419 h3 {text-align: center; padding-bottom: 5px}
