@import url(/css/shared/simple-slideshow-styles.css);
body {
  width: 100%;
  zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

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

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

body.index {
  background: black; }

#navbar {
  background: rgba(24, 10, 10, 0.8); }

#footer {
  background: none; }

/* ---typography defaults--- */
body, p {
  font-family: "abril-text", serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6em;
  color: #595247; }

p.employee {
  line-height: 1.3em; }

h1, h2, h3 {
  font-family: "abril-text", serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.4em;
  text-transform: none;
  letter-spacing: 0;
  color: #8F2611;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0.5em; }

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

h3 {
  margin-bottom: 0; }

.bold {
  font-weight: 600; }

.announcement {
  font-size: 1.3em;
  line-height: 1.5em;
  color: #8F2611;
  margin-bottom: 1em; }

@media screen and (max-width: 1024px) {
  body, p {
    font-size: 16px;
    line-height: 1.5em; }

  h1, h2 {
    font-size: 1.25em; } }
@media screen and (max-width: 667px) {
  body, p, h1 {
    text-align: left; } }
.employee .title, .location .hours td:first-child, .dresscode-title {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 1.5em;
  margin-bottom: 0; }

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

a:hover, a:focus {
  border-bottom: 1px solid #8F2611; }

/* ---navigation (desktop)--- */
/* type styles */
#navbar .nav ul li {
  padding: 0 0 0 0.25em; }
  #navbar .nav ul li a, #navbar .nav ul li a:hover, #navbar .nav ul li a:focus {
    font-family: "abril-text", serif;
    font-size: 1em;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #F0E9DF; }
  #navbar .nav ul li a:hover, #navbar .nav ul li a:focus, #navbar .nav ul li a.selected {
    color: #CBB493; }
#navbar .nav ul li:before {
  content: "/";
  padding-right: 0.5em;
  color: #F0E9DF; }
#navbar .nav ul li:first-child:before {
  content: none; }

#logo img {
  max-height: 35%; }

/* stack nav */
@media screen and (max-width: 740px) {
  #navbar .nav ul li {
    padding: 0; }
    #navbar .nav ul li a, #navbar .nav ul li a:hover, #navbar .nav ul li a:focus {
      font-size: 0.85em; }
  #navbar .nav ul li:before {
    padding-right: 0.25em; } }
/* ---buttons--- */
/* typography for buttons (a.button and li containing nav a) */
a.button, a.button:hover, a.button:focus, a.button:active,
form input.button[type="submit"], form input.button[type="submit"]:hover,
form input.button[type="submit"]:focus,
button, button:hover, button:focus {
  font-family: "abril-text", serif;
  font-size: 1em;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0;
  background: #8F2611;
  border: 1px solid #CBB493;
  border-radius: 0;
  padding: 0.6em 1.6em;
  color: #F0E9DF;
  margin-bottom: 0.25em; }

/* set color and padding for buttons */
/*a.button {
  color: $text_color_primary;
  padding: 0;
}*/
/* thicker buttons on mobile */
/*@media screen and (max-width: $mobile_max) {
  a.button {
    width: auto;
  }
}*/
p + a.button {
  margin-top: 1.5em; }

.gift-card-list {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

/*mobile - switch to button lists */
@media screen and (max-width: 667px) {
  ul.menus, .gift-card-list {
    border-top: 1px solid #CBB493;
    margin-bottom: 1.5em; }

  a.button, a.button:hover, a.button:focus, a.button:active {
    border-top: none;
    padding: 0.8em 1.6em;
    margin-bottom: 0; } }
/* hover state */
a.button:hover, a.button:focus, a.button:active,
form input.button[type="submit"]:hover, form input.button[type="submit"]:focus,
button:hover, button:focus {
  color: #F0E9DF;
  background: #8F2611;
  opacity: 0.9; }

/* mobile nav buttons */
ul.buttons {
  border-top: 1px solid #CBB493; }
  ul.buttons li {
    font-family: "abril-text", serif;
    font-size: 1.1em;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
    background: none;
    border-radius: 0;
    border: 1px solid #CBB493;
    border-top: none; }
    ul.buttons li a {
      color: #595247; }
    ul.buttons li a:focus, ul.buttons li a:active {
      color: #F0E9DF;
      background: #8F2611; }

/* priority nav styles */
#priority-nav {
  font-family: "abril-text", serif;
  font-size: 1.3em;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  color: #F0E9DF;
  background: #8F2611;
  opacity: 0.9;
  padding: 0.8em 0;
  border: none; }

#priority-nav:focus, #priority-nav:active {
  opacity: 0.8; }

/* site wide */
.full-width, .location, .blurb {
  padding-top: 2em; }

@media screen and (max-width: 667px) {
  .full-width, .location, .blurb {
    padding-top: 1em; } }
.blurb {
  padding-bottom: 1em; }
  .blurb p + p {
    margin-top: 1.5em; }

#footer p {
  font-size: 0.85em; }

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

  #back {
    background-image: url("/images/back_offwhite.png"); } }
/* ---page specific changes--- */
/* index page */
@media screen and (min-width: 668px) {
  body.index #container #about {
    padding: 0;
    margin: 0;
    opacity: 1;
    background: none;
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    margin-left: 18.5534591195%;
    margin-right: 18.5534591195%;
    top: 200px; }
    body.index #container #about h1 {
      color: white;
      font-size: 6em;
      line-height: 1.2em; }

  body.index #footer p, body.index #footer a {
    color: #CBB493; }
  body.index #footer a {
    border-bottom: 1px dotted #CBB493; }
  body.index #footer a:focus, body.index #footer a:hover {
    border-bottom: 1px solid #CBB493; }

  body.index #billboard {
    opacity: 0;
    display: none; } }
@media screen and (min-width: 668px) and (max-width: 1024px) {
  body.index #container #about {
    display: inline;
    float: left;
    width: 79.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%;
    margin-right: 10.2201257862%;
    top: 300px; }
    body.index #container #about h1 {
      font-size: 5em; } }
@media screen and (max-width: 667px) {
  body.index h1 {
    text-align: center;
    /* center 'locations' */
    margin-bottom: 0.5em; }

  body.index #container {
    padding-top: 2em; } }
/* locations page */
.region ul li a {
  color: #595247;
  /* override link color */ }

.region ul li a:hover, .region ul li a:focus {
  background: #8F2611;
  color: #F0E9DF;
  opacity: 0.9; }

@media screen and (min-width: 668px) {
  .region {
    padding-top: 1em; }

  .region ul li a, .region ul li a:hover,
  .region ul li a:active, .region ul li a:visited {
    line-height: 1.3em;
    padding: 0.75em 1em; } }
@media screen and (max-width: 1024px) and (min-width: 668px) {
  .region ul li a {
    font-size: 0.85em; } }
@media screen and (max-width: 667px) {
  .region {
    padding-top: 1em; } }
/* line through regions */
.region .strikethrough {
  border-bottom: 4px solid #CBB493;
  height: 1em;
  margin: 1em 0;
  text-align: center; }
  .region .strikethrough h2 {
    display: inline-block;
    background: url("/images/bg_texture2.png") top center repeat;
    padding: 0 0.75em; }

/* color for grid borders */
.region ul li {
  border: 1px solid #CBB493;
  border-top: none; }
.region ul li:first-child {
  border-top: 1px solid #CBB493; }

/* store pages */
@media screen and (min-width: 668px) {
  a.button + table.hours {
    margin-top: 1em; }

  .location .info.left {
    border-right: 1px solid #8F2611; } }
/* store pages */
/* span only 10 columns at wide page sizes */
@media screen and (min-width: 1024px) {
  .location {
    display: inline;
    float: left;
    width: 79.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%;
    margin-right: 10.2201257862%; } }
/* remove split line, add to sidebar */
/*.location {
  .info.left {
    border-right: none;
  }
}
@media screen and (min-width: $tablet_min) {
  .location .sidebar {
    border-left: 1px solid $text_color_secondary;
  }
}*/
.about {
  margin-bottom: 0; }

/* slash between menu 'buttons' */
/*.location .sidebar {
  a.button {
    margin-right: 1.5em;
    position: relative;
  }
  a.button:before {
    content: "/";
    border-bottom: 0;
    position: absolute;
    left: -1em;
    font-style: normal;
    color: $text_color_primary;
  }
  a.button:first-child:before {
    content: none;
  }
  .hours + a.button:before {
    content: 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: 0.5em; } }
/* pushes right column over and switches managers to single line at wider screen sizes */
@media screen and (min-width: 1024px) {
  /*.location .sidebar {
    padding-left: 4em;
  }*/
  .employee .title {
    display: inline;
    line-height: 1.3em; } }
/* social */
.facebook a {
  background-image: url("/images/facebook-icon.png"); }

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

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

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

ul.social li a {
  opacity: 0.8; }

/* gallery */
.gallery {
  padding-top: 1em; }
  .gallery img {
    padding: 5px;
    border: 2px solid #CBB493; }

#lightbox #imageData #numberDisplay #of {
  font-size: 1em;
  text-transform: none;
  opacity: 0.8; }

/* slideshow */
body.index #container > #slideshow {
  display: block; }

#slideshow {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: black;
  /*.bss-next:hover, .bss-prev:hover,
  .bss-next:focus, .bss-prev:focus,{
    opacity: 1;
  }
  .bss-slides .bss-show img{
    opacity: 0.75;
  }*/ }
  #slideshow .bss-next, #slideshow .bss-prev {
    display: none;
    /*font-family: $display_font;
    font-weight: 300;
    background: rgba(0,0,0,0.8);
    top: 50%;
    transform: translateY(-50%);
    font-size: 5em;
    padding: 35px;
    padding-top: 24px;
    padding-bottom: 45px;
    margin-top: 0;
    opacity: 0.8;*/ }

.bss-slides figure.bss-show {
  opacity: 0.75; }

@media screen and (max-width: 667px) {
  body.index #container > #slideshow {
    display: none; } }