/*--------------------------------------------------------------
Site Name:
Author: Webolutions
Stylesheet: Normalize Stylesheet
--------------------------------------------------------------*/
/*
Theme Name:
Theme URI:
Description:    Boilerplate Child
Author:         Webolutions
Author URI:     http://webolutions.com
Template:       boilerplate
Version:        0.1.0
*/
/*--------------------------------------------------------------
Site Name:
Author: Webolutions
Stylesheet: Normalize Stylesheet
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Based on ! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css

CONTENTS:
HTML5 display definitions
Base
Links
Typography
Lists
Embedded Content
Figures
Forms
Tables
Custom Reset Values
--------------------------------------------------------------*/
/*-------------------------------
HTML5 display definitions
-------------------------------*/
img {
  max-width: 100%;
}
/* Corrects `block` display not defined in IE6/7/8/9 & FF3. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/* Corrects `inline-block` display not defined in IE6/7/8/9 & FF3. */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS5 devices. */
audio:not([controls]) {
  display: none;
  height: 0;
}
/* Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4. Known issue: no IE6 support. */
[hidden] {
  display: none;
}
/*-------------------------------
Base
-------------------------------*/
/*
1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using em` units.
2. Prevents iOS text size adjust after orientation change, without disabling user zoom.
*/
html {
  font-size: 100%;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  /* 2 */

  -ms-text-size-adjust: 100%;
  /* 2 */

}
/* Addresses `font-family` inconsistency between `textarea` and other form elements. */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/* Addresses margins handled incorrectly in IE6/7. */
body {
  margin: 0;
}
/*-------------------------------
Links
-------------------------------*/
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted;
}
/* Improves readability when focused and also mouse hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:active,
a:hover {
  outline: 0;
}
/*-------------------------------
Typography
-------------------------------*/
/*
1. Addresses font sizes and margins set differently in IE6/7.
2. Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
/* Addresses styling not present in IE7/8/9, S5, Chrome. */
abbr[title] {
  border-bottom: 1px dotted;
}
/* Addresses style set to `bolder` in FF3+, S4/5, Chrome. */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/* Addresses styling not present in S5, Chrome. */
dfn {
  font-style: italic;
}
/* Addresses styling not present in IE6/7/8/9. */
mark {
  background: #ff0;
  color: #000;
}
/* Addresses margins set differently in IE6/7. */
p,
pre {
  margin: 0 0 1em;
}
/* Corrects font family set oddly in IE6, S4/5, Chrome: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/* Improves readability of pre-formatted text in all browsers. */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* Addresses CSS quotes not supported in IE6/7. */
q {
  quotes: none;
}
/* Addresses `quotes` property not supported in S4. */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/* Prevents `sub` and `sup` affecting `line-height` in all browsers: gist.github.com/413930 */
sub,
sup, .pum-container sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup, .pum-container sup {
  top: -0.5em; 
}
sub {
  bottom: -0.25em;
}
/*-------------------------------
Lists
-------------------------------*/
/* Addresses margins set differently in IE6/7. */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/* Addresses paddings set differently in IE6/7. */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/* Corrects list images handled incorrectly in IE7. */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/*-------------------------------
Embedded Content
-------------------------------*/
/*
1. Removes border when inside `a` element in IE6/7/8/9, FF3.
2. Improves image quality when scaled in IE7: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
  border: 0;
  /* 1 */

  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/* Corrects overflow displayed oddly in IE9. */
svg:not(:root) {
  overflow: hidden;
}
/*-------------------------------
Figures
-------------------------------*/
/* Addresses margin not present in IE6/7/8/9, S5, O11. */
figure {
  margin: 0;
}
/*-------------------------------
Forms
-------------------------------*/
/* Corrects margin displayed oddly in IE6/7. */
form {
  margin: 0;
}
/* Define consistent border, margin, and padding. */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
1. Corrects color not being inherited in IE6/7/8/9.
2. Corrects text not wrapping in FF3.
3. Corrects alignment displayed oddly in IE6/7.
*/
legend {
  border: 0;
  /* 1 */

  padding: 0;
  white-space: normal;
  /* 2 */

  *margin-left: -7px;
  /* 3 */

}
/*
1. Corrects font size not being inherited in all browsers.
2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */

  margin: 0;
  /* 2 */

  vertical-align: baseline;
  /* 3 */

  *vertical-align: middle;
  /* 3 */

}
/*Addresses FF3/4 setting `line-height` on `input` using `!important` in the UA stylesheet. */
button,
input {
  line-height: normal;
}
/*
1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
2. Corrects inability to style clickable `input` types in iOS.
3. Improves usability and consistency of cursor style between image-type input` and others.
4. Removes inner spacing in IE7 without affecting normal text inputs.
Known issue: inner spacing remains in IE6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

  cursor: pointer;
  /* 3 */

  *overflow: visible;
  /* 4 */

}
/* Re-set default cursor for disabled elements. */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
1. Addresses box sizing set to content-box in IE8/9.
2. Removes excess padding in IE8/9.
3. Removes excess padding in IE7.
Known issue: excess padding remains in IE6.
*/
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

  *height: 13px;
  /* 3 */

  *width: 13px;
  /* 3 */

}
/*
1. Addresses `appearance` set to `searchfield` in S5, Chrome.
2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`to future-proof).
*/
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/* Removes inner padding and search cancel button in S5, Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/* Removes inner padding and border in FF3+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
1. Removes default vertical scrollbar in IE6/7/8/9.
2. Improves readability and alignment in all browsers.
*/
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
/*-------------------------------
Tables
-------------------------------*/
/* Remove most spacing between table cells. */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*-------------------------------
Custom Reset Values
-------------------------------*/
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
small,
.small {
  font-size: 75%;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
dd {
  margin: 0;
}
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}
/*--------------------------------------------------------------
Site Name:
Author: Webolutions
Stylesheet: Mixins Stylesheet
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Mixins allow you to embed all the properties of a class into another class by simply including the class name as one of its properties. It's just like variables, but for whole classes. Mixins can also behave like functions and take arguments.

CONTENTS:
Tools
Colors
Typography
Border Radius
Gradients
Transition
Box Shadow
Buttons
--------------------------------------------------------------*/
/*-------------------------------
Tools
-------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.clear {
  clear: both;
}
.clearfix:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */

}
/*-------------------------------
Colors
-------------------------------*/
/* Need help w/ choosing your colors? Try this site out: http://0to255.com/ */
/*-------------------------------
Typography
-------------------------------*/
@font-face {
  font-family: 'ITCTempusSansCom-Regular';
  src: url('webfonts/266EBE_0_0.eot');
  src: url('webfonts/266EBE_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/266EBE_0_0.woff') format('woff'), url('webfonts/266EBE_0_0.ttf') format('truetype');
}
/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/*-------------------------------
Border Radius
-------------------------------*/
/* Usage: .border-radius will return the default of 5px set below. For a custom size, use .border-radius(10px). */
/*-------------------------------
Gradients
-------------------------------*/
/* .css-gradient(#dfdfdf,#f8f8f8); */
/*-------------------------------
Transition
-------------------------------*/
/* .transition(all,2s); */
/*-------------------------------
Box Shadow
-------------------------------*/
/* .boxShadow(0,0,5px,#444); */
/*-------------------------------
Buttons
-------------------------------*/
.button,
.button:visited {
  border: 3px solid #f3f2ed;
  padding: 8px 12px;
  color: #4b4643;
  display: inline-block;
  font-family: "nimbus-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: .02em;
  text-shadow: 1px 1px 1px #bccbd3;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 18px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #7694a2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3b7c3), to(#7694a2));
  background-image: -webkit-linear-gradient(top, #a3b7c3, #7694a2);
  background-image: -moz-linear-gradient(top, #a3b7c3, #7694a2);
  background-image: -o-linear-gradient(top, #a3b7c3, #7694a2);
  background-image: linear-gradient(to bottom, #a3b7c3, #7694a2);
}
.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
  color: #5e5854;
  background-color: #a3b7c3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3b7c3), to(#a3b7c3));
  background-image: -webkit-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: -moz-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: -o-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: linear-gradient(to bottom, #a3b7c3, #a3b7c3);
}
.button:active,
.button:visited:active {
  background-color: #a3b7c3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3b7c3), to(#a3b7c3));
  background-image: -webkit-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: -moz-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: -o-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: linear-gradient(to bottom, #a3b7c3, #a3b7c3);
}
.blue-button,
.blue-button:visited {
  border-color: #5d7b89;
  text-shadow: 0 1px 1px #5d7b89;
  background-color: #688898;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7794a2), to(#688898));
  background-image: -webkit-linear-gradient(top, #7794a2, #688898);
  background-image: -moz-linear-gradient(top, #7794a2, #688898);
  background-image: -o-linear-gradient(top, #7794a2, #688898);
  background-image: linear-gradient(to bottom, #7794a2, #688898);
  -webkit-box-shadow: inset 0 0 3px #a4b8c1;
  -moz-box-shadow: inset 0 0 3px #a4b8c1;
  box-shadow: inset 0 0 3px #a4b8c1;
}
.blue-button:hover,
.blue-button:visited:hover,
.blue-button:focus,
.blue-button:visited:focus {
  border-color: #536d79;
  background-color: #5d7b89;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#688898), to(#5d7b89));
  background-image: -webkit-linear-gradient(top, #688898, #5d7b89);
  background-image: -moz-linear-gradient(top, #688898, #5d7b89);
  background-image: -o-linear-gradient(top, #688898, #5d7b89);
  background-image: linear-gradient(to bottom, #688898, #5d7b89);
}
.blue-button:active,
.blue-button:visited:active {
  background-color: #7794a2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#688898), to(#7794a2));
  background-image: -webkit-linear-gradient(top, #688898, #7794a2);
  background-image: -moz-linear-gradient(top, #688898, #7794a2);
  background-image: -o-linear-gradient(top, #688898, #7794a2);
  background-image: linear-gradient(to bottom, #688898, #7794a2);
}
/*--------------------------------------------------------------
Site Name:
Author: Webolutions
Stylesheet: Base Stylesheet
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Base stylesheet for most styles.

CONTENTS:
General/Wordpress
Links
H1, H2, H3, H4, H5
Header
Homepage
Posts/Pages/Content Styles
Sidebars/Asides
Footer
--------------------------------------------------------------*/
/*-------------------------------
General/Wordpress
-------------------------------*/
body {
  font: normal 15px/19px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #433f3c;
  -webkit-backface-visibility: hidden;
  background:#eaecef; /* #C8C3C2 */
  /*background: url('images/body-bg.png') repeat;*/
  margin: 0px auto;
}
.wrapper {
  max-width: 960px;
  float: left;
  width: 100%;
  margin-left: 0;
  zoom: 1;
  float: none;
  display: block;
  margin: 0px auto;
  position: relative;
}
.wrapper:before,
.wrapper:after {
  content: "";
  display: table;
}
.wrapper:after {
  clear: both;
}
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*-------------------------------
Links
-------------------------------*/
a,
a:visited {
  color: #7794a2;
  font-weight: bold;
  text-decoration: none;
  /* on hover */

  /* on click */

  /* mobile tap color */

}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
  color: #444;
}
a:link,
a:visited:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
ul {
  margin: 0px;
}
li {
  list-style: none;
}
/*-------------------------------
H1, H2, H3, H4, H5
-------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  -webkit-backface-visibility: hidden;
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/

  /* removing text decoration from all headline links */

}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}
h1,
.h1 {
  margin: 0px 0px 12px 0px;
  font-family: "ITCTempusSansCom-Regular", "jubilat", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 42px;
  line-height: 44px;
  text-shadow: 1px 1px 1px #f3f2ed;
  font-weight: normal;
}
.page h1.entry-title,
.post h1.entry-title {
  margin-left: 118px;
  margin-top: 22px;
}
h2,
.h2 {
  margin: 0px 0px 12px 0px;
  font-family: "ITCTempusSansCom-Regular", "jubilat", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 36px;
  line-height: 38px;
}
h3,
.h3 {
  font: bold 28px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0px 0px 10px;
}
h4,
.h4 {
  font: bold 24px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px 0;
}
h5,
.h5 {
  font: bold 20px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px 0;
}
/*-------------------------------
Header
-------------------------------*/
#header {
  position: relative;
  z-index: 9999;
  background: url('images/light-wood-bg3.jpg') 50% 0 repeat;
  height: 150px;
}

#header .order {margin-top:3em;}
#content .order {background:rgb(101,112,130); background:linear-gradient(24deg, rgba(101,112,130,1) 0%, rgba(121,154,207,1) 100%); color:white; text-align:center; padding:4em 2%;}
#content .order a {font-size:1.2rem;}
.order a.no-image {background:#eee; color:#444; width:auto; height:auto; padding:10px 20px; margin:0 0 1em 2%; border-radius:5px; border:1px solid #ddd;}

.order strong {font-size:1.22em; padding:15px 0 10px; display:block;}
.order a {background-image:url(images/hungry-buffs.png); background-size:contain; background-position:center; background-repeat:no-repeat; display:inline-block; width:144px; height:44px; opacity:1;}
#content .order a { margin:0 0 0 7px;}
#popmake-1016 .order a {border:none;  margin:0 0 0 7px;}
.order a.dash {background-image:url(images/doordash.png); width:155px; height:44px;}
 .order a:hover {opacity:.7;}
.order .ubereats {background-image:url(images/UberEats500x268-300x161.png); width:191px; }
.gh-button-ifrm {display:inline-block; margin:0 0 0 6px;}
.order.popup .gh-button-ifrm {margin:0;}

.pum-container {padding:2em 1% !important;}
.pum-container * {font-size:1.5rem !important; text-align:center;}
.pum-theme-1011 .pum-title, .pum-theme-lightbox .pum-title {font-weight:bold !important; display:inline; float:left;}
.pum-container h1 {font-size:42px !important; font-weight:bold;}
.pum-container h4, .pum-container h5 {font-size:27px !important; margin:3px 0 0 20px; line-height:1.3;}
.pum-container h4 {font-size:36px !important;}
.pum-container p {clear:both;}
.pum-container span {font-weight:200; font-size:22px !important;}
.pum-container hr {margin:1.5em auto;}
#popmake-1016 {background-color:rgb(238, 242, 247);}
#popmake-1016 a {color:#ed1c24; border:1px solid #ed1c24; padding:5px 15px; margin:10px 0; display:inline-block;}
#popmake-1016 a:hover {background-color:#ed1c24; color:white;}
#popmake-1016 .order p {display:none;}
#popmake-1016 .order {margin-bottom:2em;}

#footer .order {margin:0 auto 1em;}
#footer .order a { margin:0 7px 5px 0;}
#footer .order .ubereats {height:42px; width:183px;}
#footer .gh-button-ifrm {display:block;}

#header .size-large {height:30px !important;}

#header #get-connected {
  zoom: 1;
  right:0;
  position: absolute;
}
#header #get-connected:before,
#header #get-connected:after {
  content: "";
  display: table;
}
#header #get-connected:after {
  clear: both;
}
#header #get-connected .social-link {
  float: left;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  margin: 0px 8px;
  display: block;
  text-align: left;
}
#header #get-connected #social-facebook {
  background: url('images/bg-sprite.png') -30px 0px no-repeat;
}
#header #get-connected #social-facebook:hover {
  background: url('images/bg-sprite.png') -30px -30px no-repeat;
}
#header #get-connected #social-twitter {
  background: url('images/bg-sprite.png') 0px 0px no-repeat;
}
#header #get-connected #social-twitter:hover {
  background: url('images/bg-sprite.png') 0px -30px no-repeat;
}
#header #get-connected #social-yelp {
  display: none;
  background: url('images/bg-sprite.png') -60px 0px no-repeat;
}
#header #get-connected #social-yelp:hover {
  background: url('images/bg-sprite.png') -60px -30px no-repeat;
}
#header #get-connected #social-instagram {
  background: url('images/bg-sprite.png') -120px 0px no-repeat;
}
#header #get-connected #social-instagram:hover {
  background: url('images/bg-sprite.png') -120px -30px no-repeat;
}
#header #attic-light {
  position: absolute;
  top: 0px;
  left: 0px;
}
#header .header-info {
  color: #924444;
  text-align: right;
  position: absolute;
  line-height: 18px;
  right: 10px;
  top: 10px;
}
#header .header-info a {
  color: #4d6e77;
}
#header .header-info .textwidget p {margin:0 0 5px;}
#header .header-mobile {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 300;
  width:80%;
  zoom: 1;
}
#header .header-mobile:before,
#header .header-mobile:after {
  content: "";
  display: table;
}
#header .header-mobile:after {
  clear: both;
}
#header .header-mobile p {
  margin: 0px;
}
#header .header-mobile a {
  float: right;
  text-align: center;
  padding: 4px 0px 4px 0px;
  cursor: pointer;
  height: 32px;
  width: 80px;
  outline: 0px;
  margin-left: 5px;
  display: block;
  border: 2px solid #1b1918;
  background-color: #5d7b89;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#86a0ac), to(#5d7b89));
  background-image: -webkit-linear-gradient(top, #86a0ac, #5d7b89);
  background-image: -moz-linear-gradient(top, #86a0ac, #5d7b89);
  background-image: -o-linear-gradient(top, #86a0ac, #5d7b89);
  background-image: linear-gradient(to bottom, #86a0ac, #5d7b89);
  color: #ffffff;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#header .header-mobile a:hover,
#header .header-mobile a:active {
  background-color: #86a0ac;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#86a0ac), to(#86a0ac));
  background-image: -webkit-linear-gradient(top, #86a0ac, #86a0ac);
  background-image: -moz-linear-gradient(top, #86a0ac, #86a0ac);
  background-image: -o-linear-gradient(top, #86a0ac, #86a0ac);
  background-image: linear-gradient(to bottom, #86a0ac, #86a0ac);
}
#header #mobile-menu select {
  background: none repeat scroll 0 0 #5e5854;
  border: 0 none;
  border-radius: 3px 3px 3px 3px;
  height: 20px;
  width: 100px;
}
#header .ui-select .ui-btn select {
  opacity: 0.0001;
}
#header #mobile-select-menu {
  position: absolute;
  right: 12px;
  top: 70px;
  z-index: 400;
}
#header #mobile-select-menu select {
  padding: 6px 0px 4px 4px;
  cursor: pointer;
  height: 32px;
  width: 80px;
  outline: 0px;
  border: 2px #79716c;
  background: #282624;
  color: #ffffff;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#header #mobile-select-menu select option {
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
}
#mobile-sub-menu {
  zoom: 1;
}
#mobile-sub-menu:before,
#mobile-sub-menu:after {
  content: "";
  display: table;
}
#mobile-sub-menu:after {
  clear: both;
}
#mobile-sub-menu select {
  padding: 6px 0px 4px 4px;
  cursor: pointer;
  height: 32px;
  width: 160px;
  float: right;
  outline: 0px;
  border: 2px #79716c;
  background: #282624;
  color: #ffffff;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#mobile-sub-menu select option {
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
}
.brdr-btm {
  background: url('images/brdr-btm.png') repeat-x;
  height: 12px;
  position: relative;
  top: 12px;
  z-index: 200;
  margin-top: -12px;
}
.brdr-top {
  background: url('images/brdr-top.png') repeat-x;
  height: 12px;
  position: relative;
  top: -12px;
}
.home .brdr-top.foot {
  display: none;
}
.home h2 {
  font: normal 20px/23px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#home-link {
  float: left;
  display: block;
  position: relative;
  z-index: 200;
  left: 0px;
  margin:20px 0px 0px 0px;
  width:260px;
}
.utility-menu a {
  font-size: 14px;
}
.utility-menu {
  float: right;
}
.utility-menu .last-menu-item a span {
  display: none;
}
.utility-menu li {
  float: right;
  margin-left: 12px;
}
.utility-menu li span {
  margin-right: 12px;
}
.menu-item-235 a,
.menu-item-236 a {
  display: block;
  height: 21px;
  width: 20px;
  text-indent: -9999px;
}
.menu-item-235 a {
  background: url('images/sprite.png') -763px 0px no-repeat;
  height: 21px;
  width: 20px;
}
.menu-item-236 a {
  background: url('images/sprite.png') -763px -22px no-repeat;
  height: 21px;
  width: 20px;
}
.menu-item-135 span {
  display: none;
}
#access {
  z-index: 500;
  clear: both;
  text-align: center;
  position: relative;
  margin-top:11px;
  float:right;
}
#access .menu {
  font-family: "jubilat", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size:1.2rem;
  letter-spacing:1px;
  float: right;
  height:40px;
  border-radius: 10px 10px 0 0;
  background:#5a7785b3;
}
#access .menu li {
  float: left;
  height: 100%;
  display: block;
}
#access .menu li a {
  color:#fff;
  padding:6px 20px;
  display: block;
  font-weight: normal;
  text-shadow:1px 1px 2px #000;
}
#access .menu li a:hover {
  color:#a6c2e1;
}
#access .menu li li a {
  color:#94beef;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  border-bottom: 1px solid #f3f2ed;
  padding: 2px 12px 6px;
  width:100%;
}
#access .menu li li a:hover {
  color: #f3f2ed;
  background:#5a7785;
}
#access .menu li.first-menu-item {
  background: none;
}
/*--- If needed, default dropdown menu styles. ---*/
#menu-primary-navigation.menu {
  list-style: none;
}
#menu-primary-navigation.menu .sub-menu {
  background: #5e5854;
  top: 44px;
  border: 5px solid #f4f3f3;
}
#menu-primary-navigation.menu li {
  position: relative;
}
#menu-primary-navigation.menu li li {
  float: left;
  width: 260px;
  text-align: left;
  background: none;
}
#menu-primary-navigation.menu li li a {
  display: block;
  text-shadow: none;
  padding: 6px 6px 8px;
}
#menu-primary-navigation.menu li li:hover ul {
  margin-left: 200px;
  left: 0;
}
#menu-primary-navigation.menu li:hover ul {
  display: block;
}
#menu-primary-navigation.menu li:hover ul ul {
  display: none;
}
#menu-primary-navigation.menu ul {
  display: none;
  position: absolute;
  left: 0;
}
/*-------------------------------
Homepage
-------------------------------*/
.home h1 {
  padding-top: 4px;
}
.theme-default .nivoSlider {
  box-shadow: none !important;
  margin-bottom: 0px !important;
}
.home .nivo-controlNav {
  display: none;
}
.home #content {
  padding-bottom: 0px;
}
.brdr-top.after-slider {
  z-index: 900;
}
#home-content h1 {
  border-bottom: 3px solid #5e5854;
  padding-bottom: 10px;
}
#slider-container {
  margin: 18px 0px 24px;
}
#slider-container .slider-wrapper {
  border: 3px solid #f3f2ed;
  -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.5);
}
#home-specials,
.dailyWidget {
  padding: 0px 0px 0px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
}
#home-specials h3,
.dailyWidget h3 {
  font-family: "ITCTempusSansCom-Regular", "jubilat", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 30px;
  font-weight: normal;
  text-shadow: 1px 1px 1px #f3f2ed;
  border-bottom: 3px solid #5e5854;
  padding-bottom: 2px;
}
.dailyWidget {
  margin-top: 0px;
}
#features {
  background: #5e5854;
}
#features .wrapper {
  padding-top: 56px;
  padding-bottom: 32px;
  zoom: 1;
}
#features .wrapper:before,
#features .wrapper:after {
  content: "";
  display: table;
}
#features .wrapper:after {
  clear: both;
}
#features .wrapper .feature {
  text-align: center;
  color: #f3f2ed;
  padding: 0px 4px;
}
#features .wrapper .feature h3 {
  font-family: "jubilat", "Georgia", Cambria, Times New Roman, Times, serif;
  text-shadow: 1px 1px 1px #433f3c;
  font-weight: normal;
}
#features .wrapper .feature p {
  padding: 0px 12px;
}
#features .wrapper .feature .feature-image {
  padding: 0px 8px;
}
#features .wrapper .feature .feature-image img {
  display: block;
  margin: 0px auto 12px;
}
#features .wrapper .feature .feature-image img.border {
  border: 3px solid #f3f2ed;
  -webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.5);
}
.home .home-content {
  margin-top: 24px;
  margin-bottom: 48px;
}
#callout a {
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 6px 0px 24px;
}
.home #callout a {
  font-size: 24px;
  text-shadow: 2px 2px 2px #000000;
}
#social-callout {
  font-size: 18px;
  text-align: center;
  margin: 6px 0px 24px;
}
.home #social-callout {
  color: #f3f2ed;
  text-shadow: 2px 2px 2px #000000;
}
#searchsubmit {
  border: 3px solid #f3f2ed;
  padding: 8px 12px;
  color: #4b4643;
  display: inline-block;
  font-family: "nimbus-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: .02em;
  text-shadow: 1px 1px 1px #bccbd3;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 18px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #7694a2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3b7c3), to(#7694a2));
  background-image: -webkit-linear-gradient(top, #a3b7c3, #7694a2);
  background-image: -moz-linear-gradient(top, #a3b7c3, #7694a2);
  background-image: -o-linear-gradient(top, #a3b7c3, #7694a2);
  background-image: linear-gradient(to bottom, #a3b7c3, #7694a2);
}
#searchsubmit:hover,
#searchsubmit:focus {
  color: #5e5854;
  background-color: #a3b7c3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3b7c3), to(#a3b7c3));
  background-image: -webkit-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: -moz-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: -o-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: linear-gradient(to bottom, #a3b7c3, #a3b7c3);
}
#searchsubmit:active {
  background-color: #a3b7c3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3b7c3), to(#a3b7c3));
  background-image: -webkit-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: -moz-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: -o-linear-gradient(top, #a3b7c3, #a3b7c3);
  background-image: linear-gradient(to bottom, #a3b7c3, #a3b7c3);
}
.content .gform_wrapper .ginput_complex label,
.content .gform_wrapper .gfield_time_hour label,
.content .gform_wrapper .gfield_time_minute label,
.content .gform_wrapper .gfield_date_month label,
.content .gform_wrapper .gfield_date_day label,
.content .gform_wrapper .gfield_date_year label,
.content .gform_wrapper .instruction {
  display: block;
  font-size: 13px;
}
/*-------------------------------
Posts/Pages/Content Styles
-------------------------------*/
.single .entry-content {
  margin-top: 8px;
}
.single .entry-meta {
  margin-left: 118px;
}
.drinks,
.happy-hour,
.specials {
  margin-left: 32px;
}
.drinks .menu-header,
.happy-hour .menu-header,
.specials .menu-header {
  display: block;
  margin-bottom: -8px;
}
.menu-header {
  font-family: "ITCTempusSansCom-Regular", "jubilat", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 36px;
}
.menu-header td {
  padding-bottom: 12px;
}
.breadcrumbs {
  display: none;
}
table td {
  vertical-align: top;
  padding: 4px 8px;
}
.home .entry-content {
  margin-top: 0px;
  padding-left: 12px;
}
.entry-content {
  margin-top: 46px;
  padding-right: 12px;
  padding-bottom: 24px;
}
#cta {
  background: url('images/sprite.png') -306px -80px;
  display: block;
  width: 248px;
  height: 58px;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  padding: 8px 80px 0px 18px;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 2px 2px 3px #000000;
}
#cta:hover {
  background: url('images/sprite.png') -306px -138px;
}
h1.entry-title {
  padding: 4px 0px 8px 8px;
  border-bottom: 4px solid #5e5854;
  margin: 0px 0px 12px 100px;
}
.content.wrapper {
  background: url('images/content-bg2.png') no-repeat #fbfaf7;
  margin-top: -12px;
  padding-top: 18px;
  position: relative;
  border-left: 1px solid #aba4a0;
  border-right: 1px solid #aba4a0;
}
.content.wrapper .bg-wrap {
  background: url('images/content-bg-light.png') 0px 600px;
}
.content.wrapper .span9 {
  padding: 4px 24px 24px 24px;
}
/* MENU PAGES CONTENT FULL WIDTH, NO SIDEBAR IN PAGE.PHP */
.page-id-61 .span9, .page-id-1144 .span9, .page-id-1187 .span9, .page-id-63 .span9 {width:100%;}

.page-template-formpage-php h1.entry-title {
  margin-left: 142px;
}
.page-template-formpage-php .entry-content {
  padding: 12px 24px 36px;
}
.page-template-formpage-php .form-content {
  background: #b1aba4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333333;
  padding: 18px;
}
.page-template-formpage-php .form-content .gform_footer input[type="submit"] {
  padding: 4px 16px;
  font-size: 21px;
}
.page-template-formpage-php .form-content h3 {
  font-size: 19px;
}
.page-template-formpage-php .form-content .gfield {
  margin-top: 6px;
}
.page-template-formpage-php .form-content .gfield_label {
  font-size: 15px;
}
#content {
  padding-top: 12px;
  padding-bottom: 0px;
}
.news-container {
  margin: 0px 8px;
  border: 1px solid #484849;
  background: #f3f2ed;
}
.news-container h2 {
  background: #5e5854;
  padding: 8px 14px;
  margin: 0px;
  font-size: 30px;
  line-height: 30px;
}
.news-container img {
  border: 1px solid #5e5854;
  display: block;
  float: left;
  margin-right: 8px;
  margin-bottom: 2px;
}
.news-container a.button {
  margin-left: 8px;
}
.news-item {
  margin: 16px 20px;
}
.news-item h3,
.news-item p {
  margin: 0px;
}
.news-item h3 {
  font-size: 18px;
}
.entry-meta {
  margin-bottom: 4px;
}
.post .image {
  float: left;
  margin: 0px 12px 2px 0px;
  width: 158px;
}
.post .image img {
  border: 1px solid #5e5854;
}
.read-more.button {
  float: right;
  margin-top: 18px;
  margin-right: 8px;
  padding: 5px 10px;
  border: 1px solid #ffffff;
}
.category .entry-title .entry-title,
.search .entry-title .entry-title,
.blog .entry-title {
  border-bottom: 2px solid #5e5854;
  font-size: 18px;
  line-height: 20px;
  margin: 0px 0px 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.category .entry-title .entry-title a,
.search .entry-title .entry-title a,
.blog .entry-title a {
  color: #5e5854;
}
.category .entry-title .entry-content,
.search .entry-title .entry-content,
.blog .entry-content {
  margin-top: 6px;
}
.entry-date {
  font-size: 15px;
  font-style: italic;
  line-height: 15px;
  margin: 0px 0px 4px;
  font-weight: normal;
}
#ui-datepicker-div {
  width: auto !important;
}
#ui-datepicker-div table td {
  padding: 0px;
}
.section.main {
  width: 99.9%;
}
/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999;
}
/* entry content */
.entry-content {
  /*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/

}
.entry-content ul {padding:.5em 1em;}
.entry-content ul li,
.entry-content ol li {
  padding:.5em 5px;
  list-style: disc;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content .alignleft,
.entry-content img.alignleft {
  float: left;
  margin: 0px 12px 2px 0px;
}
.entry-content .alignright,
.entry-content img.alignright {
  float: right;
  margin: 0px 0px 2px 12px;
}
.entry-content .aligncenter,
.entry-content img.aligncenter {
  margin: 0px auto;
}
.entry-content .single-thumbnail {
  float: left;
  margin: 0px 18px 2px 0px;
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
/* end .entry-content */
.wp-caption {
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */

}
.wp-caption img {
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}
/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/*-------------------------------
Sidebars/Asides
-------------------------------*/
.breadcrumbs {
  color: #f3f2ed;
  margin-bottom: 4px;
}
.breadcrumbs a {
  color: #f3f2ed;
  display: block;
  float: left;
  font-weight: normal;
}
h2.subnav-header {
  font: bold 24px/24px "nimbus-sans-condensed", Arial, sans-serif;
  margin: 0px 0px 4px 0px;
}
#subnavigation {
  border: 4px solid #f3f2ed;
  font-size: 14px;
}
#subnavigation li {
  display: block;
  margin: 0px;
}
#subnavigation li a {
  background: #5e5854;
  border-bottom: 1px solid #f3f2ed;
  display: block;
  padding: 7px;
  color: #f3f2ed;
  font-weight: normal;
}
#subnavigation li a:hover,
#subnavigation li a.active {
  background: #7794a2;
}
#subnavigation li a.last {
  border-bottom: 0px none;
}
.home-crumb {
  background: url('images/sprite.png') no-repeat -763px -43px;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  display: block;
  float: left;
}
.bc {
  background: url("images/sprite.png") no-repeat scroll -763px -59px transparent;
  display: block;
  float: left;
  height: 15px;
  margin: 2px 0 0 8px;
  width: 16px;
}
.sidebar {
  padding-top: 12px;
}
.sidebar .widget-container {
  margin-bottom: 20px;
}
.sidebar .dailyWidget,
.sidebar .gform_widget {
  background: #f3f2ed;
  padding: 12px 8px 12px 12px;
  -webkit-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.5);
}
.sidebar .gform_wrapper .top_label input.medium,
.sidebar .gform_wrapper .top_label select.medium {
  width: 96%;
}
.sidebar .gform_widget {
  font-size: 14px;
}
.sidebar .gform_widget h3 {
  font: bold 20px/23px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0px;
}
.sidebar .gform_widget .ginput_left,
.sidebar .gform_widget .ginput_right {
  width: auto !important;
  float: none !important;
}
.sidebar .gform_widget .gform_heading {
  margin-bottom: 0px;
}
.sidebar .gform_wrapper .gform_footer input[type="submit"] {
  font-size: 18px;
  padding: 3px 15px;
  border: 3px solid #ffffff;
  margin-bottom: 0px;
}
.widget ul li {
  /* deep nesting */

}
/*-------------------------------
Forms
-------------------------------*/
/* Override any Gravy Forms styles here. */
/*-------------------------------
Footer
-------------------------------*/
#footer {
  background: #5e5854;
  padding: 18px;
  color: #ffffff;
  text-shadow: 1px 1px 1px #282624;
  line-height: 21px;
  position: relative;
  top: -12px;
  zoom: 1;
}
#footer:before,
#footer:after {
  content: "";
  display: table;
}
#footer:after {
  clear: both;
}
#footer a {
  text-decoration: underline;
  color: #a4b8c1;
  font-weight: normal;
}
#footer a:hover {
  color: #d2dbe0;
}
#footer a:hover img {
  -webkit-box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.9);
  box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.9);
}

#footer .order a:nth-of-type(3) {background-image:url(images/doordash.png);}
#footer .order a:nth-of-type(2) {background-image:url(images/hungry-buffs.png);}

#footer .menu a {
  color: #f3f2ed;
  text-decoration: none;
}
#footer .menu a:hover {
  color: #7794a2;
}
#footer img {
  display: block;
  margin: 0px auto 12px;
}
#footer img.border {
  border: 3px solid #f3f2ed;
  -webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.5);
}
.home #footer {
  margin-top: 24px;
}
#footer-menu-container {width:100%; text-align:center;}
.footer-links {text-align:center; margin:2em auto; display:inline-block;}
#footer-menu-container nav .menu {
  text-align: right;
}
.footer {
  clear: both;
}
.footer-links .last-menu-item a span {
  display: none;
}
.footer-links ul {
  margin: 0px;
}
.footer-links ul li {
  float: right;
  margin-left: 12px;
}
.footer-links ul li span {
  margin-right: 12px;
}
/* end .footer-links */
.showmobile {
  display: none;
}
.ie7 .home #cta {
  width: 206px;
  height: 69px;
}
.lte8 #access .menu li a {
  padding-right: 10px;
  padding-left: 10px;
}
/*--------------------------------------------------------------
Site Name:
Author: Webolutions
Stylesheet: Responsive Grid Stylesheet
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Responsive grid layout. You can adjust the number of columns, gutter width, and container width. Based on http://responsify.it/.
--------------------------------------------------------------*/
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
  float: left;
}
.col {
  margin-left: 1.5%;
}
.col:first-child {
  margin-left: 0;
}
.span1 {
  width: 6.958333333333333%;
}
.span2 {
  width: 15.416666666666666%;
}
.span3 {
  width: 23.875%;
}
.span4 {
  width: 32.33333333333333%;
}
.span5 {
  width: 40.791666666666664%;
}
.span6 {
  width: 49.25%;
}
.span7 {
  width: 57.70833333333333%;
}
.span8 {
  width: 66.16666666666666%;
}
.span9 {
  width: 74.625%;
}
.span10 {
  width: 83.08333333333333%;
}
.span11 {
  width: 91.54166666666666%;
}
.span12 {
  width: 100%;
  margin-left: 0;
}
.span71 {
  width: 70%;
  margin-right: 1%;
  padding-left: 18px;
  float: left;
}
.span29 {
  width: 29%;
  float: left;
}
#container,
.inner {
  margin: 0 auto;
}
#container {
  clear: both;
  padding-top: 20px;
  width: 960px;
}
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
/*--------------------------------------------------------------
Site Name:
Author: Webolutions
Stylesheet: Menu Stylesheet
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Superfish Menu stylesheet

CONTENTS:
Essential Styles
Navbar Styles (adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu)
Vertciel Styles (adding sf-vertical in addition to sf-menu creates a vertical menu)
--------------------------------------------------------------*/
/*-------------------------------
Essential Styles
-------------------------------*/
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  line-height: 1.0;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */

}
.sf-menu li {
  float: left;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 2.5em;
  /* match top ul list item height */

  z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */

  top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */

  top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  margin-bottom: 1em;
}
.sf-menu a {
  border-left: 1px solid #fff;
  border-top: 1px solid #CFDEFF;
  padding: .75em 1em;
  text-decoration: none;
}
.sf-menu a,
.sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/

  color: #13a;
}
.sf-menu li {
  background: #BDD2FF;
}
.sf-menu li li {
  background: #AABDE6;
}
.sf-menu li li li {
  background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
  background: #CFDEFF;
  outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */

}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em;
  /* IE6 only */

  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */

}
a > .sf-sub-indicator {
  /* give all except IE6 the correct values */

  top: .8em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/

}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/

}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/

}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url('../images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
/*-------------------------------
Navbar Styles
-------------------------------*/
.sf-navbar {
  background: #BDD2FF;
  height: 2.5em;
  padding-bottom: 2.5em;
  position: relative;
}
.sf-navbar li {
  background: #AABDE6;
  position: static;
}
.sf-navbar a {
  border-top: none;
}
.sf-navbar li ul {
  width: 44em;
  /*IE6 soils itself without this*/

}
.sf-navbar li li {
  background: #BDD2FF;
  position: relative;
}
.sf-navbar li li ul {
  width: 13em;
}
.sf-navbar li li li {
  width: 100%;
}
.sf-navbar ul li {
  width: auto;
  float: left;
}
.sf-navbar a,
.sf-navbar a:visited {
  border: none;
}
.sf-navbar li.current {
  background: #BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus,
.sf-navbar a:hover,
.sf-navbar a:active {
  background: #BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus,
.sf-navbar ul a:hover,
.sf-navbar ul a:active {
  background: #D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus,
.sf-navbar ul li li a:hover,
.sf-navbar ul li li a:active {
  background: #E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
  left: 0;
  top: 2.5em;
  /* match top ul list item height */

}
ul.sf-navbar .current ul ul {
  top: -999em;
}
.sf-navbar li li.current > a {
  font-weight: bold;
}
/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator {
  background-position: -10px -100px;
}
.sf-navbar ul a > .sf-sub-indicator {
  background-position: 0 -100px;
}
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/

}
/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
  background: transparent;
  padding: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
/*-------------------------------
Vertical Styles
-------------------------------*/
.sf-vertical,
.sf-vertical li {
  width: 10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 10em;
  /* match ul width */

  top: 0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
  background-position: -10px 0;
}
/* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
  background-position: 0 0;
}
/* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/

}
/*--------------------------------------------------------------
Site Name:
Author: Webolutions
Stylesheet: Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Here's where all the magic happens.

CONTENTS:
General Responsive Styles
Tablets
Larger Phones
Smaller Phones
Custom Breakpoints
--------------------------------------------------------------*/
/*-------------------------------
General Responsive Styles
-------------------------------*/
.none,
.nodesktop {
  display: none;
}
.block {
  display: block;
}
/*-------------------------------
Tablets
-------------------------------*/
@media screen and (max-width: 959px) {
  .notablet {
    display: none;
  }
  .showtablet {
    display: block;
  }
  #access .menu {font-size:24px;}
  #buttonImg .size-large {height:20px !important;}
}

@media screen and (max-width: 865px) {
    #header .order a, #header .order a.dash, #header .size-large { width:120px;}
    #header .order a.ubereats {width:145px;}
    #header .order a.no-image {width:auto;}
    #access {position:relative; text-align:center; margin:16px auto 0; width:100%;}
    #access .menu {float:none; font-size:1.15rem; width:90%; margin:auto;}
    #home-link {margin:15px 0px 0px 15px;}
}

@media screen and (max-width: 767px) {
	#access {display:none;}
	#mobile-select-menu .showmobile {display:block;}
	.header-info.nomobile {display:none;}
	.header-mobile,showmobile {display:block;}
	#popmake-1016 {top:20px !important; padding:1em 5% 2em !important;}
  	#popmake-1016 a {display:block;}
	.order.popup {margin:20px auto 25px;}
	.order.popup a {float:none; width:100%; margin:10px auto 0;}
	.order.popup iframe {margin-top:10px;}
	.order.popup .gh-button-ifrm {text-align:center; float:none; display:block;}
	.pum-theme-1011 .pum-title, .pum-theme-lightbox .pum-title {line-height:28px !important; font-size:21px !important; margin:0 auto 12px;}
	.pum-container h4 {margin:0 0 10px;}
	.pum-container * {font-size:1.1rem !important;}
	.pum-container p {margin:0;}
}

@media screen and (max-width: 750px) {
	#header {height:150px;}
	.pum-container * {float:none !important;}
}

@media screen and (max-width: 720px) {
  .span1,
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .span7,
  .span8,
  .span9,
  .span10,
  .span11,
  .span12,
  .span71,
  .span29 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
  }
  #container,
  .inner {
    width: 90%;
    padding: 0 5% 0 5%;
  }
  .nomobile {
    display: none;
  }
  .showmobile {
    display: block;
  }
  .home h1 {
    background: none;
    padding-left: 12px;
  }
  .order a {color:#fff; font-size:.85em; margin-left:5px; padding:3px 0;}
  #content .order a { margin:0 auto 20px; display:inlineblock;}
  #footer .order a {margin:20px auto; display:block;}
  .gh-button-ifrm {float: none; text-align:center;}
  #popmake-1016 .order a {margin-bottom:10px;}
  #footer-menu-container {clear:both;}
  .footer-links ul li span {display:none;}
  .footer-links ul li {float:none; display:block; text-align:center; margin:5px auto;}

}

@media screen and (max-width: 660px) {
	#access {display:none;}
}

@media screen and (max-width: 480px) {
  #header {
    height: 132px;
  }
  #header #attic-light {
    height: 132px;
  }
  #logo-img {
    max-width: 80%;
  }
  #home-link {
    margin: 59px 0px 0px 15px;
  }
  .content.wrapper .span9 {padding:0;}
  .specials {margin:0 8%;}
  .page-id-76 .page h1.entry-title {margin-left:0; text-align:center;} /* Daily/Nightly Specials page */
  .page-template-formpage-php h1.entry-title {margin-left:110px;}
}

@media screen and (min-width: 480px) and (max-width: 580px) {
#logo-img {margin-top:40px;}
}
/*-------------------------------
Custom Breakpoints
-------------------------------*//*-------------------------------
Print Styles
-------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}