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

	--font-size: 16px

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

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 1px;
	--header-bg-color: 0 0 0;
	--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 {
    font-family: nexa-rust-slab-black-2, sans-serif;
    font-weight: 900;
    font-style: normal;
}

  h2, .h2, h3, .h3, h4, .h4, h5, .h5, .bannerWidget__subheading {
    font-family: veneer-two, sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    }
    
  h6, .h6, p, .p, a, .a, body, label, .paragraph {
   font-family: montserrat, sans-serif;

 }

.bannerWidget__subheading {
    font-size: 41px;
}
.recipesIndex__heading {
    text-align: center !important;
    color: #22333B !important;
}
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: 15px !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;}

/*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:'nexa-rust-slab-black-2', serif;
    font-style: italic;
}

.featuredPostsWidget a, .featuredRecipesWidget a .featuredPostsWidget__header h2, .featuredRecipesWidget h2{
    color: #22333B !important;
}
.featuredPostsWidget__header h2 {
       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;}

.input-group-btn, .input-group-btn>.btn {
    background-color: #22333B !important;
    border-radius: 5px;
}

/*Grapevine Footer Credit*/
/***DO NOT EDIT CONTENT BELOW***/
#grapevine {font-size: 12px; color: #ffffff; text-align: center;padding-bottom:20px; background-color: #2d5854;}
#grapevine a {color: #ffffff; font-weight: 600;}
.footerAccreditation {padding-bottom: 0; background-color: #2d5854; color: #ffffff;}
.accreditation {color: #ffffff !important}
.accreditation a {color: #ffffff !important; font-weight: 600;}
@media print {#grapevine {display: none;}}
/***DO NOT EDIT CONTENT ABOVE***/

/*Contact Us*/
.pageWidget--45 {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;
}
    /*Store: Categories Landing Page*/
    .photoGridWidget__listCaption {border-radius: 15px;}
    .photoGridWidget__listCaption:hover {border-radius: 15px;
        background-color: #2d5854;
    }
    .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;
    }

div.h4 {
    color: #22333B;
}
/*Product Pages*/
.productPage__heading {font-size: 32px !important; font-style: normal !important;}

.tw-object-cover {
    opacity: 1 !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;}

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

#pageWidget--25, #imageWidget25 {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;}
