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

/* grid */
/* breakpoints */
/* other stuff */
/* ---variables--- */
/* dark gray */
/* wider grid */
.grid {
  max-width: 1200px; }

/* ---background color/texture--- */
body, #header, #scroll, div.lbox {
  background: #1D1919 url("/images/bg_texture.png") top center repeat; }

#navbar {
  background: #f5ba15;
  opacity: 0.95; }

#footer {
  background: none; }

/* ---typography defaults--- */
body, p {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #ABA89F; }

h1, h2, h3 {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: none;
  letter-spacing: 0;
  color: #DEDBCF;
  text-align: left;
  padding: 0;
  margin-top: 1em;
  margin-bottom: 0.25em; }

@media screen and (max-width: 667px) {
  h1, h2, h3 {
    margin-bottom: 0.25em; } }
h1:first-child, h2:first-child, h3:first-child {
  margin-top: 0; }

.fine-print {
  font-size: 0.9em;
  line-height: 1.3em;
  color: #ABA89F; }

.employee .title, form label, .dresscode-title {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ABA89F;
  margin-bottom: 0.25em;
  margin-top: 1.5em; }

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

a:hover, a:focus {
  color: #D0A83B;
  border-bottom: 1px dotted #AF881E; }

.bold {
  font-weight: 700; }

.announcement {
  font-size: 1.4em;
  line-height: 1.4em; }

/* ---navigation (desktop)--- */
/* type styles */
#navbar .nav ul li a, #navbar .nav ul li a:hover, #navbar .nav ul li a:focus {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 0.75em;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1D1919; }
#navbar .nav ul li a:hover, #navbar .nav ul li a:focus, #navbar .nav ul li a.selected {
  color: #873125; }

#navbar #locations ul li a, #navbar #locations ul li a:hover, #navbar #locations ul li a:focus {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 0.9em;
  font-weight: 400;
  font-style: italic;
  text-transform: capitalize;
  letter-spacing: 0;
  color: #1D1919; }
#navbar #locations ul li a:hover, #navbar #locations ul li a:focus, #navbar #locations ul li a.selected {
  color: #873125; }

/* nav positioning */
#navbar #logo img {
  max-width: 65%; }

@media screen and (min-width: 668px) {
  #navbar #logo {
    height: 40px;
    line-height: 40px; }
  #navbar .nav ul {
    height: 40px; }
    #navbar .nav ul li {
      line-height: 40px; }
  #navbar #locations ul {
    height: 40px;
    border-top: 1px solid #AF881E; }
    #navbar #locations ul li {
      line-height: 40px; } }
@media screen and (min-width: 668px) and (max-width: 1024px) {
  #navbar #logo img {
    max-width: 85%; } }
@media screen and (max-width: 667px) {
  #navbar #logo img {
    max-width: 65%; } }
/* ---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: "brandon-grotesque", sans-serif;
  font-size: 0.75em;
  line-height: 2em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 2px;
  background: none;
  border-radius: 1px;
  border: 1px solid #D0A83B;
  margin-right: 0.25em; }

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

/* different buttons for mobile nav */
ul.buttons li, #priority-nav {
  background: #D0A83B;
  border: none;
  font-size: 0.75em;
  font-weight: 900;
  color: #1D1919; }
  ul.buttons li a, #priority-nav a {
    color: #1D1919; }

/* thicker buttons on mobile */
@media screen and (max-width: 667px) {
  a.button, ul.buttons li a {
    padding: 0.9em 2em; } }
/* hover state */
a.button:hover, a.button:focus, a.button:active,
ul.buttons li:hover, ul.buttons li:focus,
form input.button[type="submit"]:hover, form input.button[type="submit"]:focus {
  color: #1D1919;
  background: #AF881E;
  border: 1px solid #AF881E; }

ul.buttons li:hover, ul.buttons li:focus {
  border: none; }

/* remove top border, since not using button list */
ul.buttons {
  border: none; }

/* add bottom margin to button list elements */
@media screen and (max-width: 667px) {
  ul.buttons li {
    margin-bottom: 0.35em; } }
/* priority nav styles */
#priority-nav {
  font-size: 1.2em;
  font-weight: 700;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0px;
  padding: 0.4em 0; }

#priority-nav:hover, #priority-nav:focus {
  background: #f5ba15; }

/* ---site wide adjustments--- */
/* footer */
#footer p {
  font-size: 0.85em; }

/* adjust padding on .blurb */
.blurb {
  padding-top: 1em; }

/* .inset-content, left and right block sizes */
/* desktop */
@media screen and (min-width: 668px) {
  .inset-content {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    margin-left: 18.5534591195%;
    margin-right: 18.5534591195%;
    margin-top: 2em;
    margin-bottom: 1em; }

  .left-block {
    display: inline;
    float: left;
    width: 21.2264150943%;
    margin: 0 1.8867924528%;
    margin-left: 18.5534591195%; }

  .right-block {
    display: inline;
    float: left;
    width: 21.2264150943%;
    margin: 0 1.8867924528%;
    margin-right: 35.2201257862%; }

  .left-block a.button, .right-block a.button {
    width: 100%; } }
/* tablet */
@media screen and (min-width: 668px) and (max-width: 1023px) {
  .inset-content {
    display: inline;
    float: left;
    width: 79.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%;
    margin-right: 10.2201257862%;
    margin-top: 1em;
    margin-bottom: 1em; }

  .left-block {
    display: inline;
    float: left;
    width: 33.7264150943%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%; }

  .right-block {
    display: inline;
    float: left;
    width: 33.7264150943%;
    margin: 0 1.8867924528%;
    margin-right: 18.5534591195%; } }
/* mobile */
@media screen and (max-width: 667px) {
  .inset-content, .left-block, .right-block {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%;
    margin-top: 1em; } }
/* ---page specific adjustments--- */
/* index page */
body.index #container > #about {
  text-align: center; }
  body.index #container > #about p#chicken {
    font-weight: 900;
    font-size: 12px;
    color: #810A1B;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px; }
    body.index #container > #about p#chicken img {
      vertical-align: middle;
      margin: 0 15px;
      max-width: 40px; }

@media screen and (min-width: 668px) {
  body.index #container > #about {
    display: inline;
    float: left;
    width: 46.2264150943%;
    margin: 0 1.8867924528%;
    background: #1D1919 url("/images/bg_texture.png") top center repeat;
    opacity: 0.96;
    top: 150px;
    padding: 4em 5em 3em 5em;
    position: relative;
    box-sizing: border-box; }
    body.index #container > #about p {
      font-size: 21px; } }
@media screen and (min-width: 668px) and (min-width: 668px) and (max-width: 1000px) {
  body.index #container > #about {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%; } }
@media screen and (min-width: 668px) {
  #about #about_logo {
    padding: 0.75em;
    border: 1px solid #810A1B;
    max-width: 200px;
    margin-bottom: 1em; } }
@media screen and (max-width: 850px) and (min-width: 668px) {
  body.index #container > #about {
    padding: 3em; }
    body.index #container > #about p {
      font-size: 1em; }
    body.index #container > #about #about_logo {
      width: 200px;
      padding: 12px 20px; }
    body.index #container > #about p#chicken {
      font-size: 10px; }
      body.index #container > #about p#chicken img {
        width: 50px;
        margin: 0 7px; } }
@media screen and (max-width: 667px) {
  #about {
    padding-bottom: 2em; }

  #about #about_logo {
    display: none; }

  body.index #container > #about p#chicken {
    font-size: 11px; }
    body.index #container > #about p#chicken img {
      max-width: 40px;
      margin: 0 6px; }

  .grid > h1 {
    text-align: center;
    margin-bottom: 0.75em; }

  ul.buttons:first-child {
    margin-top: 0; } }
/* gallery page */
@media screen and (max-width: 667px) {
  .gallery {
    padding-top: 1em; } }
/* location pages */
/* span only 10 columns at wide page sizes */
@media screen and (min-width: 1023px) {
  .location {
    display: inline;
    float: left;
    width: 79.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%;
    margin-right: 10.2201257862%; } }
/* top margin for .location container, remove split line */
.location {
  margin-top: 1em; }
  .location .info.left {
    border-right: none; }

/* spacing fixes */
.about {
  margin-bottom: 0; }

/* pushes right column over */
@media screen and (min-width: 668px) {
  .location .info.left {
    padding-right: 0; }

  /*.location .sidebar {
    padding-left: 2em;
  }*/ }
/* pushes right column over and switches managers to single line at wider screen sizes */
@media screen and (min-width: 900px) {
  /*.location .sidebar {
    padding-left: 4em;
  }*/
  .employee .title {
    display: inline; } }
.employee {
  line-height: 1.1em; }

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

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

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

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

ul.social li a:hover {
  opacity: 0.9; }