@font-face {
	src: url('/assets/fonts/Typical_Writer/Typical_Writer.woff2') format("woff2"),
		url('/assets/fonts/Typical_Writer/Typical_Writer.woff') format("woff");
	font-family: 'Typical Writer';
	font-style: normal;
	font-weight: 400;
}
@font-face {
	src: url('/assets/fonts/Special_Elite/Special_Elite.woff2') format("woff2"),
		url('/assets/fonts/Special_Elite/Special_Elite.woff') format("woff");
	font-family: 'Special Elite';
	font-style: normal;
	font-weight: 400;
}
@font-face {
	src: url('/assets/fonts/FF_Elementa_Rough/FF_Elementa_Rough-Regular.woff') format("woff");
	font-family: 'FF Elementa Rough';
	font-style: normal;
	font-weight: 400;
}
@font-face {
	src: url('/assets/fonts/FF_Elementa_Rough/FF_Elementa_Rough-Bold.woff') format("woff");
	font-family: 'FF Elementa Rough';
	font-style: normal;
	font-weight: 700;
}
@font-face {
	src: url('/assets/fonts/Pitch/PitchWeb-Regular.woff') format("woff");
	font-family: 'Pitch';
	font-style: normal;
	font-weight: 400;
}
@font-face {
	src: url('/assets/fonts/Pitch/PitchWeb-Bold.woff') format("woff");
	font-family: 'Pitch';
	font-style: normal;
	font-weight: 700;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold-Light.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold-Light.woff') format("woff");
	font-family: 'Manifold Web';
	font-style: normal;
	font-weight: 300;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold-Medium.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold-Medium.woff') format("woff");
	font-family: 'Manifold Web';
	font-style: normal;
	font-weight: 500;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold_Serif-Light.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold_Serif-Light.woff') format("woff");
	font-family: 'Manifold Serif';
	font-style: normal;
	font-weight: 300;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold_Serif-Medium.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold_Serif-Medium.woff') format("woff");
	font-family: 'Manifold Serif';
	font-style: normal;
	font-weight: 500;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold_Rough_Serif-Light.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold_Rough_Serif-Light.woff') format("woff");
	font-family: 'Manifold Rough Serif';
	font-style: normal;
	font-weight: 300;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold_Rough_Serif-Regular.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold_Rough_Serif-Regular.woff') format("woff");
	font-family: 'Manifold Rough Serif';
	font-style: normal;
	font-weight: 400;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold_Rough_Serif-Medium.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold_Rough_Serif-Medium.woff') format("woff");
	font-family: 'Manifold Rough Serif';
	font-style: normal;
	font-weight: 500;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold_Rough_Serif-Semi_Bold.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold_Rough_Serif-Semi_Bold.woff') format("woff");
	font-family: 'Manifold Rough Serif';
	font-style: normal;
	font-weight: 600;
}
@font-face {
	src: url('/assets/fonts/Manifold/Manifold_Rough_Serif-Bold.woff2') format("woff2"),
		url('/assets/fonts/Manifold/Manifold_Rough_Serif-Bold.woff') format("woff");
	font-family: 'Manifold Rough Serif';
	font-style: normal;
	font-weight: 700;
}
/* html.debug * {outline: 1px dashed red;} */
* {	
	font-weight: inherit;
	font-style: inherit;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: inherit;
	vertical-align: inherit;
	list-style: none;
	box-sizing: border-box;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: 'Manifold Rough Serif', Courier, 'Courier New', monospace;	
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	text-align: center;
	color: #43372d;
	background-color: #d6d0c3; /* similar to old website */
	background-color: #eee7da;
	background-image: url('/assets/images/bg.jpg');
	background-size: 384px;
	background-position: center top;
	margin: 0 auto;
	padding: 1ch;
	max-width: 160ch;
	min-width: 30ch;
}
.wrap {
	margin: 0;
}
* + * {margin-top: 2ch;}

a:link, a:visited {
	color: inherit;
	text-decoration: underline;
}
a:hover {
	font-weight: 700;
}
header, nav {
	margin-bottom: 2ch;
}
h1, h2, h3, h4 {
	text-align: center;
	text-transform: uppercase;
}
h1,
h3:hover,
h5,
b, strong, em,
.price,
.question
 {
	font-weight: 700;
}
h1 {
	letter-spacing: 1ch;
}
h1:after,
section:before,
section:last-child:after {
	content: "- - - - - - - - - - - -";
	content: "– – – – – – – – – – – – -";
	content: "**************************";
	content: "+++++++++++++++++++++++++";
	content: "..............................";
	content: "_____________________________";
	content: "------------------------------";
	content: "––––––––––––––––––––––––––––––";
	letter-spacing: normal;
	white-space: pre;
	overflow: hidden;
	display: block;
}
section:before {
	margin-top: .5ch;
	margin-bottom: .5ch;
}
h3 {
	cursor: pointer;
	letter-spacing: 1ch;
}
h2 + *
{
	margin-top: 1ch;
}
h4 {
	margin-bottom: 2ch;
	-webkit-column-span: all;
	column-span: all;
}
h4:before {
	content: ". . . . . . . . . . . . . . . . . .";
	content: "\2013  \2013  \2013  \2013  \2013  \2013  \2013  \2013  \2013  \2013  \2013  \2013";
	white-space: pre;
	overflow: hidden;
	display: block;
	margin-bottom: 1ch;
}
h5 {
	margin-top: 0;
}

p, h5 {
	text-align: left;
}
img {
	max-width: 100%;
}
em {
	letter-spacing: normal;
	text-transform: none;
}
ul {
/* 	margin-bottom: 4ch; */
}

.address {
	margin-top: 1ch;
}
/*
.address, .hours {
	display: inline-block;
}
.hours {
	min-width: 26ch;
}
*/
ul.locations a:link {
	text-decoration: none;
}
.hours {
	padding-bottom: 0;
}
.location-notice {
	color: #C00;
	margin-top: 2ch;
	text-align: center;
}
.location-notice p {
	text-align: center;
}

body.location-page {
	position: relative;
}
.content {
	padding: 0 1ch 2ch 1ch;
}
.menu-nav {
	padding-bottom: 2ch;
}
.menu-category {
	padding-bottom: 2ch;
}
#menu li {
	margin-top: 0;
	margin-bottom: 2ch;
	position: relative;
}
iframe {
	width: 100%;
}

body.locations-page {
	display: table;
	width: 100%;
	height: 100%;
}
body.locations-page .wrap {
	display: table-cell;
	vertical-align: middle;
}
.locations {
	margin: 0;
}
.locations li {
	display: inline-block;
	padding: 1ch;
	margin: 0;
	width: 45%;
	max-width: 20ch;
	vertical-align: top;
}
.locations .location-logo {
	width: 100%;
	max-width: 25vw;
	height: auto;
	margin-bottom: 1ch;
}

.logo {
	width: 50%;
	height: auto;
	max-width: 15vh;
}
span.veg,
.veg h5,
.options.veg {
	color: #090;
	color: #393;
}
/*
.hot {
	color: #C33;
}
*/

.intro {
	text-align: center;
	-webkit-column-span: all;
	column-span: all;
/* 	margin-bottom: 2ch; */
}
.location {
	display: inline-block;
	margin: 0 1ch 3ch 1ch;
}
.slapwrap {
	margin-top: 0;
}

.edit-link {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: .5em;
	background-color: #FF0;
	display: none;
}
li:hover .edit-link,
body.location-page > .edit-link {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}
.edit-link:hover {
	background-color: #FFF;
	font-weight: normal;
}
.desc {
	margin-top: 0;
}
.price:before {
	content: "";
}
.options {
	margin-left: 2ch;
	margin-top: 1ch;
}
.question + p {
	margin-top: 0;
}
.faqs li {
	margin-top: 0;
	margin-bottom: 4ch;
}
.icons {
	letter-spacing: 1ch;
}
.icons li {
	display: inline-block;
	margin-top: 0;
}
.icon, .credit-card {
	height: 3ch;
	width: auto;
}
.back-to-top {
	display: block;
}
.back-to-top:after {
	content: ' ^';
}

/*
.fixed {
	position: fixed;
	top:0;
	z-index:500;
	background-color: rgba(0,255,0,0.5);
}
.absolute {
	position: absolute;
	width: 100%;
	margin-bottom:0;
	z-index:501;
	bottom: -16px;
	box-sizing:border-box;
	background-color: rgba(255,0,0,0.5);
}
*/
h3 {
	position: relative;
}
#faqs h3 {text-transform: none;}

/*
section:active .content {
	display: block !important;
}
*/


@media (min-width: 36em) {
	h1:after,
	h4 {
		margin-bottom: 3ch;
	}
	.wrap {
		padding: 2ch;
	}
	.content {
		padding-left: 0;
		padding-right: 0;
	}
}	
@media (min-width: 42em) {
	h1:after,
	h4 {
		margin-bottom: 4ch;
	}
/* 
	.slapwrap:before {content: "...........................................................";}
	h3 {
		margin-top: 2ch;
		margin-bottom: 2ch;
	}
*/
	h4:before, h4:after {
		content: "\2014  \2014  \2014";
		display: inline;
		margin: 0 2ch;
	}
	h5, p, iframe {
		max-width: 64ch;
		margin-left: auto;
		margin-right: auto;
	}
	#menu .menu-category ul,
	#faqs ul {
		-webkit-column-gap: 4ch;
		-webkit-column-count: 2;
		-moz-column-gap: 4ch;
		-moz-column-count: 2;
		column-gap: 4ch;
		column-count: 2;
	}
	#menu .menu-category li,
	#faqs li {
		display: inline-block;
		width: 100%;
		-webkit-column-break-inside: avoid;
		column-break-inside: avoid;
		break-inside: avoid;
	}
}
@media (min-width: 72em) {
	.wrap {
		padding: 4ch;
	}
	#menu .menu-category ul,
	#faqs ul {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	.back-to-top,
	.menu-nav {display: none;}
}