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

/* grid */
/* breakpoints */
/* other stuff */
/* variables */
/* dark cream */
/*#9B4B22;  copper */
/* darker copper */
/* dark grey */
/* darker grey - for header */
/* wider grid */
.grid {
  max-width: 1250px; }

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

#navbar {
  background: rgba(34, 34, 34, 0.9); }

#footer {
  background: none; }

/* ---typography defaults--- */
body, p {
  font-family: "museo-sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  color: #CFC1AE; }

h1, h2, h3 {
  font-family: "century-old-style-std", serif;
  font-weight: 400;
  font-size: 1.65em;
  text-transform: none;
  letter-spacing: 0;
  color: #CFC1AE;
  line-height: 1.3em;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: left; }

h2 {
  margin-bottom: 0; }

@media screen and (max-width: 1024px) {
  h2 {
    font-size: 1.5em; } }
@media screen and (max-width: 667px) {
  h2 {
    font-size: 1.3em; } }
h1, .blurb h1 {
  font-family: "museo-sans", sans-serif;
  font-weight: 900;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1.25em; }

h3 {
  line-height: 1em; }

.fine-print {
  line-height: 1.4em; }

.bold {
  font-weight: 700; }

.employee .title, form label, .dresscode-title {
  font-family: "museo-sans", sans-serif;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-right: 0.25em;
  display: inline; }

hr {
  width: 25px;
  height: 2px;
  text-align: left;
  margin: 1.5em auto 1.5em 0;
  border: none;
  background: #CFC1AE;
  color: #CFC1AE; }

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

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

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

/* navbar positioning */
/* logo on mobile */
#logo img {
  max-height: 30%; }

/* stack nav */
@media screen and (max-width: 688px) {
  #navbar .nav ul {
    padding-top: 10.8333333333px;
    height: 18.5714285714px;
    line-height: 18.5714285714px; }
    #navbar .nav ul li {
      line-height: 18.5714285714px; } }
/* ---buttons--- */
/* typography for buttons (a.button and li containing nav a) */
a.button, a.button:hover, a.button:focus, a.button:active, 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: "century-old-style-std", serif;
  font-size: 1.25em;
  line-height: 1.1em;
  font-weight: 400;
  text-transform: lowercase;
  letter-spacing: 0;
  background: none;
  border: 1px solid #B06545;
  border-radius: 0;
  margin-bottom: 0.5em;
  margin-top: 1em; }

@media screen and (min-width: 668px) {
  a.button, a.button:hover, a.button:focus, a.button:active {
    margin-right: 0.25em; } }
/* set color and padding for buttons */
a.button, ul.buttons li a, form input.button[type="submit"], button {
  color: #B06545;
  padding: 0.5em 0.7em; }

@media screen and (max-width: 667px) {
  a.button, ul.buttons li a {
    padding: 0.7em 2em; } }
a.button:hover, a.button:focus, a.button:active,
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: black;
  background: #96451F;
  border: 1px solid #96451F; }

#priority-nav {
  color: rgba(34, 34, 34, 0.9);
  background: #96451F;
  border: 2px solid #96451F;
  font-family: "century-old-style-std", serif;
  font-size: 1.4em;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.75em 0; }

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

a.button + h2 {
  margin-top: 1.5em; }

p + a.button {
  margin-top: 1em;
  /* override master */ }

.blurb h2 + h2 {
  margin-top: 0.5em; }

/* create button lists on mobile, for nav and menus */
@media screen and (max-width: 667px) {
  ul.buttons {
    border-top: 1px solid #CFC1AE; }
    ul.buttons li {
      margin-top: 0;
      margin-bottom: 0;
      padding-right: 0;
      border: none;
      border-top: none;
      font-family: "museo-sans", sans-serif;
      font-size: 1em;
      font-weight: 400;
      text-transform: capitalize;
      letter-spacing: 0;
      background: none; }
      ul.buttons li a, ul.buttons li a:hover, ul.buttons li a:focus, ul.buttons li a:active {
        color: #CFC1AE;
        padding: 0.75em 2em;
        margin-top: 0;
        margin-bottom: 0;
        border: 1px solid #CFC1AE;
        border-top: none; }
      ul.buttons li a:hover, ul.buttons li a:focus, ul.buttons li a:active {
        color: rgba(34, 34, 34, 0.9);
        border: 1px solid #CFC1AE;
        border-top: none;
        background: #96451F; } }
/* ---site wide adjustments--- */
/* footer */
#footer p {
  font-size: 11px; }

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

  #back {
    background-image: url("/images/back_cream.png"); } }
.blurb {
  text-align: left;
  padding: 2em 0 1em 0; }

@media screen and (max-width: 1024px) and (min-width: 668px) {
  .blurb {
    display: inline;
    float: left;
    width: 79.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%;
    margin-right: 10.2201257862%; } }
/* ---page specific styles--- */
/* index page */
body.index #container > #about {
  display: inline;
  float: left;
  width: 42.0597484277%;
  margin: 0 1.8867924528%;
  top: 125px;
  padding: 0;
  padding-right: 2em;
  background: none;
  opacity: 1; }

@media screen and (max-width: 667px) {
  body.index h1 {
    text-align: center;
    margin-bottom: -0.75em;
    margin-top: 0.75em;
    font-family: "century-old-style-std", serif;
    /* make to look like h2 */
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.3em;
    font-weight: 400; }
  body.index #container > ul.buttons {
    margin-top: 2em; }
  body.index #billboard {
    background-size: 200%;
    background-position: right; } }
/* gallery page */
.gallery {
  padding-top: 1em; }

/* locations page */
.region {
  padding-top: 2em; }
  .region ul li {
    border: solid 1px #CFC1AE;
    border-top: none; }
  .region ul li:first-child {
    border-top: solid 1px #CFC1AE; }

.region ul li a:hover, .region ul li a:focus {
  background-color: #96451F;
  color: black; }

.region ul li a, .region ul li a:hover,
.region ul li a:active, .region ul li a:visited {
  padding: 1em 1em 0.75em 1.5em;
  line-height: 1.5em; }

@media screen and (max-width: 667px) {
  .region ul li a, .region ul li a:hover,
  .region ul li a:active, .region ul li a:visited {
    padding: 0.75em 1em 0.5em 1.5em; } }
/* gift card page */
@media screen and (min-width: 668px) {
  .gift-left-block {
    display: inline;
    float: left;
    width: 17.0597484277%;
    margin: 0 1.8867924528%;
    margin-left: 18.5534591195%; }

  .gift-right-block {
    display: inline;
    float: left;
    width: 17.0597484277%;
    margin: 0 1.8867924528%;
    margin-right: 43.5534591195%; }

  .gift-left-block a.button, .gift-right-block a.button {
    width: 100%; } }
@media screen and (min-width: 668px) and (max-width: 1024px) {
  .gift-left-block {
    display: inline;
    float: left;
    width: 25.393081761%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%; }

  .gift-right-block {
    display: inline;
    float: left;
    width: 25.393081761%;
    margin: 0 1.8867924528%;
    margin-right: 35.2201257862%; } }
@media screen and (max-width: 667px) {
  .gift-left-block, .gift-right-block {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%; } }
/* store 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 {
  padding-top: 2em; }
  .location .info.left {
    border-right: none; }
  .location a.button {
    margin-top: 0; }

@media screen and (max-width: 667px) {
  .location .about {
    margin-bottom: 0; } }
/* mobile container padding */
@media screen and (max-width: 667px) {
  .blurb, #about, .location {
    padding-top: 1em; } }
.about {
  margin-bottom: 0; }

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

/* position stamp img + message closing on boston page */
.location-page #container {
  position: relative; }

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

@media screen and (max-width: 850px) {
  img.stamp {
    left: 75%;
    top: 350px; } }
@media screen and (max-width: 667px) {
  img.stamp {
    left: 65%;
    top: 5px;
    max-width: 130px; } }
#boston {
  margin-top: -1.5em; }