body {
  width: 100%;
  zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

/* grid */
/* breakpoints */
/* other stuff */
/* ---variables--- */
/* cream */
/* dark brown */
/* gold brown */
/* rust */
/* wider grid */
.grid {
  max-width: 1100px; }

/* ---background colors/styles--- */
#scroll, body, #navbar, body.index #footer, #footer {
  background: #F5F2E9 url("/images/bg_texture.png") top center repeat; }

body, #navbar, #scroll, #footer {
  color: #5d4f34; }

@media screen and (min-width: 668px) {
  #navbar {
    padding-top: 2em; } }
.sidebar img {
  max-width: 100%; }

@media screen and (max-width: 667px) {
  #container {
    padding-top: 2em; }

  #scroll, body.index #scroll {
    padding-bottom: 230px; } }
/* get rid of lines */
#navbar .nav {
  border: none;
  border-bottom: 3px solid #9D8658; }

.section + .section {
  border: none; }

#footer .grid {
  border: none; }

@media screen and (min-width: 668px) {
  .mainbar {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    padding: 0; }

  .mainbar {
    margin-top: 4em; }

  .sidebar {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%;
    text-align: left;
    border-left: none;
    margin-top: 4em;
    padding: 0;
    min-height: 0; }
    .sidebar p, .sidebar table {
      font-size: 0.9em; }

  /* raise up image on index page */
  body.index .sidebar {
    margin-top: 3em; }

  .sidebar > * {
    padding: 0; }

  .section + .section {
    margin-top: 2em;
    padding: 0; }

  /* nav */
  #logo {
    text-align: left;
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%;
    margin-bottom: 0.25em; }

  #navbar .nav ul {
    width: 100%;
    margin: 0;
    text-align: left;
    height: 50px; }
    #navbar .nav ul li {
      padding-left: 0;
      padding-right: 1em;
      line-height: 50px; }

  #scroll {
    padding-bottom: 150px; } }
table.hours th, table.hours td {
  padding: 0;
  padding-bottom: 0.75em;
  text-align: left;
  display: block; }

table.hours th:first-child, table.hours td:first-child {
  text-align: left;
  display: block;
  padding: 0; }

@media screen and (max-width: 667px) {
  table.hours th, table.hours td {
    display: inline;
    line-height: 1.7em; }

  table.hours th:first-child, table.hours td:first-child {
    display: inline;
    margin-right: 1em; }

  div.hours {
    margin-bottom: 1em; } }
/* ---typography--- */
body {
  font-family: "signo", sans-serif;
  font-size: 17px;
  color: #5d4f34;
  margin-top: 0;
  padding-top: 0; }

@media screen and (max-width: 667px) {
  body {
    font-size: 15px; } }
p {
  font-family: "signo", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.6em;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 1em; }

h1 {
  font-family: "signo", sans-serif;
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0;
  margin-bottom: 1.5em; }

.blurb h1 {
  margin-bottom: 1.5em; }

h2, h3 {
  font-family: "journal", serif;
  font-size: 1.8em;
  line-height: 1.3em;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0.5em; }

h3 {
  font-size: 1.5em;
  margin-bottom: 0.25em;
  margin-top: 1.25em; }

a, a:hover, a:focus, a:visited {
  color: #5d4f34;
  border-bottom: 1px dotted #5d4f34; }

a:hover, a:focus {
  border-bottom: 1px solid #5d4f34; }

a.button, form input[type="submit"] {
  background: none;
  border: none;
  color: #9D8658;
  font-family: "journal", serif;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 1.8em;
  line-height: 1.6em;
  text-align: left;
  padding: 0;
  margin: 0;
  padding-right: 0.5em; }

a.button:hover, form input[type="submit"]:hover,
a.button:focus, form input[type="submit"]:focus {
  border: none;
  background: none;
  color: #5d4f34; }

@media screen and (min-width: 668px) {
  a.button::after {
    content: "|";
    padding-left: 0.5em; }

  a.button + a.button::after {
    content: ""; }

  ul.menus li:last-of-type a.button::after {
    content: "";
    padding-left: 0; } }
/* mobile buttons */
@media screen and (max-width: 667px) {
  a.button, a.button:hover, a.button:focus {
    text-align: center;
    font-size: 1.2em;
    line-height: 1em;
    padding: 1em 0;
    color: #895734;
    border: 1px solid #895734;
    border-top: none; }

  a.button:first-of-type {
    border-top: 1px solid #895734; }

  ul.menus {
    border-top: 1px solid #895734; }
    ul.menus li a.button {
      border-top: none; } }
#priority-nav {
  text-align: center;
  background: #895734;
  padding: 0.9em 0;
  color: #F5F2E9;
  border: none;
  font-size: 1.6em; }

ul.menus {
  margin-top: 1.5em; }

#navbar .nav ul li a, #navbar .nav ul li a:hover, #navbar .nav ul li a:focus {
  font-family: "signo", sans-serif;
  font-size: 0.85em;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A29584; }
#navbar .nav ul li a.selected {
  color: #5d4f34;
  border-bottom: none; }

#navbar .nav ul li.reservation a, #navbar .nav ul li.reservation a:hover, #navbar .nav ul li.reservation a:focus {
  font-family: "signo", sans-serif;
  font-size: 0.9em;
  font-weight: 500;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0; }

/* mobile nav */
ul.buttons {
  border-top: 1px solid #895734; }
  ul.buttons li {
    background: none;
    font-family: "journal", serif;
    text-transform: capitalize;
    letter-spacing: 0;
    border: 1px solid #895734;
    border-top: none; }
    ul.buttons li a {
      font-size: 1.2em;
      padding: 1em 0;
      color: #895734; }

/* sidebar/billboard styling, mobile */
@media screen and (max-width: 667px) {
  .sidebar {
    margin-bottom: 1em; }
    .sidebar img {
      max-width: 90%;
      display: block;
      margin: auto; }

  #scroll {
    margin-top: 65px; } }
/* gallery */
.gallery img {
  border: none; }

@media screen and (max-width: 667px) {
  .gallery {
    padding-top: 5em; } }
/*custom back arrow */
@media screen and (max-width: 667px) {
  #back img {
    display: none; }

  #back {
    background-image: url("/images/back_rust.png"); } }
/* social */
.instagram a {
  background-image: url("/images/instagram-icon.png"); }

.yelp a {
  background-image: url("/images/yelp-icon.png"); }

.facebook a {
  background-image: url("/images/facebook-icon.png"); }

.tripadvisor a {
  background-image: url("/images/tripadvisor-icon.png"); }

ul.social li a {
  opacity: 0.75; }

ul.social {
  margin-top: 1.5em; }

/* contact page */
div.hours {
  margin-top: 0; }

p.employee .title, .dresscode-title {
  display: inline-block;
  font-family: "signo", sans-serif;
  font-weight: 500;
  font-size: 0.95em;
  text-transform: capitalize;
  padding-right: 0.25em;
  letter-spacing: 0;
  margin-top: 0.5em;
  margin-bottom: 0.25em; }

/* ---overall site styling--- */
/* ---page specific styling--- */
/* homepage */