@charset "UTF-8";
.unstyled {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0; }
  .copy .unstyled {
    margin-left: 0; }

.clearfix, .group {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .group:before, .group:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after, .group:after {
    clear: both; }

/* !FOCUSED IMAGES */
/*-----------------------------------------*/
.focuspoint {
  position: relative;
  /*Any position but static should work*/
  overflow: hidden;
  background-image: none !important; }
  .focuspoint img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    display: block;
    /* fill and maintain aspect ratio */
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: none;
    max-width: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }

.focuspoint--loaded img {
  opacity: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * Typecsset
 *
 * Typecsset is a small, unopinionated library for creating beautifully set type
 * on the web. Typecsset gives perfect vertical rhythm at any configurable font
 * size, as well as many other typographical niceties.
 */
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * A lot of elements in Typecsset need to share some declarations (mainly for
 * vertical rhythm), so we `@extend` some silent classes.
 */
table, blockquote, pre, address, p, ul, ol, dd, h6, h5, h4, h3, h2, h1 {
  margin: 0;
  padding: 0; }

table, blockquote, pre, address, p, ul, ol, dd, h6, h5, h4, h3, h2, h1 {
  margin-bottom: 20px;
  margin-bottom: 0.8333333333rem; }

/*------------------------------------*\
    #BASE
\*------------------------------------*/
/**
 * 1. Set the base element’s `font-size` to the value of your choosing. Set in
 *    ems, assuming a browser default of 16px.
 * 2. Work out the unitless `line-height` for your project based around your
 *    desired `line-height` (defined previously in pixels), and your project’s
 *    base font size.
 */
html {
  font-size: 1em;
  /* [1] */
  line-height: 1.25;
  /* [2] */ }

body {
  margin: 0; }

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
li > ul,
li > ol {
  margin-bottom: 0; }

/*------------------------------------*\
    #PARAGRAPHS
\*------------------------------------*/
/**
 * Not strictly a paragraph, but probably doesn’t need its own section.
 */
/*------------------------------------*\
    #CODE
\*------------------------------------*/
/**
 * 1. Fix an odd quirk whereby, without this, code blocks are rendered at a
 *    font-size smaller than 1em.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* [1] */ }

/*------------------------------------*\
    #QUOTES
\*------------------------------------*/
/**
 * 1. Hang the opening quote of the blockquote.
 */
blockquote {
  text-indent: -0.41em;
  /* [1] */ }

/**
 * Set up quote marks on quoting elements. This is very English-based, so we are
 * using “, ”, ‘, and ’ quotes.
 */
blockquote {
  quotes: "“" "”";
  margin-left: 40px;
  margin-left: 1.6666666667rem; }
  blockquote p:before {
    content: "“";
    content: open-quote; }
  blockquote p:after {
    content: "";
    content: no-close-quote; }
  blockquote p:last-of-type:after {
    content: "”";
    content: close-quote; }

q {
  quotes: "‘" "’" "“" "”";
  /**
     * If an element opens with an inline quote, let’s hang that.
     */ }
  q:before {
    content: "‘";
    content: open-quote; }
  q:after {
    content: "’";
    content: close-quote; }
  q q:before {
    content: "“";
    content: open-quote; }
  q q:after {
    content: "”";
    content: close-quote; }
  q:first-child {
    display: inline-block;
    text-indent: -0.22em; }

/*------------------------------------*\
    #TABLES
\*------------------------------------*/
/**
 * Crude table styles; tables are very difficult to keep on the baseline.
 */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

th,
td {
  padding: 10px; }

html, body {
  margin: 0;
  padding: 0;
  font-family: "Arial Narrow", "PT Sans", sans-serif;
  font-size: 20px;
  color: #fff;
  background-image: url("../images/bg-mobile.jpg");
  background-color: #1c1c1c;
  background-size: 100% auto;
  background-position: center;
  background-repeat: repeat-y;
  color: #fff; }
  @media (min-width: 481px) {
    html, body {
      background-image: url("../images/bg-tablet.jpg"); } }
  @media (min-width: 769px) {
    html, body {
      background-image: url("../images/bg-desktop.jpg"); } }
  @media (min-width: 1024px) {
    html, body {
      background-image: url("../images/bg-full.jpg"); } }
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.site__container {
  position: relative; }

.site__content {
  position: relative; }

.site__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 20px; }

.site__separator {
  height: 44px;
  background-color: #29927c; }

.site__header {
  position: relative;
  background-image: url("../images/bg-mobile.jpg");
  background-color: #1c1c1c;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff; }
  @media (min-width: 481px) {
    .site__header {
      background-image: url("../images/bg-tablet.jpg"); } }
  @media (min-width: 769px) {
    .site__header {
      background-image: url("../images/bg-desktop.jpg"); } }
  @media (min-width: 1024px) {
    .site__header {
      background-image: url("../images/bg-full.jpg"); } }
.site__header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.site__header__logo {
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  max-width: 180px; }
  @media (min-width: 769px) {
    .site__header__logo {
      max-width: 260px; } }
  .site__header__logo img {
    width: 100%;
    height: auto; }

.site__footer {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #29927c; }
  .site__footer .site__inner {
    z-index: 5;
    position: relative; }

.site__footer__logos {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 20px;
  grid-row-gap: 50px; }

.site__footer__logos {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 20px;
  grid-row-gap: 50px; }
  @media (min-width: 769px) {
    .site__footer__logos {
      grid-template-columns: 276fr 1102fr; }
      @supports (grid-gap: clamp(1em, 1vw, 1em)) {
        .site__footer__logos {
          grid-gap: clamp(20px, 2.0833333333vw, 40px); } } }
@media (max-width: 768px) {
  .site__footer__logo {
    width: 42.3913043478%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto; } }

.site__footer__logo img {
  width: 100%;
  width: 100%;
  height: auto; }

.site__footer__related {
  position: relative;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 132fr 99fr 147fr;
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 132fr 99fr 147fr; }
  @supports (grid-gap: clamp(1em, 1vw, 1em)) {
    .site__footer__related {
      grid-column-gap: clamp(20px, 2.0833333333vw, 40px); } }
  @supports (grid-gap: clamp(1em, 1vw, 1em)) {
    .site__footer__related {
      grid-column-gap: clamp(20px, 2.0833333333vw, 40px); } }
  @media (max-width: 768px) {
    .site__footer__related {
      grid-row-gap: 25px; }
      @supports (grid-gap: clamp(1em, 1vw, 1em)) {
        .site__footer__related {
          grid-row-gap: clamp(25px, 4.5572916667vw, 35px); } } }
  @media (min-width: 769px) {
    .site__footer__related {
      padding: 20px 0;
      border-top: solid 2px #202020;
      border-bottom: solid 2px #202020;
      grid-template-columns: 162fr 148fr 118fr 199fr 221fr 101fr;
      grid-row-gap: 25px; }
      @supports (border-width: clamp(1em, 1vw, 1em)) {
        .site__footer__related {
          border-top-width: clamp(1px, 0.15625vw, 3px);
          border-bottom-width: clamp(1px, 0.15625vw, 3px); } }
      @supports (grid-gap: clamp(1em, 1vw, 1em)) {
        .site__footer__related {
          grid-row-gap: clamp(25px, 4.5572916667vw, 35px); } } }
  @media (min-width: 769px) {
    .site__footer__related {
      padding: 20px 0;
      border-top: solid 2px #202020;
      border-bottom: solid 2px #202020;
      grid-template-columns: 162fr 148fr 118fr 199fr 221fr 101fr; }
      @supports (border-width: clamp(1em, 1vw, 1em)) {
        .site__footer__related {
          border-top-width: clamp(1px, 0.15625vw, 3px);
          border-bottom-width: clamp(1px, 0.15625vw, 3px); } } }
.site__footer__related__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .site__footer__related__item img {
    display: block;
    margin: auto; }
  @media (max-width: 768px) {
    .site__footer__related__item:nth-child(1) img {
      width: 81.8181818182%; } }
  @media (max-width: 768px) {
    .site__footer__related__item:nth-child(3) img {
      width: 53.0612244898%; } }
  @media (max-width: 768px) {
    .site__footer__related__item:nth-child(5) {
      grid-column: 3; } }
  @media (max-width: 768px) {
    .site__footer__related__item:nth-child(6) {
      grid-column: 2;
      grid-row: 2; } }
  @media (max-width: 768px) {
    .site__footer__related__item:nth-child(6) img {
      width: 67.6767676768%; } }
  .site__footer__related__item img {
    height: auto; }
    @media (min-width: 769px) {
      .site__footer__related__item img {
        width: 100%; } }
    @media (min-width: 769px) {
      .site__footer__related__item img {
        width: 100%; } }
.nav__primary {
  z-index: 1000;
  position: relative;
  width: 100%;
  background-color: #29927c;
  -webkit-box-shadow: 0 1px 8px #060606;
          box-shadow: 0 1px 8px #060606; }

.nav__primary--stuck {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

.nav__primary__menu {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 380px; }

.nav__primary__menu__item {
  font-family: "Arial", "PT Sans", sans-serif;
  font-size: 12px; }
  @media (min-width: 361px) {
    .nav__primary__menu__item {
      font-size: 14px; } }
  .nav__primary__menu__item a {
    display: block;
    line-height: 44px;
    text-transform: uppercase;
    text-decoration: none;
    color: #060606; }
    .nav__primary__menu__item a:hover, .nav__primary__menu__item a:focus {
      outline: 0;
      color: #f1c457; }

.nav__primary__menu__item--active a {
  color: #f1c457; }

.page__section--about {
  z-index: 5;
  position: relative; }

.about__copy {
  -webkit-box-shadow: 0 0 40px rgba(6, 6, 6, 0.5);
          box-shadow: 0 0 40px rgba(6, 6, 6, 0.5);
  padding: 40px 0; }
  .about__copy .site__inner {
    max-width: 720px; }
  @media (min-width: 769px) {
    .about__copy {
      padding: 40px; } }
  @media (max-width: 768px) {
    .about__copy br {
      display: none; } }
  .about__copy p {
    font-size: 20px;
    line-height: 1.5; }

.about__gallery__skull {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none; }
  .about__gallery__skull img {
    position: relative;
    left: -50%;
    display: block;
    width: auto;
    height: 100%; }

.about__gallery__container {
  background-color: rgba(170, 170, 170, 0.2); }

.about__gallery {
  position: relative;
  overflow: hidden; }

.about__gallery__carousel {
  z-index: 5;
  position: relative; }
  .about__gallery__carousel .owl-dots {
    z-index: 200;
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (min-width: 769px) {
      .about__gallery__carousel .owl-dots {
        right: 120px; } }
  .about__gallery__carousel .owl-dot {
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .about__gallery__carousel .owl-dot.active {
      background-color: #29927c; }
      .about__gallery__carousel .owl-dot.active:hover {
        background-color: #fff; }
    .about__gallery__carousel .owl-dot:hover {
      background-color: #fff; }

.about__gallery__carousel__item {
  width: 100%;
  height: 320px;
  max-height: calc(100vh - 156px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media (min-width: 481px) {
    .about__gallery__carousel__item {
      height: 440px; } }
  @media (min-width: 769px) {
    .about__gallery__carousel__item {
      height: 600px;
      max-height: calc(100vh - 194px); } }
  .about__gallery__carousel__item img {
    display: none;
    visibility: hidden; }

.contact {
  padding: 40px 0 0;
  -webkit-box-shadow: 0 0 40px rgba(6, 6, 6, 0.5);
          box-shadow: 0 0 40px rgba(6, 6, 6, 0.5); }
  @media (min-width: 640px) {
    .contact .site__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      max-width: 1024px; } }
  @media (min-width: 640px) {
    .contact {
      padding: 40px 0 0; } }
.contact__details {
  padding: 20px 0; }
  @media (min-width: 640px) {
    .contact__details {
      margin-left: auto;
      margin-right: auto;
      width: 45%;
      padding: 40px 0; } }
  .contact__details p {
    line-height: 1.5;
    margin-bottom: 0;
    text-align: center; }
    .contact__details p .sep {
      display: block; }
      @media (min-width: 1024px) {
        .contact__details p .sep {
          display: inline;
          padding-left: 5px;
          padding-right: 5px; }
          .contact__details p .sep:after {
            content: '–'; } }
  .contact__details a {
    text-decoration: none;
    color: #fff; }
    .contact__details a:hover, .contact__details a:focus {
      outline: 0;
      color: #f1c457; }

.contact__logo {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-width: 140px; }
  @media (min-width: 640px) {
    .contact__logo {
      width: 45%;
      max-width: 280px;
      margin-bottom: 0;
      padding: 0 0 40px 0; } }
  .contact__logo img {
    display: block;
    width: 100%;
    height: auto; }

.contact__map {
  position: relative;
  height: 240px; }
  @media (min-width: 769px) {
    .contact__map {
      height: 320px; } }
.contact__social {
  margin-top: 20px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 769px) {
    .contact__social {
      margin-bottom: 0; } }
.contact__social__item {
  margin-left: 40px;
  margin-bottom: 40px;
  font-size: 28px;
  width: 28px;
  text-align: center; }
  @media (min-width: 769px) {
    .contact__social__item {
      margin-left: 10px;
      font-size: 20px; } }
  .contact__social__item:first-child {
    margin-left: 0; }

.contact__hours {
  margin-bottom: 40px;
  text-align: center; }

.contact__reservations {
  margin: 20px auto; }
  .contact__reservations iframe,
  .contact__reservations #ot-reservation-widget {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .contact__reservations .ot-button {
    font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    background-color: #7A6BAA; }
    .contact__reservations .ot-button:hover, .contact__reservations .ot-button:focus {
      background-color: #615290;
      color: #FFF; }
  .contact__reservations .ot-powered-by {
    background-image: url("../images/opentable/brand.png"); }
    @media not all, (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
      .contact__reservations .ot-powered-by {
        background-image: url("../images/opentable/brand@2x.png"); } }
.definition {
  zoom: 1; }
  .definition:before, .definition:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .definition:after {
    clear: both; }

.definition__copy {
  margin-bottom: 40px;
  text-align: center;
  color: rgba(255, 255, 255, 0.84); }

.definition__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .no-flexbox.no-flexboxtweener.no-flexboxtweener .definition__title {
    zoom: 1; }
    .no-flexbox.no-flexboxtweener.no-flexboxtweener .definition__title:before, .no-flexbox.no-flexboxtweener.no-flexboxtweener .definition__title:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .no-flexbox.no-flexboxtweener.no-flexboxtweener .definition__title:after {
      clear: both; }
  .definition__title:hover, .definition__title:focus {
    color: #fff; }
  @media (min-width: 481px) {
    .definition__title {
      margin-left: auto;
      margin-right: auto;
      max-width: 250px; } }
  @media (min-width: 640px) {
    .definition__title {
      font-size: 26px; } }
.definition__title__heading {
  margin-bottom: 0; }

.definition__subheading {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 22px;
  text-align: center;
  color: #29927c; }
  @media (min-width: 481px) {
    .definition__subheading {
      font-size: 26px; } }
.definition__title--playing {
  color: #fff; }
  .definition__title--playing:hover, .definition__title--playing:focus {
    color: #fff; }

.definition__title__audio {
  position: relative;
  top: -2px;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .definition__title__audio .fa {
    width: 18px;
    text-align: left; }

.definition__text {
  margin-top: 20px;
  margin-bottom: 0;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.84); }
  @media (min-width: 481px) {
    .definition__text {
      text-align: left;
      font-size: 24px; } }
  .definition__text > *:last-child {
    margin-bottom: 0; }

.definition__audio {
  display: none; }

.page__section--instagram_feed {
  z-index: 50;
  position: relative; }
  .page__section--instagram_feed + .page__section--accent_image {
    position: relative;
    z-index: 45; }

.gallery__image {
  margin-bottom: 40px; }
  @media (min-width: 769px) {
    .gallery__image {
      margin-bottom: 40px; } }
  .gallery__image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto; }

.gallery {
  padding: 20px 0;
  text-align: center;
  background-color: #ececec;
  background-image: url("../images/bg-gallery.png");
  background-position: center;
  -webkit-box-shadow: 0 0 40px rgba(6, 6, 6, 0.5);
          box-shadow: 0 0 40px rgba(6, 6, 6, 0.5); }
  @media (min-width: 769px) {
    .gallery {
      padding: 40px 0 90px; } }
.gallery #sb_instagram {
  max-width: 1084px !important; }
  .gallery #sb_instagram #sbi_images {
    padding: 0 !important;
    grid-gap: 5%;
    grid-template-columns: repeat(2, 1fr) !important; }
    @media (min-width: 640px) {
      .gallery #sb_instagram #sbi_images {
        grid-gap: 2.5%;
        grid-template-columns: repeat(3, 1fr) !important; } }
    .gallery #sb_instagram #sbi_images .sbi_photo_wrap {
      position: relative;
      height: 0;
      padding-bottom: 100%; }
    .gallery #sb_instagram #sbi_images .sbi_photo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100% !important; }

.hero__background {
  z-index: 5;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  background-color: black; }
  @media (min-width: 1024px) {
    .hero__background {
      padding-bottom: 0;
      height: 720px; } }
.hero__background__video__container {
  z-index: 5; }

.hero__background__video__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

.hero__video__fancybox.fancybox-slide {
  padding-top: 64px;
  padding-bottom: 64px; }
  .hero__video__fancybox.fancybox-slide .fancybox-close-small {
    top: -54px; }

.hero__video__play__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.hero__video__play {
  position: relative;
  width: 130px;
  height: 130px;
  background-image: url(../images/play-bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-15%);
      -ms-transform: translateX(-15%);
          transform: translateX(-15%); }
  @media (min-width: 769px) {
    .hero__video__play {
      margin-left: auto;
      margin-right: 0;
      width: 268px;
      height: 268px;
      font-size: 1.8em;
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-transform: translateX(50px);
          -ms-transform: translateX(50px);
              transform: translateX(50px); } }
  .hero__video__play a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #29927c;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .hero__video__play a:hover, .hero__video__play a:focus {
      outline: 0;
      color: #f1c457; }

.location {
  margin: 10px 0;
  padding: 10px 0;
  text-align: center;
  background-color: #061311;
  background-color: rgba(62, 192, 177, 0.45);
  color: #060606; }
  @media (min-width: 481px) {
    .location {
      margin: 0;
      padding: 15px 0; } }
  @media (min-width: 481px) {
    .location .site__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .no-flexbox.no-flexboxtweener.no-flexboxtweener .location .site__inner {
        zoom: 1; }
        .no-flexbox.no-flexboxtweener.no-flexboxtweener .location .site__inner:before, .no-flexbox.no-flexboxtweener.no-flexboxtweener .location .site__inner:after {
          content: "\0020";
          display: block;
          height: 0;
          overflow: hidden; }
        .no-flexbox.no-flexboxtweener.no-flexboxtweener .location .site__inner:after {
          clear: both; } }
  .location p {
    margin-top: 0.23em;
    margin-bottom: 0; }

.location__opening {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase; }
  @media (min-width: 481px) {
    .location__opening {
      width: 52.5%;
      margin-right: 5%;
      font-size: 20px; }
      .no-flexbox.no-flexboxtweener.no-flexboxtweener .location__opening {
        float: left; } }
.location__address {
  font-size: 18px;
  font-weight: 600; }
  @media (min-width: 481px) {
    .location__address {
      width: 42.5%; }
      .no-flexbox.no-flexboxtweener.no-flexboxtweener .location__address {
        float: left; } }
  @media (min-width: 789px) {
    .location__address {
      text-align: left; } }
  .location__address .sep {
    display: none; }
    @media (min-width: 789px) {
      .location__address .sep {
        display: inline;
        padding: 0 10px; } }
  @media (min-width: 789px) {
    .location__address br {
      display: none; } }
.map__container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #1c1c1c;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .map__container .acf-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.map__marker {
  display: none; }

.menu_duo__hero {
  height: 370px; }

.menu_duo {
  z-index: 10;
  position: relative;
  padding: 20px 0;
  -webkit-box-shadow: 0 0 40px rgba(6, 6, 6, 0.5);
          box-shadow: 0 0 40px rgba(6, 6, 6, 0.5); }
  @media (min-width: 769px) {
    .menu_duo {
      padding: 40px 0; } }
  .menu_duo .site__inner {
    position: relative;
    padding-top: 90px; }
    @media (min-width: 640px) {
      .menu_duo .site__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        max-width: 1024px; } }
.menu_duo__header {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -70px;
  width: 140px; }
  @media (min-width: 769px) {
    .menu_duo__header {
      width: 210px;
      margin-left: -105px; } }
  .menu_duo__header img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(-75%);
        -ms-transform: translateY(-75%);
            transform: translateY(-75%); }

.menu_duo__item {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  text-align: center; }
  @media (min-width: 640px) {
    .menu_duo__item {
      width: 45%;
      margin-bottom: 40px; } }
  .menu_duo__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    text-decoration: none;
    color: #fff; }
    .menu_duo__item a:hover, .menu_duo__item a:focus {
      outline: 0;
      color: #f1c457; }

.menu_duo__separator {
  margin: 40px auto;
  text-align: center;
  font-size: 36px; }

.menu_duo__link__icon {
  width: 120px;
  height: auto; }

.menu_duo__link__text {
  margin: 20px auto; }

.menu__modal .fancybox-content {
  width: 800px;
  height: 600px;
  max-width: 80%;
  max-height: 80%;
  margin: 0; }

.menu__canvas__container {
  display: none !important;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 814px;
  max-width: 80%;
  max-height: 90vh;
  margin: 0;
  padding: 0;
  border: solid 10px #fff;
  overflow: auto; }
  .menu__modal .menu__canvas__container {
    display: inline-block !important; }
  .menu__canvas__container.pdfViewer.singlePageView .page {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .menu__canvas__container .page {
    margin-top: 10px !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 164.7058823529%; }
    .menu__canvas__container .page:first-of-type {
      margin-top: 0 !important; }
    .menu__canvas__container .page .canvasWrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }
      .menu__canvas__container .page .canvasWrapper canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important; }

.menu__canvas__container__inner {
  position: relative;
  height: 0;
  padding-bottom: 164.7058823529%;
  background-color: #ececec; }

#menu-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%; }
/*# sourceMappingURL=antojo.css.map */