html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

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

body {
  line-height: 1
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

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

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  border-radius: 0
}

  button:focus, input:focus, optgroup:focus, select:focus, textarea:focus {
    outline: none
  }

button, select {
  text-transform: none
}

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

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

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

@keyframes rotator {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(270deg)
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187
  }

  50% {
    stroke-dashoffset: 187/4;
    transform: rotate(135deg)
  }

  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg)
  }
}

* {
  box-sizing: border-box
}

::selection {
  background: #004f59;
  color: #ffffff
}

::-moz-selection {
  background: #004f59;
  color: #ffffff
}

html {
  height: 100%;
  text-rendering: optimizeLegibility;
  font-size: 16px
}

  html.no-scroll, html.no-scroll body {
    overflow: hidden
  }

body {
  min-width: 320px;
  width: 100%;
  font: 62.5%/1.6 "Frank Ruhl Libre", serif !important;
  font-weight: 400;
  color: #1d252d;
  -webkit-text-size-adjust: none
}

  body.no-scroll {
    overflow: hidden
  }

h1, h2, h3, h4 {
  line-height: 1.2;
  color: #a74d1c
}

h1, h2 {
  font-family: 'Fjalla One', serif;
  font-weight: 400
}

h1 {
  font-size: 5em
}

h2 {
  font-size: 3em
}

h3, h4, h5 {
  font-weight: 700
}

h3 {
  font-size: 1.5em
}

h4 {
  font-size: 1.4em
}

h5 {
  font-size: 1.3em
}

h6 {
  font-size: 1.1em
}

p, li, label, figcaption, dd, dt {
  font-size: 1em;
  line-height: 1.4em
}

a {
  border-bottom: 2px solid transparent;
  font-size: inherit;
  text-decoration: none;
  color: #a74d1c;
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

  a:hover {
    border-bottom-color: #a74d1c
  }

  figure img, a img {
    display: block;
    vertical-align: baseline
  }

b, strong {
  font-weight: 700
}

i, em {
  font-style: normal
}

sub {
  font-size: 0.65em
}

.section {
  max-width: 1280px;
  margin: 0 auto
}

  .section.is-narrow {
    max-width: 650px
  }

.has-gutter {
  padding-left: 20px;
  padding-right: 20px
}

.has-gutter-left {
  padding-left: 20px
}

.has-gutter-right {
  padding-right: 20px
}

.cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.col-1-4 {
  width: 25%
}

.col-2-4 {
  width: 50%
}

.col-3-4 {
  width: 75%
}

.col-1-3 {
  width: 33.3%
}

.col-2-3 {
  width: 66.6%
}

.col-full {
  width: 100%
}

.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center
}

.flex-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch
}

.flex-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start
}

.flex-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end
}

.flex-content-spacearound {
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  -ms-flex-line-pack: space-around;
  align-content: space-around
}

.flex-content-spacebetween {
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-flex-line-pack: space-between;
  align-content: space-between
}

.flex-content-center {
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.flex-content-start {
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.flex-content-end {
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end
}

.flex-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center
}

.flex-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start
}

.flex-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end
}

.flex-justify-spacebetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between
}

.flex-justify-spacearound {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around
}

.flex-direction-rowreverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.flex-direction-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-direction-columnreverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

@media (max-width: 736px) {
  .col-1-4, .col-2-4, .col-3-4, .col-1-3, .col-2-3 {
    width: 100%
  }

  .has-gutter-left {
    padding-left: 15px
  }

  .has-gutter-right {
    padding-right: 15px
  }
}

.copy {
  margin-top: 60px;
  margin-bottom: 60px
}

  .copy h1 {
    margin-bottom: 15px
  }

    .copy h1:not(:first-child) {
      margin-top: 80px
    }

  .copy h2 {
    margin-bottom: 20px
  }

    .copy h2:not(:first-child) {
      margin-top: 30px
    }

  .copy h3 {
    font-size: 1.9em;
    margin-bottom: 10px
  }

    .copy h3:not(:first-child) {
      margin-top: 30px
    }

  .copy ul:not(:last-child), .copy ol:not(:last-child), .copy p:not(:last-child) {
    margin-bottom: 25px
  }

  .copy ul {
    padding-left: 37px;
    list-style: disc
  }

  .copy ol {
    padding-left: 33px;
    list-style: decimal
  }

    .copy ol li {
      padding-left: 5px
    }

  .copy li {
    margin-bottom: 10px
  }

    .copy li p {
      font-size: 1em
    }

  .copy img {
    display: block;
    max-width: 100%;
    height: auto
  }

  .copy figure {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px
  }

  .copy em {
    font-style: italic
  }

.iframe {
  position: relative;
  width: 100%;
  height: 0;
  margin: 40px 0;
  padding-bottom: 56.25%
}

  .iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

@media (max-width: 736px) {
  .copy {
    margin-bottom: 50px
  }
}

.btn {
  position: relative;
  display: block;
  width: 400px;
  height: 50px;
  margin: 0 auto;
  background-color: rgba(217, 217, 214, 0.5);
  border: none;
  overflow: hidden;
  font: 1.8em/50px "Fjalla One", serif;
  text-transform: uppercase;
  text-align: center;
  color: #a74d1c
}

  .btn:before {
    display: none;
    content: '';
    border-bottom: 50px solid #ce9d48;
    border-right: 30px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: -30px;
    bottom: 0;
    transform: translate3d(-100%, 0, 0);
    z-index: 1;
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .btn:not(.no-background):hover {
    color: #ffffff
  }

    .btn:not(.no-background):hover svg {
      fill: #ffffff
    }

  .btn.no-background {
    width: auto;
    background-color: transparent
  }

  .btn.is-white {
    color: #ffffff
  }

    .btn.is-white svg {
      fill: #ffffff
    }

  .btn svg {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    width: 25px;
    fill: #a74d1c;
    transition: fill 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .btn .svg-tile {
    width: 16px;
    height: 15px
  }

  .btn svg, .btn strong {
    font-weight: 400;
    position: relative;
    z-index: 2
  }

@media (max-width: 736px) {
  .btn {
    max-width: calc(100% - 30px);
    width: auto
  }
}

@keyframes rotator {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(270deg)
  }
}

@keyframes spin_full {
  0% {
    transform: rotate(0deg) translateZ(0)
  }

  100% {
    transform: rotate(360deg) translateZ(0)
  }
}

@keyframes colors {
  0% {
    stroke: #000000
  }

  25% {
    stroke: #000000
  }

  50% {
    stroke: #000000
  }

  75% {
    stroke: #000000
  }

  100% {
    stroke: #000000
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187
  }

  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg)
  }

  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg)
  }
}

.loader {
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, #ffffff 0%, #000000 100%);
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  font-size: 32px;
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

  .loader div {
    position: absolute;
    top: 50%;
    left: 50%;
    will-change: transform
  }

  .loader span {
    display: block;
    width: 0.5em;
    height: 0.15em;
    background: #000000;
    border-radius: 0.08em
  }

  .loader .item-1 {
    margin-left: 11.313708496px;
    margin-top: -11.313708496px;
    animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
  }

    .loader .item-1 span {
      transform: rotate(45deg) translateZ(0)
    }

  .loader .item-2 {
    margin-left: 0px;
    margin-top: -16px;
    animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
  }

    .loader .item-2 span {
      transform: rotate(180deg) translateZ(0)
    }

  .loader .item-3 {
    margin-left: -11.313708496px;
    margin-top: -11.313708496px;
    animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
  }

    .loader .item-3 span {
      transform: rotate(135deg) translateZ(0)
    }

  .loader .item-4 {
    margin-left: -16px;
    margin-top: 0px;
    animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
  }

    .loader .item-4 span {
      transform: rotate(270deg) translateZ(0)
    }

  .loader .item-5 {
    margin-left: -11.313708496px;
    margin-top: 11.313708496px;
    animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
  }

    .loader .item-5 span {
      transform: rotate(225deg) translateZ(0)
    }

  .loader .item-6 {
    margin-left: 0px;
    margin-top: 16px;
    animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
  }

    .loader .item-6 span {
      transform: rotate(360deg) translateZ(0)
    }

  .loader .item-7 {
    margin-left: 11.313708496px;
    margin-top: 11.313708496px;
    animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
  }

    .loader .item-7 span {
      transform: rotate(315deg) translateZ(0)
    }

  .loader .item-8 {
    margin-left: 16px;
    margin-top: 0px;
    animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
  }

    .loader .item-8 span {
      transform: rotate(450deg) translateZ(0)
    }

.spinner {
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  animation: rotator 1.4s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%
}

  .spinner circle {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    fill: none;
    stroke-width: 5px;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite
  }

.fade-in-content.disable figure, .fade-in-content.disable .time, .fade-in-content.disable .copy {
  opacity: 1;
  transform: translate(0, 0)
}

.fade-in-content figure, .fade-in-content .time, .fade-in-content .copy {
  opacity: 0
}

.fade-in-content figure {
  transform: translateX(50px)
}

.fade-in-content .time {
  transform: translateX(100px)
}

.fade-in-content .copy {
  transform: translateX(150px)
}

.fade-in-content figure {
  z-index: 2
}

.fade-in-content > div {
  z-index: 1
}

@media (max-width: 736px) {
  .fade-in-content figure, .fade-in-content .time, .fade-in-content .copy {
    transform: translate(0, 50px)
  }
}

.lazy-load {
  position: relative
}

  .lazy-load img {
    opacity: 0
  }

.loading-wrapper {
  width: 50%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99
}

  .loading-wrapper.is-full-height {
    height: 100%;
    top: inherit;
    bottom: 0
  }

  .loading-wrapper.in-progress span {
    left: 60%
  }

  .loading-wrapper.still-in-progress span {
    left: 10%;
    transition-duration: 10s
  }

  .loading-wrapper.is-complete span {
    left: 0%;
    transition-duration: 200ms
  }

  .loading-wrapper span {
    display: block;
    height: inherit;
    background-color: #ececea;
    position: absolute;
    top: 0;
    left: 100%;
    right: 0;
    transition: left 2s ease-in-out
  }

.intro {
  padding-top: 150px;
  padding-bottom: 120px;
  text-align: center
}

  .intro.is-gold {
    padding-top: 70px;
    padding-bottom: 70px
  }

    .intro.is-gold p {
      font-size: 2.3em;
      font-weight: 700;
      color: #ce9d48
    }

  .intro p:not(:first-child) {
    margin-top: 15px
  }

  .intro .news-nav {
    margin-bottom: 0
  }

  .intro .btn {
    margin-top: 40px
  }

@media (max-width: 960px) {
  .intro {
    padding-top: 130px;
    padding-bottom: 80px
  }
}

@media (max-width: 736px) {
  .intro {
    padding-top: 100px;
    padding-bottom: 50px
  }
}

.footer {
  margin-top: 150px;
  color: #004f59;
  position: relative;
  z-index: 2
}

  .footer .social-nav {
    display: block
  }

  .footer .col-1-4:before, .footer .col-2-4:before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ce9d48
  }

  .footer .col-full {
    margin-top: 40px;
    margin-bottom: 40px
  }

    .footer .col-full p {
      font-size: 1.3em;
      line-height: 40px
    }

  .footer h2 {
    margin: 20px 0;
    color: inherit
  }

  .footer p {
    margin-bottom: 15px
  }

  .footer a {
    color: inherit
  }

  .footer input {
    display: block;
    width: calc(100% - 45px);
    padding: 5px 10px;
    background-color: #ececea;
    border: none;
    font: 1.5em/30px "Frank Ruhl Libre", serif;
    font-weight: 700;
    color: #004f59
  }

  .footer button {
    position: relative;
    width: 45px;
    background: none;
    border: none
  }

    .footer button svg {
      width: 20px;
      fill: #ce9d48;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
    }

@media (max-width: 736px) {
  .footer {
    margin-top: 100px
  }

    .footer .col-1-4, .footer .col-2-3 {
      border-top: 1px solid #ce9d48
    }

      .footer .col-1-4:before, .footer .col-2-3:before {
        display: none
      }

    .footer .col-1-4 {
      width: 50%;
      padding-right: 10px
    }

    .footer .social-nav {
      padding-left: 0;
      padding-right: 0
    }

    .footer .col-2-4 {
      margin-top: 20px
    }

    .footer .col-full {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 20px
    }

      .footer .col-full p {
        width: 100%;
        margin-bottom: 0;
        line-height: 1
      }

    .footer input {
      font-size: 1.6em
    }
}

.pagination {
  margin-top: 85px
}

.main-nav-wrapper {
  width: 50%;
  height: 50px;
  background-color: #ececea;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9
}

  .main-nav-wrapper.is-active {
    height: 100vh
  }

    .main-nav-wrapper.is-active .main-nav, .main-nav-wrapper.is-active .social-nav {
      display: block
    }

  .main-nav-wrapper .social-nav {
    position: absolute;
    bottom: 40px;
    left: 80px
  }

.main-nav, .sub-nav {
  display: none;
  height: calc(100% - 100px);
  padding-top: 40px;
  padding-bottom: 40px
}

  .main-nav a:not([href^="mailto:"]):not([href^="tel:"]), .sub-nav a:not([href^="mailto:"]):not([href^="tel:"]) {
    display: block;
    float: left;
    margin-bottom: 15px;
    border: none;
    clear: left;
    font: 3em/50px "Fjalla One", serif;
    color: #ce9d48
  }

    .main-nav a:not([href^="mailto:"]):not([href^="tel:"]).is-active, .main-nav a:not([href^="mailto:"]):not([href^="tel:"]):hover, .sub-nav a:not([href^="mailto:"]):not([href^="tel:"]).is-active, .sub-nav a:not([href^="mailto:"]):not([href^="tel:"]):hover {
      color: #1d252d
    }

.main-nav {
  margin-left: 80px
}

.sub-nav {
  display: block;
  width: calc(66.66% - 160px)
}

  .sub-nav div {
    display: none
  }

  .sub-nav dl, .sub-nav a[href^="mailto:"], .sub-nav p {
    width: 100%
  }

  .sub-nav a:not([href^="mailto:"]):not([href^="tel:"]) {
    font-size: 2em;
    color: #1d252d
  }

  .sub-nav a[href^="mailto:"] {
    display: block;
    margin: 30px 0;
    border: none;
    font-size: 1.8em;
    font-weight: 700;
    color: #1d252d
  }

  .sub-nav svg {
    vertical-align: middle;
    margin-right: 15px;
    fill: #1d252d
  }

    .sub-nav svg.svg-game-blackjack {
      width: 26px
    }

    .sub-nav svg.svg-game-roulette {
      width: 28px
    }

    .sub-nav svg.svg-game-baccarat {
      width: 27px
    }

    .sub-nav svg.svg-game-stud {
      width: 25px
    }

    .sub-nav svg.svg-game-poker {
      width: 23px
    }

    .sub-nav svg.svg-game-electronic {
      width: 28px
    }

    .sub-nav svg.svg-game-fun {
      width: 33px
    }

  .sub-nav dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    .sub-nav dl:last-child {
      margin-top: 30px
    }

  .sub-nav dd, .sub-nav dt {
    width: 50%;
    padding: 7px 0;
    border-bottom: 1px solid #ce9d48;
    font-weight: 700
  }

    .sub-nav dd:only-child, .sub-nav dt:only-child {
      width: 100%;
      border-top: 1px solid #ce9d48
    }

  .sub-nav dd {
    text-align: right
  }

  .sub-nav a {
    color: inherit
  }

.menu-trigger {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  cursor: pointer
}

  .menu-trigger strong {
    font: 1.8em/50px "Fjalla One", serif;
    text-transform: uppercase;
    color: #004f59
  }

  .menu-trigger svg {
    width: 25px;
    height: 25px;
    fill: #1d252d;
    position: absolute;
    top: 12px;
    right: 15px
  }

.burger {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin-right: 15px
}

.is-active .burger span {
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #004f59;
  position: absolute;
  top: 50%;
  left: 0
}

  .is-active .burger span:before, .is-active .burger span:after {
    width: 15px;
    left: -2px
  }

  .is-active .burger span:before {
    top: -5px;
    transform: rotate(-45deg)
  }

  .is-active .burger span:after {
    top: 5px;
    transform: rotate(45deg)
  }

.burger span {
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #004f59;
  position: absolute;
  top: 50%;
  left: 0
}

  .burger span:before, .burger span:after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #004f59;
    position: absolute;
    left: 0;
    transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .burger span:before {
    top: -7px
  }

  .burger span:after {
    top: 7px
  }

.mobile-back {
  display: none;
  width: 50px;
  height: 50px;
  border: none;
  background: none;
  border-radius: 0;
  position: absolute;
  top: 2px;
  left: 15px
}

.is-active .mobile-back span {
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #004f59;
  position: absolute;
  top: 50%;
  left: 0
}

  .is-active .mobile-back span:before, .is-active .mobile-back span:after {
    width: 15px;
    left: -2px
  }

  .is-active .mobile-back span:before {
    top: -5px;
    transform: rotate(-45deg)
  }

  .is-active .mobile-back span:after {
    top: 5px;
    transform: rotate(45deg)
  }

.mobile-back span {
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #004f59;
  position: absolute;
  top: 50%;
  left: 0
}

  .mobile-back span:before, .mobile-back span:after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #004f59;
    position: absolute;
    left: 0;
    transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .mobile-back span:before {
    top: -7px
  }

  .mobile-back span:after {
    top: 7px
  }

.social-nav {
  display: none
}

  .social-nav a {
    border: none
  }

    .social-nav a:hover svg {
      fill: #1d252d
    }

  .social-nav svg {
    height: 16px;
    margin: 0 10px;
    fill: #ce9d48;
    transition: fill 200ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

    .social-nav svg.svg-facebook {
      height: 21px
    }

.events-nav, .news-nav {
  margin: 40px 0 -60px;
  text-align: center
}

  .events-nav a, .news-nav a {
    border: none;
    opacity: 0.4;
    font: 1.8em/1 "Fjalla One", serif;
    text-transform: uppercase;
    color: #004f59
  }

    .events-nav a:hover, .events-nav a.is-active, .news-nav a:hover, .news-nav a.is-active {
      opacity: 1
    }

      .events-nav a:hover a:first-child:after, .events-nav a.is-active a:first-child:after, .news-nav a:hover a:first-child:after, .news-nav a.is-active a:first-child:after {
        opacity: 0.4
      }

    .events-nav a:not(:only-child):first-child:after, .news-nav a:not(:only-child):first-child:after {
      display: inline-block;
      vertical-align: middle;
      content: '';
      width: 1px;
      height: 25px;
      margin: 0 30px;
      background-color: #004f59
    }

    .events-nav a:only-child svg, .news-nav a:only-child svg {
      margin-top: 0
    }

  .events-nav svg, .news-nav svg {
    vertical-align: top;
    width: 16px;
    margin: 4px 10px 0;
    fill: #004f59
  }

  .events-nav a {
    color: #a74d1c
  }

    .events-nav a:not(:only-child):first-child:after {
      background-color: #a74d1c
    }

  .events-nav svg {
    fill: #a74d1c
  }

.game-nav {
  margin-top: 60px;
  text-align: center
}

  .game-nav a {
    position: relative;
    border: none;
    font: 1.8em/1 "Fjalla One", serif;
    text-transform: uppercase;
    color: #004f59
  }

@media (min-width: 737px) {
  .game-nav a {
    opacity: 0.4
  }

    .game-nav a:before {
      display: block;
      content: '';
      width: calc(0% - 41px);
      height: 1px;
      background-color: #1d252d;
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(calc(-50% - 20px));
      transition: width 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .game-nav a:last-child:before {
      width: 0%;
      transform: translateX(-50%)
    }

    .game-nav a:hover, .game-nav a.is-active {
      opacity: 1
    }

      .game-nav a:hover a:first-child:after, .game-nav a.is-active a:first-child:after {
        opacity: 0.4
      }

      .game-nav a.is-active:last-child:before {
        width: 100%
      }

      .game-nav a.is-active:before {
        width: calc(100% - 41px)
      }

    .game-nav a:not(:last-child):after {
      display: inline-block;
      vertical-align: middle;
      content: '';
      width: 1px;
      height: 25px;
      margin: 0 20px;
      background-color: #004f59
    }
}

@media (max-width: 1200px) {
  .main-nav-wrapper .social-nav {
    position: relative;
    bottom: 0;
    left: 20px
  }

  .main-nav {
    margin-left: 20px
  }

  .sub-nav {
    width: calc(66.66% - 40px)
  }

  .social-nav {
    display: block
  }
}

@media (max-width: 736px) {
  .main-nav-wrapper .social-nav {
    left: 15px
  }

  .main-nav a:not([href^="mailto:"]):not([href^="tel:"]), .sub-nav a:not([href^="mailto:"]):not([href^="tel:"]) {
    float: none;
    margin-bottom: 10px;
    line-height: 1.5
  }

  .sub-nav {
    display: none;
    width: 66.66%;
    height: 100%;
    padding: 85px 15px;
    background-color: #ececea;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
  }

    .sub-nav a:not([href^="mailto:"]):not([href^="tel:"]) {
      margin-bottom: 25px
    }

    .sub-nav a[href^="mailto:"] {
      position: relative;
      color: transparent
    }

      .sub-nav a[href^="mailto:"]:before {
        display: block;
        content: 'Email Us';
        position: absolute;
        top: 0;
        left: 0;
        font: inherit;
        color: #1d252d
      }

    .sub-nav dt:not(:only-child) {
      padding-bottom: 0;
      border: none
    }

    .sub-nav dd {
      width: 100%;
      padding-top: 0;
      text-align: left
    }

  .main-nav {
    margin-left: 15px;
    padding-top: 20px
  }

  .events-nav, .news-nav {
    margin: 40px 0 0px
  }

    .events-nav a:not(:only-child):first-child:after, .news-nav a:not(:only-child):first-child:after {
      margin: 0 20px
    }

  .social-nav svg {
    height: 13px;
    margin-left: 0;
    margin-right: 10px
  }

    .social-nav svg.svg-facebook {
      height: 16px
    }

  .mobile-back {
    display: block
  }

  .game-nav {
    position: relative;
    width: 100%;
    height: 85px;
    overflow: hidden;
    text-align: left
  }

    .game-nav:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #ececea;
      margin-left: -10px;
      position: absolute;
      bottom: 0;
      left: 50%
    }

    .game-nav div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      height: 75px;
      background-color: #ececea
    }

    .game-nav a {
      display: block;
      width: 100vw;
      border: none;
      line-height: 75px;
      text-align: center
    }

      .game-nav a:before, .game-nav a:after {
        display: block;
        content: '';
        width: 10px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        background-color: transparent;
        position: absolute;
        top: 0
      }

      .game-nav a:not(:first-child):before {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTkuNCAzMS44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS40IDMxLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDA0RjU5O3N0cm9rZS13aWR0aDo1O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjE3LjcsMzAuMSAzLjUsMTUuOSAxNy43LDEuOCAiLz48L3N2Zz4=);
        left: 15px
      }

      .game-nav a:not(:last-child):after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTkuNCAzMS44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS40IDMxLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDA0RjU5O3N0cm9rZS13aWR0aDo1O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjEuOCwxLjggMTUuOSwxNS45IDEuOCwzMC4xICIvPjwvc3ZnPg==);
        right: 15px
      }
}

@media (max-height: 580px) {
  .main-nav a:not([href^="mailto:"]):not([href^="tel:"]) {
    font-size: 2.5em
  }

  .sub-nav a:not([href^="mailto:"]):not([href^="tel:"]) {
    font-size: 1.7em
  }
}

.featured-event {
  height: 450px
}

  .featured-event a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 15px 30px;
    background-color: #1d252d;
    overflow: hidden
  }

    .featured-event a:hover img {
      opacity: 0.6;
      transform: scale(1)
    }

  .featured-event img {
    width: 100%;
    height: 100%;
    opacity: 0.4;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.1);
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .featured-event time, .featured-event p {
    position: relative
  }

  .featured-event time {
    display: block;
    min-width: 135px;
    height: 30px;
    padding: 0 15px;
    background-color: #a74d1c;
    position: relative;
    z-index: 2;
    font: 1.8em/30px "Fjalla One", serif;
    text-transform: uppercase;
    color: #ffffff
  }

    .featured-event time br {
      display: none
    }

  .featured-event p {
    width: 100%;
    padding-right: 5%;
    font: 4em/1.2 "Fjalla One", serif;
    color: #ffffff
  }

.event {
  position: relative;
  height: 450px;
  margin-bottom: 15px;
  overflow: hidden
}

  .event figure {
    position: relative;
    overflow: hidden
  }

    .event figure:after {
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.5);
      position: absolute;
      top: 0;
      left: 0;
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
      transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1)
    }

  .event img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .event .time {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(217, 217, 214, 0.5)
  }

  .event time {
    display: block;
    font: 3em/1.3 "Fjalla One", serif;
    color: rgba(29, 37, 45, 0.5)
  }

  .event .copy {
    position: relative;
    padding-top: 20px;
    padding-bottom: 100px;
    margin-top: 0;
    margin-bottom: 0
  }

  .event a {
    width: auto;
    height: 30px;
    padding: 0 10px;
    background-color: #a74d1c;
    position: absolute;
    bottom: 35px;
    left: 66.66%;
    z-index: 2;
    transform: translate3d(-50%, 0, 0);
    line-height: 30px;
    color: #ffffff
  }

    .event a:hover ~ figure:after {
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
    }

    .event a:hover ~ figure img {
      transform: scale(1)
    }

@media (max-width: 960px) {
  .featured-event {
    width: 50%;
    padding-right: 10px
  }

    .featured-event:last-of-type {
      padding-right: 0;
      padding-left: 10px
    }

  .event {
    height: auto;
    min-height: 400px
  }

    .event > div {
      display: block
    }

    .event .time, .event .copy {
      width: 100%
    }

    .event .time {
      padding-top: 10px;
      padding-bottom: 10px
    }

      .event .time br {
        display: none
      }

    .event .copy {
      padding-bottom: 75px
    }

    .event a {
      left: calc(50% + 20px);
      bottom: 20px;
      transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 736px) {
  .events {
    padding-left: 0;
    padding-right: 0
  }

  .event {
    min-height: 0;
    margin-bottom: 50px
  }

    .event .copy {
      padding-bottom: 50px;
      padding-right: 15px
    }

    .event time {
      font-size: 2.4em
    }

    .event a {
      left: 15px;
      bottom: 0
    }
}

.hero {
  position: relative;
  width: 100%;
  height: 80vh;
  background-color: #1d252d;
  overflow: hidden
}

  .hero img, .hero video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
  }

  .hero img {
    opacity: 0.4
  }

  .hero time, .hero h1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 2;
    text-align: center;
    color: #ffffff
  }

  .hero time {
    display: block;
    width: auto;
    height: 30px;
    margin: 0 auto 15px;
    padding: 0 15px;
    background-color: #a74d1c;
    font: 1.8em/30px "Fjalla One", serif;
    text-transform: uppercase
  }

    .hero time br {
      display: none
    }

  .hero h1 svg {
    vertical-align: middle;
    height: 45px;
    margin-right: 15px;
    fill: #ffffff
  }

  .hero .btn {
    opacity: 0.5;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
  }

    .hero .btn:hover {
      opacity: 1
    }

@media (max-width: 736px) {
  .hero {
    height: 65vh
  }

    .hero .btn {
      bottom: 0
    }
}

.divider {
  width: 100%;
  height: 10px;
  background: url("https://www.dunedincasino.co.nz/workspace/assets/images/divider.png?1524122429") repeat-x 50% 0/auto 100%
}

.scrollbar {
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.scroll-bar {
  position: relative;
  width: 100%;
  height: 3px
}

.scroll-line {
  width: 100%;
  height: 1px;
  background-color: #ce9d48;
  position: absolute;
  top: 1px;
  left: 0
}

.scroll-scrubber-wrapper {
  width: calc(100% - 30px);
  height: inherit;
  position: absolute;
  top: 0;
  left: 15px
}

.scroll-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  opacity: 0;
  overflow: hidden;
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

  .scroll-wrapper.is-initialised, .scroll-wrapper.is-initialised + .scrollbar {
    opacity: 1
  }

  .scroll-wrapper > div {
    width: 999em;
    min-width: 100%
  }

.scroll-scrubber {
  display: block;
  width: 100px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  top: -6px;
  left: 0
}

  .scroll-scrubber:hover:after {
    height: 15px
  }

  .scroll-scrubber:after {
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: height 200ms ease-out
  }

@media (max-width: 736px) {
  .scrollbar {
    display: none
  }

  .scroll-wrapper {
    margin-bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }

    .scroll-wrapper::-webkit-scrollbar {
      display: none;
      width: 0px;
      background: transparent
    }
}

.specials {
  margin-bottom: 80px;
  padding-top: 50px;
  padding-bottom: 70px;
  background-color: #1d252d
}

  .specials h2 {
    padding-bottom: 40px;
    font-size: 4em;
    text-align: center;
    text-transform: uppercase;
    color: #ce9d48
  }

.special {
  width: 400px;
  margin-right: 40px
}

  .special:first-child {
    margin-left: 80px
  }

  .special:last-child {
    margin-right: 80px
  }

  .special figure {
    position: relative;
    width: 100%;
    height: 295px
  }

  .special figcaption {
    display: block;
    min-width: 135px;
    height: 30px;
    padding: 0 10px;
    background-color: #ce9d48;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 2;
    font-family: 'Fjalla One', serif !important;
    line-height: 30px;
    text-transform: uppercase;
    color: #1d252d
  }

  .special img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8
  }

  .special div {
    position: relative;
    margin-top: -75px;
    padding: 15px;
    color: #ffffff
  }

  .special p:first-child {
    font: 4em/1.2 "Fjalla One", serif
  }

  .special p:not(:first-child) {
    margin-top: 25px
  }

@media (max-width: 736px) {
  .specials {
    padding-bottom: 10px
  }

  .special {
    width: 85vw;
    margin-right: 20px
  }

    .special:first-child {
      margin-left: 15px
    }

    .special:last-child {
      margin-right: 15px
    }
}

.cta {
  position: relative;
  height: 500px;
  margin-top: 80px;
  background-color: #1d252d;
  overflow: hidden
}

  .cta:last-child {
    margin-bottom: -60px
  }

  .cta:hover img {
    opacity: 0.6;
    transform: scale(1)
  }

  .cta:hover span:after {
    width: 100%
  }

  .cta a {
    height: 100%;
    border: none
  }

  .cta img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.1);
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .cta div {
    position: relative;
    text-align: center
  }

  .cta p {
    font: 4em/1.3 "Fjalla One", serif;
    color: #ffffff
  }

  .cta span {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    font-size: 1.5em;
    font-weight: 700;
    color: #ce9d48
  }

    .cta span:after {
      display: block;
      content: '';
      width: 0;
      height: 1px;
      background-color: #ce9d48;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      transition: width 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
    }

@media (max-width: 736px) {
  .cta div {
    padding: 15px
  }

  .cta br {
    display: none
  }
}

.menus a {
  border: none;
  opacity: 0.4;
  font: 1.8em/1 "Fjalla One", serif;
  text-transform: uppercase;
  color: #004f59
}

  .menus a:hover, .menus a.is-active {
    opacity: 1
  }

    .menus a:hover a:first-child:after, .menus a.is-active a:first-child:after {
      opacity: 0.4
    }

.menus-tab {
  text-align: center
}

  .menus-tab a:not(:first-child):not(:only-child):before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 1px;
    height: 25px;
    margin: 0 30px;
    background-color: #004f59
  }

  .menus-tab svg {
    vertical-align: top;
    width: 25px;
    margin: 0 5px;
    fill: #004f59
  }

.menus-categories {
  margin-top: 30px;
  border-top: 1px solid #004f59;
  text-align: center
}

  .menus-categories div:not(.is-active) {
    display: none
  }

  .menus-categories a {
    position: relative
  }

.menu-wrapper {
  position: relative;
  margin: 80px 0;
  overflow: hidden
}

.menu {
  width: 100%
}

  .menu:not(.is-active) {
    display: none
  }

  .menu div {
    position: relative;
    padding-right: 110px;
    margin-bottom: 40px
  }

    .menu div:after {
      display: block;
      content: '';
      width: calc(100% - 30px);
      height: 1px;
      background-color: #ce9d48;
      position: absolute;
      bottom: 12px;
      left: 15px;
      z-index: -1
    }

    .menu div:nth-child(odd) {
      padding-right: 120px
    }

    .menu div:nth-child(even) {
      padding-left: 10px
    }

  .menu p {
    color: #5d6c7c
  }

    .menu p:not(:first-child) {
      display: inline;
      padding-right: 10px;
      background: #ffffff
    }

  .menu strong {
    color: #1d252d
  }

  .menu span {
    float: right;
    display: block;
    margin-right: -120px;
    padding-left: 10px;
    padding-right: 10px;
    background: #ffffff;
    font-size: 1.8em;
    line-height: 1.4
  }

@media (min-width: 737px) {
  .menus-categories {
    padding-top: 30px
  }

    .menus-categories a:before {
      display: block;
      content: '';
      width: calc(0% - 61px);
      height: 1px;
      background-color: #1d252d;
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(calc(-50% - 30px));
      transition: width 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .menus-categories a:last-child:before {
      width: 0%;
      transform: translateX(-50%)
    }

    .menus-categories a:not(:last-child):after {
      display: inline-block;
      vertical-align: middle;
      content: '';
      width: 1px;
      height: 25px;
      margin: 0 30px;
      background-color: #004f59
    }

    .menus-categories a.is-active:last-child:before {
      width: 100%
    }

    .menus-categories a.is-active:before {
      width: calc(100% - 61px)
    }
}

@media (max-width: 960px) {
  .menu div {
    padding-right: 90px
  }

    .menu div:nth-child(odd) {
      padding-right: 100px
    }

  .menu span {
    margin-right: -100px
  }
}

@media (max-width: 736px) {
  .menu div {
    padding-right: 0;
    padding-bottom: 30px
  }

    .menu div:after {
      bottom: 15px;
      left: 0
    }

    .menu div:nth-child(odd) {
      padding-right: 0
    }

    .menu div:nth-child(even) {
      padding-left: 0px
    }

  .menu span {
    float: none;
    margin-right: 0;
    padding-right: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 30px
  }

  .menus-categories {
    position: relative;
    width: calc(100% + 30px);
    height: 85px;
    margin-left: -15px;
    overflow: hidden;
    text-align: left
  }

    .menus-categories:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #ececea;
      margin-left: -10px;
      position: absolute;
      bottom: 0;
      left: 50%
    }

    .menus-categories div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      height: 75px;
      background-color: #ececea
    }

    .menus-categories a {
      display: block;
      width: 100vw;
      border: none;
      opacity: 1;
      line-height: 75px;
      text-align: center
    }

      .menus-categories a:before, .menus-categories a:after {
        display: block;
        content: '';
        width: 10px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        background-color: transparent;
        position: absolute;
        top: 0
      }

      .menus-categories a:not(:first-child):before {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTkuNCAzMS44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS40IDMxLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDA0RjU5O3N0cm9rZS13aWR0aDo1O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjE3LjcsMzAuMSAzLjUsMTUuOSAxNy43LDEuOCAiLz48L3N2Zz4=);
        left: 15px
      }

      .menus-categories a:not(:last-child):after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTkuNCAzMS44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS40IDMxLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDA0RjU5O3N0cm9rZS13aWR0aDo1O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjEuOCwxLjggMTUuOSwxNS45IDEuOCwzMC4xICIvPjwvc3ZnPg==);
        right: 15px
      }
}

.benefits {
  margin-top: 80px;
  margin-bottom: 80px;
  padding-top: 50px;
  padding-bottom: 70px;
  background-color: #1d252d
}

  .benefits h2 {
    padding-bottom: 40px;
    font-size: 4em;
    text-align: center;
    text-transform: uppercase;
    color: #ce9d48
  }

.benefit {
  width: 400px;
  margin-right: 40px
}

  .benefit:first-child {
    margin-left: 80px
  }

  .benefit:last-child {
    margin-right: 80px
  }

  .benefit figure {
    position: relative;
    width: 100%;
    height: 295px
  }

  .benefit img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8
  }

  .benefit div {
    position: relative;
    margin-top: -75px;
    padding: 15px;
    color: #ffffff
  }

  .benefit p:first-child {
    font: 4em/1.2 "Fjalla One", serif
  }

  .benefit ul {
    margin-top: 25px;
    padding-left: 5px;
    list-style: disc
  }

  .benefit li {
    margin-top: 15px
  }

@media (max-width: 736px) {
  .benefits {
    padding-bottom: 10px
  }

  .benefit {
    width: 85vw;
    margin-right: 20px
  }

    .benefit:first-child {
      margin-left: 15px
    }

    .benefit:last-child {
      margin-right: 15px
    }
}

.news-item {
  position: relative;
  height: 450px;
  margin-bottom: 15px;
  overflow: hidden
}

  .news-item figure {
    position: relative;
    overflow: hidden
  }

    .news-item figure:after {
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.5);
      position: absolute;
      top: 0;
      left: 0;
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
      transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1)
    }

  .news-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .news-item .time {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(217, 217, 214, 0.5)
  }

  .news-item time {
    display: block;
    font: 3em/1.3 "Fjalla One", serif;
    color: rgba(29, 37, 45, 0.5)
  }

  .news-item .copy {
    position: relative;
    padding-top: 20px;
    padding-bottom: 100px;
    margin-top: 0;
    margin-bottom: 0
  }

  .news-item a {
    width: auto;
    height: 30px;
    padding: 0 10px;
    background-color: #004f59;
    position: absolute;
    bottom: 35px;
    left: 66.66%;
    z-index: 2;
    transform: translate3d(-50%, 0, 0);
    line-height: 30px;
    color: #ffffff
  }

    .news-item a:hover ~ figure:after {
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
    }

    .news-item a:hover ~ figure img {
      transform: scale(1)
    }

@media (max-width: 960px) {
  .news-item {
    height: auto;
    min-height: 400px
  }

    .news-item > div {
      display: block
    }

    .news-item .time, .news-item .copy {
      width: 100%
    }

    .news-item .time {
      padding-top: 10px;
      padding-bottom: 10px
    }

      .news-item .time br {
        display: none
      }

    .news-item .copy {
      padding-bottom: 75px
    }

    .news-item a {
      left: calc(50% + 20px);
      bottom: 20px;
      transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 736px) {
  .news {
    padding-left: 0;
    padding-right: 0
  }

  .news-item {
    min-height: 0;
    margin-bottom: 50px
  }

    .news-item .copy {
      padding-bottom: 50px;
      padding-right: 15px
    }

    .news-item time {
      font-size: 2.4em
    }

    .news-item a {
      left: 15px;
      bottom: 0
    }
}

.game-wrapper .section {
  position: relative;
  overflow: hidden
}

.game {
  width: 100%
}

  .game:not(.is-active) {
    display: none
  }

  .game h2, .game h3 {
    color: #004f59
  }

#calendar {
  display: none
}

.fc-toolbar h2 {
  font: 2em/1 "Fjalla One", serif;
  font-weight: 700;
  text-transform: uppercase
}

.fc th, .fc td {
  font-size: 1.3em
}

.fc-event, .fc-event-dot {
  background-color: #004f59 !important
}

.fc-event {
  border: none !important
}

  .fc-event .fc-content {
    border: none !important;
    padding: 3px 5px
  }

.fc-day-grid-event .fc-time {
  display: none
}

.fc th, .fc td, .fc-day-grid-event .fc-title {
  font-family: 'Fjalla One', serif !important;
}

.fc-list-item-time {
  display: none
}

@media (max-width: 736px) {
  .fc-toolbar .fc-center {
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
    clear: both
  }

    .fc-toolbar .fc-center > h2 {
      float: none;
      width: 100%;
      text-align: center
    }
}

#map {
  display: none;
  width: 50%;
  height: 100%;
  background-color: #1d252d;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 9
}

  #map > div {
    opacity: 0.8
  }

  #map .copy {
    margin: 0;
    padding: 10px 5px
  }

    #map .copy h3, #map .copy p {
      color: #000000
    }

    #map .copy h3 {
      margin-bottom: 10px
    }

    #map .copy p {
      font-size: 1.1em
    }

.lightbox-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  background-color: rgba(29, 37, 45, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10
}

  .lightbox-wrapper .close-signup {
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%)
  }

    .lightbox-wrapper .close-signup:before, .lightbox-wrapper .close-signup:after {
      display: block;
      content: '';
      width: 100%;
      height: 1px;
      background-color: #ffffff;
      position: absolute;
      top: 50%;
      left: 50%
    }

    .lightbox-wrapper .close-signup:before {
      transform: translate(-50%, -50%) rotate(45deg)
    }

    .lightbox-wrapper .close-signup:after {
      transform: translate(-50%, -50%) rotate(-45deg)
    }

  .lightbox-wrapper > div {
    height: 90%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }

.lightbox {
  width: 100%;
  opacity: 0
}

  .lightbox .intro {
    padding-top: 0;
    padding-bottom: 30px;
    color: #ffffff
  }

    .lightbox .intro h1 {
      color: inherit
    }

    .lightbox .intro p {
      text-align: left
    }

  .lightbox .field {
    position: relative;
    margin-top: 20px;
    padding-bottom: 5px
  }

    .lightbox .field.error label {
      color: red
    }

      .lightbox .field.error label a {
        color: #ffffff
      }

    .lightbox .field.error:after {
      background: red
    }

    .lightbox .field:not(.col-full):nth-child(odd) {
      padding-right: 10px
    }

    .lightbox .field:not(.col-full):nth-child(even) {
      padding-left: 10px
    }

    .lightbox .field.col-full label, .lightbox .field.col-full input {
      width: auto
    }

    .lightbox .field.checkbox input {
      width: 13px;
      margin-right: 15px
    }

    .lightbox .field.checkbox label {
      padding-right: 0
    }

    .lightbox .field:not(.radio) .group span {
      font: 1.8em/1.5 "Fjalla One", serif;
      color: #ce9d48
    }

    .lightbox .field.radio .group span {
      margin-left: 5px;
      font: 1.8em/1.5 "Frank Ruhl Libre", serif;
      font-weight: 400;
      color: #ce9d48
    }

      .lightbox .field.radio .group span:not(:last-child) {
        margin-right: 15px
      }

    .lightbox .field.marketing label {
      display: block;
      margin-bottom: 5px;
      font-family: 'Frank Ruhl Libre', serif !important;
      font-size: 1.5em;
      line-height: 1.2;
      text-transform: none;
      color: #ffffff
    }

    .lightbox .field.marketing input {
      margin-right: 5px
    }

    .lightbox .field.marketing span {
      padding-right: 15px;
      font: 1.8em/1.5 "Frank Ruhl Libre", serif;
      font-weight: 400;
      color: #ce9d48
    }

    .lightbox .field.marketing, .lightbox .field.actions {
      margin-top: 50px
    }

      .lightbox .field.marketing:after, .lightbox .field.actions:after {
        display: none
      }

      .lightbox .field.actions p {
        margin-top: 10px;
        font-size: 1.2em;
        color: #FF4136
      }

    .lightbox .field:after {
      display: block;
      content: '';
      width: 100%;
      height: 1px;
      background: #ce9d48
    }

    .lightbox .field a {
      border: none
    }

      .lightbox .field a:hover {
        color: #ffffff
      }

  .lightbox .toggle-fields:after {
    display: none
  }

  .lightbox .toggle-fields .col-full {
    margin-top: 0
  }

  .lightbox .toggle-fields .col-2-4 {
    display: none
  }

    .lightbox .toggle-fields .col-2-4:nth-child(odd) {
      padding-right: 0px;
      padding-left: 10px
    }

    .lightbox .toggle-fields .col-2-4:nth-child(even) {
      padding-left: 0px;
      padding-right: 10px
    }

  .lightbox label {
    padding-right: 15px;
    font: 1.8em/1.5 "Fjalla One", serif;
    text-transform: uppercase;
    color: #ce9d48
  }

  .lightbox .group input {
    width: auto;
    min-width: 0;
    text-align: center
  }

    .lightbox .group input[type="text"] {
      width: 45px
    }

    .lightbox .group input[type="radio"] {
      width: 13px
    }

  .lightbox input {
    width: 55%;
    border: none;
    background: none;
    font: 1.8em/1.5 "Frank Ruhl Libre", serif;
    color: #ffffff
  }

  .lightbox button {
    width: 100%;
    background-color: transparent;
    border: 1px solid #ce9d48;
    color: #ce9d48
  }

.backlink {
  width: 42px;
  height: 40px;
  margin-right: 0;
  padding: 0;
  opacity: 0.5;
  overflow: hidden;
  transition: all 200ms ease-out
}

  .backlink:hover {
    width: 150px;
    opacity: 1 !important
  }

  .backlink a {
    position: relative;
    display: block;
    width: 150px;
    padding-left: 50px;
    background: url("https://www.dunedincasino.co.nz/workspace/assets/images/thebold-offbrand-grey.svg") no-repeat 0 50%/auto 8px;
    border: none;
    font: 11px/40px "Frank Ruhl Libre", serif;
    text-decoration: none;
    color: #004f59
  }

  .backlink i {
    font: inherit;
    text-decoration: underline
  }

@media (max-width: 736px) {
  .backlink {
    right: 30px
  }

    .backlink:hover {
      width: 42px
    }
}

/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */

.fc {
  direction: ltr;
  text-align: left
}

.fc-rtl {
  text-align: right
}

body .fc {
  font-size: 1em
}

.fc-highlight {
  background: #bce8f1;
  opacity: .3
}

.fc-bgevent {
  background: #8fdf82;
  opacity: .3
}

.fc-nonbusiness {
  background: #d7d7d7
}

.fc button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  font-size: 1em;
  white-space: nowrap;
  cursor: pointer
}

  .fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
  }

.fc-state-default {
  border: 1px solid
}

  .fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
  }

  .fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
  }

.fc button .fc-icon {
  position: relative;
  top: -0.05em;
  margin: 0 .2em;
  vertical-align: middle
}

.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear
}

.fc-state-down, .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none
}

.fc-button-group {
  display: inline-block
}

.fc .fc-button-group > * {
  float: left;
  margin: 0 0 0 -1px
}

.fc .fc-button-group > :first-child {
  margin-left: 0
}

.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15)
}

  .fc-popover .fc-header {
    padding: 2px 4px
  }

    .fc-popover .fc-header .fc-title {
      margin: 0 2px
    }

    .fc-popover .fc-header .fc-close {
      cursor: pointer
    }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
  float: left
}

.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close {
  float: right
}

.fc-divider {
  border-style: solid;
  border-width: 1px
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0
}

.fc-clear {
  clear: both
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.fc-bg {
  bottom: 0
}

  .fc-bg table {
    height: 100%
  }

.fc table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em
}

.fc th {
  text-align: center
}

.fc th, .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top
}

  .fc td.fc-today {
    border-style: double
  }

a[data-goto] {
  cursor: pointer
}

  a[data-goto]:hover {
    text-decoration: underline
  }

.fc .fc-row {
  border-style: solid;
  border-width: 0
}

.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
  border-top: 0 hidden transparent
}

.fc-row {
  position: relative
}

  .fc-row .fc-bg {
    z-index: 1
  }

  .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
    bottom: 0
  }

    .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
      height: 100%
    }

    .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td {
      border-color: transparent
    }

  .fc-row .fc-bgevent-skeleton {
    z-index: 2
  }

  .fc-row .fc-highlight-skeleton {
    z-index: 3
  }

  .fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
  }

  .fc-row .fc-helper-skeleton {
    z-index: 5
  }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
  background: none;
  border-color: transparent
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
  border-top: 0
}

.fc-scroller {
  -webkit-overflow-scrolling: touch
}

  .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
    position: relative;
    width: 100%
  }

.fc-event {
  position: relative;
  display: block;
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad
}

.fc-event, .fc-event-dot {
  background-color: #3a87ad
}

  .fc-event, .fc-event:hover {
    color: #fff;
    text-decoration: none
  }

    .fc-event[href], .fc-event.fc-draggable {
      cursor: pointer
    }

.fc-not-allowed, .fc-not-allowed .fc-event {
  cursor: not-allowed
}

.fc-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25
}

.fc-event .fc-content {
  position: relative;
  z-index: 2
}

.fc-event .fc-resizer {
  position: absolute;
  z-index: 4
}

.fc-event .fc-resizer {
  display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
  display: block
}

  .fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
  }

.fc-event.fc-selected {
  z-index: 9999 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

  .fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3)
  }

.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  top: 50%;
  margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px
}

.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0 1px
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px
}

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: #000;
  opacity: .25
}

.fc-day-grid-event .fc-content {
  white-space: nowrap;
  overflow: hidden
}

.fc-day-grid-event .fc-time {
  font-weight: bold
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px
}

a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none
}

  a.fc-more:hover {
    text-decoration: underline
  }

.fc-limited {
  display: none
}

.fc-day-grid .fc-row {
  z-index: 1
}

.fc-more-popover {
  z-index: 2;
  width: 220px
}

  .fc-more-popover .fc-event-container {
    padding: 10px
  }

.fc-now-indicator {
  position: absolute;
  border: 0 solid red
}

.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
  border-color: #ddd
}

.fc-unthemed .fc-popover {
  background-color: #fff
}

  .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
    background: #eee
  }

    .fc-unthemed .fc-popover .fc-header .fc-close {
      color: #666
    }

.fc-unthemed td.fc-today {
  background: #fcf8e3
}

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3
}

.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

  .fc-icon:after {
    position: relative
  }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%
}

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%
}

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%
}

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%
}

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%
}

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%
}

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%
}

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%
}

.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid
}

  .fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px
  }

.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5
}

.ui-widget .fc-disabled-day {
  background-image: none
}

.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0
}

.ui-widget .fc-event {
  color: #fff;
  text-decoration: none;
  font-weight: normal
}

.ui-widget td.fc-axis {
  font-weight: normal
}

.fc-time-grid .fc-slats .ui-widget-content {
  background: none
}

.fc.fc-bootstrap3 a {
  text-decoration: none
}

  .fc.fc-bootstrap3 a[data-goto]:hover {
    text-decoration: underline
  }

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit
}

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0
}

.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0
}

.fc-bootstrap3 .fc-time-grid .fc-slats table {
  background: none
}

.fc.fc-bootstrap4 a {
  text-decoration: none
}

  .fc.fc-bootstrap4 a[data-goto]:hover {
    text-decoration: underline
  }

.fc-bootstrap4 hr.fc-divider {
  border-color: inherit
}

.fc-bootstrap4 .fc-today.alert {
  border-radius: 0
}

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff
}

.fc-bootstrap4 .fc-popover.card {
  position: absolute
}

.fc-bootstrap4 .fc-popover .card-body {
  padding: 0
}

.fc-bootstrap4 .fc-time-grid .fc-slats table {
  background: none
}

.fc-toolbar {
  text-align: center
}

  .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em
  }

  .fc-toolbar.fc-footer-toolbar {
    margin-top: 1em
  }

  .fc-toolbar .fc-left {
    float: left
  }

  .fc-toolbar .fc-right {
    float: right
  }

  .fc-toolbar .fc-center {
    display: inline-block
  }

.fc .fc-toolbar > * > * {
  float: left;
  margin-left: .75em
}

.fc .fc-toolbar > * > :first-child {
  margin-left: 0
}

.fc-toolbar h2 {
  margin: 0
}

.fc-toolbar button {
  position: relative
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
  z-index: 2
}

.fc-toolbar .fc-state-down {
  z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
  z-index: 4
}

.fc-toolbar button:focus {
  z-index: 5
}

.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.fc-view, .fc-view > table {
  position: relative;
  z-index: 1
}

.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton {
  padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em
}

.fc-row.fc-rigid {
  overflow: hidden
}

  .fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
  }

.fc-day-top.fc-other-month {
  opacity: 0.3
}

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
  padding: 2px
}

.fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number {
  padding: 0 2px
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px
}

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080
}

.fc-basic-view td.fc-week-number {
  text-align: center
}

  .fc-basic-view td.fc-week-number > * {
    display: inline-block;
    min-width: 1.25em
  }

.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2
}

  .fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
  }

    .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
      padding-bottom: 1em
    }

.fc .fc-axis {
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap
}

.fc-ltr .fc-axis {
  text-align: right
}

.fc-rtl .fc-axis {
  text-align: left
}

.fc-time-grid-container, .fc-time-grid {
  position: relative;
  z-index: 1
}

.fc-time-grid {
  min-height: 100%
}

  .fc-time-grid table {
    border: 0 hidden transparent
  }

  .fc-time-grid > .fc-bg {
    z-index: 1
  }

  .fc-time-grid .fc-slats, .fc-time-grid > hr {
    position: relative;
    z-index: 2
  }

  .fc-time-grid .fc-content-col {
    position: relative
  }

  .fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0
  }

  .fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1
  }

  .fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2
  }

  .fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3
  }

  .fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4
  }

  .fc-time-grid .fc-now-indicator-line {
    z-index: 5
  }

  .fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6
  }

  .fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
  }

  .fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
  }

  .fc-time-grid .fc-highlight-container {
    position: relative
  }

  .fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
  }

.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
  margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1
}

.fc-time-grid .fc-bgevent {
  left: 0;
  right: 0
}

.fc-v-event.fc-not-start {
  border-top-width: 0;
  padding-top: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
  border-bottom-width: 0;
  padding-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.fc-time-grid-event {
  overflow: hidden
}

  .fc-time-grid-event.fc-selected {
    overflow: visible
  }

    .fc-time-grid-event.fc-selected .fc-bg {
      display: none
    }

  .fc-time-grid-event .fc-content {
    overflow: hidden
  }

  .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px
  }

  .fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
  }

  .fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
  }

  .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
  }

    .fc-time-grid-event.fc-short .fc-time span {
      display: none
    }

    .fc-time-grid-event.fc-short .fc-time:before {
      content: attr(data-start)
    }

    .fc-time-grid-event.fc-short .fc-time:after {
      content: "\A0-\A0"
    }

  .fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
  }

  .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
  }

    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
      content: "="
    }

  .fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
  }

.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent
}

.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px
}

.fc-rtl .fc-list-view {
  direction: rtl
}

.fc-list-view {
  border-width: 1px;
  border-style: solid
}

.fc .fc-list-table {
  table-layout: auto
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px
}

.fc-list-table tr:first-child td {
  border-top-width: 0
}

.fc-list-heading {
  border-bottom-width: 1px
}

  .fc-list-heading td {
    font-weight: bold
  }

.fc-ltr .fc-list-heading-main {
  float: left
}

.fc-ltr .fc-list-heading-alt {
  float: right
}

.fc-rtl .fc-list-heading-main {
  float: right
}

.fc-rtl .fc-list-heading-alt {
  float: left
}

.fc-list-item.fc-has-url {
  cursor: pointer
}

.fc-list-item-marker, .fc-list-item-time {
  white-space: nowrap;
  width: 1px
}

.fc-ltr .fc-list-item-marker {
  padding-right: 0
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0
}

.fc-list-item-title a {
  text-decoration: none;
  color: inherit
}

  .fc-list-item-title a[href]:hover {
    text-decoration: underline
  }

.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.fc-unthemed .fc-list-empty {
  background-color: #eee
}

.me-edge .home-page video {
  width: auto;
  height: 100%
}

.home-page .hijack {
  position: relative;
  height: 100vh;
  overflow: hidden
}

  .home-page .hijack h1, .home-page .hijack h2 {
    color: #ce9d48
  }

  .home-page .hijack h1 {
    font-size: 6.5em
  }

  .home-page .hijack h2 {
    font-size: 5em
  }

.home-page .main-nav-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

  .home-page .main-nav-wrapper.is-fixed {
    position: fixed;
    top: 0;
    transform: none
  }

.home-page .menu-trigger svg {
  display: none
}

.home-page video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.home-page .panel {
  display: none;
  background-color: #ffffff;
  position: absolute;
  z-index: 2
}

  .home-page .panel.left, .home-page .panel.right {
    width: calc((100% - 1240px) / 2);
    height: 100%
  }

  .home-page .panel.top, .home-page .panel.bottom {
    width: 100%;
    height: 50px
  }

  .home-page .panel.top, .home-page .panel.left, .home-page .panel.right {
    top: 0
  }

  .home-page .panel.bottom {
    bottom: 0
  }

  .home-page .panel.top, .home-page .panel.left, .home-page .panel.bottom {
    left: 0
  }

  .home-page .panel.right {
    right: 0
  }

.home-page .hero, .home-page .intro, .home-page .play {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.home-page .hero {
  height: 100vh;
  background: rgba(29, 37, 45, 0.6);
  overflow: hidden;
  z-index: 1
}

  .home-page .hero img {
    width: 205px;
    height: 210px;
    opacity: 1;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%)
  }

.home-page .scroll-indicator {
  display: block;
  width: 30px;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

  .home-page .scroll-indicator:before {
    display: block;
    content: '';
    width: 1px;
    height: 50px;
    background-color: #ce9d48;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .home-page .scroll-indicator span {
    width: 30px;
    height: 30px;
    border: 1px solid #ce9d48;
    background-color: rgba(29, 37, 45, 0.5);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
  }

  .home-page .scroll-indicator svg {
    display: block;
    width: 9px;
    height: 5px;
    fill: none;
    stroke: #ce9d48;
    stroke-width: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .home-page .scroll-indicator strong {
    display: block;
    position: absolute;
    top: 6px;
    left: calc(100% + 10px);
    font: 1.8em/1 "Fjalla One", serif;
    text-transform: uppercase;
    color: #ce9d48
  }

.home-page .intro {
  display: none;
  height: 100vh;
  padding: 0;
  text-align: left;
  z-index: 3
}

  .home-page .intro > div {
    width: 100%;
    height: 100%
  }

  .home-page .intro .col-2-4:last-child {
    padding: 60px
  }

.home-page .play {
  display: none;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 79, 89, 0.9);
  text-align: center;
  color: #ffffff
}

  .home-page .play > div {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
  }

  .home-page .play .scroll-wrapper > div {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 120px;
    padding-right: 120px
  }

  .home-page .play article {
    margin-left: 45px;
    margin-right: 45px
  }

    .home-page .play article svg {
      display: block;
      height: 55px;
      margin: 0 auto 40px;
      fill: #ce9d48
    }

    .home-page .play article p {
      font-family: 'Fjalla One', serif !important;
      text-transform: uppercase
    }

  .home-page .play a {
    display: block;
    border: none;
    color: #ffffff
  }

.home-page .whats-on {
  margin-bottom: 80px
}

  .home-page .whats-on .copy {
    margin: 0;
    padding: 60px 0;
    text-align: center
  }

    .home-page .whats-on .copy > * {
      max-width: 650px;
      margin: 0 auto 20px
    }

  .home-page .whats-on h2 {
    font-size: 5em
  }

  .home-page .whats-on .cta {
    height: 450px;
    margin: 0;
    background-color: #a74d1c
  }

    .home-page .whats-on .cta a {
      padding: 80px
    }

      .home-page .whats-on .cta a:hover img {
        opacity: 0.3
      }

    .home-page .whats-on .cta img {
      opacity: 0.1
    }

    .home-page .whats-on .cta div {
      text-align: left
    }

    .home-page .whats-on .cta span {
      color: #ffffff
    }

@media (max-width: 1240px) {
  .home-page .panel.left, .home-page .panel.right {
    width: 50px
  }
}

@media (max-width: 960px) {
  .home-page .whats-on {
    padding-left: 0;
    padding-right: 0
  }

    .home-page .whats-on .copy {
      margin: 0;
      padding: 50px 0
    }

    .home-page .whats-on .wrapper {
      width: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch
    }

      .home-page .whats-on .wrapper::-webkit-scrollbar {
        display: none;
        width: 0px;
        background: transparent
      }

      .home-page .whats-on .wrapper > div {
        width: 940px;
        padding-left: 15px;
        padding-right: 15px
      }

      .home-page .whats-on .wrapper .col-1-4, .home-page .whats-on .wrapper .col-2-4 {
        width: 300px
      }

        .home-page .whats-on .wrapper .col-1-4:last-of-type {
          padding-right: 10px
        }

      .home-page .whats-on .wrapper .col-2-4 {
        margin-left: 10px;
        margin-top: 0
      }

    .home-page .whats-on .cta a {
      padding: 15px
    }
}

@media (max-width: 736px) {
  .home-page .hijack {
    height: 280vh;
    overflow: hidden;
    transform: translate3d(0, 0, 0)
  }

  .home-page video {
    height: 100vh;
    top: 0;
    transform: none
  }

  .home-page .hero, .home-page .intro, .home-page .play {
    display: block;
    height: 100vh;
    position: relative
  }

    .home-page .hero img {
      width: 140px;
      height: 150px;
      top: 35%;
      left: 50%;
      transform: translate(-50%, -100%)
    }

  .home-page .intro {
    height: 80vh;
    background-color: #ffffff
  }

    .home-page .intro div:empty {
      display: none
    }

    .home-page .intro .col-2-4:last-child {
      padding: 15px;
      text-align: center
    }

    .home-page .intro h1, .home-page .intro p {
      width: 100%
    }

    .home-page .intro h1 {
      margin-bottom: 30px
    }

  .home-page .play > div {
    padding-left: 0;
    padding-right: 0
  }

  .home-page .play .copy {
    padding-left: 15px;
    padding-right: 15px
  }

  .home-page .play .scroll-wrapper > div {
    padding: 40px 0
  }

  .home-page .play article {
    margin-left: 35px;
    margin-right: 35px
  }
}

.news-page .copy h1, .news-page .copy h2, .news-page .copy h3, .poker-news-page .copy h1, .poker-news-page .copy h2, .poker-news-page .copy h3 {
  color: #004f59
}

.about-page .copy h1, .about-page .copy h2, .about-page .copy h3 {
  color: #004f59
}