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

/* grid */
/* breakpoints */
/* other stuff */
/* variables */
/*#333333;*/
/* cream */
/*#756E35;*/
/* light green */
/*#756E35;*/
/* mid olive green */
/* dark green */
/* wider grid */
.grid {
  max-width: 1200px; }

/* ---background colors/styles--- */
#navbar {
  background: #756E35;
  opacity: 0.96; }

body, #header, #scroll, div.lbox {
  background: #212900 url("/images/bg_texture.png") top center repeat; }

#footer {
  background: none; }

/* shorter billboard img on desktop */
@media screen and (min-width: 1025px) {
  #billboard {
    height: 381px; }

  #scroll {
    margin-top: 380px; } }
/* ---typography--- */
body, p {
  font-family: "clavo", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6em;
  color: #E2E2DC; }

@media screen and (max-width: 667px) {
  body, p {
    font-size: 18px; } }
h1, h2, h3 {
  font-family: "clavo", serif;
  font-size: 2em;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #E2E2DC;
  line-height: 1.2em;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0.5em;
  text-align: left; }

h2 {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.45em;
  margin-bottom: 1em; }

@media screen and (min-width: 668px) {
  h3 {
    font-family: "azo-sans-web", sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 2em;
    color: #8A8731; } }
@media screen and (max-width: 667px) {
  h1 {
    font-size: 1.5em;
    line-height: 1.3em; }

  h2 {
    font-size: 1em;
    line-height: 1.5em; }

  h3 {
    font-size: 1.3em;
    line-height: 1.4em; } }
.fine-print {
  font-size: 0.85em;
  line-height: 1.4em;
  color: #A09468;
  margin-top: 0.5em; }

hr {
  display: none; }

.employee .title, form label, .dresscode-title {
  font-family: "azo-sans-web", sans-serif;
  font-size: 0.7em;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding-right: 0.5em;
  color: #E2E2DC;
  display: inline; }

a {
  color: #A09468;
  border-bottom: 1px dotted #A09468; }

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

/* ---navigation - desktop--- */
/* type styles */
#navbar .nav ul li {
  padding: 0 0 0 0.75em; }
  #navbar .nav ul li a, #navbar .nav ul li a:hover, #navbar .nav ul li a:focus {
    font-family: "azo-sans-web", sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #212900; }
  #navbar .nav ul li a:hover, #navbar .nav ul li a:focus, #navbar .nav ul li a.selected {
    color: #212900;
    padding-bottom: 1px;
    border-bottom: 1px solid #212900; }
#navbar .nav ul li.reservation a, #navbar .nav ul li.reservation a:hover, #navbar .nav ul li.reservation a:focus {
  font-family: "clavo", serif;
  font-size: 1em;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0; }

/* shorter nav than usual */
/*@media screen and (min-width: $tablet_min) {
  #navbar {
    #logo {
      height: $header_height;
      line-height: $header_height;
    }
    .nav ul {
      height: $header_height;
      li {
        line-height: $header_height;
      }
    }
  }
}*/
/* smaller nav at tablet */
@media screen and (max-width: 950px) {
  #navbar .nav ul li {
    padding: 0 0 0 0.5em; }
    #navbar .nav ul li a, #navbar .nav ul li a:hover, #navbar .nav ul li a:focus {
      font-size: 0.75em; }
  #navbar .nav ul li.reservation a, #navbar .nav ul li.reservation a:hover, #navbar .nav ul li.reservation a:focus {
    font-size: 0.95em; } }
/* allow logo in nav to be a bit bigger */
#logo img {
  max-width: 80%; }

/* wrap navigation to two lines */
@media screen and (max-width: 850px) {
  #navbar .nav ul {
    padding-top: 9.1666666667px;
    height: 18.3333333333px;
    line-height: 22px; }
    #navbar .nav ul li {
      line-height: 22px; } }
/* logo size */
@media screen and (max-width: 667px) {
  #logo img {
    max-width: 60%; } }
/* ---buttons--- */
a.button, a.button:hover, a.button:focus {
  font-family: "azo-sans-web", sans-serif;
  font-size: 0.7em;
  letter-spacing: 0.1em;
  font-weight: 700;
  background: #60612C;
  /* darker olive */
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  margin-bottom: 0.75em; }

/* shift padding to the right side of buttons so left align works */
ul.menus li {
  padding-left: 0;
  padding-right: 0; }

/* set color and padding for buttons */
a.button, ul.buttons li a {
  color: #E2E2DC;
  padding: 0.8em 1em; }

/* hover state */
a.button:hover, a.button:focus, a:active {
  border: none; }

/* buttons on mobile */
@media screen and (max-width: 667px) {
  /* mobile nav buttons */
  ul.buttons {
    border-top: none; }
    ul.buttons li {
      font-family: "azo-sans-web", sans-serif;
      font-size: 0.7em;
      font-weight: 700;
      background: #60612C;
      text-transform: uppercase;
      border: none;
      margin-bottom: 0.75em; }
      ul.buttons li a {
        color: #E2E2DC;
        padding: 0.75em 0;
        margin-right: 0;
        margin-left: 0; }
      ul.buttons li a:hover, ul.buttons li a:active, ul.buttons li a:focus {
        background: #8A8731;
        border: none; }

  /* priority nav */
  #priority-nav {
    color: #212900;
    background: #8A8731;
    font-family: "clavo", serif;
    font-weight: 400;
    font-size: 1.2em;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
    padding: 0.75em 0;
    border: none; }

  #priority-nav:hover, #priority-nav:focus, #priority-nav:active {
    color: #212900;
    background: #60612C;
    border: none; } }
/* ---site wide adjustments--- */
/* footer */
#footer p {
  font-size: 0.85em;
  color: #A09468; }

@media screen and (max-width: 667px) {
  #scroll {
    padding-bottom: 175px; }

  #footer p {
    font-size: 0.8em; } }
/* custom back arrow */
#back {
  background-image: url("/images/back_white.png"); }

/* ---page specific styling--- */
/* index page */
body.index #billboard {
  background-position: center center; }

@media screen and (max-width: 1024px) {
  body.index #billboard {
    background-position: bottom center; } }
@media screen and (max-width: 667px) {
  body.index #billboard {
    background-position: 50% 25%;
    background-size: 130%; } }
/* position/style #about container - index page */
@media screen and (min-width: 668px) {
  body.index #container > #about {
    background: none;
    opacity: 0.96;
    display: inline;
    float: left;
    width: 79.5597484277%;
    margin: 0 1.8867924528%;
    margin-right: 18.5534591195%;
    top: 55vh;
    text-align: left;
    padding: 2em 0 0 0; } }
@media screen and (max-width: 1024px) and (min-width: 668px) {
  body.index #container > #about {
    display: inline;
    float: left;
    width: 79.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%;
    margin-right: 10.2201257862%; } }
@media screen and (max-width: 667px) {
  body.index #container > #about {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%;
    padding-top: 0.5em; }
    body.index #container > #about a.button {
      display: none; } }
div.hours {
  margin-top: 1.5em;
  color: #A09468; }

/* gallery page */
.gallery {
  padding-top: 0; }
  .gallery a {
    margin-bottom: 1.5em; }

@media screen and (max-width: 1024px) {
  .gallery a {
    margin-bottom: 1em; } }
/* test */
@media screen and (min-width: 668px) {
  hr.top-rule {
    display: block;
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%;
    height: 1px;
    border: none;
    background-color: #8A8731;
    margin-top: 2em; }

  .left-main {
    padding-top: 1em;
    display: inline;
    float: left;
    width: 54.5597484277%;
    margin: 0 1.8867924528%;
    margin-right: 18.5534591195%; }

  .right-sidebar {
    padding-top: 3em;
    display: inline;
    float: left;
    width: 21.2264150943%;
    margin: 0 1.8867924528%; }
    .right-sidebar ul li {
      width: 100%;
      border-top: 1px solid #8A8731; }
    .right-sidebar ul li:hover {
      background: #212900; }
    .right-sidebar a.button, .right-sidebar a.button:hover {
      width: 100%;
      padding-left: 0.5em;
      text-align: left;
      font-family: "azo-sans-web", sans-serif;
      font-size: 0.85em;
      color: #8A8731;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      background: none;
      border: none;
      margin-bottom: 1em; } }
@media screen and (min-width: 668px) and (max-width: 1024px) {
  .left-main {
    display: inline;
    float: left;
    width: 54.5597484277%;
    margin: 0 1.8867924528%;
    margin-right: 10.2201257862%; }

  .right-sidebar {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%; } }
@media screen and (min-width: 668px) {
  .contact-main {
    display: inline;
    float: left;
    width: 54.5597484277%;
    margin: 0 1.8867924528%;
    margin-right: 10.2201257862%; }

  .contact-sidebar {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%; } }
@media screen and (min-width: 668px) and (max-width: 1024px) {
  .contact-main {
    display: inline;
    float: left;
    width: 54.5597484277%;
    margin: 0 1.8867924528%;
    margin-right: 1.8867924528%; }

  .contact-sidebar {
    display: inline;
    float: left;
    width: 37.893081761%;
    margin: 0 1.8867924528%; } }
@media screen and (max-width: 667px) {
  .left-main, .right-sidebar {
    padding-top: 1em; } }
.employees {
  margin-bottom: 0; }

@media screen and (max-width: 667px) {
  #contact-info {
    margin-top: 1em; } }
/* gift card balance */
#balance.lbox button {
  font-family: "azo-sans-web", sans-serif;
  border-radius: 0;
  background: none;
  color: #A09468;
  border: 1px solid #A09468; }
#balance.lbox button:hover, #balance.lbox button:focus {
  color: #212900;
  background: #A09468; }

/* 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 {
  margin-bottom: 1.5em; }
  ul.social li {
    border: none;
    width: auto; }
    ul.social li a {
      opacity: 0.75; }
  ul.social li:hover, ul.social li:focus {
    background: none; }