@import url(reset.css);
body {
  width: 100%;
  zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

/* grid */
/* breakpoints */
/* other stuff */
.col-1 {
  display: inline;
  float: left;
  width: 4.5597484277%;
  margin: 0 1.8867924528%; }

.col-2 {
  display: inline;
  float: left;
  width: 12.893081761%;
  margin: 0 1.8867924528%; }

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

.col-4 {
  display: inline;
  float: left;
  width: 29.5597484277%;
  margin: 0 1.8867924528%; }

.col-5 {
  display: inline;
  float: left;
  width: 37.893081761%;
  margin: 0 1.8867924528%; }

.col-6 {
  display: inline;
  float: left;
  width: 46.2264150943%;
  margin: 0 1.8867924528%; }

.col-7 {
  display: inline;
  float: left;
  width: 54.5597484277%;
  margin: 0 1.8867924528%; }

.col-8 {
  display: inline;
  float: left;
  width: 62.893081761%;
  margin: 0 1.8867924528%; }

.col-9 {
  display: inline;
  float: left;
  width: 71.2264150943%;
  margin: 0 1.8867924528%; }

.col-10 {
  display: inline;
  float: left;
  width: 79.5597484277%;
  margin: 0 1.8867924528%; }

.col-11 {
  display: inline;
  float: left;
  width: 87.893081761%;
  margin: 0 1.8867924528%; }

.col-12 {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }

.push-1 {
  margin-left: 10.2201257862%; }

.push-2 {
  margin-left: 18.5534591195%; }

.push-3 {
  margin-left: 26.8867924528%; }

.push-4 {
  margin-left: 35.2201257862%; }

.push-5 {
  margin-left: 43.5534591195%; }

.push-6 {
  margin-left: 51.8867924528%; }

.push-7 {
  margin-left: 60.2201257862%; }

.push-8 {
  margin-left: 68.5534591195%; }

.push-9 {
  margin-left: 76.8867924528%; }

.push-10 {
  margin-left: 85.2201257862%; }

.push-11 {
  margin-left: 93.5534591195%; }

.push-12 {
  margin-left: 101.8867924528%; }

/* sassy variables ************************************************************/
/* wireframes */
/*$body_font: "freight-sans-pro", "sans serif";*/
/* sassy mixins ***************************************************************/
/* base ***********************************************************************/
html, body {
  margin: 0px;
  padding: 0px;
  min-width: 320px;
  height: 100%; }

html {
  height: 100%;
  -webkit-text-size-adjust: none;
  /*disable mobile landscape zoom*/ }

body {
  -webkit-font-smoothing: antialiased;
  background-color: #EEEEEE;
  /*background: $bg_color $bg_image top center repeat;*/
  background-attachment: scroll;
  color: #111111;
  /*text-shadow: 0px -1px 0px white, 0px 0px 2px white;*/
  min-height: 100%;
  font-family: "adobe-text-pro", serif;
  font-size: 13pt;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25em; }

@media screen and (min-width: 668px) {
  .mobile-only {
    display: none !important; } }
@media screen and (max-width: 667px) {
  .except-mobile {
    display: none !important; } }
.clear, .clearfix {
  zoom: 1; }
  .clear:before, .clear:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clear:after, .clearfix:after {
    clear: both; }

.clear-2 {
  zoom: 1;
  display: none; }
  .clear-2:before, .clear-2:after {
    content: "";
    display: table; }
  .clear-2:after {
    clear: both; }

.clear-3 {
  zoom: 1;
  display: none; }
  .clear-3:before, .clear-3:after {
    content: "";
    display: table; }
  .clear-3:after {
    clear: both; }

::selection, ::-moz-selection {
  background: #111111;
  color: #EEEEEE;
  /*  text-shadow: 0 1px 0px black;*/ }

a {
  text-decoration: none;
  border-bottom: 1px dotted #111111;
  color: #111111; }

a:hover {
  border-bottom: 1px solid #111111; }

/*
.anchor:before {
  display: block;
  content: " ";
  margin-top: $header_height;
  height: $header_height;
  visibility: hidden;
}
.anchor { position: relative; }
*/
em {
  font-weight: bold; }

i {
  font-style: italic; }

h1 {
  font-size: 125%;
  text-align: center;
  margin: 1em 0; }

h2 {
  font-size: 115%; }

h1, h2, h3, h4, h5 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "freight-sans-pro", sans-serif;
  font-weight: bold;
  padding: 1em 0em 0.5em 0em;
  clear: both;
  /*  @include clearfix();*/ }

h2 + p, h3 + p, h4 + p, h5 + p {
  margin-top: 0em; }

h1.divider, .grid > h1.divider {
  position: relative;
  height: 0.5em;
  border-bottom: 2px solid black;
  margin: 1em 0em 1em 0em;
  padding: 0;
  text-align: center;
  width: 100%; }

h1.divider span {
  display: inline-block;
  padding: 0em 1em;
  margin-top: -0.5em;
  background: #EEEEEE url(/images/shared/_bg.jpg) top center repeat;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.25em; }

p {
  margin: 0 0 0.5em 0; }

.truncate {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* ==========================================================================
   Skip Link Custom Styles
   ========================================================================== */
.skip-link {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden;
  /* background and then text transparent */
  opacity: 0;
  color: rgba(0, 0, 0, 0);
  border: 1px #A0410D dot-dash; }

a.skip-link:active,
a.skip-link:focus,
a.skip-link:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible; }

/* Temporary grid sandbox  ****************************************/
#meta-grid {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
  z-index: 50; }

.grid {
  max-width: 960px;
  margin: auto;
  padding: 0; }

@media screen and (min-width: 668px) {
  .grid {
    padding: 0 1em; } }
.grid > h1, .grid > h2, .grid > h3, .grid > h4, .grid > img {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }

.full-width {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }

#container {
  padding-top: 1em; }

@media screen and (max-width: 667px) {
  #container {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em; } }
#back {
  display: block;
  position: absolute;
  left: 0;
  height: 65px;
  width: 65px;
  margin-left: 0.5em;
  background: url("/images/shared/back.png") no-repeat left center;
  background-size: 35%; }
  #back img {
    display: none; }

#logo {
  height: 65px;
  line-height: 65px;
  text-align: center; }
  #logo img {
    max-height: 40%;
    max-width: 70%;
    vertical-align: middle; }
  #logo span {
    display: none; }
  #logo a {
    border: none;
    background-image: none;
    border-bottom: none; }

.hidden-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

#navbar {
  background-color: #EEEEEE;
  /*background: $bg_color $bg_image top center repeat;*/
  width: 100%;
  position: fixed;
  z-index: 50;
  text-align: center;
  /* mobile only */ }
  #navbar a, #navbar a:hover, #navbar a:focus {
    text-transform: uppercase;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 80%;
    text-decoration: none;
    border: none; }
  #navbar .nav {
    display: none; }

.seam.after:after, .seam.before:before {
  content: " ";
  display: table;
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: black;
  opacity: 0.2;
  clear: both; }

.seam.before:before {
  opacity: 0;
  height: 0;
  display: none; }

/* just hide it, since Safari elastic scrolling looks terrible */
.seam.after:after {
  bottom: -3px; }

.seam.before:before {
  top: -3px; }

#billboard {
  width: 100%;
  height: 401px;
  /* +1, for mobile Safari glitch */
  position: fixed;
  background: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #DED8CE;
  top: 0;
  left: 0;
  z-index: 1; }

#scroll {
  position: relative;
  z-index: 2;
  margin-top: 400px;
  width: 100%;
  background-color: #EEEEEE;
  /*background: $bg_color $bg_image top center repeat;*/
  background-attachment: scroll;
  padding-bottom: 100px;
  zoom: 1; }
  #scroll:before, #scroll:after {
    content: "";
    display: table; }
  #scroll:after {
    clear: both; }

@media screen and (max-width: 1024px) {
  #billboard {
    height: 351px; }

  #scroll {
    margin-top: 350px; } }
@media screen and (max-width: 667px) {
  #billboard {
    height: 251px; }

  #scroll {
    margin-top: 250px; } }
.spacer {
  height: 3em;
  /* TODO: this isn't the best approach */ }

@media screen and (max-width: 667px) {
  .spacer {
    height: 1em; } }
body.index .spacer {
  display: none; }

#footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: 85%;
  /*.grid {
    padding-bottom: 1em;
    padding-top: 1em;
  }*/
  background-color: #EEEEEE;
  /*background: $bg_color $bg_image top center repeat;*/
  z-index: 999999; }
  #footer p {
    text-align: center; }
  #footer #copyright {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%;
    padding: 1em 0; }
  #footer .beta {
    font-size: 0.5em;
    text-transform: uppercase;
    font-weight: bold; }

#footer.seam.before:before {
  height: 0; }

ul.concepts li .description {
  display: none; }

ul.buttons {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%;
  border-top: solid 1px gray;
  margin-bottom: 1em; }
  ul.buttons li {
    display: block;
    text-transform: uppercase;
    text-align: center;
    border: solid 1px gray;
    border-top: none;
    background-color: #DDDDDD;
    padding: 0; }
  ul.buttons a {
    text-decoration: none;
    border: none;
    display: inline-block;
    width: 100%;
    padding: 0.75em 0; }

ul.buttons:first-child {
  margin-top: 1em; }

ul.link-list li {
  line-height: 1.5em; }

.sidebar {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }

.mainbar {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }

.third {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }
  .third a.button {
    margin: 0;
    width: 100%; }

.half {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }
  .half a.button {
    margin: 0;
    width: 100%; }

.gallery a, .gallery a:hover, .gallery a:focus {
  border-bottom: none; }

.gallery img {
  width: 100%; }

@media screen and (max-width: 667px) {
  #priority-nav {
    border-radius: 0 !important;
    padding: 1em 0;
    margin: 0;
    width: 100%; } }
#priority-nav {
  display: none; }

@media screen and (max-width: 667px) {
  body.index #priority-nav, body.location-page #priority-nav {
    display: block; } }
.blurb {
  display: inline;
  float: left;
  width: 62.893081761%;
  margin: 0 1.8867924528%;
  margin-left: 18.5534591195%;
  margin-right: 18.5534591195%;
  padding: 2em 0;
  text-align: center; }
  .blurb h1 {
    margin-top: 0;
    margin-bottom: 0; }

.employee .title {
  font-family: "freight-sans-pro", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 80%;
  padding-right: 1em;
  display: block; }

.about, .contact {
  margin-bottom: 2em; }

.employees {
  margin-top: 1.5em;
  margin-bottom: 1em; }

div.hours {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

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

@media screen and (max-width: 667px) {
  div.hours {
    margin-top: 1.5em; } }
.location .reservation.button {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }
.location .info.left {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }
.location .sidebar {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%; }
  .location .sidebar a.button:last-of-type {
    margin-bottom: 1.5em; }

@media screen and (min-width: 668px) {
  .location {
    min-height: 14em; }
    .location .reservation.button {
      display: inline;
      float: left;
      width: 46.2264150943%;
      margin: 0 1.8867924528%;
      float: right;
      margin-top: 3em; }
    .location .info.left {
      display: inline;
      float: left;
      width: 46.2264150943%;
      margin: 0 1.8867924528%;
      padding-right: 2em;
      border-right: 1px solid black; }
    .location .sidebar {
      display: inline;
      float: left;
      width: 46.2264150943%;
      margin: 0 1.8867924528%; } }
@media screen and (max-width: 1024px) {
  .blurb {
    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) {
  .blurb {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%; }

  .link-list.sidebar {
    display: none; } }
.person {
  display: inline;
  float: left;
  width: 96.2264150943%;
  margin: 0 1.8867924528%;
  margin-bottom: 3em; }
  .person img {
    width: 100%; }

.gallery {
  float: left;
  padding-top: 3em; }
  .gallery a {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%;
    margin-bottom: 1em; }

/* hide div on contact form that displays error message */
#charlimit {
  display: none; }

form, .ajax {
  margin-top: 2em; }
  form label, .ajax label {
    display: block;
    text-align: right;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 80%;
    display: inline;
    float: left;
    width: 12.893081761%;
    margin: 0 1.8867924528%;
    padding: 0.5em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  form input, form textarea, form select, .ajax input, .ajax textarea, .ajax select {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    margin-right: 18.5534591195%;
    overflow: hidden;
    border: solid 1px #DDDDDD;
    margin-bottom: 1em; }
  form select, .ajax select {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%;
    margin-right: 51.8867924528%;
    margin-bottom: 1em;
    margin-top: 1em; }
  form input, form textarea, .ajax input, .ajax textarea {
    padding: 0.5em;
    font-size: 15px;
    line-height: 1.4em;
    background-color: rgba(255, 255, 255, 0.25);
    border: solid 1px #DDDDDD; }
  form input:focus, form textarea:focus, .ajax input:focus, .ajax textarea:focus {
    background-color: rgba(255, 255, 255, 0.5);
    border: solid 1px black; }
  form textarea, .ajax textarea {
    height: auto; }
  form input.button[type="submit"], .ajax input.button[type="submit"] {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 51.8867924528%;
    margin-right: 18.5534591195%; }
  form input:disabled, .ajax input:disabled {
    background-color: transparent; }
  form .fine-print, .ajax .fine-print {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    margin-left: 18.5534591195%;
    margin-right: 18.5534591195%;
    margin-bottom: 2em; }
  form #error-notice, .ajax #error-notice {
    display: none; }
  form .error, form input.error:focus, form textarea.error:focus, .ajax .error, .ajax input.error:focus, .ajax textarea.error:focus {
    border: solid 1px #A0410D; }
  form input#turing-test, .ajax input#turing-test {
    display: none; }

.mainbar form label, .mainbar .ajax label {
  display: inline;
  float: left;
  width: 12.893081761%;
  margin: 0 1.8867924528%; }
.mainbar form input, .mainbar form textarea, .mainbar form select, .mainbar .ajax input, .mainbar .ajax textarea, .mainbar .ajax select {
  display: inline;
  float: left;
  width: 79.5597484277%;
  margin: 0 1.8867924528%;
  margin-bottom: 1em; }
.mainbar form select, .mainbar .ajax select {
  display: inline;
  float: left;
  width: 37.893081761%;
  margin: 0 1.8867924528%;
  margin-right: 43.5534591195%;
  margin-bottom: 1em;
  margin-top: 1em; }
.mainbar form input.button[type="submit"], .mainbar .ajax input.button[type="submit"] {
  display: inline;
  float: left;
  width: 46.2264150943%;
  margin: 0 1.8867924528%;
  margin-left: 51.8867924528%; }
.mainbar form .fine-print, .mainbar .ajax .fine-print {
  display: inline;
  float: left;
  width: 79.5597484277%;
  margin: 0 1.8867924528%;
  margin-left: 18.5534591195%;
  margin-bottom: 2em; }

@media screen and (max-width: 1024px) {
  form label, form input, form select, form textarea, .ajax label, .ajax input, .ajax select, .ajax textarea {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    margin-left: 18.5534591195%;
    margin-right: 18.5534591195%; }
  form select, .ajax select {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 18.5534591195%;
    margin-right: 51.8867924528%;
    margin-bottom: 1em; }
  form label, .ajax label {
    text-align: left;
    margin-top: 1.5em;
    margin-bottom: 0.25em;
    padding-bottom: 0; }
  form input.button[type="submit"], .ajax input.button[type="submit"] {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    margin-left: 18.5534591195%;
    margin-right: 18.5534591195%;
    margin-top: 2em; }
  form .fine-print, .ajax .fine-print {
    margin-left: 18.5534591195%;
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    margin-right: 18.5534591195%;
    margin-bottom: 2em; }

  .mainbar form label, .mainbar .ajax label {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%; }
  .mainbar form input, .mainbar form textarea, .mainbar form select, .mainbar .ajax input, .mainbar .ajax textarea, .mainbar .ajax select {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%;
    margin-bottom: 1em; }
  .mainbar form select, .mainbar .ajax select {
    display: inline;
    float: left;
    width: 46.2264150943%;
    margin: 0 1.8867924528%;
    margin-right: 51.8867924528%;
    margin-bottom: 1em; }
  .mainbar form input.button[type="submit"], .mainbar .ajax input.button[type="submit"] {
    display: inline;
    float: left;
    width: 46.2264150943%;
    margin: 0 1.8867924528%;
    margin-left: 51.8867924528%; }
  .mainbar form .fine-print, .mainbar .ajax .fine-print {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%;
    margin-bottom: 2em; } }
@media screen and (max-width: 667px) {
  form, .mainbar form, .ajax, .mainbar .ajax {
    /* override weird browser defaults when pressed */ }
    form label, form input, form select, form textarea, .mainbar form label, .mainbar form input, .mainbar form select, .mainbar form textarea, .ajax label, .ajax input, .ajax select, .ajax textarea, .mainbar .ajax label, .mainbar .ajax input, .mainbar .ajax select, .mainbar .ajax textarea {
      display: inline;
      float: left;
      width: 96.2264150943%;
      margin: 0 1.8867924528%;
      margin-bottom: 1em; }
    form label, .mainbar form label, .ajax label, .mainbar .ajax label {
      text-align: left;
      margin-bottom: 0.25em; }
    form select, .mainbar form select, .ajax select, .mainbar .ajax select {
      font-size: 16px; }
    form input.button[type="submit"], form button, .mainbar form input.button[type="submit"], .mainbar form button, .ajax input.button[type="submit"], .ajax button, .mainbar .ajax input.button[type="submit"], .mainbar .ajax button {
      display: inline;
      float: left;
      width: 96.2264150943%;
      margin: 0 1.8867924528%;
      margin-top: 1em; }
    form input[type="submit"], .mainbar form input[type="submit"], .ajax input[type="submit"], .mainbar .ajax input[type="submit"] {
      -webkit-appearance: none;
      -webkit-border-radius: 0;
      border-radius: 0; } }
/* form text sizes */
form input, form select,
.ajax input, button, .ajax select {
  font-size: 13px; }

@media screen and (max-width: 667px) {
  form input, form select,
  .ajax input, button, .ajax select {
    font-size: 16px; } }
table.hours {
  /*th:first-child, td:first-child {
    text-align: right;
  }*/ }
  table.hours th, table.hours td {
    padding: 0 1em 0 0;
    text-align: left; }

/*
@media screen and (max-width: $mobile_max) {
  table.hours {
    margin: auto;
  }
}
*/
a.button, form input[type="submit"], button {
  display: inline-block;
  padding: 0.75em 2em;
  margin: 0em 0em 0.5em 0em;
  border: none;
  border-radius: 6px;
  text-align: center;
  background: #111111;
  color: #EEEEEE;
  /*  text-shadow: 0px 1px 0px black;*/
  font-family: "freight-sans-pro", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 80%;
  font-style: normal;
  font-weight: bold;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -webkit-font-smoothing: antialiased;
                         /*
-webkit-transform-style: preserve-3d;
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000; */
  opacity: 1.0; }

@media screen and (min-width: 668px) {
  ul.menus li {
    display: inline-block; } }
/* add in top padding if button immediately follows text */
p + a.button {
  margin-top: 0.5em; }

a.button:hover, form input[type="submit"]:hover, button:hover {
  text-decoration: none;
  border: none; }

a.button:active, form input[type="submit"]:active, button:active {
  background: #111111;
  color: #EEEEEE;
  text-decoration: none;
  text-shadow: none; }

@media screen and (max-width: 667px) {
  form input[type="submit"], button {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%; }

  a.button {
    width: 100%;
    margin: 0;
    margin-bottom: 0.5em; } }
.fine-print {
  font-style: italic;
  font-size: 80%; }

/*#copyright {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 9pt;
  font-weight: 500;
  font-style: normal;
}*/
@media screen and (min-width: 668px) {
  .two-column {
    column-count: 2;
    column-gap: 24px;
    -webkit-column-count: 2;
    -webkit-column-gap: 24px;
    -moz-column-count: 2;
    -moz-column-gap: 24px; }

  #logo {
    text-align: left; }

  #navbar .nav ul {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%;
    text-align: right;
    height: 65px; }
    #navbar .nav ul li {
      line-height: 65px;
      background-color: transparent;
      display: inline-block;
      padding: 0 0.25em; }
      #navbar .nav ul li a {
        color: black; }
      #navbar .nav ul li a.selected, #navbar .nav ul li a:hover {
        color: #777777; }
    #navbar .nav ul li.mobile-only {
      display: none; }

  #back {
    display: none; }

  body.index #footer {
    position: fixed; }
  body.index #footer.seam.before:before {
    display: table; }
  body.index #billboard {
    height: 100%; }

  .gallery a {
    display: inline;
    float: left;
    width: 46.2264150943%;
    margin: 0 1.8867924528%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2em; }

  .sidebar {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%; }

  .mainbar {
    display: inline;
    float: left;
    width: 62.893081761%;
    margin: 0 1.8867924528%; }

  .third {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%; }
    .third a.button {
      margin: 0;
      width: 100%; }

  .half {
    display: inline;
    float: left;
    width: 46.2264150943%;
    margin: 0 1.8867924528%; }
    .half a.button {
      margin: 0;
      width: 100%; } }
@media screen and (min-width: 1025px) {
  .gallery a {
    display: inline;
    float: left;
    width: 29.5597484277%;
    margin: 0 1.8867924528%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2em; } }
/* social media links */
.facebook a {
  background-image: url("/images/shared/facebook-icon.png"); }

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

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

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

ul.social {
  margin-top: 1em;
  margin-bottom: 2em; }
  ul.social li {
    display: inline-block;
    margin-right: 5px; }
    ul.social li a {
      display: block;
      width: 25px;
      height: 25px;
      border-bottom: none;
      text-indent: -9999px;
      background-size: 100%;
      opacity: 0.65; }
    ul.social li a:hover {
      opacity: 1; }

/* gift card balance */
#balance.lbox {
  zoom: 1;
  position: relative; }
  #balance.lbox:before, #balance.lbox:after {
    content: "";
    display: table; }
  #balance.lbox:after {
    clear: both; }
  #balance.lbox form {
    margin-top: 1.5em; }
  #balance.lbox label, #balance.lbox form input, #balance.lbox form textarea, #balance.lbox form select,
  #balance.lbox form input.button[type="submit"], #balance.lbox h1, #balance.lbox form .fine-print,
  #balance.lbox label, #balance.lbox .ajax input, #balance.lbox .ajax textarea, #balance.lbox .ajax select,
  #balance.lbox button, #balance.lbox h1, #balance.lbox .ajax .fine-print {
    float: none;
    margin: auto;
    width: 100%;
    text-align: left; }
  #balance.lbox #gc_balance_form {
    text-align: left; }
    #balance.lbox #gc_balance_form #error-notice {
      margin-bottom: 0.5em; }
    #balance.lbox #gc_balance_form form input.button[type="submit"],
    #balance.lbox #gc_balance_form button {
      width: auto;
      margin-top: 0.5em; }
    #balance.lbox #gc_balance_form form input, #balance.lbox #gc_balance_form form textarea, #balance.lbox #gc_balance_form form select,
    #balance.lbox #gc_balance_form .ajax input, #balance.lbox #gc_balance_form button, #balance.lbox #gc_balance_form .ajax textarea, #balance.lbox #gc_balance_form .ajax select {
      margin-bottom: 1em; }
  #balance.lbox #gc_balance_results {
    text-align: center; }
    #balance.lbox #gc_balance_results h1 {
      text-align: center;
      padding: 0;
      margin-top: 0;
      margin-bottom: 0.75em; }
    #balance.lbox #gc_balance_results #gc_balance_output {
      font-size: 48px;
      line-height: 1em; }

a.close {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  font-size: 36px;
  font-family: Verdana;
  display: block;
  border-bottom: none; }

a.close:hover, a.close:focus {
  border-bottom: none; }

@media screen and (max-width: 667px) {
  #balance.lbox {
    width: 95%;
    padding: 3em 1.5em; } }
/* reserve widget styling */
.reserve-pre-iframe a, .reserve-pre-iframe a:hover, .reserve-pre-iframe a:focus {
  border-bottom: none; }
.reserve-pre-iframe a:hover, .reserve-pre-iframe a:focus {
  opacity: 0.8; }

/* screen reader only */
.screen-reader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.show-none {
  display: none; }

.output-success {
  font-weight: bold;
  color: darkgreen;
  text-align: left;
  font-size: .8em; }

.output-error {
  font-weight: bold;
  color: maroon;
  text-align: left;
  font-size: .8em; }