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

	--font-size: 16px

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

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

	--brand-color: 34 51 59;
	--brand-color-inverted: 243 232 218;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 45 88 84;

	--action-color: 45 88 84;
	--action-color-inverted: 243 232 218;

	--announcement-bar-bg-color: 45 88 84;
	--announcement-bar-text-color: 243 232 218;
	--announcement-bar-link-color: 255 255 255;

	--main-navigation-bg-color: 52 108 103;
	--main-navigation-link-color: 243 232 218;
	--main-navigation-link-color-hover: 135 178 173;
	--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: 61 61 61;

	--order-status-bg-color: 45 88 84;
	--order-status-color: 243 232 218;

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

	--footer-bg-color: 45 88 84;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
h1, .h1, h3, .h3 {
    font-family: etna,sans-serif;
    font-weight: 700;
    font-style: normal;
}

h2, .h2, h4, .h4 {
    font-family: etna,sans-serif;
    font-weight: 700;
    font-style: italic;
}

p {
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
}

a:hover {cursor: pointer !important;}
a:focus, a:hover {color: #2D5854;}
p a {text-decoration: underline !important;}
p a:hover {text-decoration-thickness: 3px !important;}
img {border-radius: .5rem !important;}
.logo img {border-radius: 0 !important;}
.imageWidget {background-color: #F3E8DA !important;}

/*Header background image*/
.siteHeader {background-size: cover;
    background: url(https://s3.amazonaws.com/grazecart/hiddenhillsranch/images/1663863178_632c898abd6c7.jpg) !important;
    background-color: #2D5854;
    font-weight: 500;
}
.orderStatus__container a:hover {color: #f3e8da; opacity: .7}
.siteHeader__container {margin: 0 !important; max-width: none !important;}
.auxiliaryMenu__container a {color: #F3E8DA !important;}
.auxiliaryMenu__container .btn-xs {background-color: #22333B !important;}
.auxiliaryMenu {margin-right: 5vw !important;}
.auxiliaryMenu__container .dropdown-menu a {color: #2D5854 !important;}

/*Announcement Bar*/
.announcement_bar {padding: 10px 40px !important; font-size: 16px !important; 
    color: #F3E8DA !important;
}
.announcement_bar a, .announcement_bar a:hover {
    color: #f3e8da !important;
}

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

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

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

.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;
}

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

.featuredProductsWidget img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/*Home: divider bkg color*/
#pageWidget--20 {background-color: #F3E8DA !important;}

/*How It Works*/
.howItWorksWidget__step {
    max-width: calc( 33.3333% - 25px );
    padding: 15px;
    margin: 10px;
    background: #ffffff;
    border-radius: 10px;
    color: #22333B;
    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;
        height: 300px!important;
        border: none;
        margin-bottom: 40px!important;
        flex-direction: column !important; 
        max-width: 90% !important; 
        border: 0px !important;
        height: 400px !important;}
}
@media (max-width: 575px) {
    .howItWorksWidget__step {
        padding: 0!important;
        margin-top: 40px!important}
}

/*Home: News + Recipes block*/

.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.5rem !important;height: 90px !important;align-items: center !important;display: flex !important;
    font-family: etna,sans-serif;
    font-style: italic;
}

.featuredPostsWidget a, .featuredRecipesWidget a {
    color: #22333B !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: #2D5854 !important;
    border-color: #2D5854 !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: #316c66 !important;
    border-color: #316c66 !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;}
}

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

/*Footer*/

.backToTopLink__container a:hover {color: #fff;}
.siteFooter h3 {font-size: 28px !important;}
.siteFooter hr {
    border-top: 1px solid #ffffff36; 
    width: 80%; 
    margin: 30px auto !important;
}
.footerWidget__slot .newsletterWidget {padding: 0 20px !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;}

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

/*Contact Us*/
#pageWidget--57 {background-color: #F3E8DA !important;}

button[type=submit] {
    background-color: #2D5854 !important;
}

/*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: #F3E8DA;}
.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 {
    background-color: #2D5854;
    color: #F3E8DA;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    font-style: normal !important;
    font-size: 18px !important;
}
.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 {background-color: #F3E8DA; margin-bottom: 0 !important; padding-bottom: 64px !important;}

/*Cart Drawer*/
.cartItems__itemPhoto img {border-radius: 15px !important;}
#showCartTotal-6334b681eaa76 table {background-color: #f4f1eb !important;}

/*Store Page*/
.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 #2D5854 !important;
}
.saleTag {
    background: #2D5854 !important;
}
.productListing__saleSavings--grid, .saleTextColor {
    color: #2D5854 !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: Categories Landing Page*/
    .photoGridWidget__listCaption {border-radius: 15px;}
    .photoGridWidget__listCaption:hover {border-radius: 15px;
        background-color: #2d585492;
    }
    .photoGridWidget__listItem {height: 300px; margin-bottom: 20px;}
    .photoGridWidget__listCaption {text-shadow: none !important;padding: 0;}
    .photoGridWidget__listItemContainer img {min-width: 100% !important;height: 300px !important;object-fit: cover !important;}
    .photoGridWidget__caption {padding: 10px 10px; border-radius: 4px; max-width: 90%; margin: auto;
        background-color: #2D5854;
    }

/*Product Pages*/
.productPage__heading {font-size: 32px !important; font-style: normal !important;}

/*Vendors Widgets / Producers*/
.vendorsWidget__listItem:not(:first-of-type) {display: flex; flex-direction: column; max-width: 800px; margin: 0 auto; padding: 50px 0;
    border-top: 1px solid #2D5854; 
}
.vendorsWidget__heading {font-size: 42px;}
.vendorsWidget__listItem img {margin: 20px auto;display: block;width: 800px;height: 100%;border-radius: 0;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; border-radius: 4px;
    background-color: #2D5854;
}
.vendorsWidget__listItem {border-bottom: none !important;}
.vendorsWidget__coverPhoto {border-radius: .5rem !important; padding-bottom: 0;}
/*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__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;}
    .teamWidget__listItem a:hover {text-decoration: underline;}

/*Demo-specific code – REMOVE FOR CLIENT ESSENTIAL WEBSITES*/
#pageWidget--22, #imageWidget22 {background-color: #fff !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 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: #2D5854; /*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: #2D5854; /*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;
}

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