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

/* grid */
/* breakpoints */
/* other stuff */
/* ---variables--- */
/* dark gray */
/* red */
/* light gray */
/* darker red */
/* off-white  - rgb(246,242,232)*/
/* wider grid */
.grid {
  max-width: 1200px; }

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

#navbar {
  background: rgba(246, 242, 232, 0.95);
  /* background color with transparency */ }

/* ---typography--- */
body,
p {
  font-family: "sirba-web", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 0.75em;
  color: #333333; }

h1,
h2,
h3,
h4,
h5 {
  font-family: "sirba-web", serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.5em;
  text-transform: capitalize;
  letter-spacing: 0;
  color: #333333;
  padding: 0;
  margin-bottom: 0.35em;
  text-align: left; }

.fine-print {
  font-family: "sirba-web", serif;
  font-size: 0.9em;
  line-height: 1.5em;
  font-style: italic;
  margin-bottom: 1.5em; }

.intro-caps,
h2 {
  font-family: "museo-sans", sans-serif;
  font-size: 0.95em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  word-spacing: 1px; }

@media screen and (min-width: 668px) {
  h2 {
    margin-bottom: 0.75em; } }
.employee .title,
form label,
.dresscode-title {
  font-family: "museo-sans", sans-serif;
  font-size: 0.8em;
  line-height: 1.25em;
  font-weight: 700;
  color: #aeada0;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 1.5em;
  margin-bottom: 0.25em; }

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

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

/* ---navigation - desktop--- */
/* type styles */
#navbar .nav ul li a,
#navbar .nav ul li a:hover,
#navbar .nav ul li a:focus,
#navbar #locations ul li a,
#navbar #locations ul li a:hover,
#navbar #locations ul li a:focus {
  font-family: "sirba-web", serif;
  font-weight: 400;
  font-size: 0.95em;
  text-transform: capitalize;
  letter-spacing: 0;
  color: #333333; }
#navbar .nav ul li a:hover,
#navbar .nav ul li a:focus,
#navbar #locations ul li a:hover,
#navbar #locations ul li a:focus {
  color: #c25b3b; }
#navbar .nav ul li a.selected,
#navbar #locations ul li a.selected {
  color: #c25b3b; }

#navbar #locations ul li a,
#navbar #locations ul li a:hover,
#navbar #locations ul li a:focus {
  font-style: italic; }

/* nav positioning */
/* desktop nav */
@media screen and (min-width: 668px) {
  #navbar #locations ul {
    border-top: none;
    /* remove line above location names */ }

  #logo {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%;
    height: 80px;
    /* #logo div takes up full hight of navbar */
    line-height: 80px; }
    #logo img {
      max-height: 35%;
      max-width: 100%; }

  #navbar {
    /* 15px padding on top and bottom to push type closer together */ }
    #navbar .nav,
    #navbar #locations {
      display: inline;
      float: left;
      width: 62.893081761%;
      margin: 0 1.8867924528%;
      /* nav and locations divs are same width */ }
      #navbar .nav ul,
      #navbar #locations ul {
        margin: 0;
        width: 100%;
        /* undo @column declaration for .nav ul */
        height: 40px; }
        #navbar .nav ul li,
        #navbar #locations ul li {
          line-height: 30px; }
    #navbar .nav ul {
      padding-top: 10px; }
    #navbar #locations ul {
      padding-bottom: 10px; } }
/* ---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: "sirba-web", serif;
  font-weight: 400;
  font-size: 0.9em;
  line-height: 1.75em;
  text-transform: capitalize;
  letter-spacing: 0;
  background: none;
  border-radius: 0;
  border: 3px double #c25b3b;
  margin-right: 0.25em; }

@media screen and (max-width: 667px) {
  ul.buttons li {
    margin-top: 0.5em; } }
/* set color and padding for buttons */
a.button,
ul.buttons li a,
form input.button[type="submit"],
button {
  color: #c25b3b;
  padding: 0.25em 1.25em; }

/* larger gift card buttons */
.blurb a.button,
form input.button[type="submit"] {
  padding: 0.5em 2.25em;
  margin-right: 0.5em; }

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

/*ul.buttons li:hover, ul.buttons li a:focus {
  border: 3px solid $text_color_secondary;
}*/
/* remove top border, since not using button list */
ul.buttons {
  border: none; }

/* priority nav styles */
#priority-nav {
  color: #f6f2e8;
  background: #c25b3b;
  font-family: "sirba-web", serif;
  font-size: 24px;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.6em 0; }

#priority-nav:hover,
#priority-nav:focus {
  background: #96462d;
  border: 3px solid #96462d; }

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

.blurb,
.third {
  text-align: left;
  /*padding-bottom: 1em;*/
  padding-top: 1.5em; }

.gift-card {
  text-align: left;
  /*padding-bottom: 1em;*/
  padding-top: 1.5em; }

@media screen and (max-width: 667px) {
  .blurb,
  .third {
    padding-top: 1em; } }
/* ---page specific adjustments--- */
/* index page */
@media screen and (min-width: 668px) {
  body.index #container > #about {
    background: #f6f2e8;
    padding: 4em 3em 0 3em; }
    body.index #container > #about img {
      margin-top: -3.5em;
      margin-left: 70%;
      max-width: 150px; } }
@media screen and (min-width: 668px) and (max-width: 1024px) {
  body.index #container > #about {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    padding: 3em 2em 0 2em;
    margin-top: 75px; }
    body.index #container > #about img {
      margin-left: 65%; } }
@media screen and (max-width: 667px) {
  body.index #container > #about {
    padding-bottom: 1em; }
    body.index #container > #about img {
      display: none; }

  body.index #container ul.buttons:first-child {
    margin-top: 0; }

  /* style 'locations' header on index mobile page */
  body.index h1 {
    text-align: center;
    font-family: "museo-sans", sans-serif;
    font-size: 0.95em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    word-spacing: 1px;
    margin-bottom: 0.5em; } }
/* gallery page */
.gallery img {
  padding: 3px;
  border: 3px double #c25b3b; }

@media screen and (max-width: 667px) {
  .gallery {
    padding-top: 1em; } }
/* location pages */
.info.left,
.sidebar {
  padding-top: 1.5em; }

@media screen and (max-width: 667px) {
  .info.left,
  .sidebar {
    padding-top: 1em; } }
/* set space after each section */
.employees,
.contact,
.hours {
  margin-bottom: 1.5em; }

/* remove top margin here because no reservation button */
table.hours {
  margin-top: 0; }

.employees {
  margin-top: 2em; }

.about {
  margin-bottom: 0; }

@media screen and (min-width: 668px) {
  .location .info.left {
    border-right: 1px solid #aeada0; } }
/* position stamp img on store pages */
.location-page #container {
  position: relative; }

@media screen and (max-width: 667px) {
  .location-page #container {
    overflow: hidden; } }
img.stamp {
  position: absolute;
  left: 35%;
  top: -15px;
  max-width: 140px; }

img.stamp#dallas-stamp,
img.stamp#pb-stamp {
  max-width: 180px; }

img.stamp#hws-stamp {
  max-width: 240px; }

@media screen and (min-width: 668px) {
  img.stamp#dallas-stamp,
  img.stamp#pb-stamp {
    left: 28%; }

  img.stamp#pb-stamp {
    top: 0px; }

  img.stamp#hws-stamp {
    top: 370px;
    left: 25%; } }
@media screen and (max-width: 667px) {
  img.stamp {
    left: 70%;
    top: 5px; }

  img.stamp#dallas-stamp {
    left: 65%; }

  img.stamp#hws-stamp {
    top: 460px;
    left: 57%; } }
/* 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.85; }

/* homepage caption */
body.index #container #homepage-caption {
  display: none; }

@media screen and (min-width: 668px) {
  body.index #container #homepage-caption {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 50px; }
    body.index #container #homepage-caption p {
      color: #f6f2e8;
      font-family: "museo-sans", sans-serif;
      font-size: 0.65em;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      word-spacing: 1px; } }