/* VARS */
/* IMPORT */
/* moved to bones.php */
/* FONTS */
/* BETTER ADMIN BAR */
/* BASE */
html,
body {
  width: 100%;
  height: 100%;
  background: #F9F4E0;
}

@media (max-width: 767.98px) {
  html,
  body {
    -webkit-overflow-scrolling: touch;
    height: auto;
  }
}

html,
body,
button,
input,
select,
textarea {
  font-family: p22-underground, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #243646;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

input,
select,
textarea {
  outline: none !important;
}

html {
  font-size: 18px;
}

@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
}

/* UTILITY */
.page-width-narrow {
  width: 880px;
  max-width: 96%;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.page-width-medium {
  width: 1400px;
  max-width: 96%;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.page-width {
  width: 1200px;
  max-width: 96%;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.page-width-full {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.page-width-bleed {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 767px) {
  .page-width-narrow,
  .page-width-medium,
  .page-width-full,
  .page-width {
    padding: 0;
    max-width: 92%;
  }
}

@media (min-width: 992px) and (max-width: 991px) {
  .page-width-narrow,
  .page-width-medium,
  .page-width-full,
  .page-width {
    padding: 0 15px;
    max-width: 100%;
  }
}

/* TYPOGRAPHY */
p,
li {
  margin: 0 0 1.55rem 0;
  line-height: 1.3em;
  letter-spacing: 0.07em;
}

p a {
  color: black;
  text-decoration: none;
  -webkit-transition: color ease-in-out 0.2s;
  transition: color ease-in-out 0.2s;
}

p a:hover {
  color: black;
  text-decoration: none;
}

.para-20 p, p.para-20 {
  font-size: 1.111rem;
}

.para-22 p, p.para-22 {
  font-size: 1.222rem;
}

.para-24 p, p.para-24 {
  font-size: 1.333rem;
}

.para-28 p, p.para-28 {
  font-size: 1.556rem;
}

.para-xl p, p.para-xl {
  font-size: 1.4rem;
}

.colour-white-66 p, p.colour-white-66 {
  color: rgba(255, 255, 255, 0.66);
}

.colour-white-70 p, p.colour-white-70 {
  color: rgba(255, 255, 255, 0.7);
}

h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  font-weight: 600;
  font-size: 1.778rem;
  margin: 0 0 1.4rem 0;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}

@media (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-size: 1.429rem;
  }
}

h1.underlined,
.title-underlined h1,
h2.underlined,
.title-underlined
h2,
h3.underlined,
.title-underlined
h3,
h4.underlined,
.title-underlined
h4,
h5.underlined,
.title-underlined
h5 {
  padding-bottom: 1.9rem;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  h1.underlined,
  .title-underlined h1,
  h2.underlined,
  .title-underlined
  h2,
  h3.underlined,
  .title-underlined
  h3,
  h4.underlined,
  .title-underlined
  h4,
  h5.underlined,
  .title-underlined
  h5 {
    padding-bottom: 1.4rem;
  }
}

h1.underlined:after,
.title-underlined h1:after,
h2.underlined:after,
.title-underlined
h2:after,
h3.underlined:after,
.title-underlined
h3:after,
h4.underlined:after,
.title-underlined
h4:after,
h5.underlined:after,
.title-underlined
h5:after {
  content: '';
  display: block;
  width: 44px;
  height: 5px;
  background: #F9F4E0;
  position: absolute;
  bottom: 0;
  left: calc(50% - 22px);
}

@media (max-width: 767px) {
  h1.underlined:after,
  .title-underlined h1:after,
  h2.underlined:after,
  .title-underlined
  h2:after,
  h3.underlined:after,
  .title-underlined
  h3:after,
  h4.underlined:after,
  .title-underlined
  h4:after,
  h5.underlined:after,
  .title-underlined
  h5:after {
    height: 3px;
    width: 28px;
    left: calc(50% - 14px);
  }
}

h1.paws,
.title-paws h1,
h2.paws,
.title-paws
h2,
h3.paws,
.title-paws
h3,
h4.paws,
.title-paws
h4,
h5.paws,
.title-paws
h5 {
  padding-bottom: 67px;
  margin-bottom: 2rem;
  font-size: 1.056rem;
  letter-spacing: 0.09em;
}

@media (max-width: 767px) {
  h1.paws,
  .title-paws h1,
  h2.paws,
  .title-paws
  h2,
  h3.paws,
  .title-paws
  h3,
  h4.paws,
  .title-paws
  h4,
  h5.paws,
  .title-paws
  h5 {
    padding-bottom: 45px;
  }
}

h1.paws:after,
.title-paws h1:after,
h2.paws:after,
.title-paws
h2:after,
h3.paws:after,
.title-paws
h3:after,
h4.paws:after,
.title-paws
h4:after,
h5.paws:after,
.title-paws
h5:after {
  content: '';
  display: block;
  width: 52px;
  height: 52px;
  position: absolute;
  background: url(../images/paws.svg) center center no-repeat;
  background-size: contain;
  bottom: 0;
  left: calc(50% - 26px);
}

@media (max-width: 767px) {
  h1.paws:after,
  .title-paws h1:after,
  h2.paws:after,
  .title-paws
  h2:after,
  h3.paws:after,
  .title-paws
  h3:after,
  h4.paws:after,
  .title-paws
  h4:after,
  h5.paws:after,
  .title-paws
  h5:after {
    height: 32px;
    width: 32px;
    left: calc(50% - 16px);
  }
}

/* PADDING and MARGINS */
.pt-0 {
  padding-top: 0rem !important;
}

@media (max-width: 767.98px) {
  .pt-0 {
    padding-top: 0rem !important;
  }
}

.pb-0 {
  padding-bottom: 0rem !important;
}

@media (max-width: 767.98px) {
  .pb-0 {
    padding-bottom: 0rem !important;
  }
}

.mt-0 {
  margin-top: 0rem !important;
}

@media (max-width: 767.98px) {
  .mt-0 {
    margin-top: 0rem !important;
  }
}

.mb-0 {
  margin-bottom: 0rem !important;
}

@media (max-width: 767.98px) {
  .mb-0 {
    margin-bottom: 0rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-0 {
    padding-top: 0rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-0 {
    padding-bottom: 0rem !important;
  }
}

.pt-1 {
  padding-top: 1rem !important;
}

@media (max-width: 767.98px) {
  .pt-1 {
    padding-top: 0.5rem !important;
  }
}

.pb-1 {
  padding-bottom: 1rem !important;
}

@media (max-width: 767.98px) {
  .pb-1 {
    padding-bottom: 0.5rem !important;
  }
}

.mt-1 {
  margin-top: 1rem !important;
}

@media (max-width: 767.98px) {
  .mt-1 {
    margin-top: 0.5rem !important;
  }
}

.mb-1 {
  margin-bottom: 1rem !important;
}

@media (max-width: 767.98px) {
  .mb-1 {
    margin-bottom: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-1 {
    padding-top: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-1 {
    padding-bottom: 0.5rem !important;
  }
}

.pt-2 {
  padding-top: 2rem !important;
}

@media (max-width: 767.98px) {
  .pt-2 {
    padding-top: 1rem !important;
  }
}

.pb-2 {
  padding-bottom: 2rem !important;
}

@media (max-width: 767.98px) {
  .pb-2 {
    padding-bottom: 1rem !important;
  }
}

.mt-2 {
  margin-top: 2rem !important;
}

@media (max-width: 767.98px) {
  .mt-2 {
    margin-top: 1rem !important;
  }
}

.mb-2 {
  margin-bottom: 2rem !important;
}

@media (max-width: 767.98px) {
  .mb-2 {
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-2 {
    padding-top: 1rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-2 {
    padding-bottom: 1rem !important;
  }
}

.pt-3 {
  padding-top: 3rem !important;
}

@media (max-width: 767.98px) {
  .pt-3 {
    padding-top: 1.5rem !important;
  }
}

.pb-3 {
  padding-bottom: 3rem !important;
}

@media (max-width: 767.98px) {
  .pb-3 {
    padding-bottom: 1.5rem !important;
  }
}

.mt-3 {
  margin-top: 3rem !important;
}

@media (max-width: 767.98px) {
  .mt-3 {
    margin-top: 1.5rem !important;
  }
}

.mb-3 {
  margin-bottom: 3rem !important;
}

@media (max-width: 767.98px) {
  .mb-3 {
    margin-bottom: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-3 {
    padding-top: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-3 {
    padding-bottom: 1.5rem !important;
  }
}

.pt-4 {
  padding-top: 4rem !important;
}

@media (max-width: 767.98px) {
  .pt-4 {
    padding-top: 2rem !important;
  }
}

.pb-4 {
  padding-bottom: 4rem !important;
}

@media (max-width: 767.98px) {
  .pb-4 {
    padding-bottom: 2rem !important;
  }
}

.mt-4 {
  margin-top: 4rem !important;
}

@media (max-width: 767.98px) {
  .mt-4 {
    margin-top: 2rem !important;
  }
}

.mb-4 {
  margin-bottom: 4rem !important;
}

@media (max-width: 767.98px) {
  .mb-4 {
    margin-bottom: 2rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-4 {
    padding-top: 2rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-4 {
    padding-bottom: 2rem !important;
  }
}

.pt-5 {
  padding-top: 5rem !important;
}

@media (max-width: 767.98px) {
  .pt-5 {
    padding-top: 2.5rem !important;
  }
}

.pb-5 {
  padding-bottom: 5rem !important;
}

@media (max-width: 767.98px) {
  .pb-5 {
    padding-bottom: 2.5rem !important;
  }
}

.mt-5 {
  margin-top: 5rem !important;
}

@media (max-width: 767.98px) {
  .mt-5 {
    margin-top: 2.5rem !important;
  }
}

.mb-5 {
  margin-bottom: 5rem !important;
}

@media (max-width: 767.98px) {
  .mb-5 {
    margin-bottom: 2.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-5 {
    padding-top: 2.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-5 {
    padding-bottom: 2.5rem !important;
  }
}

.pt-6 {
  padding-top: 6rem !important;
}

@media (max-width: 767.98px) {
  .pt-6 {
    padding-top: 3rem !important;
  }
}

.pb-6 {
  padding-bottom: 6rem !important;
}

@media (max-width: 767.98px) {
  .pb-6 {
    padding-bottom: 3rem !important;
  }
}

.mt-6 {
  margin-top: 6rem !important;
}

@media (max-width: 767.98px) {
  .mt-6 {
    margin-top: 3rem !important;
  }
}

.mb-6 {
  margin-bottom: 6rem !important;
}

@media (max-width: 767.98px) {
  .mb-6 {
    margin-bottom: 3rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-6 {
    padding-top: 3rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-6 {
    padding-bottom: 3rem !important;
  }
}

.pt-7 {
  padding-top: 7rem !important;
}

@media (max-width: 767.98px) {
  .pt-7 {
    padding-top: 3.5rem !important;
  }
}

.pb-7 {
  padding-bottom: 7rem !important;
}

@media (max-width: 767.98px) {
  .pb-7 {
    padding-bottom: 3.5rem !important;
  }
}

.mt-7 {
  margin-top: 7rem !important;
}

@media (max-width: 767.98px) {
  .mt-7 {
    margin-top: 3.5rem !important;
  }
}

.mb-7 {
  margin-bottom: 7rem !important;
}

@media (max-width: 767.98px) {
  .mb-7 {
    margin-bottom: 3.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-7 {
    padding-top: 3.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-7 {
    padding-bottom: 3.5rem !important;
  }
}

.pt-8 {
  padding-top: 8rem !important;
}

@media (max-width: 767.98px) {
  .pt-8 {
    padding-top: 4rem !important;
  }
}

.pb-8 {
  padding-bottom: 8rem !important;
}

@media (max-width: 767.98px) {
  .pb-8 {
    padding-bottom: 4rem !important;
  }
}

.mt-8 {
  margin-top: 8rem !important;
}

@media (max-width: 767.98px) {
  .mt-8 {
    margin-top: 4rem !important;
  }
}

.mb-8 {
  margin-bottom: 8rem !important;
}

@media (max-width: 767.98px) {
  .mb-8 {
    margin-bottom: 4rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-8 {
    padding-top: 4rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-8 {
    padding-bottom: 4rem !important;
  }
}

.pt-9 {
  padding-top: 9rem !important;
}

@media (max-width: 767.98px) {
  .pt-9 {
    padding-top: 4.5rem !important;
  }
}

.pb-9 {
  padding-bottom: 9rem !important;
}

@media (max-width: 767.98px) {
  .pb-9 {
    padding-bottom: 4.5rem !important;
  }
}

.mt-9 {
  margin-top: 9rem !important;
}

@media (max-width: 767.98px) {
  .mt-9 {
    margin-top: 4.5rem !important;
  }
}

.mb-9 {
  margin-bottom: 9rem !important;
}

@media (max-width: 767.98px) {
  .mb-9 {
    margin-bottom: 4.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-9 {
    padding-top: 4.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-9 {
    padding-bottom: 4.5rem !important;
  }
}

.pt-10 {
  padding-top: 10rem !important;
}

@media (max-width: 767.98px) {
  .pt-10 {
    padding-top: 5rem !important;
  }
}

.pb-10 {
  padding-bottom: 10rem !important;
}

@media (max-width: 767.98px) {
  .pb-10 {
    padding-bottom: 5rem !important;
  }
}

.mt-10 {
  margin-top: 10rem !important;
}

@media (max-width: 767.98px) {
  .mt-10 {
    margin-top: 5rem !important;
  }
}

.mb-10 {
  margin-bottom: 10rem !important;
}

@media (max-width: 767.98px) {
  .mb-10 {
    margin-bottom: 5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-10 {
    padding-top: 5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-10 {
    padding-bottom: 5rem !important;
  }
}

.pt-11 {
  padding-top: 11rem !important;
}

@media (max-width: 767.98px) {
  .pt-11 {
    padding-top: 5.5rem !important;
  }
}

.pb-11 {
  padding-bottom: 11rem !important;
}

@media (max-width: 767.98px) {
  .pb-11 {
    padding-bottom: 5.5rem !important;
  }
}

.mt-11 {
  margin-top: 11rem !important;
}

@media (max-width: 767.98px) {
  .mt-11 {
    margin-top: 5.5rem !important;
  }
}

.mb-11 {
  margin-bottom: 11rem !important;
}

@media (max-width: 767.98px) {
  .mb-11 {
    margin-bottom: 5.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-11 {
    padding-top: 5.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-11 {
    padding-bottom: 5.5rem !important;
  }
}

.pt-12 {
  padding-top: 12rem !important;
}

@media (max-width: 767.98px) {
  .pt-12 {
    padding-top: 6rem !important;
  }
}

.pb-12 {
  padding-bottom: 12rem !important;
}

@media (max-width: 767.98px) {
  .pb-12 {
    padding-bottom: 6rem !important;
  }
}

.mt-12 {
  margin-top: 12rem !important;
}

@media (max-width: 767.98px) {
  .mt-12 {
    margin-top: 6rem !important;
  }
}

.mb-12 {
  margin-bottom: 12rem !important;
}

@media (max-width: 767.98px) {
  .mb-12 {
    margin-bottom: 6rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-12 {
    padding-top: 6rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-12 {
    padding-bottom: 6rem !important;
  }
}

.pt-13 {
  padding-top: 13rem !important;
}

@media (max-width: 767.98px) {
  .pt-13 {
    padding-top: 6.5rem !important;
  }
}

.pb-13 {
  padding-bottom: 13rem !important;
}

@media (max-width: 767.98px) {
  .pb-13 {
    padding-bottom: 6.5rem !important;
  }
}

.mt-13 {
  margin-top: 13rem !important;
}

@media (max-width: 767.98px) {
  .mt-13 {
    margin-top: 6.5rem !important;
  }
}

.mb-13 {
  margin-bottom: 13rem !important;
}

@media (max-width: 767.98px) {
  .mb-13 {
    margin-bottom: 6.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-13 {
    padding-top: 6.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-13 {
    padding-bottom: 6.5rem !important;
  }
}

.pt-14 {
  padding-top: 14rem !important;
}

@media (max-width: 767.98px) {
  .pt-14 {
    padding-top: 7rem !important;
  }
}

.pb-14 {
  padding-bottom: 14rem !important;
}

@media (max-width: 767.98px) {
  .pb-14 {
    padding-bottom: 7rem !important;
  }
}

.mt-14 {
  margin-top: 14rem !important;
}

@media (max-width: 767.98px) {
  .mt-14 {
    margin-top: 7rem !important;
  }
}

.mb-14 {
  margin-bottom: 14rem !important;
}

@media (max-width: 767.98px) {
  .mb-14 {
    margin-bottom: 7rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-14 {
    padding-top: 7rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-14 {
    padding-bottom: 7rem !important;
  }
}

.pt-15 {
  padding-top: 15rem !important;
}

@media (max-width: 767.98px) {
  .pt-15 {
    padding-top: 7.5rem !important;
  }
}

.pb-15 {
  padding-bottom: 15rem !important;
}

@media (max-width: 767.98px) {
  .pb-15 {
    padding-bottom: 7.5rem !important;
  }
}

.mt-15 {
  margin-top: 15rem !important;
}

@media (max-width: 767.98px) {
  .mt-15 {
    margin-top: 7.5rem !important;
  }
}

.mb-15 {
  margin-bottom: 15rem !important;
}

@media (max-width: 767.98px) {
  .mb-15 {
    margin-bottom: 7.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-15 {
    padding-top: 7.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-15 {
    padding-bottom: 7.5rem !important;
  }
}

.pt-16 {
  padding-top: 16rem !important;
}

@media (max-width: 767.98px) {
  .pt-16 {
    padding-top: 8rem !important;
  }
}

.pb-16 {
  padding-bottom: 16rem !important;
}

@media (max-width: 767.98px) {
  .pb-16 {
    padding-bottom: 8rem !important;
  }
}

.mt-16 {
  margin-top: 16rem !important;
}

@media (max-width: 767.98px) {
  .mt-16 {
    margin-top: 8rem !important;
  }
}

.mb-16 {
  margin-bottom: 16rem !important;
}

@media (max-width: 767.98px) {
  .mb-16 {
    margin-bottom: 8rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-16 {
    padding-top: 8rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-16 {
    padding-bottom: 8rem !important;
  }
}

.pt-17 {
  padding-top: 17rem !important;
}

@media (max-width: 767.98px) {
  .pt-17 {
    padding-top: 8.5rem !important;
  }
}

.pb-17 {
  padding-bottom: 17rem !important;
}

@media (max-width: 767.98px) {
  .pb-17 {
    padding-bottom: 8.5rem !important;
  }
}

.mt-17 {
  margin-top: 17rem !important;
}

@media (max-width: 767.98px) {
  .mt-17 {
    margin-top: 8.5rem !important;
  }
}

.mb-17 {
  margin-bottom: 17rem !important;
}

@media (max-width: 767.98px) {
  .mb-17 {
    margin-bottom: 8.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-17 {
    padding-top: 8.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-17 {
    padding-bottom: 8.5rem !important;
  }
}

.pt-18 {
  padding-top: 18rem !important;
}

@media (max-width: 767.98px) {
  .pt-18 {
    padding-top: 9rem !important;
  }
}

.pb-18 {
  padding-bottom: 18rem !important;
}

@media (max-width: 767.98px) {
  .pb-18 {
    padding-bottom: 9rem !important;
  }
}

.mt-18 {
  margin-top: 18rem !important;
}

@media (max-width: 767.98px) {
  .mt-18 {
    margin-top: 9rem !important;
  }
}

.mb-18 {
  margin-bottom: 18rem !important;
}

@media (max-width: 767.98px) {
  .mb-18 {
    margin-bottom: 9rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-18 {
    padding-top: 9rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-18 {
    padding-bottom: 9rem !important;
  }
}

.pt-19 {
  padding-top: 19rem !important;
}

@media (max-width: 767.98px) {
  .pt-19 {
    padding-top: 9.5rem !important;
  }
}

.pb-19 {
  padding-bottom: 19rem !important;
}

@media (max-width: 767.98px) {
  .pb-19 {
    padding-bottom: 9.5rem !important;
  }
}

.mt-19 {
  margin-top: 19rem !important;
}

@media (max-width: 767.98px) {
  .mt-19 {
    margin-top: 9.5rem !important;
  }
}

.mb-19 {
  margin-bottom: 19rem !important;
}

@media (max-width: 767.98px) {
  .mb-19 {
    margin-bottom: 9.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-19 {
    padding-top: 9.5rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-19 {
    padding-bottom: 9.5rem !important;
  }
}

.pt-20 {
  padding-top: 20rem !important;
}

@media (max-width: 767.98px) {
  .pt-20 {
    padding-top: 10rem !important;
  }
}

.pb-20 {
  padding-bottom: 20rem !important;
}

@media (max-width: 767.98px) {
  .pb-20 {
    padding-bottom: 10rem !important;
  }
}

.mt-20 {
  margin-top: 20rem !important;
}

@media (max-width: 767.98px) {
  .mt-20 {
    margin-top: 10rem !important;
  }
}

.mb-20 {
  margin-bottom: 20rem !important;
}

@media (max-width: 767.98px) {
  .mb-20 {
    margin-bottom: 10rem !important;
  }
}

@media (max-width: 767px) {
  section.pt-mb-20 {
    padding-top: 10rem !important;
  }
}

@media (max-width: 767px) {
  section.pb-mb-20 {
    padding-bottom: 10rem !important;
  }
}

/* HEADER & FOOTER */
header .height {
  /* set to prevent CLS */
  min-height: 144px;
  background: #243646;
}

@media (max-width: 991px) {
  header .height {
    min-height: 77px;
  }
}

header .standard-header {
  background: #243646;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  padding-top: 1.65rem;
  padding-bottom: 1.65rem;
  -webkit-transition: top 1.3s cubic-bezier(0.65, 0, 0.076, 1);
  transition: top 1.3s cubic-bezier(0.65, 0, 0.076, 1);
}

.scrolled header .standard-header {
  top: -152px;
}

header .standard-header .logo {
  width: 178px;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  header .standard-header .logo {
    width: 172px;
  }
}

header .standard-header .logo img {
  width: 100%;
  height: auto;
  display: block;
}

header .standard-header .reservations {
  text-align: right;
}

header .standard-header .reservations a {
  display: inline-block;
  font-weight: 500;
  font-size: 0.889rem;
  text-transform: uppercase;
  border: #F9F4E0 solid 1px;
  color: #F9F4E0;
  line-height: 1em;
  padding: 0.75rem 1.8em 0.55rem 1.8rem;
  text-decoration: none;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}

header .standard-header .reservations a:hover {
  background: #F9F4E0;
  color: #243646;
}

header .standard-header .menu-toggle {
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

header .standard-header .menu-toggle a {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 31px;
  border-top: #F9F4E0 solid 3px;
  font-size: 0;
}

@media (max-width: 767px) {
  header .standard-header .menu-toggle a {
    border-top: #F9F4E0 solid 2px;
    height: 28px;
  }
}

header .standard-header .menu-toggle a:before, header .standard-header .menu-toggle a:after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: #F9F4E0;
  left: 0;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

@media (max-width: 767px) {
  header .standard-header .menu-toggle a:before, header .standard-header .menu-toggle a:after {
    height: 2px;
  }
}

header .standard-header .menu-toggle a:before {
  top: 11px;
}

header .standard-header .menu-toggle a:after {
  bottom: 0px;
}

header .standard-header .menu-toggle a:hover:after {
  width: 100%;
}

.menu-open header .standard-header .menu-toggle a {
  border-top: #243646 solid 3px;
}

.menu-open header .standard-header .menu-toggle a:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px;
}

.menu-open header .standard-header .menu-toggle a:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 10px;
  bottom: auto;
  width: 100%;
}

nav {
  background: #243646;
  position: fixed;
  top: 0;
  left: -435px;
  bottom: 0;
  z-index: 10;
  width: 435px;
  max-width: 80%;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 4.5rem;
}

@media (max-width: 767px) {
  nav {
    width: 100%;
    max-width: 100%;
    padding: 0 8%;
    left: -500px;
  }
}

.menu-open nav {
  left: 0;
}

nav .menu {
  margin-top: 180px;
}

nav .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav .menu ul li {
  margin: 0 0 1.95rem 0;
  padding: 0;
  font-size: 1.15rem;
  text-transform: uppercase;
  font-weight: 600;
}

@media (max-width: 767px) {
  nav .menu ul li {
    font-size: 1.3rem;
  }
}

nav .menu ul li a {
  color: #F9F4E0;
  text-decoration: none;
  position: relative;
  display: inline-block;
  padding: 0 0 0.5rem 0;
}

nav .menu ul li a:after {
  opacity: 0;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #F9F4E0;
}

@media (max-width: 767px) {
  nav .menu ul li a:after {
    height: 2px;
  }
}

nav .menu ul li a:hover:after {
  opacity: 1;
}

nav .social {
  color: #F9F4E0;
}

nav .social ul {
  list-style: none;
  margin: 0 0 2rem 0;
  padding: 0;
  font-size: 0;
}

@media (max-width: 767px) {
  nav .social ul {
    margin-bottom: 1.3rem;
  }
}

nav .social ul li {
  display: inline-block;
  font-size: 1rem;
  margin: 0 1rem 0 0;
  padding: 0;
}

nav .social ul li a {
  color: #F9F4E0;
}

nav .social ul li a svg {
  width: 38px;
  height: auto;
}

@media (max-width: 767px) {
  nav .social ul li a svg {
    width: 28px;
  }
}

nav .social ul li a svg path {
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}

nav .social ul li a:hover svg path {
  fill: #3A778A;
}

nav .social p {
  text-transform: uppercase;
  font-weight: 600;
}

nav .social p a {
  color: #F9F4E0;
}

footer {
  padding-top: 1.6rem;
  padding-bottom: 1.4rem;
}

footer .menu {
  text-align: center;
}

footer .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}

footer .menu ul li {
  margin: 0 1rem;
  font-size: 1rem;
  line-height: 1em;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0;
}

footer .menu ul li a {
  color: #243646;
  text-decoration: none;
}

/* CURSOR */
/* BUTTONS */
.btn,
.btn:active,
.btn:focus,
input[type="submit"] {
  overflow: visible;
  outline: none;
  font-size: 0.833rem;
  font-weight: 600;
  text-transform: uppercase;
  background: #F9F4E0;
  border: #F9F4E0 solid 1px;
  border-radius: 0;
  color: #243646;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 0.55rem 1.2rem 0.45rem 1.2rem;
  position: relative;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  display: inline-block;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}

@media (max-width: 767px) {
  .btn,
  .btn:active,
  .btn:focus,
  input[type="submit"] {
    font-size: 1.143rem;
  }
}

.btn:hover,
.btn:active:hover,
.btn:focus:hover,
input[type="submit"]:hover {
  border: #F9F4E0 solid 1px;
  background: #243646;
  color: #F9F4E0;
}

/* MODULES */
/* TODO: detect js, apply body class and require */
/*
section:not(.sp-hero){
  transform: translateY(60px);
  transition: all $ease_authentic 1s;
  transition-delay: 0.2s;
  &.viewed {
    transform: translateY(0);
  }
}
section:not(.sp-hero){
  opacity:0;
  transition: all $ease_authentic 1s;
  transition-delay: 0.2s;
  &.viewed {
    opacity: 1;
  }
}
*/
.sp-hero {
  position: relative;
  overflow: hidden;
}

.sp-hero .image {
  position: absolute;
  background-size: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  will-change: transform;
  opacity: 1;
}

.sp-hero .item {
  min-height: 500px;
}

@media (max-width: 767px) {
  .sp-hero .item {
    min-height: 225px;
  }
}

.sp-hero .item h1 {
  font-size: 2.556rem;
  color: #F9F4E0;
  font-weight: 500;
  text-align: center;
}

@media (max-width: 767px) {
  .sp-hero .item h1 {
    font-size: 1.786rem;
  }
}

.sp-hero .item h1 span {
  display: block;
  padding: 0.3rem 0;
  font-size: 1.722rem;
}

@media (max-width: 767px) {
  .sp-hero .item h1 span {
    padding: 0.2rem 0;
    font-size: 1.143rem;
  }
}

.text.first-para-bold p:first-of-type {
  font-weight: 600;
}

.text.first-para-large p:first-of-type {
  font-size: 1.111rem;
}

.text.text-light h2, .text.text-light h3, .text.text-light h4, .text.text-light h5,
.text.text-light p, .text.text-light a {
  color: #F9F4E0;
}

.text.smaller-headings h2 {
  font-size: 1.556rem;
}

.text.opening-times h2 {
  margin-bottom: 2.6rem;
}

.text.opening-times p {
  margin: 0 0 1.15rem 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.text.opening-times p strong, .text.opening-times p b {
  font-weight: 600;
}

.text.small p {
  font-size: 0.944rem;
}

.sp-text {
  padding-top: 3rem;
  padding-bottom: 2rem;
}

@media (max-width: 767px) {
  .sp-text br {
    display: none;
  }
}

.sp-text a {
  color: #243646;
}

.sp-text a:hover {
  color: #243646;
}

.sp-text .boxed {
  border: #243646 solid 2px;
  padding: 2.5rem 3rem 1rem 3rem;
}

@media (max-width: 767px) {
  .sp-text .boxed {
    padding: 2.5rem 2rem 2.5rem 2rem;
  }
}

.sp-reservations {
  padding-top: 4rem;
  padding-bottom: 2rem;
  background: #243646;
  color: #F9F4E0;
}

.sp-menus {
  padding-top: 5.5rem;
  padding-bottom: 6rem;
  color: #F9F4E0;
  text-align: center;
}

.sp-menus h2 {
  color: #243646;
}

.sp-menus h2:after {
  background: #243646;
}

.sp-menus .item {
  padding-top: 1rem;
}

.sp-menus .item .menu {
  display: inline-block;
  margin: 0 3rem;
}

@media (max-width: 1100px) {
  .sp-menus .item .menu {
    margin: 0 1.5rem;
  }
}

@media (max-width: 900px) {
  .sp-menus .item .menu {
    display: block;
    margin: 0 0 2.5rem 0;
  }
}

.sp-menus .item .menu a {
  display: inline-block;
  padding: 0.9rem 0.5rem 0.8rem 0.5rem;
  border: #243646 solid 1px;
  font-weight: 600;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #243646;
  line-height: 1em;
  text-decoration: none;
  min-width: 220px;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}

.sp-menus .item .menu a:hover {
  background: #243646;
  color: #F9F4E0;
}

.sp-contact .text {
  min-height: 683px;
  background: #3A778A;
  padding: 4rem 2rem;
}

@media (max-width: 767px) {
  .sp-contact .text {
    min-height: 0;
    padding: 3rem 2rem;
  }
}

.sp-contact .text p {
  font-size: 1.056rem;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
}

.sp-contact .text p.email, .sp-contact .text p.telephone {
  margin: 0;
  padding: 0;
  font-weight: 300;
}

.sp-contact .text ul.social {
  list-style: none;
  margin: 1.5rem 0 0 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .sp-contact .text ul.social {
    margin: 2.3rem 0 0 0;
  }
}

.sp-contact .text ul.social li {
  display: inline-block;
  margin: 0 0.3rem;
  padding: 0;
  font-size: 1rem;
}

.sp-contact .text ul.social li a {
  display: inline-block;
}

.sp-contact .text ul.social li a svg {
  width: 35px;
  height: auto;
}

@media (max-width: 767px) {
  .sp-contact .text ul.social li a svg {
    width: 27px;
  }
}

.sp-contact .text ul.social li a svg path {
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}

.sp-contact .text ul.social li a:hover svg path {
  fill: #243646;
}

.sp-contact .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.sp-contact .image #contact_map {
  height: 100%;
}

.sp-image-text .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .sp-image-text .image {
    height: 350px;
  }
}

.sp-image-text .image img {
  width: 100%;
  height: auto;
}

.sp-image-text .text {
  min-height: 683px;
  padding: 4rem 2rem;
}

@media (max-width: 767px) {
  .sp-image-text .text {
    min-height: 0;
    padding: 3rem 2rem;
  }
}

.sp-image-text .text.bg-navy {
  background: #243646;
  color: #F9F4E0;
}

.sp-text-carousel .carousel-container {
  background: #F9F4E0;
  padding: 0 5rem;
  position: relative;
}

@media (max-width: 767px) {
  .sp-text-carousel .carousel-container {
    padding: 0 4rem;
  }
}

.sp-text-carousel .carousel-container .carousel .slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  padding-top: 2.6rem;
  padding-bottom: 3rem;
}

@media (max-width: 767px) {
  .sp-text-carousel .carousel-container .carousel .slide {
    border-left: #F9F4E0 solid 10px;
    border-right: #F9F4E0 solid 10px;
  }
}

.sp-text-carousel .carousel-container .carousel .slide .image {
  width: 100%;
  height: 95%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.sp-text-carousel .carousel-container .carousel .slide .caption {
  width: 100%;
  height: 5%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem 0 0 0;
  font-weight: 600;
}

.sp-text-carousel .carousel-container .carousel .slick-prev,
.sp-text-carousel .carousel-container .carousel .slick-next {
  position: absolute;
  top: calc(50% - 14px);
  z-index: 100;
  width: 12px;
  height: 24px;
  background: transparent;
  font-size: 0;
  border: none;
  outline: none;
}

@media (max-width: 767px) {
  .sp-text-carousel .carousel-container .carousel .slick-prev,
  .sp-text-carousel .carousel-container .carousel .slick-next {
    width: 20px;
    height: 38px;
    top: calc(50% - 18px);
  }
}

.sp-text-carousel .carousel-container .carousel .slick-prev {
  left: -1.5rem;
  background: url(../images/icon-arrow-left.svg) center center no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .sp-text-carousel .carousel-container .carousel .slick-prev {
    left: -2.7rem;
  }
}

.sp-text-carousel .carousel-container .carousel .slick-next {
  right: -1.5rem;
  background: url(../images/icon-arrow-right.svg) center center no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .sp-text-carousel .carousel-container .carousel .slick-next {
    right: -2.7rem;
  }
}

.sp-text-carousel .text {
  min-height: 683px;
  padding: 4rem 4.9rem;
}

@media (max-width: 767px) {
  .sp-text-carousel .text {
    min-height: 0;
    padding: 3rem 2rem;
  }
}

.sp-text-carousel .text.bg-blue {
  background: #3A778A;
  color: #F9F4E0;
}

.sp-newsletter {
  background: #243646;
  color: #F9F4E0;
  padding-top: 3.8rem;
  padding-bottom: 4rem;
}

.sp-newsletter p {
  text-transform: uppercase;
  font-size: 1.222rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .sp-newsletter p {
    font-size: 1rem;
  }
}

.sp-newsletter form {
  width: 100%;
  text-align: center;
}

.sp-newsletter form input[type='email'] {
  background: transparent;
  border: #F9F4E0 solid 1px;
  text-transform: uppercase;
  font-size: 1rem;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  height: 41px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  width: 406px;
  max-width: 100%;
  margin: 0 auto 2.3rem auto;
  color: #F9F4E0;
}

@media (max-width: 767px) {
  .sp-newsletter form input[type='email'] {
    max-width: none;
    width: 90%;
    font-size: 1.143rem;
    height: 36px;
    line-height: 30px;
  }
}

.sp-newsletter form input[type='email']::-webkit-input-placeholder {
  color: #F9F4E0;
}

.sp-newsletter form input[type='email']:-ms-input-placeholder {
  color: #F9F4E0;
}

.sp-newsletter form input[type='email']::-ms-input-placeholder {
  color: #F9F4E0;
}

.sp-newsletter form input[type='email']::placeholder {
  color: #F9F4E0;
}

.sp-newsletter form input[type='submit'] {
  margin: 0 auto;
}

/* FORMS */
body:not(.page-id-296) .grecaptcha-badge {
  visibility: hidden;
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
}

/* WORDPRESS */
/*# sourceMappingURL=style.css.map */