@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*End of Meyer's Reset*/
* {
	box-sizing:border-box;
}
body {
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: calc(12px + .5vw);
	line-height:125%;
	color:#4c3c26;
	background-color:#D1B88F;
	/*background-image:url("../_images/paper-bg.jpg");
	background-attachment: fixed;
	background-size:cover;*/
}
#wood-backdrop {
	background-image: url("../_images/wood-bg.jpg");
	background-size:cover;
}
#top-logo {
	background-image: url("../_images/wood-bg.jpg");
	background-size:cover;
	padding:1em;
}
#logo {
	display:block;
	width:25%;
}
#top-nav {
	position:sticky;
	top:0;
	z-index:1000;
		background-image: url("../_images/wood-bg.jpg");
	background-size:cover;
}
#front-nav {
	position:fixed;
	top:0;
	width:100%;
}
#front-splash {
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	padding:0;
	animation:colors 30s infinite alternate;
}
@keyframes colors {
	0% {background-color:rgba(188,33,39,.5);}
20% {background-color:rgba(254,217,28,.5);}
40% {background-color:rgba(147,62,142,.5);}
60% {background-color:rgba(87,83,163,.5);}
80% {background-color:rgba(60,141,168.,5);}
100% {background-color:rgba(140,169,61,.5);}
}
#front-logo {
	display:block;
	width:100%;
	margin-bottom:1em;
}
#logo-hold {
	margin:0 auto;
	width:75%;
	text-align:center;
	color:#232323;
}
#logo-hold h1 {
	font-size: calc(24px + .5vw);
	font-family: 'Tiza', kon-tiki-aloha-jf, sans-serif;
	margin-bottom:.5em;
}
#logo-hold p {
	font-family:"Wicked Grit", montserrat, sans-serif;
}
#top-nav a {
	color:#fff;
}
#menu, #menu-jump {
	display:flex;
	width:100%;
	color:#fff;
	padding:1em 0;
}
#menu {
	background-color:#341711;
}
#menu-jump {
	background-color:rgba(25,23,17,.5);
	font-size: calc(8px + .5vw);
}
#menu a, #menu-jump a {
	color:#fff;
	text-decoration: none;
}
#menu a , #menu-jump a {
	flex:1;
	border-left:1px solid #fff;
	text-align:center;
	list-style:none;
	text-transform:uppercase;
}
#menu a:first-child, #menu-jump a:first-child  {
	border-left:none;
}
#content {
	/*background-color:#bc2026;*/
}
section.category {
	width:100%;
	padding:0 0 2em 0;
	text-align:center;
}
section.intro {
	width:100%;
	text-align:left;
	/*background-color:#bc2026;*/
	margin:0;
	padding:2em 10%;
}
section.intro strong {
	font-weight:900;	
}

section.category h1, section.intro h1 {
	font-family: 'Tiza', kon-tiki-aloha-jf, sans-serif;
	font-size: calc(24px + .5vw);
}
section.category h1 {
	text-align:center;
	padding:1em 0 .75em 0;
	color:#fff;
	width:100%;
}
.food-image {
	display:block;
	width:25%;
	margin:0 auto;
	padding-bottom:1em;
}
.seltzer {
	color:#4c3c26 !important;
	background-color:transparent !important;
}
section.intro h1 {
	margin-bottom:.5em;
	margin-top:1em;
	color:#ffd921;
}
section.category p, section.intro p {
	margin-bottom:1em;
}
section.category p:last-child, section.intro p:last-child  {
	margin-bottom:0;
}
section.category strong {
	font-family:"Wicked Grit", montserrat, sans-serif;
}
.chicken {
	padding:0 0 2em 0;
}
.chicken strong {
	color:#a31e22;
}
.chicken h1 {
	background-color:#d2232a;
	border-top:10px solid #a31e22;
}
.charbroiled h1 {
	font-family: becker-gothics-stencil, sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: calc(36px + .5vw) !important;
	margin-bottom:1em;
	padding-bottom:1em !important;
	color:#2d1207 !important;
	text-shadow: 1px 1px 12px rgba(75, 36, 25, 1);
	background-image: url("../_images/wood-bg.jpg");
	background-size:cover;
	border-top:10px solid #331813;
	border-bottom:10px solid #331813;
}
.soups h1, .lunch h1 {
	background-color:#815623;
	border-top:10px solid #4c3c26;
}
.charbroiled strong, .soups strong {
	color:#815623;
}
.specialties h1, .salads h1 {
	background-color:#8ca93d;
	border-top:10px solid #466a2d;
}
.specialties strong, .salads strong {
	color:#466a2d;
}
.appetizers h1, .kids h1 {
	background-color:#923d8e;
	border-top:10px solid #752675;
}
.appetizers strong, .kids strong {
	color:#813d8e;
}
.drinks h1 {
	background-color:#3c8da8;
	border-top:10px solid #3b6d74;
}
.drinks strong {
	color:#3b6d74;
}
.desserts h1 {
	background-color:#4c3c26;
	border-top:10px solid #341711;
}
.teal-drinks h1 {
	background-color:#006b7f;
}
.teal-drinks strong {
	color:#195668;
}
.purple-drinks h1 {
	background-color:#73354c;
	border-top:10px solid #4c1f29;
}
.purple-drinks strong {
	color:#73354c;
}
.martini-drinks h1 {
	background-color:#5552a3;
	border-top:10px solid #3f3f89;
}
.martini-drinks strong {
	color:#5552a3;
}
.beers {
	border-top:10px solid #174a56;
}
#rotisserie-lunch {
	color:#fff;
	background-color:#3a2717;
	padding:1em 2em;
	margin-bottom:2em;
}
#lunch-divider {
	background-color:#3a2717;
	padding:.25em;
	width:100%;
	margin:1em 2em 2em 2em;
	display:block;
}
.tear {
	width:100%;
	padding:0;
	margin-top:-1px;
	display:block;
	margin-bottom:1.5em;
}
.tear-inner {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:block;
	background-color:#006b7f;
}
.happy-hour {
	position:relative;
	padding:2em 0 4em 0;
	background-color:#5552a3;
	color:#fff;
	z-index:999;
	border-top:10px solid #3f3f89;
}
.no-bottom {
	margin-bottom:.5em !important;
}
div.side-by-side {
	display:flex;
	padding:1em 22.22%;
}
.side-by-side p {
	display:block;
	flex:1;
	border-left:1px solid #fff;
	text-align:center;
}
.side-by-side p:first-child {
	border-left:none;
}
#front-footer {
	position:fixed;
	bottom:0;
}
#front-footer p {
	margin:0;
	padding:0;
}
footer {
	width:100%;
	background-color:#190b09;
	color:#fff;
	text-align:center;
	padding:1em;
	margin:0;
}
footer p:last-child {
	padding:1em 0;
	font-size:20px;
}
footer a {
	text-decoration:none;
	color:#fff;
}
.door-dash {
	background-color:#fff;
	padding:1rem;
	text-align:center;
	color:#B81311;
}
.door-dash button {
	display:inline-block;
	background-color:#B81311;
	color:#fff;
	border-radius:50px;
	border:none;
	padding:.5rem 1rem;
	font-family: brandon-grotesque, sans-serif;
	font-weight:500;
	font-style: normal;	
	font-size: calc(10px + .5vw);
	cursor:pointer;
}
.mob-only, #door-dash {
	display:none;
}
.show {
	display:none;
}
@media only screen and (max-width: 736px) {
	.door-dash {
		font-size: calc(14px + .5vw);
	}
	.door-dash button {
		font-size: calc(12px + .5vw);
		margin-top:1rem;
	}
	#door-dash {
		display:block;
		position:fixed;
		bottom:2rem;
		right:2rem;
		background-color:#B81311;
		color:#fff;
		border-radius:50px;
		border:none;
		padding:.5rem 1rem;
		font-family: brandon-grotesque, sans-serif;
		font-weight:500;
		font-style: normal;	
		font-size: calc(14px + .5vw);
		cursor:pointer;
	}	
	body {
		overflow-x:hidden;
	}
	#logo-hold {
		width:90%;
	}
	#menu-jump {
		display:none;
	}
	.poof {
		display:none !important;
	}
	.show {
		display:inline-block;
	}
	.mob-only {
		display:block;
	}
	.category p {
		padding-left:2em;
		padding-right:2em;
	}
	div.side-by-side {
		display:block;
	}
	div.side-by-side p {
		border:none;
	}
	#front-splash {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		min-height: -webkit-fill-available;
	}
	section.category strong, section.category h1, #logo-hold h1, #logo-hold p, .intro h1 {
		font-family: brandon-grotesque, sans-serif;
		font-weight:900;
		text-transform:uppercase;
	}
	section.intro {
		padding:2em;
	}
	.food-image {
		width:100%;
	}
	#front-footer {
		padding:1em;
	}
	footer {
		padding:1em 1em 2em 1em;
	}
}