/* burgundy #892826 */
.red{
	position: fixed;
}
.green{
	position: relative;
}
#main{
	height:100%;
	-webkit-overflow-scrolling: touch;
	overflow:auto;
	display: table;
	background:#fff;
	/**/
	
}

.wrapper{
	position:relative;
	width:90%;
	max-width:2400px;
}

#header .row{
	text-align: right;
}
#header .menu{
	margin:10px 0;
}
#header .logo{
	width:100%;
	max-width:80px;
}

#header .menu{
	display: inline-block;
}
.mobile_logo,
#header .pill,
#header .nav{
	text-transform:uppercase;
	font-family: 'berthold', Arial, Helvetica, sans-serif; 
	font-size:1.5em;
}
#header .nav{
	font-size:1.5em;
}
#header .menu + .menu{
	margin-left:50px;
}
#header .nav li + li{
	margin-left:20px
}
#header .ecom li + li{
	margin-left:10px
}
#header .social{
	padding-bottom:10px;
	border-bottom:1px dashed #000;
}
#header .social.menu li + li{
	padding-left:10px;
}
#header span.social{
	font-style: italic;
	font-weight: bold;
	font-size: 0.8em;
}
#header .icon_row,
#header .nav{
	line-height: 40px;
	vertical-align: middle;
}
#header .icon_row,
#main_nav_row {
	display: flex;
}
#header .icon_row li:first-child,
#main_nav_row .nav{
	flex-grow: 1;
}
#header .icon_row li{
	position: relative;
}

#header .counter{
	position: absolute;
	top: -5px;
	right: -5px;
}
#header .counter span{
  	background-color: red;
  	color: white;
  	width: 18px;
  	height: 18px;
	line-height: 18px;
  	border-radius: 50%;
	padding: 3px;
	font-size: 0.8em;
	text-align: center;
	vertical-align: middle;
	display: block;
}


#footer .wrapper{
	padding-bottom:30px;
	padding-top:60px;
	margin-top: 60px;
	border-top:1px dashed #000;
}
#footer .row + .row{
	padding-top:30px;
}
#footer .title{
	font-size: 1.4em;
	letter-spacing: 0.1em;
}
#footer .menu{
	display: inline-block;
}
#footer .menu_group{
	font-family: 'Zalando Sans', Helvetica, Arial ,sans-serif; 
	letter-spacing: 0.01em;
}
#footer .menu_group + .menu_group{
	padding-top:10px;
}
#footer .menu_group span{
	font-size: 0.8em;
}
#footer .menu li{
	font-weight: 200;
	margin-left:10px;
}
#footer .row{
	position: relative;
}


	.locked{
		width:100%;
		
		position:fixed;
		left:20%;
		opacity:0.2;
		z-index:999;
	 }

.nav{
	text-transform:uppercase;
	font-size:0.8em;
	
	
}

	

.logo,
.tabs,
.hello{
	width:auto;
}
.mobile_logo{
	display: none;
}
	.mobile_bar{
		display:none;
		position:fixed;
		top:20px;
		left:20px;
	}
	.mobile_bar .fa{
		width:auto;
		
		font-size:2.5em;
	}
	
.tabs ul,
.tabs li{
	list-style:none;	
}
	.tabs li{
		line-height:55px;
		
		padding:0 15px;
	}

	.menu li{
		display:inline-block;	
		position: relative;
	}
	
	.menu.nav li:before {
		content: "•    ";
		color: #F33;
		white-space: pre;
	}
	.menu.nav li:first-child:before {
		content: "";
	}
	a.pill,
	a.icon{
		background-color: #000;
		color: #fff;
		border-radius: 20px;
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
		text-align: center;
		display: inline-block;
	}
	a.pill{
		width:100%;
		display: block;
	}
	a.icon{
		min-width:40px;
	}
	.red_dot{
		background-color:#F33;
		color: #fff;
		border-radius: 15px;
		padding:5px;
		height: 15px;
		min-width:15px;
		line-height: 15px;
		text-align: center;
		vertical-align: middle;
		position: absolute;
		top:0;
		right:0;
		font-size: 14px;
	}
	.menu .handle + ul{
		display:none;
	}
	
	.menu .handle:hover + ul,
	.menu ul:hover {
		display:block;
	}

	/**/

.cols_2,
.cols_21,
.cols_12{
	display: grid;
}	
	.cols_2{
		grid-template-columns: repeat(2, 1fr);
		gap: 60px;	
	}
	.cols_21{
		grid-template-columns: 2fr 1fr;
		gap: 60px;	
	}
	.cols_12{
		grid-template-columns: 1fr 2fr;
		gap: 60px;	
	}

	#page > div{
		margin-top:60px;
		padding-bottom:30px;
	}




.news{
	padding:3px;
	background:#fff;
	position:relative;
	margin:40px auto 0 auto;
	border-radius: 5px;
	width: 80%;
}
	.news div{
		font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
		border:2px dashed #F33;
		color:#F33;
		padding:10px;
		font-size:1.4em;
		line-height:1.0em;
		border-radius: 3px;
		
	}
	
	
.signup_mini{
	
	position:relative;
}
	.signup_mini input[type=text]{
		border-left:0;
		border-right:0;
		width:100%;
		text-transform:none;
		font-size:1.4em;
		padding:10px 0;
		text-align:center;
		font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
	}
	.signup_mini input[type=submit]{
		border:0;
		width:20px;
		padding:8px 0;
		text-transform:none;
		text-align:center;
		font-size:1.8em;
		position:absolute;
		top:0;
		right:0;
		color:#555;
	}
	 	 
.bottom{
	position:absolute;
	bottom:20px;
	left:0;
	font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
	text-align:center;
	width:100%;
	margin-top:20px;
}
	.credit,
	.copyright{
		color:#575757;
		font-size:0.8em;
		font-style: italic;
		margin-bottom: 10px;
	}
	.copyright + .copyright{
		margin-left:30px;
	}
.edit_this{
	color:red;
	font-style: italic;
}	
.linen{
	background:url(../images/bg_linen.jpeg);
	
}
	.instagram{
		text-align:center;
		padding:40px 0;
	}
	.instagram .category_name,
	.instagram .decor,
	.instagram .feed{
		text-align:center;
	}




.category_content{
	padding:60px 0;
}	
.category_header{
	padding:80px 0 40px 0;
}
.featured_row,
.category_content{
	border-top:1px dashed #000;
}
/*
.home_paragraph .cols_2,
.category_header .cols_2{
	align-items: end;
}
*/
.category_header .text{
	line-height: 1.5em;
}
.category_header .right{
	position: relative;
}
.category_header .buttons_row{
	text-align: right;
	position: absolute;
	bottom:0;
	right:0;
}
.category_header .caption, 
.long_paragraph .caption{
	color:#F33;
}

.product-form .product-form__item,
.category_options .form .row{
	padding-bottom: 30px;
}
.product-form .label,
.category_options .label{
	display: block;
	clear: both;
	padding-bottom: 5px;
	font-size: 1.2em;
}
.product-form .label:before,
.category_options .label:before {
	content: "•  ";
	color: #F33;
	}
.product-form .label,
.category_options .label,
.category_options .form .btn{
	font-family: 'berthold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.category_options .form .btn{
	background: #000;
	color:#fff;
	width:50px;
	padding: 5px 0;
}
.category_options .form select{
	width:100%;
}
.category_options .form input{
	width:calc(100% - 55px);
}

.page_name,
.category_name{
	font-family: 'berthold', Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	
}
.page_name *,
.category_name *{
	font-size:2.0em;
}

.page_name time{
	font-size:1.4em;	
}

.col_images .pic + .pic{
	margin-top:40px;
	display: block;
}
.page_name *{
	padding-bottom: 5px;
	border-bottom: 3px solid #000;
	display: inline-block;
}
.page_name + * {
	margin-top: 80px;
}



.listbox .row{
	border-bottom:1px dashed #000;
	padding:0;
}
	.listbox .row *{
		padding:0 5%;
	}


.textbox{
	max-width: 600px;
}
.textbox .description{
	line-height:1.5em;
	letter-spacing: 0.025em;
}

	.title{
		font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
		letter-spacing: 0.1em;
	}
	.title h1,
	.title h2{
		font-size:2.2em;
		line-height:1.0em;
		
	}
	.title + *{
		margin-top: 20px;
	}

	.subtitle{
		font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
		letter-spacing: 0.2em;
		text-transform:uppercase;
	}
	
	
	.description,
	.caption{
		font-family: 'Zalando Sans', Helvetica, Arial ,sans-serif; 
		letter-spacing: 0.1em;
		font-weight: 200;
	}
	.caption{
		text-transform:uppercase;
		font-size: 0.9em;
	}
	.copy{
		line-height: 1.5em;
	}
	.copy.sans{
		font-family: 'Zalando Sans', Helvetica, Arial ,sans-serif; 
		letter-spacing: 0.1em;
	}
	.textbox.long_paragraph .copy,
	.textbox.long_paragraph .description,
	.textbox.long_paragraph .text{
		margin: 60px 0;
	}
	
	
	
	ul {
    	list-style: none;
    	padding:0;
    	margin:0;
	}
		
	
	ol li::marker {
		color:#f33;
	}
	
	/*
	ol{
		display: block;
    	padding: 0 0 0 25px;
    	list-style: none;
    	overflow: hidden;
    	counter-reset: numList;
	}
		ol li {
			float: left;
			position: relative;
		}
		ol li:before {
			counter-increment: numList;
			content: counter(numList);
			
			float: left;
			position: absolute;
			left: -25px;
			
			font: bold 12px sans-serif;
			text-align: center;
			color: #fff;
			line-height: 18px;
			width: 18px; 
			height: 18px;
			background:#399;
			
			-moz-border-radius: 999px;
			border-radius: 999px
		}
	*/


	/*
	article{
		border-bottom:1px solid #e4e4e4;
		width:100%;
		
	}
	
	article:nth-child(odd) .left-panel{
		background-color:#fff;
	}
	article:nth-child(even) .left-panel{
		background-color:#fff;
	}
	*/

	
.elevator{
	right:5%;
	bottom:5vh;
	position:fixed;
	display: none;
}


.shop-panels,
.two-panels{
	padding:80px 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;	
}
.two-panels + .two-panels{
	border-top: 1px dashed #000;
	
}

	
	.blog-content iframe{
		width:100%;
		height:450px;
		
	}
	.type-videos iframe,
	.single-videos iframe{
		width:100%;
		height:100%;
	}
	.more{
		font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
		font-weight: 200;
		letter-spacing: 0.1em;
		color: #F33;
		background: transparent;
		border: 0;
		font-size: inherit;
	}
	.more:after{
		content: " →";
		color: #F33;
		white-space: pre;
	}
	.featured_row + .featured_row{
		border-top: 1px dashed #000;
	}
	
	.featured_row .grid{
		padding-top:60px;
		padding-bottom: 40px;
	}
	.grid_header + .grid{
		padding-top:0;
	}
	.grid_header{
		padding:20px 0;
	}
	
	.grid_header .right{
		text-align: right;
	}
	.grid_header .more{
		line-height: 20px;
		vertical-align: middle;
	}
	.grid_header .subtitle h3,
	.grid_header .subtitle h4,
	.grid_header .subtitle h5,
	.grid_header .subtitle h6{
		font-size:1.6em;
	}
	.recipe_instructions .subtitle h2,
	.recipe_instructions .subtitle h3{
		font-size:1.6em;
	}
	.recipe_instructions .subtitle h4,
	.recipe_instructions .subtitle h5{
		font-size:1.2em;
	}

	.recipe_instructions .copy ol li{
		padding-bottom:20px;
	}
	.recipe_instructions .left-panel,
	.recipe_instructions .right-panel{
		border-top:1px dashed #000;
		padding-top:40px;
	}
	.recipe_instructions .textbox{
		margin-bottom: 40px;
	}
	.recipe_instructions .subtitle{
		margin-bottom: 40px;
	}
	.recipe_instructions .ingredients li + li{
		padding-top: 10px;
	}
	.recipe_instructions .pantry,
	.recipe_instructions .cooks_note{
		font-family: 'Zalando Sans', Helvetica, Arial ,sans-serif; 
		font-weight: 200;
		letter-spacing: 0.01em;
	}
	.recipe_instructions .pantry{
		background: url(../images/pantry.png) no-repeat top right;
	}
	.recipe_instructions .pantry li{
		display: inline-block;
		text-transform: uppercase;
		padding: 10px 0;
	}
	.recipe_instructions .pantry li + li:before{
		content: "    •    ";
		color: #F33;
		white-space: pre;
	}
	.recipe_instructions .pantry a{
		text-decoration: underline;
		text-underline-offset: 10px;
		text-decoration-color: #F33;
	}
	
	.videobox .box{
		width:46%;
		padding:80px 2% 0 2%;
		
	}
		.videobox .name{
			height:20px;
			overflow:hidden;
		}
	
	
	.color{
		color:#f33;
	}
	.decor{
		padding:40px 0 0 0;
	}
		.decor img{
			width:75px;
		}
	

	.food_group{
		text-align:right;
		width:300px;
		float:right;
		margin:35% 0 0 0;
	}

.insta-feed{
    padding: 140px 0;
	text-align: center;
}
	.insta-feed h2{
		font-family: 'berthold', Arial, Helvetica, sans-serif; 
		text-transform: uppercase;
		font-size:1.4em;
		border-bottom: 2px solid #000;
		display: inline-block;
		padding-bottom: 5px;
	}
	.insta-feed .insta-wid{
		width: 600px;
		margin: 0 auto;
		margin-top: 50px;
	}
	
/* BLOG */
.gallery,
.gallery-item{
	max-width:100% !important;
}
/*
.thumbnail{
	height:300px;
	line-height:100% !important;
	overflow:hidden;
	vertical-align:middle;
}
	.thumbnail img{
		vertical-align:middle !important;
		
	}
	

.blog .left-panel{
	width:80%;
	
	min-height:100vh;
	
}
.blog .right-panel{
	width:20%;
	
}
*/

.basic_page .textbox{
	margin:80px auto;
}
	.blog-content figure {
		margin:0;
		background: #f4f4f4;
		text-align: center;
	}
	.blog-content img{
		width:auto !important;
		max-width: 100%;
		height:auto !important;
		max-height: 80vh;
		display: block;
		margin: 0 auto;
	}
	.blog-content .misc{
		text-align:left;
		margin:40px 0 80px 0;
		font-size:0.8em;
		font-style:italic;
		color:#888;
	}
	.blog-content .misc a{
		text-decoration:underline;
	}
	.blog-content figure + p,
	.blog-content p + figure{
		margin-top:60px;
	}
.comments{
	border-top:1px dashed #000;
	margin:40px 0;
	
}
	.comments ul{
		list-style:none;
	}
	.comments .vcard{
		line-height:0.8em;
		margin-bottom:20px;
	}
	.comments .vcard img{
		border-radius:20px;
		margin-right:20px;
	}
	.comments .fn{
		font-size:1.2em;
		font-style:normal;
		margin-right:20px;
		font-family: 'Zalando Sans', Helvetica, Arial ,sans-serif; 
		letter-spacing: 0.01em;
	}
	.comments .time{
		font-family: 'Zalando Sans', Helvetica, Arial ,sans-serif; 
		letter-spacing: 0.01em;
		margin-right:20px;
	}
	.comment .time,
	.comment p,
	.comment .reply{
		margin-left:55px;
	}
	.comments .comment,
	.comments .comment-form{
		border-bottom:1px dashed #000;
		padding:40px 0;
		display:block;
		text-align:left;
	}
		.comments .comment-form textarea,
		.comments .comment-form input[type=text]{
			width:80%;
		}
	
	.comment-reply-title,
	.comment-count{
		text-align:center;
		margin:40px auto;
		font-family: 'berthold', Arial, Helvetica, sans-serif; 
		text-transform: uppercase;
		font-size:1.4em;
		border-bottom: 2px solid #000;
		display: inline-block;
		padding-bottom: 5px;
		float:none;
		
	}
	.comment-respond form{
		font-family: 'Zalando Sans', Helvetica, Arial ,sans-serif; 
		letter-spacing: 0.1em;
	}
	.comment-respond label{
		display: block;
	}

.pagination{
	margin-top: 40px;
	font-family: 'Zalando Sans', Helvetica, Arial ,sans-serif; 
	font-weight: 200;
	letter-spacing: 0.1em;
	text-transform:uppercase;
	text-align: right;
	display: block;
}
	.pagination .page-numbers{
		padding:10px;
		margin:5px;
	}
	.pagination .current{
		font-weight:bold;
		color: #f33;
	}
	
	.pagination .prev,
	.pagination .next{
	}
	
.sidebar{
	padding:40px;
}
	.sidebar-widget{
		width:50%;
		
		text-align:center;
	}
.search{
	width:100%;
}
.sidebar h3{
	font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
	text-transform:uppercase;
	font-size:1.4em;
	padding:10px 0;
		letter-spacing:4px;
}
	.sidebar h3:before,
	.sidebar h3:after{
		content: "  \2605  ";
		color:#f33;
		font-size:0.8em;
	}
	.sidebar ul{
		display:block;
		padding:10px 0;
	}
	.sidebar li{
		display:block;
		padding:5px 0;
		text-transform:uppercase;
		list-style:none;
	}
	.sidebar li:before{
		content:none;
	}
.sidebar .categories{
	border:2px dashed #f33;
	font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
	margin:0 0 40px 0;
}
	.sidebar .categories h3{
		color:#f33;
		font-weight:bold;
	}
.pantry_menu{
	margin:0 0 40px 0;
	border:2px solid #000;
	text-align:center;
	font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
}
	.pantry_menu li{
		text-transform:uppercase;
	}
	.pantry_menu h3{
		background:#000;
		color:#fff;
	}

/* PANTRY */	

.pantry_page .copy ul{
	width:25%;
	vertical-align:top;
	float: left;
}
	.pantry_page .copy li{
		padding:20px 10px;
		display:block;
		border-radius: 5px;
		background:#f4f4f4;
		margin:10px;
	}
	
	.pantry_name h1{
		text-transform:uppercase;
		font-family: 'berthold', Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:10.0em;
	}

	.pantry_help{
		padding-bottom:10px;
		text-align:center;
		font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
		font-size:1.2em;
	}
/* HOME */
.home_paragraph{
	margin:60px 0 60px 0;
}
.home_paragraph .title{
	margin-bottom:20px;
}
.home_paragraph .more{
	margin-top:20px;
	display: inline-block;
}
.home_paragraph .form{
	border-bottom: 1px solid #f33;
}
.home_paragraph .form hr{
	border-top: 1px solid #f33;
}
.home_paragraph .form .more{
	width:160px;
}
.home_paragraph .form input[type=text]{
	padding: 10px 0;
	width:calc(100% - 170px);
	border: 0;
	font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif;
	color:#F33;
}

/* JOURNAL */
.journal_list .grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 60px;
	row-gap: 0;
}
.prods-h .grid li{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px dashed #000;
}

.prods-h .product-card{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap: 0;
}
.prods-h .product-card.sticky{
	grid-template-columns: 1fr;
}

.prods-h .product-card .title *{
	font-size:1.0em;
}
.prods-h .product-card .title{
	margin-top:10px;
}
/* FAQ */
.faq_list + .faq_list{
	border-top:1px dashed #000;
	padding: 30px 0;
}
.faq_list.active .copy{
	display: block;;
}
.faq_list .copy.sans h3{
		font-family: 'Zalando Sans Expanded', Helvetica, Arial ,sans-serif; 
		font-weight: 200;
		letter-spacing: 0.1em;
		font-size: 1.2em;
		padding-bottom: 10px;
	}
	.faq_list .copy p{
		margin-top:40px;
	}
.faq_list .title a{
	display: block;
}

/*
.faq_list .title h2::before{
	content: "+ ";
	color: #F33;
	white-space: pre;
}
	*/
.faq_list .copy{
	display: none;
}
.faq_list.active .title h2::before{
	content: "- ";
}
.handle{
	cursor: pointer;
}
.handle *::before{
	content: "+ ";
	color: #F33;
	white-space: pre;
}
.active.handle *::before{
	content: "- ";
}

/* OLD */
.old{
	font-family: 'vista', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	font-style: normal;
	-webkit-overflow-scrolling: touch;
	line-height: 2.0;
	font-size: 12px;
	color: #000;
}
/* MOTHER SAUCE */
.prelaunch .left-panel{
    background-color:#F0ECE3;
	background-image:url(../images/motherSauce/motherSauce_bg3.png);
	background-size:100%;
	background-repeat:repeat-x;
}
.prelaunch .textbox{
    text-align:center;
    padding:120px 15%;
	margin: 0 auto;
}
.accent_text{
    font-family:vista-bold;
}

.big_m,
.big_l,
.big_xl{
    line-height:1.0em;
}

.big_m{
    font-size:1.4em;
}
.big_l{
    font-size:2.0em;
}
.big_xl{
    font-size:3.6em;
}

.star_text:before,
.star_text:after{
	content: "  \2605  ";
	color: #f33;
	font-size: 0.8em;
}
.star_text{
	color: #f33;
}

/* COLLAGE */
.collage{
	display: flex;
}

.collage.home_banner .left{
	width:48.95%;
}
.collage.home_banner .right{
	width:51.05%;
}

.collage.home_spurtles .left{
	width:42.38%;
}
.collage.home_spurtles .right{
	width:57.62%;
}

.collage.home_newsletter .left{
	width:56.60%;
}
.collage.home_newsletter .right{
	width:43.3%;
}

.collage.home_lucinda .left{
	width:41.95%;
}
.collage.home_lucinda .right{
	width:58.5%;
}