:root {
	--brand_color: #22333b;
	--brand_color_inverted: #f3e8da;
	--background_color: #FFF;
	--text_color: #3d3d3d;
	--link_color: #2d5854;
}

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

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

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

a:hover {
	text-decoration: underline;
}

.brand {
	background-color: #22333b;
	color: #f3e8da;
	border-color: #22333b;
}

.text-brand {
	color: #22333b;
}

.text-action {
	color: #2d5854;
}

.brand-inverted {
	background-color: #f3e8da;
	color: #22333b;
	border-color: #f3e8da;
}

.action {
	background-color: #2d5854;
	color: #f3e8da;
	border-color: #2d5854;
}

.action-inverted {
	background-color: #f3e8da;
	color: #2d5854;
	border-color: #f3e8da;
}

/* SiteHeader */

.announcement_bar {
	background-color: #2d5854;
	color: #f3e8da;
}

.announcement_bar a {
	color: #ffffff;
}

.siteHeader {
	background-color: #000000;
	color: #f3e8da;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: transparent;
}

.siteHeader__container {
	max-width: 1366px;
}

/* MainNavigation */

.mainNavigation, .mobileNav {
	background-color: #346c67;
}

.mainNavigation__list {
	text-align: center !important;
}

.siteHeader__container--style4 {
	text-align: center;
}

.mainNavigation__list > li > a {
	font-size: 18px;
}

/*Mobile Nav*/
.mobileNav > li > a {
	color: #f3e8da;
	background-color: #2C5170;
}

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

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

	.mainNavigation__list > li > a {
		color: #f3e8da;
		background-color: #346c67;
	}
	.mainNavigation__list > li > a:hover {
		color: #87b2ad;
		background-color: #346c67;
	}

	.mobileNav > li > a {
		color: #f3e8da;
		background-color: #346c67;
	}

	.mobileNav > li > a:hover {
		color: #87b2ad;
		background-color: #346c67;
	}

	.mobileNav > li > a:focus {
		color: #87b2ad;
		background-color: #346c67;
	}

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

.auxiliaryMenu {
	max-width: 1366px;
}

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

.order__delivery_threshold_difference, .order__delivery_threshold_difference-met {
    background-color: #2d5854;
    color: #f3e8da;
}

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

.orderStatus__container {
	color: #f3e8da;
}

.orderStatus__container a {
	border-bottom-color: #5f8a86;
	color: #f3e8da;
}

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

.orderStatus__mobileToggle {
	color: #f3e8da;
}

.orderStatus__mobileToggle a {
	border-bottom-color: #5f8a86;
	color: #f3e8da;
}

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

/* Logo */

.logo {
	color: #f3e8da;
	font-size: 18px;
	padding: 20px;
}

.logo__img {
	max-height: 185px;
}

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

.siteFooter {
	background-color: #2d5854;
	color: #FFF;
}

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

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

.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: #416c68;
}

.backToTopLink__container a {
	color: #FFF;
}

/* Buttons */
.btn-brand, .btn-default, .btn-primary {
	background-color: #22333b !important;
	border-color: #0e1f27 !important;
	color: #f3e8da !important;
}

.btn-brand-inverted {
	background-color: #f3e8da;
	color: #22333b;
	border: solid 1px #22333b;
}

.btn-brand-inverted:hover {
	background-color: #22333b;
	color: #f3e8da;
	border: solid 1px #22333b;
}



.btn-brand:hover, .btn-default:hover, .btn-primary:hover {
		background-color: #4a5b63 !important;
	border-color: #4a5b63 !important;
		color: #f3e8da !important;
}

.btn-danger, .btn-action, .cta {
	background-color: #2d5854 !important;
	border-color: #194440 !important;
	color: #f3e8da !important;
}
.btn-danger:hover, .btn-action:hover, .cta:hover {
		background-color: #55807c !important;
	border-color: #55807c !important;
	
	color: #f3e8da !important;
}

.btn-action-inverted {
	background-color: #f3e8da;
	color: #2d5854;
	border: solid 1px #2d5854;
}

.btn-action-inverted:hover {
	background-color: #2d5854;
	color: #f3e8da;
	border: solid 1px #2d5854;
}

.bullet, .confirmation__step-number {
	background-color: #22333b;
	color: #f3e8da;
}

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

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