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

/* grid */
/* breakpoints */
/* other stuff */
/* ---variables--- */
/*#d2c8bf;*/
/* white */
/* tan */
/* darker tan */
/* darkest tan for button hover */
/* red */
/* dark brown */
/* wider grid */
.grid {
  max-width: 1300px; }

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

body.index #footer, #footer {
  background: none; }

/* ---typography--- */
body, #scroll, p {
  font-family: "source-serif-pro", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 0.75em;
  color: #D0C5BC;
  /*  letter-spacing: 0.01em;
    word-spacing: 0.03em;*/
  text-align: center; }

@media screen and (max-width: 940px) {
  body, #scroll, p {
    font-size: 14px; } }
@media screen and (max-width: 667px) {
  body, #scroll, p {
    font-size: 13px; } }
h1, h2, h3, h4 {
  font-family: "source-serif-pro", serif;
  color: #D0C5BC;
  font-size: 1.9em;
  line-height: 1.6em;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0.01em;
  padding: 0;
  margin: 0;
  margin-bottom: 0.75em;
  border-bottom: solid 1px #6C4A3A; }

h1, h3 {
  display: inline-block; }

h3 {
  font-size: 1.3em;
  color: #A36B50; }

h4 {
  font-size: 1.2em;
  border-bottom: none;
  text-transform: none;
  margin-bottom: 1em; }

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

a:hover, a:active, a:focus {
  color: #A36B50;
  border-bottom: 1px solid #A36B50; }

.employee .title, form label {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 0.85em;
  line-height: 1.3em;
  margin-top: 1.5em;
  letter-spacing: 0.15em; }

.fine-print {
  font-size: 1em;
  font-style: normal; }

.emphasis {
  color: #A36B50; }

.dresscode-title {
  margin-bottom: 0; }

/* ---navigation - desktop--- */
/* type styles */
#navbar .nav ul {
  height: 60px;
  /*li.welcome {
    border-left: solid 1px $text_color_tertiary;
  }*/ }
  #navbar .nav ul li {
    line-height: 60px;
    border-right: solid 1px #6C4A3A;
    padding: 0; }
    #navbar .nav ul li a, #navbar .nav ul li a:hover, #navbar .nav ul li a:focus {
      font-family: "source-serif-pro", serif;
      font-size: 1.1em;
      font-weight: 400;
      text-transform: capitalize;
      letter-spacing: 0;
      color: #D0C5BC;
      padding: 0 1.8em;
      display: block; }
    #navbar .nav ul li a.selected, #navbar .nav ul li a:hover, #navbar .nav ul li a:focus {
      background: rgba(132, 82, 59, 0.4); }
    #navbar .nav ul li a.selected {
      border-bottom: none;
      color: #D0C5BC; }
  #navbar .nav ul li.reservation {
    border-left: solid 1px #6C4A3A;
    /* add left border to reservation instead when its the first nav element */ }

/* scale down nav to fit tablet */
@media screen and (max-width: 940px) {
  #navbar .nav ul {
    height: 50px; }
    #navbar .nav ul li {
      line-height: 50px; }
      #navbar .nav ul li a, #navbar .nav ul li a.selected, #navbar .nav ul li a:hover, #navbar .nav ul li a:active, #navbar .nav ul li a:focus, #navbar .nav ul li a:visited {
        font-size: 14px;
        padding: 0 1.3em; } }
@media screen and (max-width: 700px) {
  #navbar .nav ul li a, #navbar .nav ul li a.selected, #navbar .nav ul li a:hover, #navbar .nav ul li a:active, #navbar .nav ul li a:focus, #navbar .nav ul li a:visited {
    padding: 0 1em; } }
/* size logo */
#logo img {
  max-height: 30%; }

@media screen and (min-width: 668px) {
  #logo {
    margin-top: 2em;
    margin-bottom: 1.5em; }
    #logo img {
      max-height: 55%; } }
/* ---buttons--- */
/* typography for buttons (a.button and li containing nav a) */
a.button, a.button:hover, a.button:focus, ul.buttons li,
form input.button[type="submit"], form input.button[type="submit"]:hover,
form input.button[type="submit"]:focus,
button, button:hover, button:focus {
  font-family: "proxima-nova", sans-serif;
  font-size: 0.85em;
  line-height: 2em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  background: none;
  border-radius: 0;
  border: 1px solid #A36B50;
  margin: 0.75em 0.25em; }

/* set color and padding for buttons */
a.button, ul.buttons li a, form input.button[type="submit"], button {
  color: #A36B50;
  padding: 0.7em 2em; }

/* hover state */
a.button:hover, a.button:focus,
ul.buttons li a:hover, ul.buttons li a:focus, ul.buttons li a:active,
form input.button[type="submit"]:hover, form input.button[type="submit"]:focus,
button:hover, button:focus {
  color: #332925;
  background: #A36B50;
  border: 1px solid #A36B50; }

/* using button-list */
ul.buttons {
  border-top: 1px solid #A36B50; }

ul.buttons:first-child {
  margin-top: 0; }

/* mobile buttons */
@media screen and (max-width: 667px) {
  a.button, a.button:hover, a.button:focus {
    margin: 0.75em 0 0 0;
    font-size: 1em;
    padding: 1em 0; }

  ul.buttons li {
    margin: 0;
    font-size: 1em;
    border-top: none; }
    ul.buttons li a {
      padding: 1.2em 0; } }
#priority-nav {
  color: #D0C5BC;
  background: #883026;
  border: none;
  font-size: 1.7em;
  font-family: "source-serif-pro", serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.4em 0;
  font-style: normal; }

#navbar .nav ul li.reservation a, #navbar .nav ul li.reservation a:hover, #navbar .nav ul li.reservation a:focus {
  font-style: normal; }

/* ---site wide adjustments--- */
/* layout for mainbar/sidebar */
@media screen and (min-width: 668px) {
  .mainbar {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    padding: 0;
    padding-top: 3em; }

  .sidebar {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%;
    padding-top: 3em; }

  .sidebar > * {
    padding-left: 1em; }

  .section + .section {
    margin-top: 2em;
    padding-top: 2em; } }
@media screen and (max-width: 667px) {
  .sidebar {
    padding-bottom: 2em; } }
/*custom back arrow */
@media screen and (max-width: 667px) {
  #back img {
    display: none; }

  #back {
    background-image: url("/images/back_offwhite.png"); } }
/* contact info on tablet/mobile */
@media screen and (max-width: 940px) {
  .sidebar p, .sidebar a, .sidebar table.hours {
    font-size: 13px; } }
@media screen and (max-width: 667px) {
  .sidebar p, .sidebar a, .sidebar table.hours {
    font-size: 15px;
    line-height: 1.5em;
    margin-bottom: 0.5em; }
  .sidebar h3 {
    color: #D0C5BC;
    font-size: 1.9em; } }
/* grid lines */
@media screen and (min-width: 668px) {
  #navbar .nav {
    border-top: solid 1px #6C4A3A;
    border-bottom: solid 1px #6C4A3A; }

  .sidebar {
    border-left: solid 1px #6C4A3A; }

  .section + .section {
    border-top: solid 1px #6C4A3A; } }
#footer .grid {
  border-top: none; }

@media screen and (min-width: 668px) {
  body.index .sidebar {
    min-height: 1000px; } }
@media screen and (min-width: 1025px) {
  body.index .sidebar {
    min-height: 1200px; } }
/* make room for footer */
@media screen and (max-width: 667px) {
  #scroll, body.index #scroll {
    padding-bottom: 170px; } }
/* footer color */
#footer #copyright {
  color: #A36B50; }

/* position billboard image on mobile */
#billboard {
  background-position: center top; }

/* image sizing */
.blurb-image-one img {
  width: 100%;
  padding: 4px;
  padding-bottom: 2.5em; }

.blurb-image-two img {
  width: 50%;
  padding: 4px;
  padding-bottom: 2.5em; }

/* image sizing on mobile */
@media screen and (max-width: 667px) {
  .blurb-image-two img, .blurb-image-one img {
    width: 100%;
    padding: 0;
    padding-bottom: 2.5em; } }
/* padding */
@media screen and (max-width: 667px) {
  #container {
    padding-top: 2em; } }
.mainbar-text {
  padding: 0 0 2.5em 0; }

/* sidebar */
.contact {
  margin-bottom: 3em; }

table.hours {
  margin: 0 auto; }

@media screen and (min-width: 668px) {
  .sidebar .hours, .sidebar .employee, .fine-print {
    color: #A36B50; } }
.phone a, .address a {
  border-bottom: none; }
.phone a:hover, .phone a:focus, .address a:hover, .address a:focus {
  border-bottom: 1px solid #A36B50; }

table.hours th:first-child, table.hours td:first-child {
  text-align: right; }

/* ---page specific adjustments--- */
/* gallery page */
.gallery img {
  padding: 3px;
  border: 1px solid #6C4A3A; }

/* gift card balance */
#balance.lbox h1 {
  border-bottom: none; }

/* dark placeholder text */
::-webkit-input-placeholder {
  color: #333; }

:-moz-placeholder {
  color: #333; }

::-moz-placeholder {
  color: #333; }

:-ms-input-placeholder {
  color: #333; }

/* 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; }