/* 
Theme Name: Homegrown Foods Storefront Child Theme 
Version: 1.0 
Description: Homegrown Foods Storefront Child theme for Woo. 
Author: Woo
Author URI: http://woocommerce.com 
Template: storefront */

/*

/* --------------- Theme customization starts here ----------------- */



/*-----------------------------------------------------------------------------------*/
/* Appearance - Fonts */
/*-----------------------------------------------------------------------------------*/



@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
    font: normal 14px/1.5em 'Cabin', arial, sans-serif !important;
  	background-color: #ffffff;
  	background-image: url('/wp-content/uploads/gingham-green-124.png');
  	background-size: 10%;
  	background-repeat: repeat;
  	background-position: top left;
  	background-attachment: scroll;
  	border-top: 0px solid #000000;
}

p {
    font: normal 12px/1.5em 'Cabin', arial, sans-serif;
    color: #555555;
}

h1 {
    font: bold 28px/1.2em 'Cabin', arial, sans-serif;
    color: #000000;
}

h2 {
    font: bold 16px/1.2em 'Cabin', arial, sans-serif;
    color: #000000;
}

h3 {
    font: bold 18px/1.2em 'Bitter', arial, sans-serif;
    color: #000000;
}

h4 {
    font: bold 18px/1.2em 'Cabin', arial, sans-serif;
    color: #000000;
}

h5 {
    font: normal 16px/1.2em 'Bitter', arial, sans-serif;
    color: #000000;
}

h6 {
    font: normal 16px/1.2em 'Cabin', arial, sans-serif;
    color: #222222;
}

#cabin_thirteen {
    font: normal 13px/1.5em 'Cabin', arial, sans-serif;
    color: #555555;
}





.entry, .entry p {
    font: 300 12px/1.5em 'Cabin', arial, sans-serif;
    color: #555555;
}



.entry, .entry a {
    color: #ffffff;
	text-decoration: none !important;
}

.entry-header {
	margin: 3.5em;
}

a {
	text-decoration: none !important;
	color: black;
}



ul, ol {
	list-style: none;
	margin: 0 !important;
	
/*	margin: 10px 10px 10px 0 !important; */
}



.post-meta {
    font: 300 12px/1.5em 'Bitter', arial, sans-serif;
    color: #999999;
}

.storefront-handheld-footer-bar {
	display: none;
}






/*-----------------------------------------------------------------------------------*/
/* Appearance - Content */
/*-----------------------------------------------------------------------------------*/


.fourohfour-content {
	padding: 50px 50px;
}



/*
a.button, a.comment-reply-link,
#commentform #submit,
.submit, input[type=submit],
input.button,
button.button,
#wrapper .woo-sc-button {
	background: #009875;
	border-color: #009875;
	margin: 0 .6em 0 0;
	padding: 0.327em 1em;
	font-family: "Cabin", sans-serif;
}
*/


	@media only screen and (min-width: 768px) {
		.col-full {
			max-width: 81.75%;
		}
	}



element.style {
    background-color: #353535;
}
a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button {
    background: #009875;
    border-color: #009875;
    margin: 0 0.6em 0 0;
}
body #wrapper .button, body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit, input[type=submit], body #wrapper #searchsubmit, #navigation ul.cart .button, body #wrapper .woo-sc-button {
    border: none;
    background: #009875;
}

a.button, a.comment-reply-link, #commentform #submit, 
.submit, input[type=submit], input.button, button.button, 
#wrapper .woo-sc-button {
	display: inline-block;
    padding: 0.327em 1em;
    color: white !important;
    text-align: center;
    border-width: 1px;
/*  border-style: solid; */
/*	border-color: #009875; */
    text-decoration: none;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    overflow: visible;
    width: auto;
    line-height: 1.618em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
	background: #009875;
    font-weight: 200;
    text-transform: uppercase;
    box-shadow: 0 0 0 0 #888;
    -webkit-box-shadow: 0 0 0 0 #888;
/*  border-radius: 3px; */
    text-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	font-family: "Cabin", sans-serif;
}


a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover {
	text-decoration: none;
	background: #00664e;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
	outline-color: #9ecdbc !important;
	outline: 2px solid #9ecdbc !important;
}

.content-area {
	background-color: white;
	margin-bottom: 0em;
}


@media only screen and (max-width: 768px) {
	#content.site-content {
		background: white !important;
	}
}




/*
@media (min-width: 768px) {
	.content-area, .widget-area {
	margin-bottom: 0em;
	}
	
}
*/

/*
#primary.content-area {
	margin-bottom: 0 !important;
	
}
*/
.comments-area {
	display: none;
}

#post-8 .entry-header {
	display: none;
}



.green-button {
	background: #009875;
	color: white;
}

.tday_orderby {
	background-color: rgb(165, 42, 42); /* Brown */
	font-size: 1.4em;
	color: white !important;
	margin: 20px 0 !important;
	padding: 20px !important;
}

.hgf_button {
	border: none;
	margin: 0 0.6em 0 0;
	display: inline-block;
	padding: 0.327em 1em;
	text-align: center;
	float: left;
	text-transform: uppercase;
/*	cursor: pointer;
	overflow: visible;
	width: auto;
	line-height: 1.618em;
	box-sizing: border-box;
	white-space: normal;
	font-weight: 200;
	text-transform: uppercase;
*/
	-webkit-box-shadow: 0 0 0 0 #888;
/*	border-radius: 3px; */
	-webkit-appearance: none;
}


.highlight_box {
	background: #eee;
	margin: 1em 0 1.5em 0;
	padding: 15px 20px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	color: #555;
	text-shadow: none;
	background-image: none;
	border-width: 0;
}

.entry table {
	border-spacing: 0;
	width: 100%;
	list-style-type: none;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: none;
	box-shadow: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	border-collapse: separate;
	margin-bottom: 1.5em;
	table-layout: auto;
}


.entry table td,
.entry table th {
	padding: 0em 0em .857em 0em;
	text-align: left;
	border-right: none;
	vertical-align: middle;
}
.entry table thead th {
	background: #fafafa;
	border-right: none;
	border-bottom: none;
	text-transform: uppercase;
	padding: 0px;
	vertical-align: middle;
}
.entry table tbody th {
	background: #fafafa;
	border-bottom: none;
}
.entry table tbody td {
	border-bottom: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

/* More Space Under Page Headings */
.page-title,
.post .title,
.page .title {
	margin: 0 0 1em;
}

.page .entry-content {
	background: white;
	
/*	padding: 0 0 0 50px;*/
}

@media only screen and (min-width: 768px) {
	.page .entry-content {
		padding: 0 50px;
	}
}


#payment .place-order {
	padding: 0;
}

.return-to-shop {
	display: none;
}

strong {
    font-weight: bold;
}

.type-page .entry-title {
	display: none;
}





/*
.four_columns ul {
	list-style: none;
/*	margin: 0 !important; */
/*	width: auto; */
/*
} 
*/

/* COLUMNS */
.two_columns ul {
	margin: 10px 10px 10px 0 !important;	
}

.two_columns li {
	display: inline-block;
	width: 47%;
	padding: .5em .5em .5em 0;
	vertical-align: top;
}

.two_columns li:last-child {
	padding: .5em 0;
}


.twocol_one {
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
	position: relative;
	width: 48%;
}

.last {
    clear: right;
    margin-right: 0;
}


.three_columns ul {
	margin: 10px 10px 10px 0 !important;	
}

.three_columns li {
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
	position: relative;
	width: 30.66%;
}
.three_columns li:last-child {
	margin-right: 0;
}

.threecol_two {
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
	position: relative;
	width: 65.33%;
}

.threecol_one {
	float: right;
	margin-right: 0;
	position: relative;
	width: 30.66%;
}


.four_columns ul {
	margin: 10px 10px 10px 0 !important;	
}

.four_columns li {
	display: inline-block;
	width: 22%;
	padding: .5em .5em;
	vertical-align: top;
}

.four_columns li:last-child {
	padding: .5em 0;
}









/*-----------------------------------------------------------------------------------*/
/* Appearance – WooCommerce */
/*-----------------------------------------------------------------------------------*/

.edit-link {
	display: none;
}

.single-product div.product {
	padding: 20px !important;
}

.single-product div.product .product_meta {
	display: none;
}

.related.products {
  display: none;
}

.storefront-breadcrumb {
	display: none;
}

.storefront-product-pagination {
	display: none;
}

.stock.in-stock { 
	display: none; 
}

.wcs-switch-link {
	display: none !important;
}

.woocommerce .summary h1.product_title {
	margin-top: .5em;
	margin-bottom: 1em;
}

.woocommerce .images {
	width:35%;
	margin-right:2%;
	float:left;
}
.woocommerce .summary{
	width:62%;
	float:right;
	margin-bottom:1.5em;
}

@media only screen and (max-width: 768px) {
	.woocommerce .images {
		width: auto;
		margin-right: 2%;
		float:left;
	}
	.woocommerce .summary {
		width: 100%;
		float:right;
		margin-bottom: 1.5em;
	}
}


.woocommerce .images img {
	border:5px solid #000;
	width: auto;
	height: auto;
}

.woocommerce .woocommerce_tabs, .woocommerce .woocommerce-tabs {
	clear: both;
	width: 57%;
	float: right;
	padding-top: 0;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
	background-color: #999988;
}


/*
button#place_order] {
	width: 84%;
}
*/

#payment .place-order .button {
	width: 90%;
}



/*-----------------------------------------------------------------------------------*/
/* Header */
/*-----------------------------------------------------------------------------------*/

.site-header {
    background: #f4ead5;
    border-bottom: 6px solid #000;
	margin-bottom: 0 !important;
	/*
	max-width: 66.4989378333em;
 	margin-left: auto;
 	margin-right: auto;
 	padding: 0 2.617924em;
 	box-sizing: content-box;
	*/
}


#masthead {
	max-width: 77%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2.617924em;}

/*
.site-header .col-full {
	   background-image: url('/wp-content/uploads/HGF_logo.png');
	   background-repeat: no-repeat;
}
*/

/*
.beta .site-title {
	display: none ;
}


.site-header .col-full .site-branding {
	display: none;
}
*/

/*
.site-branding {
	   background-image: url('/wp-content/uploads/HGF_logo.png');
	   background-repeat: no-repeat;
}
*/
	
.site-branding {
	width: auto;
	margin: 20px 0 0 0;
}

.site-header .col-full {
	font-size: 13px;
}

.site-search {
	display: none;
}

/*
.woocommerce-active .site-header .main-navigation {
	float: right;
}

.primary-navigation {
	float: right !important;
}
*/


.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
padding: .5em 1em;
}

.primary-navigation {
	margin-top: 20px;;
}

.primary-navigation li {
	background: white;
	font: 300 14px/1.2 "Cabin", sans-serif;
	height: 60%;
}

/* Big Game Special */
#menu-primary li#menu-item-10803 {
 	background-color: #368fd2;
	color: #fff;
}

/* Thanksgiving */
#menu-primary li#menu-item-11767 {
 	background-color: #d27136;
	color: white;
}

/* Farmer's Markets */
#header #navigation ul#main-nav li#menu-item-16250 {
/* background-color: #76be43; /* // Mill City Farmers Market */
 background-color: #72aedc; /* // Linden Hills Farmers Market */
}

/* - - - - CSS for Admin Bar is in hgf-admin plugin file - - - - */

/*
#wpadminbar li#wp-admin-bar-hgf_testing_mode  {
	background: red !important; 
}

#wp-admin-bar-hgf_testing_mode.ab-item .hgf_admin_bar_notice a {
	background: red !important;
}
*/

/* !!! This was off on revise, add it in? */
/* iPad and up */
@media only screen and (min-width: 768px) {


	#navigation { 
		float: right;
		width: 500px; 
		top: 0px;
		clear:none; 
		max-width: 550px; // This can be changed
	}

	#header-widget {
		float: right;
		width: 500px;
		margin-top: 10px;
	}

}

#logo img {
	padding-bottom: 30px;
}

@media only screen and (min-width: 568px) and (max-width: 1000px) {
	#logo {
	    width: 27%;
	    padding-top: 20px;	
	}

	#logo img {
	    width: 100%;
	}
}


/* iPad Mini and up */
@media only screen and (max-width: 768px) {
	#navigation {
		clear: both;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/*width: 100%;*/
		/*left: -80%;*/
		/*position: absolute;*/
		top: 0;
		min-height: 100%;
		margin-top: 1.75em;
		margin-bottom: 3em;
		font: 300 14px/1.2 "Cabin", sans-serif;
		background: #fff;
	}

	#header-widget {
		float: right;
		width: 330px;
		margin-top: 10px;
	}

}

/* Mobile Phones and up */
@media only screen and (max-width: 568px) {

	#header-widget {
		float: right;
		width: auto;
		margin-top: 10px;
	}

}

#header {
	width: auto;
	margin-bottom: 30px;
	padding: 10px 30px 0px;
	clear: both;
	position: relative;
	background-size: auto;
}

/* !!! Do I need this? */
#header-widget h5 {
	color: #000;
	line-height: 20px;
	font-family: "Bitter", Times, Georgia, serif;
	font-size: 18px;
}

/* !!! Do I need this? */
#main .post-meta {
	display: none;
}

/* Remove Author and Connect boxes below post */
#post-author {
	display: none;
}

.post-meta {
	display: none;
}


/* !!! Do I need this? */
.widget p {
	font: 13px/20px "Bitter", Times, serif;
	margin-bottom: 15px;
	line-height: 20px;
}

/* !!! Do I need this? */
.widget_recent_entries {
	list-style:none;
}

/* !!! Do I need this? */
.widget_recent_entries li {
	list-style:none;
}

.entry img,
img.thumbnail,
#portfolio .group.portfolio-img img {
	height: auto;
	padding: 0px;
	border: 0px;
	background: none;
	background: none;
}

.entry img,  {
	background: transparent;
}







/*-----------------------------------------------------------------------------------*/
/* Footer */
/*-----------------------------------------------------------------------------------*/


#connect p {
	font-family: Cabin;
	color: #555;
}

#colophon {
	margin: auto;
	border-top: 1px solid #dbdbdb;
}
	@media (pointer: fine) {
		#colophon {
			width: 82%;
		}
	}

.post-navigation {
	display: none;
}

footer.site-footer {
	padding: 0 !important;
    background-color: white;
	
}


/*-----------------------------------------------------------------------------------*/
/* Home Page */
/*-----------------------------------------------------------------------------------*/


article#post-17 .entry-content {
	padding: 2%;
}


.extra_helpings {
	display: block;
	height: 440px;
	background:  #009875;
	padding: 15px 40px;
	text-align: center;
}
	@media only screen and (max-width: 768px) {
		.extra_helpings {
			display: block;
			height: auto;
			background:  #009875;
			padding: 15px;
			text-align: center;
		}
	}



.extra_helpings p {
	color: #fff;
}

.extra_helpings h1 {
	color: #f4ead5;
}

.intro_paragraph {
	/*
	padding: 20px 30px;
	*/
    font-size: 24px;
    line-height: 1.5em;
    letter-spacing: .025em;
}

/*
.intro_paragraph ul{ 
	margin: 10px 10px 10px 0 !important;
}
*/

/*
.hgf_homepage_four_col_text {
	margin: 0px 30px;
}
*/

.how_it_works {
	background-color: #eee;
	padding-top: 30px;
/* 	padding: 30px 30px 0 30px; */
	text-align: center;
}

/*
@media only screen and (min-width: 768px) {
	.how_it_works {
		margin: 40px 50px 0 0;
	}
}

@media only screen and (min-width: 768px) {
	.how_it_works {
		margin: 40px 50px 0 0;
	}
}

*/


.how_it_works h3 {
	font-size: 32px;
}

.how_it_works h4 {
  	padding-bottom: 10px;
}

.how_it_works p {
	font-size: 13px;
	text-align: left;
}

.how_it_works ul {
	margin: 10px 10px 10px 0 !important;
}

.pricing {
	background:  #000;
	border: 8px solid #000;
	padding: 50px !important;
	outline: 1.5px dashed #f4ead5;
	outline-offset: -12px;
	font-family: "Bitter", serif !important;
	font-size: 24px;
	color: #fff;	
	display: block;
	height: 75px;
	text-align: center;
	line-height: 1.6em;
}
	@media only screen and (max-width: 768px) {
		.pricing {
			display: table-cell;
		}
	}


.pricing a:hover, 
.pricing a:active {
	color: #009875 !important;
}

.silver-button {
	color: #444 !important;
	text-shadow: 0 1px #fff;
	background: #d8d8d8;
}


.whats_cooking {
	background: url(images/provisions_50.png) no-repeat 50% 50%;
	background-size: cover;
	border: 8px solid #000;
	padding: 50px !important;
	/* border: 2px dashed #009875; */
	/* float: center; */
	font-family: "Bitter", serif !important;
	font-size: 24px;
	display: block;
	height: 75px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.6em;
}
	@media only screen and (max-width: 768px) {
		.whats_cooking {
			display: table-cell;
		}
	}

	@media only screen and (max-width: 768px) {
		#wrapper .woo-sc-button {
			white-space: normal;
			display: center;
			text-align: center;
			float: center;
		}
	}



/*-----------------------------------------------------------------------------------*/
/* About */
/*-----------------------------------------------------------------------------------*/

/* About Me */
.about_me {
	background:  #000;
	padding: 25px !important;
	outline: 1.5px dashed #f4ead5;
	outline-offset: -12px;
}

.about_me img {
	margin-right: 25px;
}

.about_me h2 {
	color: #f4ead5;
}

.about_me p {
	color: #ddd;	
	text-align: left;
}

/* Partner Logos */
.partners td {
	width: 33%;;
	margin: 20px;
	padding: 10px 0 !important;
	vertical-align: middle;
}

.partners tr {
	display: flex;
	vertical-align: middle;
}

.partners img {
	max-height: 110px;
}

/* Press Logos */
.press_col_1 img {
	padding: 20px 0;
	max-width: 200px;
}

.press_col_2 img {
	padding: 10px;
	max-width: 130px;
}


/*-----------------------------------------------------------------------------------*/
/* How It Works */
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) {
	
	/*
	.storefront-full-width-content .content-area {
	    margin-top: -30px;
	    background: url(images/provisions_50.png) no-repeat 50% 50%;
	    background-color: #f6f4f1;
	}
	*/
	
	#homegrown_foods_howitworks_content {
	    border: 6px solid #000;
	    outline: 2px solid #000;
	    background: #fff;
	    outline-offset: -16px;
	    padding: 50px;
	    margin: 0px 100px;
	}
	
}


.non-semantic-protector {
    position: relative;
    z-index: 1;
}

.orderform-container {
    border: 6px solid #BBB8B1;
    outline: 2px solid #BBB8B1;
    background: #fff;
    outline-offset: -16px;
    padding: 0 0 50px 0;
    margin: 10px 0px;
}


.orderform-container p {
    font-family: Bitter !important;
    font-weight: bold !important;
    font-size: 16px !important;
    color: #000 !important;
    margin: 20px !important;
}



article#post-59744 .entry-content {
    margin-top: -30px;
    background: url(images/provisions_50.png) no-repeat 50% 50%;
    background-color: #f6f4f1;
}



.ribbon {
	font-size: 28px !important;
	/* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

	width: 50%;
	left: -20px;  
	position: relative;
	background-color: #7f7c7c !important;
	/*
	color: #fff;
	*/
	text-align: center;
	padding: .25em 3.5em; /* Adjust to suit */
	margin: .75em auto .75em !important; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
	content: "";
	position: absolute;
	display: block;
	bottom: -.5em;
	border: 1em solid #53504f;
	z-index: -1;
}
.ribbon:before {
	left: -.5em;
	border-right-width: .875em;
	border-left-width: thick;
	border-left-color: transparent;
}
.ribbon:after {
	right: -.5em;
	border-left-width: .875em;
	border-right-width: thick;
	border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
	bottom: -.5em;
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: .5em 0 0 .5em;
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: .5em .5em 0 0;
}

ul.hgf_bullets {
	list-style: square !important;
	padding: 0 40px !important;
}

.hgf_bullets li {
	padding-bottom: 10px;
}


/*-----------------------------------------------------------------------------------*/
/* Thanksgiving */
/*-----------------------------------------------------------------------------------*/

.t-day { 
	position: relative; 
	width: 100%; /* for IE 6 */
}

.t-day h2 { 
	position: absolute; 
	top: 200px; 
	left: 0; 
	width: 100%; 
}

.t-day h2 span { 
	color: white; 
	font: bold 24px/45px Helvetica, Sans-Serif; 
	letter-spacing: -1px;  
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
	padding: 10px; 
}

.t-day h2 span.spacer {
	padding:0 5px;
}

.woo-sc-box.normal span.box_intro {
	font-size: 16px;
}

.woo-sc-box.normal span.box_text {
	line-height: 1.7;
}






/*-----------------------------------------------------------------------------------*/
/* Emails */
/*-----------------------------------------------------------------------------------*/

.hgf_emails {
	background: #505050;
	padding: 10px;
	color: #fff; 
	/*	display: block; */
	font-family: Bitter, sans-serif;
	font-size: 16px; 
	text-transform: uppercase; 
	font-weight: normal; 
	margin-top: 10px; 
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0; 
	text-align: left;
	line-height: 150%;
	text-decoration: none;
}

.hgf_emails a:link {
	text-decoration:none;
	font-weight: bold;
	color:#000;
}

.hgf_emails a:hover {
	color:#009875;
}







/*-----------------------------------------------------------------------------------*/
/* Gift Certificates */
/*-----------------------------------------------------------------------------------*/

a:link,
a:visited,
#loopedSlider a.flex-prev:hover,
#loopedSlider a.flex-next:hover {
	text-decoration: none;
}

.col-full-giftcards {
	margin-top: -30px;
	background: url(images/BKGD_cross_cream.jpg) repeat 50% 50%;
	background-color: #F8F8F5;
}

article#post-1690 .entry-content {
	margin-top: -30px;
	background: url(images/BKGD_cross_cream.jpg) repeat 50% 50%;
	background-color: #F8F8F5;
}



fieldset {
	float: center;
	padding: 0 !important;
	margin-top: 0 !important;
}

.main-sidebar-container-sub {
	border: 6px solid #000;
	outline: 2px solid #000;
	background: #fff;
	outline-offset: -16px;

} 

	@media only screen and (min-width: 768px) {
		.main-sidebar-container-sub {
			padding: 50px;
			margin: 0px 100px;
		}
	}
/*
.postid-1979 .woocommerce .summary table.variations {
	width: 100%;
	border: 0px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 1em;
}

.postid-1979 .woocommerce .summary table.variations tr td {
	border: 0;
	padding: 0.857em 0em;
	border-right: 1px dotted rgba(0, 0, 0, 0.1);
	text-align: left;
	vertical-align: top;
}

*/

.product-title, 
.single_variation {
	font-family: "Bitter", serif;
	font-weight: bold;
	color:#000;
	font-size: 24px;
	margin: 1em 0;
}

.single_variation {
	font-size: 18px;
}

.term-description {
	margin-bottom: 1em;
}

ul.products li.product img {
	width: 100%;
	height: auto;
	display: block;
	background: 0;
	padding: 0;
	border: 0;
}

ul.products li.product .price {
	color: #000;
}
	@media only screen and (min-width: 768px) {
		ul.products li.product {
			clear: none;
			width: 29%;
			margin-right: 3.8%;
		}
	}


.variation_description {
	text-align: left;
}

.variations .radio {
	text-align: left;
	margin: 1em 0 .1em 0;
}






/*-----------------------------------------------------------------------------------*/
/* Map of Delivery Area */
/*-----------------------------------------------------------------------------------*/

.input-color {
	position: relative;
}

.input-color input {
	width: 100%;
	padding-left: 30px;
	border: none;
}

.input-color textarea {
	margin-bottom: 0px
}

.input-color p {
	margin-bottom: 0px
}

.input-color .color-box {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-color: #ccc;
	position: absolute;
	left: 5px;
	top: 7px;
}






/*-----------------------------------------------------------------------------------*/
/* Notifications */
/*-----------------------------------------------------------------------------------*/

.timeoff {
    position: relative;
    z-index: 1;
	text-align: center;
	vertical-align: middle;
	padding: 0 50px 50px 50px;
/*	margin: 0 0 30px 0; */
	line-height: 1.6em;
	margin-bottom: 20px !important;
	
}


.timeoff .background {
  	position: absolute;
  	z-index: -1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	background: url(images/provisions_25.png) no-repeat 100% 25%;
  	background-size: cover;
  	opacity: .5;
  	width: 100%;
  	height: 100%;
}

.timeoff h3 {
	font-size: 24px;
	background-color: #ddd; /* Light Gray */
	padding: 15px;
}

.timeoff p {
	color: #000000;
	margin: 10px;
	font-size: 16px;
}

.cancelled_feedback {
	background: #EDEDE5;
	padding: 30px;
	border: #009875 dotted 2pt;
	text-align: center;
	margin: 0 0 20px 0;
	font-size: large;	
	line-height: 1.7em;
}

.cancelled_feedback textarea {
	width: 90%;
	margin: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.thankyou {
	padding: 50px 0;
	text-align: center;
}

.thankyou h3 {
	font-size: 2vw;
}

.sitewide_notification {
	background: #EDEDE5;
	padding: 25px 0 10px 0;
	text-align: center;
	/*	
	border-top: #009875 dotted 2pt;
	border-bottom: #009875 dotted 2pt; 
	margin: 0 0 20px 0;
	*/
}

.sitewide_notification p {
	font-size: 14px;
}

/*
.sitewide_notification textarea {
	width: 90%;
	margin: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/




/*-----------------------------------------------------------------------------------*/
/* MENU GENERATOR */
/*-----------------------------------------------------------------------------------*/


/* - - - - Admin  - - - - - - - - - - - - - - - - - - */



/* - - - - Preview Default Menu  - - -  - - - - - - - */

/*
@media only screen and (min-width: 768px) {
	.data_block {
		margin: 0 50px 0 0;
	}
}
*/

.hgf_features_preview table {
  text-align: left;
  position: relative;
  border-collapse: collapse; 
}

.hgf_features_preview th {
  background: green;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.hgf_features_preview td {
	/*width: 50px; */
	padding: 5px;
	font-size: 12px;
	border: .5px solid gray;
}

.hgf_features_preview td:nth-child(1){
     width: 200px;
}

.preview_menu li {
	width: 15%;
	display: inline-block;
	padding: 0 1em 0 0;
	vertical-align: top;
	margin-bottom: 30px;	
}

.preview_menu .front_title {
	font-size: 12px;
	line-height: 150%;
	padding-bottom: 20px;
	text-align: left;
}

.preview_menu .description_block {
	height: 25px;
}

.preview_menu .single_feature_block {
    position: unset;
    bottom: unset;
}

.preview_menu .single_feature_block img{
    height: 18px;
}

.preview_menu .time_block {
    position: unset;
    bottom: unset;
	float: none;
}


	


/* - - - - Home Page  - - - - - - - - - - - - - - - - */

#hgf_home_menu {
	width: auto;
	height: auto;
	padding: 0.3em 0.3em 0.3em 0;
/*	margin: 20px 0px; */
	list-style-type: none;
}
	@media only screen and (max-width: 768px) {
		#hgf_home_menu {
			text-align: center;
		}
	}

.hgf_home_header {
	font-family: "Cabin", sans-serif;
	font-weight: "bold";
	font-size: 28px;
	color: #fff;
	padding: 12px 12px;
	background: #000;
}
	@media only screen and (max-width: 568px) {
		.hgf_home_header {
			font-size: 20px;
		}
	}
	@media only screen and (max-width: 768px) {
		.hgf_home_header {
			text-align: center;
			float: center;
		}
	}
	
#hgf_home_menu .hgf_home_header a {
	color: #009875;
	font-size: 30px;
}
	@media only screen and (max-width: 568px) {
		#hgf_home_menu .hgf_home_header p {
			 padding: 0; 
			 color: #777;
		}
	}
	@media only screen and (max-width: 768px) {
		.hgf_home_header a {
			text-transform: uppercase !important; 
			color: #f4ead5;
			padding-right: 10px !important;
		}
		.hgf_home_header a.button {
			text-align: center;
			float: center;
		}
		.hgf_home_header_right, .hgf_home_header_left {
			display: block;
		}
	}
	
	
#hgf_home_menu .hgf_home_header a:hover {
	color: #fff;
}

.type-single_menu {
	margin: 50px;
}


.hgf_home_header_left {
	width: 60%;
	display: inline-block;
	line-height: 110%;
 	padding-left: 12px;
	/* IE 7 hack */
	*zoom:1;
	*display: inline;
	vertical-align: middle;
}

/* !!! Is this needed? */
	@media (min-width: 1025px) {
		.hgf_home_header_right {
			float: right;
		}
	}
	
.hgf_home_header_right {
	display:inline-block;
	/* IE 7 hack */
	*zoom:1;
	*display: inline;
	vertical-align: middle;
	position: relative;
}
	@media only screen and (max-width: 1200px) {
		.hgf_home_header_left {
			width: auto;
		}
		.hgf_home_header_right {
			width: inherit;
			padding: 10px;
			border-left: none;
			vertical-align: middle;
			text-align: center;
			position: inherit;
			float: center;
		}
	}


.hgf_home_header_right a {
	text-transform: uppercase; 
	font-size: 50% !important;
	color: #f4ead5;
	padding-right: 10px;
}

.hgf_home_header_right a:hover, 
.hgf_home_header_right a:active {
	color: #009875;
}
	@media only screen and (max-width: 768px) {
		.hgf_home_header_right, .hgf_home_header_left {
			display: block;
		}
	}

.hgf_home_dishes {
	border: 6px solid #000;
	background: #f4ead5;
	padding: 50px;
	float: center;
	width: auto;
	padding:0.6em 0.6em 0.6em 0;
	list-style-type: none;
	text-align: center;
}
	@media only screen and (max-width: 768px) {
		.hgf_home_dishes {
			border: 6px solid #000;
			outline: 2px solid #000;
			background: #f4ead5;
			outline-offset: -16px;
			padding: 50px;
			float: center;
			width: auto;
			padding:0.6em;
			list-style-type: none;
			text-align: center;
		}
	}

.hgf_home_dishes img {
	height: auto;
}

.hgf_home_dishes ul {
	width: auto;
	list-style-type: none;
}
	@media only screen and (max-width: 768px) {
		.hgf_home_dishes ul {
			width: auto;
			list-style-type: none;
		}
	}

.hgf_home_dishes li {
	display: inline-block;
	width: 29%;
	padding: 1em 1em;
	border: 2px solid #000;
	vertical-align: top;
}
	@media only screen and (min-width: 568px) and (max-width: 1000px) {
		.hgf_home_dishes li {
			padding: .25em .25em;
		}
	}
	@media only screen and (max-width: 768px) {
		.hgf_home_dishes li {
			width: auto;
			display: block;
			vertical-align: middle;
			padding: 1em 1em;
			border-bottom: 2px solid #000;
		}
		.hgf_home_dishes li:last-child {
			border: none;
		}
	}



.hgf_home_dishes a:hover, 
.hgf_home_dishes a:active {
	color: #009875;
}


/* Go-To Dinners */

.goto_box {
	background: url(images/gingham-black.png) 50% 50%;
/* !!! 
	margin: 0px 13px;
*/
/*	
	padding: 20px;
*/
	
}



.goto_box li {
	display: inline-block;
	width: 29%;
	padding: 1em 1em;
	border: 2px solid #000;
	vertical-align: top;
}
	@media only screen and (max-width: 568px) {
		.goto_box 
		li:first-child:nth-last-child(1), 
		li:first-child:nth-last-child(2),
		li:first-child:nth-last-child(2) ~ li,
		li:first-child:nth-last-child(3),
		li:first-child:nth-last-child(3) ~ li,
		li:first-child:nth-last-child(4),
		li:first-child:nth-last-child(4) ~ li,
		li:first-child:nth-last-child(5),
		li:first-child:nth-last-child(5) ~ li,
		li:first-child:nth-last-child(6),
		li:first-child:nth-last-child(6) ~ li {
		  width: auto !important;
		  display: block;
		}
	}
	
.goto_box .hgf_home_dishes li {
	border: none !important;
}

.goto_introtext {
	color: white;
	text-align: center;
	/*
	padding: 0 20px 20px 20px;
	*/
}

.goto_header {
	font-weight: bold;
	font-size: 18px;
}

.goto_body {
	font-size: 13px;
	padding-top: 20px;
	color: #ccc;
}

.goto_box .front_title a {
	color: white;
}



.description_block {
/*	padding: 10px; */
	display:inline-block;
	/* IE 7 hack */
	*zoom:1;
	*display: inline;
	vertical-align: middle;
	position: relative;
	text-align: left;
}
	@media only screen and (min-width: 768px) {
		.description_block {
			height: 225px;
		}
	}

	
.dish_features {
	font-size: 14px;
  	display: inline;
	height: auto;
	display: flex;
}

.dish_features img {
	width: 15px;
	margin-top: 10px;
  	opacity: .75;
}

.dish_product_features {
	font-size: 10px;
	text-transform: uppercase;
  	display: inline;
	height: auto;
	display: flex;
}

.dish_product_features img {
	width: 20px;
	margin-top: 10px;
  	opacity: .75;
}


.front_subtitle {
	color: white;
	/*    color: #bbb; */
    font-size: 13px;
	text-align: center;
}

	@media only screen and (min-width: 568px) and (max-width: 1000px) {
		.front_title a {
			font-size: 12px;
		}
	}

.front_title {
	font-family: "Bitter", serif;
	font-size: 16px;
	line-height: 115%;
	text-align: center;
	height: 20px;
/*  margin: 20px 0 0 0; */
}

.front_title, a:link, a:visited {
	font-weight: 600;
}

.front_title, a:hover {
	font-weight: 600;
}



.featured_marks {
	font-family: "Bitter", serif;
	font-size: 9px
	text-transform: uppercase;
}

.hgf_home_dishes .description_block {
	height: 175px;
}

.hgf_home_dishes .short_description {
	font-size: 12px;
}

.nutrition_data {
    font-size: 50%;
}

.nutrition_product_page {
	font-family: "Cabin", sans-serif;
    font-size: 13px;
    margin-bottom: 1em;
    letter-spacing: .5px;
    color: #aaa;
}



.short_description {
	font-family: "Cabin", sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #000;
	margin: 0px 0px 10px;
}
	@media only screen and (min-width: 568px) and (max-width: 1000px) {
		.short_description {
			height: 150px;
			overflow: scroll;
			font-size: 10px !important;
		}
	}


.single_feature {
	margin: 0 5px 5px 0;
}

.hgf_home_dishes img.single_feature  {
	width: 20px;
	height: 20px;
}


.single_feature_block {
	float: left;
	clear: left;	
	display: flex;
}
	@media only screen and (min-width: 768px) {
		.single_feature_block {
			float: left;
			clear: left;	
			position: absolute;
			bottom: 10px;
		}
	}


.time {
	font-weight: bold;
	font-family: "Cabin", sans-serif;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
	.time_block {
	  position: absolute;
	  bottom: 10px;
	  right: 10px;
	}
}
@media only screen and (min-width: 768px) {
	.time_block {
		position: absolute;
   		bottom: -10px;	
	}
}


.time_block {
	float: right;
	vertical-align: bottom;
}


.time_product_page {
	font-weight:bold;
	font-family: "Cabin", sans-serif;
	color:#000;
	font-size:16px;
	text-transform:uppercase;
}












/* - - - - Menus Page  - - - - - - - - - - - - - - - */

.hgf_menu_page {
	border: 6px solid #000;
	background: #f4ead5;
/*	
	margin-right: 50px;
*/	
	float: center;
	width: auto;
	padding:0.6em 0.6em 0.6em 0;
	list-style-type: none;
	text-align: center;
}

.hgf_menu_page .front_title {
	font-size: 14px;
}


.hgf_menu_page img {
	height: auto;
}

.hgf_menu_page img.single_feature  {
	max-width: 100%;
	max-height: 100%;
}

.hgf_menu_page .single_feature_block  {
	height: 20px;
	width: auto;;
}

.hgf_menu_page .time {
	font-size: 12px;
}
	@media only screen and (min-width: 568px) and (max-width: 1000px) {
		.hgf_menu_page .single_feature_block {
		 	height: 18px;
	     	float: none;
	     	clear: none;
		}
		.hgf_menu_page .time_block {
			position: inherit;
			bottom: inherit;
			right: inherit;
			float: none;
		}
		.hgf_menu_page .time {
			font-size: 9px;
		}
	}


.hgf_menu_page_mainblock {
	width: 80%;
}
	@media only screen and (max-width: 768px) {
		.hgf_menu_page_mainblock {
			width: 100%;
		}
	}

.hgf_menu_page_mainblock li {
	float: left;
	display: inline-block;
	padding: 1%;
	width: 28%;
}

.hgf_menu_page_gotoblock {
	width: 24%;
	display: inline-block;
	background: url(images/gingham-cream.png);
}
	@media only screen and (max-width: 568px) {
		.hgf_menu_page_gotoblock {
			width: 100%;
		}
	}

.hgf_menu_page_gotoblock span {
	background: #555;
	color: white;
	padding: 2px 4px;
	font-size: 10px;
	letter-spacing: 1.5px;
	text-align: center;
}



.hgf_menu_page_gotoblock li {
	float: right;
	display: inline-block;
	padding: 2.5%;
/*	
	padding: 1em 1em;
*/
}
	@media only screen and (max-width: 568px) {
		.hgf_menu_page_mainblock, .hgf_menu_page_gotoblock 
		li:first-child:nth-last-child(1), 
		li:first-child:nth-last-child(2),
		li:first-child:nth-last-child(2) ~ li,
		li:first-child:nth-last-child(3),
		li:first-child:nth-last-child(3) ~ li,
		li:first-child:nth-last-child(4),
		li:first-child:nth-last-child(4) ~ li,
		li:first-child:nth-last-child(5),
		li:first-child:nth-last-child(5) ~ li,
		li:first-child:nth-last-child(6),
		li:first-child:nth-last-child(6) ~ li {
		  width: auto !important;
		}
	}
	@media only screen and (min-width: 568px) and (max-width: 1000px) {
		.hgf_menu_page_gotoblock span {
			font-size: 7px;
		}
		/*
		.hgf_menu_page_gotoblock li {
			padding: .5em .75em;
		}
		
	
		.hgf_menu_page_gotoblock li:first-child {
			padding-bottom: 18px;
		}
		*/
	}
	


.hgf_menu_page_gotoblock .front_subtitle {
	color: #555;
	text-align: center;
/*	margin-top: -10px; */
	line-height: 1.25em;
}
	@media only screen and (min-width: 568px) and (max-width: 1000px) {
		.hgf_menu_page_gotoblock .front_subtitle {
			font-size: 10px;
			margin-bottom: -10px;	
		}
	}
	@media only screen and (min-width: 568px) and (max-width: 1000px) {
		.hgf_menu_page_gotoblock .short_description {
			height: 100px;
		}
	}
	














/* - - - - My Home Page / Account Area  - - - - - - - */



.hgf_account_dishes li {
	width: 30%;
	display: inline-block;
	padding: 0 1em 0 0;
	vertical-align: top;	
	
	/*This was at bottom before */
	margin-bottom: 15px;
	
}

.hgf_account_dishes ul {
	margin: 10px 10px 10px 0 !important;
}

/* one item */
.hgf_account_dishes li:first-child:nth-last-child(1) {
  width: 100%;
}

/* two items */
.hgf_account_dishes li:first-child:nth-last-child(2),
.hgf_account_dishes li:first-child:nth-last-child(2) ~ li {
  width: 45%;
}

/* three items */
.hgf_account_dishes li:first-child:nth-last-child(3),
.hgf_account_dishes li:first-child:nth-last-child(3) ~ li {
  width: 29.5%;
}

/* four items */
.hgf_account_dishes li:first-child:nth-last-child(4),
.hgf_account_dishes li:first-child:nth-last-child(4) ~ li {
  width: 21%;
}

/* five items */
.hgf_account_dishes li:first-child:nth-last-child(5),
.hgf_account_dishes li:first-child:nth-last-child(5) ~ li {
  width: 18%;
}

/* six items */
.hgf_account_dishes li:first-child:nth-last-child(6),
.hgf_account_dishes li:first-child:nth-last-child(6) ~ li {
  width: 14%;
}

/* seven items */
.hgf_account_dishes li:first-child:nth-last-child(7),
.hgf_account_dishes li:first-child:nth-last-child(7) ~ li {
  width: 14%;
}



.hgf_myhome_dishes {
	border: 6px solid #000;
	background: #f4ead5;
	padding: 50px;
	float: center;
	width: auto;
	padding:0.6em 0.6em 0.6em 0;
	list-style-type: none;
	text-align: center;
	margin-bottom: 20px;
}

/*
	@media only screen and (max-width: 568px) {
		.hgf_account_dishes li {
		    margin-bottom: 75px !important;
		}
		/* one item */
/*		.hgf_account_dishes, .hgf_home_dishes 
		li:first-child:nth-last-child(1), 
		li:first-child:nth-last-child(2),
		li:first-child:nth-last-child(2) ~ li,
		li:first-child:nth-last-child(3),
		li:first-child:nth-last-child(3) ~ li,
		li:first-child:nth-last-child(4),
		li:first-child:nth-last-child(4) ~ li,
		li:first-child:nth-last-child(5),
		li:first-child:nth-last-child(5) ~ li,
		li:first-child:nth-last-child(6),
		li:first-child:nth-last-child(6) ~ li {
		  width: 100%;
		}
*/		
/*		.hgf_account_dishes li:first-child:nth-last-child(3),
	 	.hgf_account_dishes li:first-child:nth-last-child(3) ~ li {
	 	  width: 29% !important;
	 	}
/*		.hgf_account_dishes li:first-child:nth-last-child(6),
		.hgf_account_dishes li:first-child:nth-last-child(6) ~ li {
		  width: 98%;
		}
	}
	*/

/*
	@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
		.hgf_account_dishes li:first-child:nth-last-child(2), 
		.hgf_account_dishes li:first-child:nth-last-child(2) ~ li {
		    width: 30% !important;
		    display: inline-block;
		}
		.hgf_account_dishes li:first-child:nth-last-child(6),
		.hgf_account_dishes li:first-child:nth-last-child(6) ~ li {
		 	width: 14%;
		}
	}
*/

	@media screen and (min-width: 981px) {
		.hgf_myhome_menus {
		    height: 100vh;
		    overflow: scroll;
		}
	}

/*Integrated this above 
.hgf_account_dishes li{
	margin-bottom: 15px;
}
*/

div[class^="user_changed_defaults_"] {
	color: green;
	text-transform: uppercase;
	display: none;
}
	

	/* - - - - Checkout Page  - - - - - - - - - - -  - - */
	


	.hgf_checkout_page_mainblock {
		width: 75%;
	}
	/* !!! This is in updated CSS,is it needed? */
	/*	@media only screen and (min-width: 568px) and (max-width: 1024px) {
			.hgf_checkout_page_mainblock {
			    width: 100%;
			}
		}
	*/
		@media only screen and (max-width: 568px) {
			.hgf_checkout_page_mainblock {
				width: 100%;
			}
		}


	.hgf_checkout_page_mainblock ul {
		columns: 4;
	}

	.hgf_checkout_page_mainblock li {
		float: left;
		display: inline-block;
		width: 28.5%;
/*		height: 300px; */
		padding: 0 1em 0 0;
	}

	.hgf_checkout_page_gotoblock {
		width: 25%;
		display: inline-block;
	}
		@media only screen and (max-width: 568px) {
			.hgf_checkout_page_gotoblock {
				width: 100%;
			}
		}

	.hgf_checkout_page_gotoblock li {
		width: 90% !important;
		float: left;
		display: inline-block;
	}
	
	article#post-7 .hgf_checkout_page_mainblock li {
		height: 300px;
	}
	article#post-7 .hgf_checkout_page_gotoblock li {
		height: 300px;
	}
	
	article#post-8 .hgf_checkout_page_mainblock li {
		height: 300px !important;
	}

	article#post-8 .hgf_checkout_page_gotoblock li {
		height: 300px !important;
	}

	/*High-Res iPads */
	@media only screen and (min-width: 2000px)  { 
		article#post-8 .hgf_checkout_page_gotoblock li {
			height: 500px !important;
		}
		article#post-8 .hgf_checkout_page_mainblock li {
			height: 500px !important;
		}
		
		article#post-7 .hgf_checkout_page_gotoblock li {
			height: 500px !important;
		}
		article#post-7 .hgf_checkout_page_mainblock li {
			height: 500px !important;
		}
		
		.dish_details {
		    zoom: 1.5; 
		    -moz-transform: scale(1.5); 
		    -moz-transform-origin: 0 0;
			
		}
	}
	
	@media only screen and (max-width: 720px) and (orientation: portrait ) {
		article#post-8 .hgf_checkout_page_gotoblock li {
			height: auto !important;
		}
		article#post-8 .hgf_checkout_page_mainblock li {
			height: auto !important;
		}
		
		article#post-7 .hgf_checkout_page_gotoblock li {
			height: auto !important;
		}
		article#post-7 .hgf_checkout_page_mainblock li {
			height: auto !important;
		}
		
	}
	
		

	
	

		@media only screen and (max-width: 568px) and (orientation: landscape) {
			.hgf_checkout_page_mainblock, .hgf_checkout_page_gotoblock 
			li:first-child:nth-last-child(1), 
			li:first-child:nth-last-child(2),
			li:first-child:nth-last-child(2) ~ li,
			li:first-child:nth-last-child(3),
			li:first-child:nth-last-child(3) ~ li,
			li:first-child:nth-last-child(4),
			li:first-child:nth-last-child(4) ~ li,
			li:first-child:nth-last-child(5),
			li:first-child:nth-last-child(5) ~ li,
			li:first-child:nth-last-child(6),
			li:first-child:nth-last-child(6) ~ li {
			  width: 100% !important;
			  margin-bottom: 120px;
			}
			.hgf_checkout_dishes li:first-child:nth-last-child(14),
			.hgf_checkout_dishes li:first-child:nth-last-child(14) ~ li {
			    width: 93% !important;
			}
		}
/*		@media only screen and (min-width: 568px) and (max-width: 1024px) {*/
		@media only screen and (max-width: 568 px) {
			.hgf_checkout_page_mainblock {
			    width: 100%;
			}
			.hgf_checkout_page_mainblock li:first-child:nth-last-child(6), 
			.hgf_checkout_page_mainblock li:first-child:nth-last-child(6) ~ li {
			    width: 30% !important;
				margin-bottom: 60px;
			}
			/*
			.hgf_checkout_page_mainblock li:first-child:nth-last-child(6),
			.hgf_checkout_page_mainblock li:first-child:nth-last-child(6) ~ li {
			 	width: 43%;
				} */
	
			.hgf_checkout_page_gotoblock {
			    width: 100%;
			}
			.hgf_checkout_page_gotoblock li:first-child {
				padding-bottom: none;
			}
			.hgf_checkout_dishes li:first-child:nth-last-child(14), 
			.hgf_checkout_dishes li:first-child:nth-last-child(14) ~ li {
			    width: 18% !important;
			}
		}
	
		.hgf_checkout_page_mainblock li:first-child:nth-last-child(6),
		.hgf_checkout_page_mainblock li:first-child:nth-last-child(6) ~ li {
		  width: 30%;
		}

		.hgf_checkout_page_mainblock li:first-child:nth-last-child(7),
		.hgf_checkout_page_mainblock li:first-child:nth-last-child(7) ~ li {
		  width: 30%;
		}


	

	.hgf_checkout_dishes li {
		width: 20%;
		display: inline-block;
		padding: 0 1em 0 0;
		vertical-align: top;	
	}

	/*
	/* fourteen items */
	.hgf_checkout_dishes li:first-child:nth-last-child(14),
	.hgf_checkout_dishes li:first-child:nth-last-child(14) ~ li {
	  width: 12%;
	}
	*/



/*-----------------------------------------------------------------------------------*/
/* CHECKOUT */
/*-----------------------------------------------------------------------------------*/


.active_menu {
	padding: 0 !important; 
	padding-top: 0; 
	border: 0;
	margin: 0;
	margin-bottom: 0; 
	margin-top: 0; 
	display: block;
	width: 100%;
}

input[name="next"].action-button {
	background-color: white;
}


form.checkout{
	position:static!important
	}

form.checkout::after,
form.checkout::before {
	content:''; display:table
	}
form.checkout::after{
	clear:both
	}
form.checkout>.blockUI{
	position:fixed!important
}


.blockUI::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f110";
    -webkit-animation: fa-spin 0.75s linear infinite;
    animation: fa-spin 0.75s linear infinite;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
}

.blockUI {
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    opacity: 0.6;
    cursor: default;
    position: absolute;

}



div[id^="change_button"] {
	display: inline;
}


	@media only screen and (min-width: 568px) {
		.customer_menu {
			float: none;
			width: 100%;
		}
		.customer_menu h3 {
			display: block; 
		}
	}
div[class^="customer_menu"] h3, .customer_menu h3 {
	display: inline; 
	padding-right: 20px;
}


.clickable, label, [type='button'], [type='submit'], 
[type='reset'], button, [role="button"], a {
	cursor: pointer;
}

.custom_menu_desc {
	font-size: 13px;
	
}

	article#post-8 .custom_menu_desc li {
		height: 3em;
	}

	article#post-7 .custom_menu_desc li {
		height: 5em;
	}


.delivery_selection, 
.preferences_selection,
.frequency_selection,
.defaults_selection {
	font-weight: bold;
}

.field {
	position: relative;
	margin-bottom: 1rem;
}

.field span {
	font-size: 12px;
}

	@media only screen and (min-width: 568px) and (max-width: 1024px) {
		.float_2up {
			float: none;
			width: auto;
		}
	}
	
.form-row.woocommerce-invalid .input-text, .form-row.woocommerce-invalid .chzn-single {
	border-color: #009875;
}

	@media only screen and (min-width: 1025px) {
		.form_2up {
		    float: left;
		    width: 50%;
		}
	}

div[id^="form_show_"], #form_show {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.image_container {
    position: relative;
    text-align: center;
}

	@media only screen and (min-width: 1000px){
		.inlineheader h3 {
			display: inline; 
			padding-right: 20px;
		}
	}

.inlineheader {
	text-align: center;
	padding-bottom: 20px;
}

.inlinefooter {
	text-align: right;
	margin-top: -20px;
	margin-right: 30px;
}

#return_to_site {
    padding: 8px;
	background: #ddd;
}

/*
.inlinefooter #cancel_button {
    padding: 8px;
    margin-left: 15px;
}
*/


.inlinefooter span.footer_verbage {
	float: left;
}

div[class^="footer_pricing_"] {
	color: black;
	font-size: 18px;
	font-weight: bold;
/*	float: left; 
	margin: 20px 0 0 0; */
}
	@media only screen and (max-width: 568px) {
		/*
		.inlinefooter span.footer_pricing {
			font-size: 18px;
			float: left;
		}
		*/
		#return_to_site {
		    float: left;
		    margin: 10px 0;
			background: #ddd;
		}
		/*
		.inlinefooter #cancel_button {
		    float: left;
		    margin: 10px 0;
		}
		*/
		#save_button {
		    margin: 10px;
		}
	}
	

.meal_selection {
	position: relative;
}

.meal_selection img {
	width: 100%;
}

input[class^="meal_selection_names"]  { 
	position: absolute; 
	bottom: 10px;
	left: 10px;
	zoom: 1.5;
	opacity: .5;
}

.meal_selection .goto_meal_ids,
.meal_selection .goto_meal_one_ids,
.meal_selection .goto_meal_two_ids {
	position: absolute;
	z-index: 1;
	width: 90px; 
	bottom: 10px;
	right: 5px;
	zoom: 1.5;
	opacity: .5;
	font-size: 8px;
	background-color: white;
}

	@media only screen and (max-width: 1048px) {
		.meal_selection .goto_meal_ids, 
		.meal_selection .goto_meal_one_ids, 
		.meal_selection .goto_meal_two_ids {
			width: 40px;
		}
	}


div[class^="meal_selection_qty_"] {
	position: absolute;
    bottom: -30px;
    right: 0;
/*	zoom: 1.5; */
	opacity: 0;
/*	font-size: 8px; */
}

div[class^="meal_selection_qty_"] select {
   border: none;
   font-size: 14px;
   background: gray; /* #addbbe */ /*#e1f1c0 */ /* #c1ded7 */
   color: white;
   -webkit-appearance: none;
   -webkit-border-radius: 0px;
   font-family: Cabin;
   padding: 1px 25px 1px 10px;
   z-index: 999;
   position: relative;
   
}

/*style the arrow inside the select element:*/
div[class^="meal_selection_qty_"]:after {
  position: absolute;
  content: "";
  top: 8px;
  right: 8px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}



.menu_display_servings,
div[class^="menu_display_servings_"] {
	background: gray;
	color: white;
	text-align: center;
	letter-spacing: .5px;
}

div[class^="menu_display_title"], .menu_display_title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	
}

div[class^="menu_display_title"] a {
	font-size: 16px;
	text-weight: bold;
}

	


.menu_selection .hgf_checkout_dishes li {
	padding: 0 .25em 0 0;
}

.menu_selection .hgf_checkout_dishes li:first-child:nth-last-child(14), 
.menu_selection .hgf_checkout_dishes li:first-child:nth-last-child(14) ~ li {
	width: 18%;
}
	@media only screen and (min-width: 568px) and (max-width: 1024px) {
		.menu_selection .hgf_checkout_dishes li:first-child:nth-last-child(14), 
		.menu_selection .hgf_checkout_dishes li:first-child:nth-last-child(14) ~ li {
		    width: 25% !important;
		}	
	}

.modal-content {
	position: relative;
	background-color: white;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #888;
	top: 0%;
}

/*  and (orientation: portrait) */
	@media only screen and (min-width: 2200px) {
		.modal-content {
		    zoom: 2; 
		    -moz-transform: scale(2); 
		    -moz-transform-origin: 0 0;
		}
	}
	@media only screen and (min-width: 1200px) and (max-width: 2200px) {
		.modal-content {
			width: 60%;
			height: 30%;
		}
	}
	@media only screen and (max-width: 1000px){
		.modal-content {
			position: relative;
			background-color: #fefefe;
			margin: 0 auto;
			padding: 30px;
			border: 1px solid #888;
			top: 0%;
			height: 100%;
			/*
			width: 75%;
			height: auto;
			*/
		}
	}
	/*
	@media only screen and (max-width: 768px) {
		.modal-content {
			width: 100%;
		}
	}
	*/
	
	
.modal-content fieldset:not(:first-of-type) {
	display: none;
}	


.modal-content .next {
 	float: right;
	margin: 5px 0 0 10px;
	border-width: 0px;
	color: #009875;
	transform: scale(1.5);
}

.modal-content .previous {
    float: left;
 	margin: 5px 10px 0 0;
	border-width: 0px;
	color: #009875;
	transform: scale(1.5);
	background-color: white;
}

@media (min-width: 768px) {
	#order_review_heading, #order_review {
	width: 35%;
	float: left;
	}	
}



.order-total {
/*	background: #93ada7; */
}

.orderform {
	clear: both;
	width: 100%;
}

.orderform p {
	margin-bottom: 1.5px;
}

.field.orderform label {
	padding-top: 20px;
	font-weight: 600;
	display: block;
	margin: 0 0 4.5px;
}

.orderform input + label {
	font-weight: 300;
	line-height: 1;
	display: inline-block;
	margin: 0 9px 9px 0;
	padding: 9px 13.5px;
	color: #bbb;
	border-color: #bbb;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
}

.orderform input:checked + label {
	color: #fff;
	border-color: #00664e;
	background: #009875;
}

.orderform input[type=checkbox]:hover + label, input[type=radio]:hover + label  {
	background: #edede5;
}

.orderform input[type=checkbox]:checked {
  background-color: gray !important;
  color: #ffffff !important;
}



.orderform_edit_button {
	float: left;
	margin-top: 20px;
}
	@media only screen and (max-width: 568px) {
		.orderform_edit_button {
		    float: none;
		}
	}

.orderform_edit_button input + label {
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    margin: 0 9px 9px 0;
    padding: 9px 30px;
    color: #6b6b6b;
    border-color: #bbb;
    background: #edede4 !important;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

.orderform_edit_button input[type=button]:hover + label  {
	background: #edede5;
}


.orderform_next_button {
	float: right;
	margin-right: 200px;
}
	@media only screen and (max-width: 568px) {
		.orderform_next_button {
		    float: left;
		}
	}
	@media only screen and (min-width: 568px) and (max-width: 1024px) {
		.orderform_next_button {
		    margin-right: 0px;
		}
	}
	

.orderform_next_button input + label {
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    margin: 0 9px 9px 0;
    padding: 9px 13.5px;
    color: #bbb;
    border-color: #bbb;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

.orderform_next_button input[type=button]:hover + label  {
	background: #edede5;
}


.orderform #no_no {
	width: 65%;
	margin-right: 10px;
	height: 23px;
}


.orderform.serving_override input:checked + label {
    color: #fff;
    border-color: #00664e;
    background: #97a9a4;
}




.field .orderform input[type=radio]{
	display: none;
} 

.field .orderform input[type=checkbox]{
	display: none;
} 

.field .orderform_next_button input[type=button]{
	display: none;
} 

.field .orderform_edit_button input[type=button]{
	display: none;
} 


.preferences_review {
	text-transform: uppercase;
}

.preferences-modal-content {
	position: relative;
	background-color: #fefefe;
	margin: 0 auto;
	padding: 80px;
	border: 1px solid #888;
	top: 0%;
	width: 100%;
	height: 100% !important;
}
	@media only screen and (max-width: 568px) {
		.preferences-modal-content {
			padding: 60px 25px !important;
			width: auto !important;
			height: auto !important;
		}
	}
	@media only screen and (min-width: 568px) and (max-width: 1024px) {
		.preferences-modal-content {
			padding: 60px !important;
			width: auto !important;
			height: auto !important;
		}
	}
	@media only screen and (min-width: 1000px) and (max-width: 1300px) {
		.preferences-modal-content {
			height: auto !important;
			padding: 60px !important;
		}

	}
	
.recurring-totals,
.subscription-price,
.subscription-details,
.shipping.recurring-total,
.cart-subtotal {
	display: none;
}

.save_menu {
	background: #009875 !important;
	color: white !important;
}

.sortable_main ul {
	padding: 0 !important;
}


.update_menus {
	padding: 2.5em 4em;
	background: #f5f5ec;
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
	outline: 1.5px dashed darkgray;
	outline-offset: -12px;
}

.update_menus h3 {
}

.update_menus span {
}


.woocommerce-table__product-total.product-total {
	display: none;
}

.woocommerce-order-details {
	padding-top: 30px; 
}








/*-----------------------------------------------------------------------------------*/
/* MY HOME / ACCOUNT AREA */
/*-----------------------------------------------------------------------------------*/



.admin_hgf_dash table td {
	width: '';
	margin: 0;
	padding: 0 .3em;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
}

	@media only screen and (min-width: 1025px) {
		.form_2up {
		    float: left;
		    width: 50%;
		}
	}

form[id^="toggleform_"] {
  display: inline;
}

div[id^="change_button_"] {
	margin-bottom: 1.618em;
}

.change_cancel {
	display: flex;
}

input[type=submit]#cancel_order {
	background-color: #006850 !important; /* Dark Green */
}

/*
input[type=submit]#cancel_order {
	padding: 0.327em 1em;
	font-family: "Cabin", sans-serif;
}
*/


ul[class^="customer_menu"] {
  margin: 0px;
}

.hgf_account_dishes .inlinefooter span.footer_pricing {
	margin: 0px 0px 0px 20px;
}


.hgf_myhome_alert {
	font-size: 18px;
	color: #fff;
	background: #009875;
	padding: 30px;
	text-align: center;
}

.hgf_myhome_alert a {
	color: #aedad0 !important;
}

.hgf_account_dishes img {
	margin-bottom: auto !important;
}


#preferences_form {
/* #form_show { */
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

#prefs_form:after {
    content: "";
    display: table;
    clear: both;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	
}


.referral_code span{
	font-family: "Andale Mono", monospace, monospace;
	font-weight: bold;
	background-color: color(srgb 0.9292 0.9296 0.8993);
	padding: 5px 10px;
}


/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 20px;
  margin-right: 8px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/*		input:checked + .slider { */
input[type=checkbox]:checked + .slider {
  background-color: #009875;
}

input:focus + .slider {
  box-shadow: 0 0 1px #009875;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

form[id^="toggleform_"] {
  display: inline;
}


/*-----------------------------------------------------------------------------------*/
/* My Home Calendar and Datepicker */
/*-----------------------------------------------------------------------------------*/

.event {
    background-color: #009875 !important; /* Brand Mint Green */
	background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");    background-image :none !important; 
}

.event a {
    color: #ffffff !important;
}



.pastorder {
    background-color: #bfe2d5 !important; /* Pale Green */
	background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");    background-image :none !important; 
    color: #ffffff !important;
}

.pastorder.ui-datepicker-current-day.ui-datepicker-today {
    background-color: #00cb9c !important; /* Bright Green */  /* OLD: #00db8a */
	background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");    background-image :none !important; 
    color: #ffffff !important;
}


.pendingorder {
    background-color: #006850 !important; /* Dark Green */ 
    background-image :none; 
}

.pendingorder a {
	color: white !important;
}

/*
.scheduleddelivery {
    background-color: red !important;
    background-image :none; 
    color: red !important;
}
*/


.notwednesday {
    background-color: white !important;
    color: gray !important;
}

.notwednesday span {
    background-color: white !important;
    color: gray !important;
}

.notwednesday.ui-datepicker-current-day span {
background: #999 !important;
}

.notwednesday.ui-datepicker-today span {
background: white !important;
}



.blackout {
    background-color: black !important;
}

.blackout a {
    color: white !important;
}
.blackout span {
    background-color: black !important;
}


.toofarahead {
    background-color: #aaa !important;
}

.toofarahead a {
    color: gray !important;
}
.toofarahead span {
    background-color: #aaa !important;
}


.open a {
}
/*
.blackout.ui-datepicker-current-day span {
	color: white; 
	background-color: black;
	border-color:#ffffff;
}

.blackout.ui-datepicker-today span {
	color: white; 
	background-color: black;
	border-color:#ffffff;
}
*/
		
/*
.ui-datepicker-unselectable.ui-state-disabled span.ui-state-default{
       color:red; border-color:#ffffff
 }
*/		

/* --- Datepicker ---*/
.ui-datepicker-today {
	background: white !important;
}
.ui-datepicker-current-day {
/*	background: #999 !important; */
	font-weight: bold !important;
}


.ui-state-disabled, .ui-widget-content .ui-state-disabled span {
	/* color: white; */
	background-color: gray;
	border-color:#ffffff;

}

.ui-state-default a {
	color: green;
}


table.ui-datepicker-calendar td {
	padding: 5px 0px;
}


table.ui-datepicker-calendar th {
	padding: 5px 0px;
}


td.ui-datepicker-week-end.ui-datepicker-unselectable.ui-state-disabled.breakweek span.ui-state-default {
	/* color: white; */
	background-color: gray;
	border-color:#ffffff;
}

.week-picker table td  {
	text-align: center !important;
}

	@media only screen and (min-width: 568px) and (max-width: 1024px) {
		.week-picker {
			float: left;
		}
		
		li.woocommerce-MyAccount-navigation-link {
		    padding: 1em 1em;
		    display: flex;
			padding: 0 1em;
			font-size: 14px;
		    border-bottom: 1px solid #f1f0f0;
		    /* float: left; */
		}
		
		.woocommerce-MyAccount-navigation ul {
			float: none;
		}
		
		.woocommerce-MyAccount-content {
			float: none;
			width: auto;
		}
		
	}

	/*
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
}
	*/

		
/*
td.ui-datepicker-week-end td.ui-datepicker-unselectable td.ui-state-disabled td.breakweek span.ui-state-default a {
	color: #bbb !important;
}
*/		
		
		
/* Layout helpers
----------------------------------*/
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-datepicker {
    width: 12em;
    padding: .2em .2em 0;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	font-size: .9em;
	
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
	
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	font-size: 1.1em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}

a.ui-state-default, 
.ui-widget-content,
.ui-state-default {
	border: none !important;
	background: none !important;
	font-weight: bold !important;
}

.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	 border: none; 
}
.ui-widget-content {
	border: none; 
	background: #ffffff;
	color: #bbb;
}
.ui-widget-content a {
	color: #333333;
}

.ui-widget-header {
	border: none;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	/* border: 1px solid #dddddd; */
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
  background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
	text-align: center;
  background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("https://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png");
}

.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }












/* ==========================================================
   HOMEGROWN FOODS
   MEAL-KIT ALTERNATIVE LANDING PAGE

   Structural CSS.
   All selectors scoped beneath .hgf-alt-page.
   ========================================================== */


.hgf-alt-page {

	/* ---------------------------------------------
	   EASY DESIGN OVERRIDES
	   --------------------------------------------- */

	--hgf-green: #009875;
	--hgf-green-dark: #405852;
	--hgf-green-pale: #eef3ea;

	--hgf-cream: #f7f5ef;
	--hgf-white: #ffffff;

	--hgf-text: #222;
	--hgf-muted: #666;

	--hgf-border: #deded8;

	--hgf-max-width: 1180px;

	--hgf-section-space: 82px;
	--hgf-section-space-mobile: 55px;

	color: var(--hgf-text);
	background: var(--hgf-white);

	/*
	 * Intentionally no font-family.
	 * Inherit Homegrown Foods / Storefront fonts.
	 */
}



/* ==========================================================
   BASE
   ========================================================== */

.hgf-alt-page *,
.hgf-alt-page *::before,
.hgf-alt-page *::after {
	box-sizing: border-box;
}


.hgf-alt-page img {
	display: block;
	max-width: 100%;
	height: auto;
}


.hgf-alt-page h1,
.hgf-alt-page h2,
.hgf-alt-page h3,
.hgf-alt-page p {
	margin-top: 0;
}


.hgf-alt-page p {
	line-height: 1.6;
	font-size: 1.15rem;
}


.hgf-alt-page h1 {
	max-width: 700px;
	margin-bottom: 1.4rem;
	font-size: clamp(
		2.5rem,
		5vw,
		4rem
	);
	line-height: 1.03;
	letter-spacing: -0.025em;
}


.hgf-alt-page h2 {
	margin-bottom: 1.25rem;
	font-size: clamp(
		1.9rem,
		3vw,
		3rem
	);
	line-height: 1.12;
}


.hgf-alt-page h3 {
	margin-bottom: 0.4rem;
	font-size: 1.05rem;
	line-height: 1.3;
}


.hgf-alt-wrap {
	width: min(
		var(--hgf-max-width),
		calc(100% - 48px)
	);
	margin-inline: auto;
}


.hgf-alt-eyebrow {
	margin-bottom: 0.8rem;
	color: var(--hgf-green);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}


.hgf-alt-lead {
	font-size: 1.15rem;
	line-height: 1.55;
}


.hgf-alt-text-link {
	color: var(--hgf-green) !important;
	font-weight: 600;
	text-decoration: none !important;
}


.hgf-alt-text-link:hover,
.hgf-alt-text-link:focus {
	text-decoration: underline !important;
}



/* ==========================================================
   BUTTONS
   ========================================================== */

.hgf-alt-button {
	display: inline-block;
	padding: 0.9rem 1.4rem;
	border: 1px solid var(--hgf-green);
	border-radius: 2px;
	background: var(--hgf-green);
	color: #fff !important;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.045em;
	text-decoration: none !important;
	text-transform: uppercase;
	transition:
		background 0.15s ease,
		border-color 0.15s ease,
		color 0.15s ease;

}


.hgf-alt-button:hover,
.hgf-alt-button:focus {
	border-color: var(--hgf-green-dark);
	background: var(--hgf-green-dark);
	color: #fff !important;
}


.hgf-alt-button-secondary {
	background: transparent;
	color: var(--hgf-green) !important;
}


.hgf-alt-button-secondary:hover,
.hgf-alt-button-secondary:focus {
	background: var(--hgf-green);
	color: #fff !important;
}



/* ==========================================================
   BRAND VALUES
   ========================================================== */

.hgf-alt-values {
	padding: 50px 0 55px;
	border-bottom: 1px solid var(--hgf-border);
	background: #fff;
}

.hgf-alt-values-header {
	margin-bottom: 38px;
	text-align: center;
}

.hgf-alt-values-header .hgf-alt-eyebrow {
	margin-bottom: 0;
}

.hgf-alt-values-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 45px;
	max-width: 1050px;
	margin: 0 auto;
}

.hgf-alt-value {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0;
}

.hgf-alt-value-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 85px;
	margin-bottom: 18px;
}

.hgf-alt-value-icon img {
	width: auto;
	max-width: 90px;
	max-height: 85px;
}

.hgf-alt-value h3 {
	margin-bottom: 7px;
	font-size: 1.15rem;
	line-height: 1.25;
}

.hgf-alt-value p {
	max-width: 190px;
	margin: 0 auto;
	color: var(--hgf-muted);
	font-size: 1rem;
	line-height: 1.45;
}

/* ==========================================================
   HERO
   ========================================================== */

.hgf-alt-hero {
	border-bottom: 1px solid var(--hgf-border);
}

.hgf-alt-hero-grid {
	display: grid;
	grid-template-columns:
		minmax(0, 0.9fr)
		minmax(0, 1.1fr);
	align-items: stretch;
}

.hgf-alt-hero-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 42px 65px 38px 0;
}

.hgf-alt-hero-copy > p {
	max-width: 590px;
	margin-bottom: 1.2rem;
}

.hgf-alt-hero-copy h1 {
	margin-bottom: 1.15rem;
}

.hgf-alt-hero-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 0.75rem;
}

.hgf-alt-delivery-note {
	margin-top: 1rem;
	margin-bottom: 0 !important;
	color: var(--hgf-muted);
	font-size: 1rem !important;
}

.hgf-alt-hero-image {
	overflow: hidden;
}

.hgf-alt-hero-image img {
	width: 100%;
	height: 100%;
	min-height: 540px;
	object-fit: cover;
}



/* ==========================================================
   LIVE MENU SECTION
   ========================================================== */

.hgf-alt-menu-section {
	padding:
		var(--hgf-section-space)
		0;
	background: #fff;
}


.hgf-landing-menu-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 32px;
}


.hgf-landing-menu-heading h2 {
	margin-bottom: 0.45rem;
}


.hgf-landing-menu-date {
	margin-bottom: 0;
	color: var(--hgf-muted);
	font-size: 0.92rem;
}


.hgf-landing-menu-price {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	flex: 0 0 auto;
	text-align: right;
}


.hgf-landing-menu-price strong {
	font-size: 1rem;
}


.hgf-landing-menu-price span {
	margin-top: 3px;
	color: var(--hgf-muted);
	font-size: 0.88rem;
}



/* ----------------------------------------------------------
   MENU CARDS
   ---------------------------------------------------------- */

.hgf-landing-menu-grid {
	display: grid;
	grid-template-columns:
		repeat(3, minmax(0, 1fr));
	gap: 25px;
}


.hgf-landing-menu-card {
	overflow: hidden;
	border: 1px solid var(--hgf-border);
	background: #fff;
}


.hgf-landing-menu-card-link {
	display: block;
	height: 100%;
	color: inherit !important;
	text-decoration: none !important;
}


.hgf-landing-menu-card-image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #eee;
}


.hgf-landing-menu-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.22s ease;
}


.hgf-landing-menu-card-link:hover
.hgf-landing-menu-card-image img {
	transform: scale(1.02);
}


.hgf-landing-menu-card-body {
	padding: 17px 18px 19px;
}


.hgf-landing-menu-card h3 {
	margin-bottom: 6px;
}


.hgf-landing-menu-meta {
	color: var(--hgf-muted);
	font-size: 0.82rem;
}

.hgf-landing-menu-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 35px;
	margin-top: 32px;
}

.hgf-landing-menu-footer p {
	margin: 0;
}

.hgf-landing-menu-minimum {
	color: var(--hgf-muted);
	font-size: 0.85rem;
}

.hgf-landing-menu-actions {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 10px;
}




/* ==========================================================
   MEAL PREP EXPLAINER
   ========================================================== */

.hgf-alt-explainer {
	padding:
		var(--hgf-section-space)
		0;
	border-top: 1px solid var(--hgf-border);
	background: var(--hgf-cream);
}


.hgf-alt-explainer-grid {
	display: grid;
	grid-template-columns:
		minmax(0, 0.85fr)
		minmax(0, 1.15fr);
	gap: 90px;
	align-items: start;
}


.hgf-alt-explainer-copy {
	max-width: 650px;
}


.hgf-alt-explainer-copy p:last-child {
	margin-bottom: 0;
}



/* ==========================================================
   FULL-WIDTH FOOD PHOTO
   ========================================================== */

.hgf-alt-photo-break {
	height: min(38vw, 480px);
	overflow: hidden;
}


.hgf-alt-photo-break img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/* ==========================================================
   HOW IT WORKS
   ========================================================== */

.hgf-alt-how {
	padding:
		var(--hgf-section-space)
		0;
	background: #fff;
}


.hgf-alt-centered-heading {
	max-width: 700px;
	margin:
		0
		auto
		55px;
	text-align: center;
}


.hgf-alt-steps {
	display: grid;
	grid-template-columns:
		repeat(4, minmax(0, 1fr));
	gap: 50px;
}


.hgf-alt-step {
	text-align: center;
}


.hgf-alt-step-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 110px;
	margin-bottom: 20px;
}


.hgf-alt-step-icon img {
	width: auto;
	max-width: 105px;
	max-height: 105px;
}


.hgf-alt-step h3 {
	font-size: 1.25rem;
}


.hgf-alt-step p {
	margin-bottom: 0;
	color: var(--hgf-muted);
	font-size: 0.93rem;
}


.hgf-alt-how-cta {
	margin-top: 50px;
	text-align: center;
}



/* ==========================================================
   HEALTH
   ========================================================== */

.hgf-alt-health {
	padding:
		var(--hgf-section-space)
		0;
	background: var(--hgf-green-pale);
}


.hgf-alt-section-heading {
	max-width: 720px;
	margin-bottom: 45px;
}


.hgf-alt-health-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 55px;
}

.hgf-alt-health-item {
	max-width: 320px;
	margin: 0 auto;
	text-align: center;
}


.hgf-alt-health-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	margin-bottom: 18px;
}

.hgf-alt-health-icon img {
	width: auto;
	max-width: 95px;
	max-height: 90px;
}

.hgf-alt-health-item h3 {
	margin-bottom: 7px;
	font-size: 1.15rem;
	line-height: 1.25;
}

.hgf-alt-health-item p {
	max-width: 220px;
	margin: 0 auto;
	color: var(--hgf-muted);
	font-size: 1rem;
	line-height: 1.45;
}



/* ==========================================================
   FOUNDER
   ========================================================== */

.hgf-alt-founder {
	padding: 68px 0 72px;
	background: #fff;
}

.hgf-alt-founder-header {
	max-width: 760px;
	margin: 0 auto 42px;
	text-align: center;
}

.hgf-alt-founder-header h2 {
	max-width: 700px;
	margin: 0 auto;
}

.hgf-alt-founder-grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.05fr)
		minmax(0, 0.95fr);
	gap: 58px;
	align-items: center;
}

.hgf-alt-founder-image {
	width: 100%;
	overflow: hidden;
}

.hgf-alt-founder-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.hgf-alt-founder-copy {
	max-width: 570px;
}

.hgf-alt-founder-copy > p {
	margin-bottom: 1.25rem;
}

.hgf-alt-founder-lead {
	font-size: 1.2rem !important;
}

.hgf-alt-signoff {
	margin-top: 1.65rem;
	margin-bottom: 0 !important;
	font-weight: 600;
}

.hgf-alt-signoff span {
	display: block;
	margin-top: 2px;
	color: var(--hgf-muted);
	font-size: 0.9rem;
	font-weight: 400;
}



/* ==========================================================
   DELIVERY
   ========================================================== */

.hgf-alt-delivery {
	padding:
		var(--hgf-section-space)
		0;
	border-top: 1px solid var(--hgf-border);
	background: var(--hgf-cream);
}


.hgf-alt-delivery-grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(300px, 0.85fr);
	gap: 90px;
	align-items: center;
}


.hgf-alt-delivery-photo {
	max-height: 430px;
	overflow: hidden;
}


.hgf-alt-delivery-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/* ==========================================================
   FINAL CTA
   ========================================================== */

.hgf-alt-final {
	padding:
		85px
		0
		90px;
	background: var(--hgf-green-dark);
	color: #fff;
	text-align: center;
}


.hgf-alt-final .hgf-alt-wrap {
	max-width: 790px;
}


.hgf-alt-final h2 {
	color: #fff;
}


.hgf-alt-final .hgf-alt-eyebrow {
	color: rgba(255,255,255,0.72);
}


.hgf-alt-final > div > p:not(.hgf-alt-eyebrow) {
	margin-bottom: 30px;
	color: rgba(255,255,255,0.88);
	font-size: 1.08rem;
}


.hgf-alt-final-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 25px;
}


.hgf-alt-button-light {
	border-color: #fff;
	background: transparent;
}


.hgf-alt-button-light:hover,
.hgf-alt-button-light:focus {
	border-color: #fff;
	background: #fff;
	color: var(--hgf-green-dark) !important;
}


.hgf-alt-final-link {
	color: #fff !important;
	font-weight: 600;
	text-decoration: none !important;
}


.hgf-alt-final-link:hover,
.hgf-alt-final-link:focus {
	text-decoration: underline !important;
}



/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 960px) {


	.hgf-alt-hero-grid {
		grid-template-columns: 1fr;
	}

	.hgf-alt-hero-copy {
		padding:
			60px
			0
			45px;
	}


	.hgf-alt-hero-image {
		min-height: 430px;
	}


	.hgf-alt-values-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.hgf-landing-menu-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.hgf-alt-explainer-grid,
	.hgf-alt-founder-grid,
	.hgf-alt-delivery-grid {
		grid-template-columns: 1fr;
		gap: 55px;
	}


	.hgf-alt-steps {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
		row-gap: 55px;
	}


	.hgf-alt-health-grid {
		gap: 40px;
	}


}



/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 600px) {


	.hgf-alt-wrap {
		width: min(
			calc(100% - 34px),
			var(--hgf-max-width)
		);
	}

	.hgf-alt-page h1 {
		font-size: 2.5rem;
	}

	.hgf-alt-page h2 {
		font-size: 2rem;
	}


	/* HERO */

	.hgf-alt-hero-copy {
		padding:
			43px
			0
			34px;
	}


	.hgf-alt-hero-actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 17px;
	}


	.hgf-alt-hero-image {
		min-height: 320px;
	}


	/* BRAND VALUES */

	@media (max-width: 600px) {

		.hgf-alt-values-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 35px 20px;
		}

		.hgf-alt-value {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
		}

		.hgf-alt-value-icon {
			width: auto;
			height: 72px;
			margin-bottom: 14px;
		}

		.hgf-alt-value-icon img {
			width: auto;
			max-width: 78px;
			max-height: 72px;
		}

		.hgf-alt-value p {
			font-size: 0.95rem;
		}
	}

	.hgf-alt-value {
		grid-template-columns:
			62px
			minmax(0, 1fr);
	}


	.hgf-alt-value-icon {
		width: 58px;
	}


	/* SECTIONS */

	.hgf-alt-menu-section,
	.hgf-alt-explainer,
	.hgf-alt-how,
	.hgf-alt-health,
	.hgf-alt-founder,
	.hgf-alt-delivery {

		padding:
			var(--hgf-section-space-mobile)
			0;
	}


	/* MENU HEADING */

	.hgf-landing-menu-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}


	.hgf-landing-menu-price {
		align-items: flex-start;
		text-align: left;
	}


	/* MENU CARDS
	   horizontal scroll rail
	 */

	.hgf-landing-menu-grid {
		display: flex;
		gap: 14px;
		width: calc(100vw - 17px);
		margin-right: -17px;
		padding-right: 17px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}


	.hgf-landing-menu-card {
		flex:
			0
			0
			76vw;

		scroll-snap-align: start;
	}


	.hgf-landing-menu-footer {
		align-items: flex-start;
		flex-direction: column;
	}


	.hgf-landing-menu-actions {
		align-items: flex-start;
		flex-direction: column;
	}


	/* EXPLAINER */

	.hgf-alt-explainer-grid {
		gap: 22px;
	}


	/* PHOTO */

	.hgf-alt-photo-break {
		height: 300px;
	}


	/* HOW IT WORKS */

	.hgf-alt-centered-heading {
		margin-bottom: 40px;
	}

	.hgf-alt-steps {
		grid-template-columns: 1fr;
		gap: 45px;
	}

	.hgf-alt-step-icon {
		height: 90px;
	}

	.hgf-alt-step-icon img {
		max-height: 88px;
	}

	/* HEALTH */
	.hgf-alt-health-grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}
	
	.hgf-alt-health-item {
		max-width: none;
	}


	/* FOUNDER */
	.hgf-alt-founder-grid {
		gap: 38px;
	}


	/* FINAL */
	.hgf-alt-final {
		padding:
			65px
			0
			70px;
	}

	.hgf-alt-final-actions {
		align-items: center;
		flex-direction: column;
	}


}