@charset "UTF-8";

/* ************************************************************************* */
/* NORMALIZE CSS v8.0.0 | MIT License | github.com/necolas/normalize.css     */
/* ************************************************************************* */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
img {
    border-style: none
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    padding: .35em .75em .625em
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
details {
    display: block
}
summary {
    display: list-item
}
[hidden],
template {
    display: none
}

/* ************************************************************************* */
/* PIKADAY CSS © 2014 David Bushell | BSD & MIT license http://dbushell.com/ */
/* ************************************************************************* */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}
.pika-single:after,
.pika-single:before {
    content: " ";
    display: table
}
.pika-single:after {
    clear: both
}
.pika-single {
    *zoom: 1
}
.pika-single.is-hidden {
    display: none
}
.pika-single.is-bound {
    position: absolute;
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}
.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}
.pika-title {
    position: relative;
    text-align: center
}
.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}
.pika-next,
.pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0
}
.pika-next:hover,
.pika-prev:hover {
    opacity: 1
}
.is-rtl .pika-next,
.pika-prev {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0
}
.is-rtl .pika-prev,
.pika-next {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0
}
.pika-next.is-disabled,
.pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}
.pika-select {
    display: inline-block;
    *display: inline
}
.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}
.pika-table td,
.pika-table th {
    width: 14.285714285714286%;
    padding: 0
}
.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}
.pika-button {
    cursor: pointer;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}
.pika-week {
    font-size: 11px;
    color: #999
}
.is-today .pika-button {
    color: #3af;
    font-weight: 700
}
.has-event .pika-button,
.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #3af;
    -webkit-box-shadow: inset 0 1px 3px #178fe5;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}
.has-event .pika-button {
    background: #005da9;
    -webkit-box-shadow: inset 0 1px 3px #0076c9;
    box-shadow: inset 0 1px 3px #0076c9
}
.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #d5e9f7
}
.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px
}
.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px
}
.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}
.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3
}
.is-selection-disabled {
    pointer-events: none;
    cursor: default
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px
}
.pika-table abbr {
    border-bottom: none;
    cursor: help
}

/* ************************************************************ */
/* FLICKITY CSS Flickity v2.1.2 https://flickity.metafizzy.co  */
/* ************************************************************ */

.flickity-enabled {
    position: relative
}
.flickity-enabled:focus {
    outline: none
}
.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.flickity-button {
    border: .125rem solid transparent;
    position: absolute;
    background: transparent;
    color: #333;
    z-index: 103;
}
.flickity-button:hover {
    background: transparent;
    cursor: pointer
}
.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f
}
.flickity-button:active {
    opacity: 1;
}
.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none;
    display: none;
}

.flickity-button-icon {
    stroke: transparent !important;
    fill: rgba(235, 235, 235, 1) !important;
}

.flickity-button-icon .arrow {
    stroke: transparent !important;
    fill: rgba(235, 235, 235, 1) !important;
}

.flickity-button-icon:hover .arrow {
    stroke: transparent !important;
    fill: rgba(59, 76, 87, 1) !important;
}

.flickity-prev-next-button {
    top: 50%;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    background: none;
    left: 10px
}

.flickity-prev-next-button.next {
    background: none;
    right: 10px
}

.flickity-prev-next-button.previous:hover {
    background: none;
}

.flickity-prev-next-button.next:hover {
    background: none;
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: rgba(229, 219, 202, 1);
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}
.flickity-page-dots .dot.is-selected {
    opacity: 1
}


/* ************************************************************ */
/* BANNER                                                       */
/* ************************************************************ */

.banner {
    background: #383c3f;
    color: #FFF;
    padding: 1.25rem;
    text-align: center;
    width: 100%;
}

.banner p a {
    font-family: sans-serif;
    font-weight: 400;
    color: #FFF;
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 1.7142857143;
    letter-spacing: .1428571429rem;
    position: relative;
    text-decoration: none;
    border-bottom: .125rem solid;
    word-spacing: .125rem
}

/* ************************************************************ */
/* CRAFT CSS                                                    */
/* ************************************************************ */

html {
    scroll-behavior: smooth;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition-delay: 0;
}

body {
    overflow-y: scroll;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: 300;
    margin: 0;
}

address,
cite {
    font-style: normal
}

blockquote,
figure {
    margin: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dd {
    margin-left: 0
}

img {
    width: 100%;
    vertical-align: middle
}

svg {
    fill: currentColor
}

textarea {
    resize: vertical
}

fieldset {
    margin: 0
}

button,
fieldset {
    border: 0;
    padding: 0
}

button {
    border-radius: 0;
    background: transparent
}

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

a,
area,
button,
input,
label,
select,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[hidden] {
    display: none!important
}

[tabindex="-1"]:focus {
    outline: none!important
}

body {
    background: rgba(235, 235, 235, 1);
    color: rgba(59, 76, 87, 1);
    font-family: "Times New Roman", serif;
    font-weight: 300;
    font-size: 1.0625rem;
    line-height: 1.625;
    letter-spacing: .0625rem
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

button,
input {
    font-family: sans-serif
}

#featured-tab,
#menu-tab-1 {
    display: block;
}

#stays-tab,
#spa-tab,
#dining-tab,
#christmas-and-new-year-tab,
#menu-tab-2,
#menu-tab-3,
#menu-tab-4,
#menu-tab-5,
#menu-tab-6,
#menu-tab-7,
#menu-tab-8,
#menu-tab-9,
#menu-tab-10 {
    display: none;
}

#map {
    height: 100% !important;
    width: 100% !important;
}


/* 2022 Design */
.type-script {
    font-size: 2.25rem;
    line-height: 1.1666666667;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .25rem;
    text-align: center;
    word-spacing: .125rem;
    /* text-transform: capitalize; 2022 Design */
}

@media (max-width:48em) {
    .type-script {
        font-size: 2rem; /* font-size: 2.25rem; CBH Update */
        line-height: 2.5rem; /* CBH Update */
    }
}

.arrow {
    fill: currentColor; /* colour block update */
    stroke: currentColor; /* colour block update */
    display: inline-block;
    height: 1.25rem;
    margin: 0 0 0 -.25rem;
    position: relative;
    top: -.125rem;
    vertical-align: middle;
    width: 1.25rem;
}

.tick {
    fill: currentColor; /* colour block update */
    stroke: currentColor; /* colour block update */
    height: 1.25rem;
    top: -.125rem;
    width: 1.25rem;
}

.discover {
    color: rgba(59, 76, 87, 1);
    font-size: 1rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.discover-rooms {
    margin-bottom: 1em;
}

.type-heading-menu {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .25rem;
    margin: 0 0 1.5rem 0;
    text-align: center;
    word-spacing: .125rem;
}

.type-heading-main {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .25rem;
    margin: 0 0 1.5rem 0;
    text-align: center;
    word-spacing: .125rem;
}

.type-heading-secondary-menu {
    text-align: center;
    padding-bottom: 1.25rem;
}

.type-heading-secondary {
    font-size: 2.25rem;
    line-height: 1.1666666667;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .25rem;
    margin: 0 0 1.5rem 0;
    text-align: center;
    word-spacing: .125rem;
}

.type-body h2 {
    font-size: 2.25rem;
    line-height: 1.1666666667;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .25rem;
    margin: 0 0 1.5rem 0;
    text-align: center;
    word-spacing: .125rem;
}

.type-body ul li {
    list-style-position: inside;
}

.type-body ol li {
    list-style-position: inside;
}

.fonts-loaded .type-heading-secondary {
    font-size: 2rem; /* font-size: 2.25rem; CBH Update */
    line-height: 2.5rem; /* CBH Update */
    word-spacing: 0
}

@media (max-width:48em) {
    .type-heading-secondary,
    .type-body h2 {
        font-size: 1.875rem; /* CBH Update */
        line-height: 2rem; /* CBH Update */
    }
}

.type-subheading-highlight {
    font-size: 2.125rem;
    line-height: 1.1666666667;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .0416666667rem;
    margin-bottom: 1.25rem;
    word-spacing: .125rem;
}

.type-subheading-pullout {
    font-size: 1.75rem;
    line-height: 1.1666666667;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .0416666667rem;
    word-spacing: .125rem;
}

.type-subheading {
    font-size: 1.75rem;
    line-height: 1.1666666667;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .25rem;
    text-align: center;
    word-spacing: .125rem;
}

.type-heading-upper {
    font-size: 1.0625rem;
    text-transform: uppercase;
    color: inherit; /* colour block update */
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .1428571429rem;
    word-spacing: .125rem
}

.type-heading-bold-upper {
    font-family: sans-serif;
    color: inherit;
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 1.7142857143;
    letter-spacing: .1428571429rem;
    position: relative;
    text-decoration: none;
    word-spacing: .125rem
}

.type-body-link {
    color: rgba(0, 0, 0, 1);
    text-decoration: underline;
}

.type-body-link:hover {
    color: rgba(59, 76, 87, 1);
}

.type-cta {
    font-family: Figtree, sans-serif;
    font-weight: 500;
    color: rgba(59, 76, 87, 1);
    display: block;
    margin: 1.25rem auto 0 auto;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.7142857143;
    letter-spacing: .1rem;
    position: relative;
    text-decoration: none;
    border-bottom: .125rem solid currentColor; /* colour block update */
    word-spacing: .125rem;
    width: fit-content;
    transition: all .5s;
}

@media (max-width:48em) {
    .type-cta {
        font-size: .875rem; /* font-size: 1.25rem; CBH Update */
        line-height: 1.25rem; /* CBH Update */
    }
}

.type-cta-block {
    display: inline-block;
}

.type-cta-centered {
    margin: 0 auto;
}

.type-cta:hover {
    color: rgba(59, 76, 87, 1);
    border-color: rgba(59, 76, 87, 1);
}

.type-cta-blog-page {
    width: fit-content !important;
    border: none !important;
    background: none !important;
}

.type-cta-blog-page:hover {
    width: fit-content !important;
    border: none !important;
    background: none !important;
}

.type-cta--white {
    color: #fff
}

.type-cta-small {
    font-family: sans-serif;
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.4;
    color: #383c3f;
    border-bottom: 1px solid;
    letter-spacing: .143rem;
    word-spacing: .125rem
}

.discussion-cta-box {
    border: .0635rem solid rgba(59, 76, 87, 1);
    padding-bottom: .625rem;
}

.discussion-cta-text {
    padding: 0 .625rem;
}

.type-newsletter-email {
    font-family: serif;
    font-size: 1rem;
    line-height: 1.625;
    color: #383c3f;
    word-spacing: .125rem
}

@media (min-width:48em) {
    .type-newsletter-email {
        font-size: 1.5rem;
        line-height: 1.1666666667
    }
}

.logo-homepage {
    fill: rgba(255, 255, 255, 1);
}

.logo-homepage-dark {
    fill: #383c3f;
}

.type-cta--breadcrumbs {
    color: rgba(59, 76, 87, 1);
    font-family: Figtree, sans-serif;
    font-weight: 500;
    font-size: .625rem;
    letter-spacing: .1rem;
    display: inline-block;
    text-align: left;
    margin: 0;
    border: 0;
    text-transform: uppercase;
    transition: all .5s;
    width: fit-content;
}

.type-cta--breadcrumbs:hover {
    color: rgba(223, 221, 209, 1);
}

.type-body {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: inherit;
    letter-spacing: .0625rem;
    text-align: center;
    word-spacing: .125rem;
}

@media (max-width:48em) {
    .type-body {
        font-size: 1.0625rem; /* font-size: 1.25rem; CBH Update */
        line-height: 1.5rem; /* CBH Update */
    }
}

.c-gradient-image {
    position: relative;
}

.availability {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

.availability img {
    width: 9.375rem;
    height: 9.375rem;
}

.type-body ol,
.type-body p,
.type-body ul {
    margin-bottom: 1em
}

.type-body ol:last-of-type,
.type-body p:last-of-type,
.type-body ul:last-of-type {
    margin-bottom: 0
}

.type-body ol ol,
.type-body ul ul {
    margin-bottom: 0
}

.type-body a {
    color: rgba(59, 76, 87, 1);
    text-decoration: underline
}

.type-body a:hover {
    color: rgba(223, 221, 209, 1);
}

.book-treatment-link {
    color: rgba(59, 76, 87, 1);
    text-decoration: none !important;
}

.book-treatment-link:hover {
    color: rgba(223, 221, 209, 1);
}

.book-treatment-link .arrow {
    fill: currentColor;
    stroke: currentColor;
}

.type-body-small {
    font-family: serif;
    font-size: .875rem;
    line-height: 1.2857142857;
    color: inherit; /* colour block update */
    letter-spacing: .0628571429rem;
    word-spacing: .125rem
}

.type-nav-small {
    font-family: serif;
    font-size: 1rem;
    line-height: 1.625;
    color: #383C3F;
    letter-spacing: .0625rem;
    word-spacing: .125rem
}

.type-nav-big {
    font-family: serif;
    font-size: 1.5rem;
    line-height: 1.3333333333;
    color: #383C3F;
    letter-spacing: .0625rem;
    word-spacing: .125rem
}

.type-vertical-p {
    margin-bottom: 1.875rem;
    margin-top: 1.5625rem;
}

.slide-up {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.slide-up.animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;
    transition: opacity .5s linear, -webkit-transform .5s linear;
    transition: opacity .5s linear, transform .5s linear;
    transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear
}

.fade-in {
    opacity: 0
}

.fade-in.animate {
    opacity: 1;
    -webkit-transition: opacity 2s linear;
    transition: opacity 2s linear
}

.salon-summary {
    margin-bottom: 6.25rem !important;
}

.book-button {
    padding: .625rem 1.25rem;
    display: block;
    position: absolute;
    right: 3.125rem;
    width: auto;
    top: 1rem;
}

@media (max-width:48em) {
    .book-button {
        right: 0;
    }
}

.o-ratio {
    position: relative;
    display: block
}

.o-ratio:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.o-ratio>* {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.o-ratio--16\:9:before {
    padding-bottom: 56.25%
}

.o-ratio--3\:2:before {
    padding-bottom: 66.6666666667%
}

.o-ratio--2\:3:before {
    padding-bottom: 150%
}

.o-ratio--1\:1:before {
    padding-bottom: 100%
}

.o-ratio--6\:5:before {
    padding-bottom: 83.3333333333%
}

.o-ratio--680\:457:before {
    padding-bottom: 67.2058823529%
}

.o-ratio--510\:757:before {
    padding-bottom: 148.431372549%
}

.o-ratio--114\:169:before {
    padding-bottom: 148.245614035%
}

.o-ratio--52\:77:before {
    padding-bottom: 148.076923077%
}

.o-ratio--118\:175:before {
    padding-bottom: 148.305084746%
}

.o-ratio--288\:193:before {
    padding-bottom: 67.0138888889%
}

.o-ratio--520\:757:before {
    padding-bottom: 145.576923077%
}

.o-ratio--192\:131:before {
    padding-bottom: 68.2291666667%
}

.o-ratio--46\:31:before {
    padding-bottom: 67.3913043478%
}

.o-ratio--521\:757:before {
    padding-bottom: 145.297504798%
}

.o-ratio--335\:216:before {
    padding-bottom: 64.4776119403%
}

.o-ratio--783\:526:before {
    padding-bottom: 67.1775223499%
}

.o-ratio--496\:225:before {
    padding-bottom: 45.3629032258%
}

.o-ratio--28\:19:before {
    padding-bottom: 67.8571428571%
}

.o-ratio--72\:37:before {
    padding-bottom: 51.3888888889%
}

.o-social-icon {
    display: inline-block
}

.o-social-icon:not(:last-child) {
    margin-right: 1.25rem
}

.o-social-fb {
    width: .5625rem;
    height: 1rem
}

.o-social-twitter {
    width: 1.25rem;
    height: 1rem
}

.o-social-tripadvisor {
    width: 1.75rem;
    height: 1.0625rem
}

.o-share-icon {
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    padding-top: 1.0625rem
}

.o-share-fb {
    width: .5625rem;
    height: 1rem;
    fill: currentColor;
}

.o-share-twitter {
    width: 1.25rem;
    height: 1rem;
    fill: currentColor;
}

.l-main {
    margin: 0 auto;
    padding: 0 1.5625rem;
    width: 100%;
    display: block
}

@media (min-width:48em) {
    .l-main {
        padding: 0 6.25rem
    }
}

@media (min-width:64em) {
    .l-main {
        padding: 0 7.5rem
    }
}

@media (min-width:90em) {
    .l-main {
        margin: 0 auto;
        padding: 0 7.5rem;
        width: 100%;
        max-width: 90rem
    }
}

.l-form {
    background: rgba(229, 219, 202, 1);
    margin-bottom: 6.25rem;
}

.l-form-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 51.5rem;
    padding: 2.5rem 1.25rem
}

@media (min-width:48em) {
    .l-form-inner {
        max-width: 61.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.l-form--title {
    padding-bottom: .625rem
}

@media (min-width:48em) {
    .l-form-inner {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

.l-two-col-grid {
    background-color: transparent;
}

@media (max-width:48em) {
    .l-two-col-grid--homepage {
        background-color: rgba(245, 241, 235, 1);
        padding-top: 3.125rem;
        margin-bottom: 6.25rem;
    }
}

.l-three-col-grid-header-update {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-top: 3.125rem !important;
}

@media (min-width:48em) {
    .l-three-col-grid-inner-header-update {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem;
        padding-top: 6.25rem !important;
    }
}

.standard-width {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

@media (min-width:48em) {
    .standard-width {
        margin-left: 3.125rem;
        margin-right: 3.125rem;
    }
}

@media (min-width:64em) {
    .standard-width {
        margin-left: 6.25rem;
        margin-right: 6.25rem;
    }
}

.l-two-col-grid-inner {
    width: 100%;
    margin: 0 auto;
}

.l-two-col-grid-header {
    margin-bottom: 2.5rem;
    padding: 0 0 .125rem 0;
}

.l-two-col-grid-header-no-margin {
    margin-bottom: 0 !important;
}

.l-two-col-grid-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
}

.l-two-col-grid-item {
    width: 100%;
    padding-bottom: 5rem;
}

@media (max-width:48em) {
    .l-two-col-grid-item:last-child {
        margin-bottom: 0;
    }
}

.lte-ie9 .l-two-col-grid-inner {
    width: 100%;
    display: inline-block
}

.lte-ie9 .l-two-col-grid-item {
    float: left
}

@media (min-width:48em) {
    
    .l-two-col-grid-header {
        margin-bottom: 2.5rem
    }
    
    .l-two-col-grid-item {
        width: 48.0833333333%;
        border: 1.25rem solid transparent;
        /*margin: 0 3.8333333333% 3.75rem 0*/
    }
    
    .l-two-col-grid-item:nth-child(2n) {
        margin-right: 0
    }
}

.l-three-col-grid {
    background: transparent;
}

.l-three-col-grid-header {
    width: 100%;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.content--box {
    width: 100%;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width:48em) {
    .content--box {
        width: 100%;
        margin: 0 auto;
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.l-three-col-grid-inner {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0 .625rem;
    justify-content: center;
}

.blog-three-col-grid-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 .625rem;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-auto-flow: column;
    gap: 1.25rem;
    padding: 0 6.25rem;
}

.blog-three-col-grid-item {
    border: .0625rem solid currentColor;
    background: transparent;
    color: inherit;
    width: 100%;
    text-align: left;
    padding: .625rem;
}

.blog-three-col-grid-item:nth-child(-n+4) {
    grid-row: span 2;
}

.blog-three-col-grid-item:nth-child(n+5) .c-block--content-descr {
    display: none;
}

.blog-block--content {
    padding: 0 .625rem .625rem .625rem;
    text-align: center;
}

.blog-type-cta {
    font-family: Figtree, sans-serif;
    font-weight: 500;
    color: inherit; /* colour block update */
    display: inline-block;
    margin: .625rem 0 0 0;
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 1.7142857143;
    letter-spacing: .1rem;
    position: relative;
    text-decoration: none;
    border-bottom: .125rem solid currentColor;
    word-spacing: .125rem;
    width: fit-content;
}

@media (max-width:64em) {
    .blog-three-col-grid-inner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
        grid-auto-flow: row;
        padding: 1.25rem;
    }

    .blog-three-col-grid-item:nth-child(-n+4) {
        grid-row: span 1;
    }

    .blog-three-col-grid-item:nth-child(n+5) .c-block--content-descr {
        display: block;
    }
}

@media (max-width:48em) {
    .blog-three-col-grid-inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-auto-flow: column;
        padding: 1.25rem;
    }

    .blog-three-col-grid-item:nth-child(-n+4) {
        grid-row: span 1;
    }

    .blog-three-col-grid-item:nth-child(n+5) .c-block--content-descr {
        display: block;
    }
}

.l-three-col-grid-item {
    border: 1.25rem solid transparent;
    width: 100%;
    padding-bottom: 5rem;
    text-align: center;
}

.lte-ie9 .l-three-col-grid-inner {
    display: inline-block
}

.lte-ie9 .l-three-col-grid-item {
    float: left;
    width: 30%
}

.l-three-col-grid--header .l-three-col-grid-inner,
.l-three-col-grid--no-padding .l-three-col-grid-inner {
    padding-top: 0
}

@media (min-width:48em) {
    .l-three-col-grid-inner, .blog-three-col-inner {
        padding: 0 1.625rem;
    }
    
    .l-three-col-grid-item {
        width: 50%
    }
    
    .l-three-col-grid--header .l-three-col-grid-inner,
    .l-three-col-grid--no-padding .l-three-col-grid-inner {
        padding-top: 0
    }
}

@media (min-width:64em) {
    .l-three-col-grid-inner {
        padding: 0;
    }

    .l-three-col-grid-item {
        width: 50%;
    }
}

@media (min-width:90em) {
    .l-three-col-grid-inner {
        padding: 0 6.25rem;
    }

    .l-three-col-grid-item {
        width: 33.3333%;
    }
    
    .l-three-col-grid--no-padding .l-three-col-grid-inner {
        padding-top: 0
    }
}

.l-four-col-grid-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media (min-width:48em) {
    .l-four-col-grid-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.l-four-col-grid-header {
    margin-bottom: 1.25rem
}

.l-four-col-grid-item {
    width: 100%;
    margin-bottom: 2.5rem
}

@media (min-width:48em) {
    .l-four-col-grid-header {
        margin-bottom: 2.5rem
    }
    
    .l-four-col-grid-items:after {
        display: table;
        content: "";
        clear: both
    }
    
    .l-four-col-grid-item {
        float: left;
        width: 48%;
        margin-right: 4%
    }
    
    .l-four-col-grid-item:nth-child(2n) {
        margin-right: 0
    }
}

@media (min-width:74em) {
    .l-four-col-grid-items {
        margin-bottom: 3.75rem
    }
    
    .l-four-col-grid-item {
        width: 22%
    }
    
    .l-four-col-grid-item:nth-child(2n) {
        margin-right: 4%
    }
    
    .l-four-col-grid-item:nth-child(4n) {
        margin-right: 0
    }
}



/* SUSTAINABILITY GRID START */

.sustainability-three-col-grid {
    background: rgba(255, 255, 255, 1);
}

.sustainability-three-col-grid-inner {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0 .625rem;
    justify-content: center;
}

.sustainability-three-col-grid--header .sustainability-three-col-grid-inner,
.sustainability-three-col-grid--no-padding .sustainability-three-col-grid-inner {
    padding-top: 0
}

.sustainability-three-col-grid-item {
    width: 100%;
    padding-bottom: 5rem;
    text-align: center;
}

@media (min-width:48em) {
    .sustainability-three-col-grid-inner {
        padding: 0 1.625rem;
    }
    
    .sustainability-three-col-grid-item {
        width: calc((100% - 6.25rem) / 2);
    }
    
    .sustainability-three-col-grid--header .sustainability-three-col-grid-inner,
    .sustainability-three-col-grid--no-padding .sustainability-three-col-grid-inner {
        padding-top: 0
    }
}

@media (min-width:64em) {
    .sustainability-three-col-grid-inner {
        padding: 0 3.125rem;
    }

    .sustainability-three-col-grid-item {
        width: calc((100% - 12.5rem) / 3);
    }
}

@media (min-width:90em) {
    .sustainability-three-col-grid-inner {
        padding: 0 6.25rem;
    }

    .sustainability-three-col-grid-item {
        width: calc((100% - 12.5rem) / 3);
    }
    
    .sustainability-three-col-grid--no-padding .sustainability-three-col-grid-inner {
        padding-top: 0
    }
}

@media (min-width:48em) {
    .sustainability-arrow:nth-of-type(even) {
        display: none;
    }
}

@media (min-width:64em) {
    .sustainability-arrow:nth-child(even) {
        display: inline-block;
    }

    .sustainability-arrow:nth-child(3n+3) {
        display: none;
    }
}

.sustainability-arrow {
    width: 6.25rem;
    text-align: center;
    display: block;
}

.sustainability-arrow-image-box {
    margin: 9.15rem 0 0 0;
}

@media (max-width:48em) {
    .sustainability-arrow-image-box {
        margin: 0 0 6.125rem 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.sustainability-arrow-image {
    height: auto;
    width: 100%;
}

.c-text-block .type-cta {
    max-width: 100% !important;
}

/* SUSTAINABILITY GRID END */



.l-message {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.l-message-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 51.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width:48em) {
    .l-message-inner {
        max-width: 61.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media (min-width:48em) {
    .l-message {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem
    }
}

.l-webcam {
    width: 100%;
    max-width: 67.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 2.5rem auto
}

@media (min-width:48em) {
    .l-webcam {
        max-width: 77.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem;
        margin-top: 6.25rem;
        margin-bottom: 6.25rem
    }
}

.l-container-l {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width:48em) {
    .l-container-l {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-form-element {
    margin-bottom: 1.5625rem
}

.c-form-error {
    width: 100%;
    display: inline-block;
    color: #b22222;
    font-size: .875rem;
    line-height: 1.2857142857;
    letter-spacing: .0628571429rem
}

.c-form-button,
.c-form-error {
    text-align: right
}

.c-form-button .c-button {
    padding: .3125rem .625rem;
}

.c-form-element-label {
    display: inline-block;
    width: 100%
}

.c-form-element-input {
    display: block;
    width: 100%;
    height: 1.875rem;
    border: none;
    padding: 0 .3125rem
}

.c-checkbox {
    position: relative;
    margin-bottom: .5em;
    padding-left: 2.2em
}

.c-checkbox,
.c-checkbox-label {
    font-size: 1em;
    display: block
}

.c-checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: .15em;
    z-index: -1;
    opacity: 0
}

.c-checkbox-faux {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    border: 1px solid currentColor;
    -webkit-transition: all 80ms linear;
    transition: all 80ms linear;
    background-size: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    fill: currentColor;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='$dark-grey' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.c-checkbox input[type=checkbox]:checked~.c-checkbox-faux {
    background-size: 60%;
    border-color: currentColor;
}

.c-checkbox input[type=checkbox]:disabled~.c-checkbox-faux {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='$dark-grey' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    border-color: currentColor;
}

.c-radio {
    position: relative;
    display: block;
    margin-bottom: .5em;
    padding-left: 1.5625rem
}

.c-radio input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.c-radio-faux {
    position: absolute;
    left: 0;
    top: .3125rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .9375rem;
    height: .9375rem;
    border: .125rem solid currentColor;
    border-radius: 50%;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.c-radio-label {
    display: block
}

.c-radio input[type=radio]:checked~.c-radio-faux {
    border-color: currentColor;
    background-color: currentColor;
}

.c-form-select {
    width: 100%;
    display: inline-block;
    height: auto
}

.c-form-select option {
    color: inherit; /* colour block update */
}

.c-form-select select {
    border: none;
    border-radius: 0;
    width: 100%;
    font-size: 1rem;
    line-height: 1.875;
    height: 2.75rem;
    color: currentColor;
    left: 0
}

.c-form-select select:focus {
    border: none
}

.c-form-select--white {
    color: rgba(0, 0, 0, .9);
    background: rgba(255, 255, 255, 1);
}

.c-form-select--white select {
    border: none;
    color: inherit;
    padding-left: .3125rem
}

.c-form-element--error {
    margin-bottom: 0
}

.c-form-select--green {
    color: currentColor;
}

.c-form-select--green select {
    border-bottom: .0625rem solid currentColor;
    color: inherit
}

.c-form-disclaimer {
    margin-top: 1.25rem;
    text-align: center;
}

.c-form-disclaimer--top {
    margin-bottom: 1.25rem
}

.c-form-select--dropdown-arrow select {
    background: url(/assets/images/dropdown-arrow.svg) no-repeat;
    background-position: 100%;
    background-position-x: 98%
}

.c-form-select--down-arrow select {
    background: url(/assets/images/down-arrow.svg) no-repeat;
    background-position: 100%;
    background-position-x: 98%
}

.c-form-select--dropdown-arrow--white select {
    background: url(/assets/images/dropdown-arrow-white.svg) no-repeat;
    background-position: 100%;
    background-position-x: 98%
}

@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) and (pointer-events:none) {
    .c-form-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .c-form-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    
    .c-form-select select::-ms-expand {
        display: none
    }
}

.c-text-field {
    padding: .375rem .625rem;
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: serif
}

textarea.c-text-field {
    min-height: 5.625rem;
    padding: .625rem
}

.c-booking-widget-inner {
    margin: 0 auto;
    padding: 1.875rem 1.25rem;
    width: 100%
}

.c-booking-widget-inner iframe {
    width: 100%;
    height: 56.25rem
}

@media (min-width:48em) {
    .c-booking-widget-inner {
        margin: 0 auto;
        padding: 1.875rem 4.375rem
    }
}

@media (min-width:64em) {
    .c-booking-widget-inner {
        width: 100%;
        padding: 1.875rem 6.25rem;
        margin: 0 auto
    }
    
    .c-booking-widget-inner iframe {
        height: 56.25rem
    }
}

@media (min-width:90em) {
    .c-booking-widget-inner {
        width: 87.5rem
    }
}

.c-spa-booking {
    margin-bottom: 2.5rem
}

@media (min-width:48em) {
    .c-spa-booking {
        margin-bottom: 6.25rem
    }
}

.c-spa-booking-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width:48em) {
    .c-spa-booking-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-spa-booking-widget {
    width: 100%;
}

.c-spa-booking-widget iframe {
    width: 100%;
    height: 38.375rem
}

.c-block--image {
    position: relative;
    margin-bottom: 1.25rem
}

.c-block--content {
    padding: 0 1.25rem;
}

.c-block,
.c-block--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-block--content-header {
    margin-bottom: .625rem
}

.c-block--content-descr,
.c-block--content-table {
    margin-bottom: 1.25rem
}

.c-block--content-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
}

.c-block--content-action--events {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-block-vertical.c-block-vertical {
    display: none;
    pointer-events: none
}

@supports ((-webkit-writing-mode: vertical-lr) or (writing-mode: vertical-lr)) {
    .c-block-vertical.c-block-vertical {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: .9375rem;
        display: inline-block;
        -webkit-transform: translateY(-50%) rotate(-180deg);
        transform: translateY(-50%) rotate(-180deg);
        font-family: serif;
        text-transform: uppercase;
        color: #fff;
        font-size: .875rem;
        line-height: .875rem;
        letter-spacing: .1428571429rem;
        word-spacing: .125rem;
        white-space: nowrap;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr
    }
}

@media (min-width:64em) {
    .c-block--content-table .c-table-row td {
        width: 50%
    }
}

.c-breadcrumbs-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding: 3.125rem 1.25rem 2.1875rem
}

@media (min-width:48em) {
    .c-breadcrumbs-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-breadcrumbs-inner--img {
    margin-bottom: 2.5rem;
    padding: .625rem 0 0
}

.c-breadcrumbs.c-breadcrumbs-intro {
    padding: 0
}

.c-breadcrumbs-icon {
    fill: currentColor;
    width: .75rem;
    height: .375rem;
    vertical-align: middle;
    margin-right: .625rem;
    position: relative;
    top: -.0625rem;
}

.c-breadcrumbs-inner--square-img {
    margin-bottom: 2.5rem
}

.c-breadcrumbs-inner--w-menu {
    padding-top: 0;
    margin-top: .625rem
}

.c-breadcrumbs-inner--message {
    padding-top: .625rem
}

@media (min-width:48em) {
    .c-breadcrumbs-inner {
        padding-top: .625rem
    }
    
    .c-breadcrumbs-inner--img {
        padding-top: .625rem;
        padding-left: 6.25rem;
        margin-bottom: 0
    }
    
    .c-breadcrumbs-inner--square-img {
        margin-left: 6.25rem;
        margin-bottom: 3.75rem;
        padding: 0
    }
    
    .c-breadcrumbs-inner--lodges {
        padding-left: 6.25rem
    }
    
    .c-breadcrumbs-inner--w-menu {
        margin-top: 0;
        padding-bottom: 5rem
    }
}

@media (min-width:64em) {
    .c-breadcrumbs-inner {
        padding-top: .625rem
    }
    
    .c-breadcrumbs-inner--lodges {
        padding-left: 7.5rem
    }
    
    .c-breadcrumbs-inner--square-img {
        margin-left: 7.5rem
    }
    
    .c-breadcrumbs-inner--img {
        max-width: 75rem;
        margin: 0 auto;
        padding-left: 0
    }
    
    .c-breadcrumbs-inner--w-menu {
        padding-left: 7.5rem;
        padding-bottom: 0
    }
}

@media (min-width:90em) {
    .c-breadcrumbs-inner--img {
        padding-left: 0
    }
    
    .c-breadcrumbs-inner--lodges,
    .c-breadcrumbs-inner--square-img {
        max-width: 75rem;
        margin-left: auto;
        margin-right: auto
    }
    
    .c-breadcrumbs-inner--lodges {
        padding-left: 0
    }
    
    .c-breadcrumbs-inner--w-menu {
        padding-left: 0;
        padding-right: 0
    }
}

.c-high-img-intro {
    position: relative
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .c-high-img-intro {
        height: calc(100vh - 50px)
    }
    
    .c-high-img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.c-high-img-intro-content-container {
    width: 100%;
    margin: 0 auto;
    max-width: 38rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative
}

@media (min-width:48em) {
    .c-high-img-intro-content-container {
        max-width: 48rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-high-img-intro-title {
    float: right;
    width: 45%;
    right: 0;
    position: absolute;
    bottom: 1.875rem
}

.c-high-img-intro-title h1 {
    color: #fff;
    font-size: 2.25rem;
    line-height: 1.2222222222;
    letter-spacing: .0277777778rem
}

.c-high-img-intro-content {
    width: 100%
}

.c-high-img-intro-scroll {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55%;
    float: left;
    position: absolute;
    bottom: 1.875rem
}

.c-high-img-intro-scroll-text {
    font-size: 1rem;
    line-height: 1.625;
    color: #fff;
    letter-spacing: .0625rem;
    margin-left: .625rem;
    word-spacing: .125rem
}

.c-high-img-intro-scroll-icon {
    width: 2.5rem;
    height: 2.5rem
}

@media (min-width:48em) {
    .c-high-img-intro-title {
        width: 50%;
        padding-left: .9375rem
    }
    
    .c-high-img-intro-scroll {
        width: 50%
    }
}

@media (min-width:64em) {
    .c-high-img-intro-content-container {
        width: 100%;
        margin: 0 auto;
        max-width: 51.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:64em) and (min-width:48em) {
    .c-high-img-intro-content-container {
        max-width: 61.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media (min-width:64em) {
    .c-high-img-intro-title {
        width: 42%
    }
    
    .c-high-img-intro-scroll {
        width: 58%
    }
}

@media (min-width:90em) {
    .c-high-img-intro-title {
        width: 42%
    }
    
    .c-high-img-intro-scroll {
        width: 58%
    }
    
    .c-high-img-intro-content-container {
        width: 100%;
        margin: 0 auto;
        max-width: 77.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:90em) and (min-width:48em) {
    .c-high-img-intro-content-container {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-awards {
    position: relative;
    z-index: 2
}

.c-awards-inner {
    width: 100%;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center;
    margin: 0 auto 2.5rem
}

.c-awards-inner-footer {
    width: 100%;
    padding-bottom: 4.375rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center;
    margin: 0 auto 0;
}

@media (min-width:48em) {
    .c-awards-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }

    .c-awards-inner-footer{
        padding-left: 6.25rem;
        padding-right: 6.25rem;
        padding-bottom: 1.25rem;
    }
}

.c-awards-header {
    margin-bottom: .625rem
}

.c-awards-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: none;
    border-bottom: none;
    padding-bottom: 1.25rem
}

.c-award {
    margin: 1.25rem .625rem 0
}

.c-awards--footer .c-awards-inner {
    margin-top: 0;
    margin-bottom: 0
}

.c-awards--footer .c-awards-content {
    border-top: 0;
    border-bottom: 0
}

@media (min-width:48em) {
    .c-award {
        width: auto;
        margin: 0 .9375rem
    }
    
    .c-awards-inner {
        margin-top: 3.75rem;
        margin-bottom: 6.25rem
    }
    
    .c-awards-content {
        padding: 1.25rem 0
    }
    
    .c-awards--footer .c-awards-inner {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width:64em) {
    .c-awards-inner {
        margin-top: 6.25rem
    }
    
    .c-awards--footer .c-awards-inner {
        margin-top: 0
    }
}

@media (min-width:90em) {
    .c-awards-inner {
        margin-top: 0;
    }
    
    .c-awards--footer .c-awards-inner {
        margin-top: 0
    }
}

.flickity-page-dots .dot {
    border: .0625rem solid rgba(229, 219, 202, 1);
    opacity: 1;
    background: transparent;
    height: .75rem;
    width: .75rem
}

.flickity-page-dots .dot.is-selected {
    background: rgba(229, 219, 202, 1);
}

.pull-out-block {
    background: rgba(255, 255, 255, 1);
    max-width: 72.5rem;
    margin: 0 1.25rem;
    padding: 3.125rem 1.25rem;
}

@media (min-width:48em) {
    .pull-out-block {
        margin: 0 1.25rem;
        padding: 3.125rem;
    }
}

@media (min-width:72.5em) {
    .pull-out-block {
        margin: 0 auto;
        padding: 3.125rem 6.25rem;
    }
}

.c-button {
    display: block;
    padding: .3125rem .625rem;
    background: rgba(59, 76, 87, 1);
    border: .0625rem solid transparent;
    color: rgba(235, 235, 235, 1);
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    font-family: Figtree, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .1rem;
    line-height: 1.7142857143;
    word-spacing: .125rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    width: 20rem;
    margin: 0 auto;
    text-align: center !important;
}

.fonts-loaded .c-button {
    font-family: Figtree, sans-serif;
    word-spacing: 0
}

.c-button:hover {
    background: transparent;
    border: .0625rem solid rgba(59, 76, 87, 1);
    color: rgba(59, 76, 87, 1);
}

.button-active,
.c-button--charcoal {
    background: rgba(223, 221, 209, 1) !important;
    border: .0625rem solid rgba(223, 221, 209, 1) !important;
    color: rgba(235, 235, 235, 1) !important;
    -webkit-transition: all .5s linear !important;
    transition: all .5s linear !important;
    text-align: center !important;
}

.button-active:hover,
.c-button--charcoal:hover {
    opacity: 1 !important;
    background: transparent !important;
    border: .0625rem solid rgba(223, 221, 209, 1) !important;
    color: rgba(223, 221, 209, 1) !important;
}

.c-button--outline {
    border: .0625rem solid rgba(0, 0, 0, 1) !important;
    color: rgba(0, 0, 0, 1) !important;
    background-color: transparent
}

.c-button--outline:hover {
    border: .0625rem solid rgba(59, 76, 87, 1) !important;
    color: rgba(59, 76, 87, 1) !important;
    background-color: transparent !important;
}

.c-button--fluid {
    width: 100%
}

.c-hr-thin-olive {
    border: none;
    height: 1px;
    background-color: #5b6166
}

.cs-content {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.c-cs-home {
    padding: 0 1.25rem;
}

.c-cs-home-header {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 1.25rem 1.875rem;
    margin-top: 2.5rem;
}

.c-cs-home-header--title {
    float: left
}

.c-cs-cta {
    display: block;
    margin: 1.25rem auto 0 auto;
    width: fit-content;
}

.c-cs-home-item {
    width: 100%;
    padding: 0 .625rem;
    position: relative;
    text-align: center;
    overflow: hidden;
}

/* flickity jerky scrolling fix */
.c-cs-home-item {
    opacity: 1 !important;
    transition: opacity .5s ease !important;
    &.is-selected {
      opacity: 1 !important;
    }
}

.c-cs-home-title {
    bottom: 1.25rem;
    color: inherit;
    font-size: 2.25rem;
    height: fit-content;
    letter-spacing: .0416666667rem;
    line-height: 1.1666666667;
    padding: 0 1.25rem;
    position: absolute;
    left: 0;
    width: fit-content;
    max-width: calc(100% - 3.125rem);
    z-index: 2;
    text-align: left;
}

@media (max-width:48em) {
    .c-cs-home-title {
        font-size: 1.375rem; /* font-size: 2.25rem; CBH Update */
        line-height: 1.5rem; /* CBH Update */
    }
}

.c-cs-home-background {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 80%, rgba(0,0,0,.5));
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.c-cs-home-item:hover .c-cs-home-img {
    transition: all .4s ease-in-out;
    scale: 1.04;
    overflow: hidden;
}

.slideshow {
    width: 100%;
    height: 100%;
}

.carousel-cell {
    display: block;
    width: 100%;
    height: 1000px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.carousel-cell-fader {
    opacity: 0;
    transition: opacity 5s ease-in-out;
}

.carousel-cell-image {
    height: 100% !important;
    object-fit: cover !important;
    overflow: hidden;
    width: 100%;
}

@media (max-width:64em) {
    .carousel-cell {
        height: 500px;
    }

    .carousel-cell-image {
        height: 500px !important;
    }
}

.c-home-cs-carousel:after {
    display: none;
    content: "flickity"
}

.c-cs-home-img {
    position: relative;
    transition: all .4s ease-in-out;
}

.c-cs-home-img:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 30%;
    left: 0;
    top: 0;
    opacity: .2;
    background: transparent;
    z-index: 1;
    pointer-events: none
}

.c-cs-home-arrow-box {
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 2;
}

.c-cs-home-arrow-box svg {
    height: 2.5rem;
    width: 2.5rem;
}

.c-c-home-arrow {
    display: block;
    fill: currentColor;
    stroke: currentColor;
}

.c-cs-home-label {
    display: none;
    pointer-events: none
}

@supports ((-webkit-writing-mode: vertical-lr) or (writing-mode: vertical-lr)) {
    .c-cs-home-label {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 1.25rem;
        display: inline-block;
        -webkit-transform: translateY(-50%) rotate(-180deg);
        transform: translateY(-50%) rotate(-180deg);
        font-family: serif;
        text-transform: uppercase;
        color: #fff;
        font-size: .875rem;
        line-height: .875rem;
        letter-spacing: .1428571429rem;
        word-spacing: .125rem;
        white-space: nowrap;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr
    }
}

.c-cs-home-descr {
    display: none
}

.cs-slider {
    /* padding-bottom: 6.25rem; */
}

@media (min-width:48em) {
    .c-cs-home {
        /*margin-top: 5rem;
        margin-bottom: 5rem*/
    }
    
    .c-cs-home-item {
        width: 50%;
    }
}

@media (min-width:64em) {
    .c-cs-home {
        /*margin-top: 6.25rem;
        margin-bottom: 6.25rem*/
    }
}

@media (min-width:64em) {
    /* .c-home-cs-carousel:after {
        content: "flickity";
    } */
    
    .c-cs-home-descr {
        display: block
    }
    
    .c-cs-home-item {
        width: 33.333333333%;
    }
    
    .c-cs-home-item--small {
        width: 17.3333333333%;
        margin-right: 0;
        margin-bottom: 1.25rem
    }
    
    .c-cs-home-item--small:last-child {
        margin-bottom: 0
    }
}

.c-home-cs-carousel .flickity-page-dots {
    position: static;
    margin-top: 2.5rem
}

.c-cs-horizontal {
    padding-top: 1.5625rem;
    padding-bottom: 5.625rem;
    background-color: #fff
}

.c-cs-horizontal-inner {
    width: 100%;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto
}

@media (min-width:48em) {
    .c-cs-horizontal-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-cs-horizontal-heading {
    border-bottom: rgba(229, 219, 202, 1) .0625rem solid;
    margin: 0 1.25rem 1.5625rem;
    padding: 0 0 .125rem 0;
    text-align: center;
}

.c-cs-horizontal-content {
    padding: 0 .625rem;
}

.c-cs-horizontal-content--header {
    margin-bottom: 1.25rem;
}

.c-cs-horizontal-content--cta {
    width: 100%;
    margin-bottom: 1.875rem;
    text-align: center;
}

.c-cs-horizontal-element {
    width: 65%;
    text-align: center;
    margin: 0 auto;
    padding: 0 .625rem 3.125rem .625rem;
}

.c-cs-horizontal-img {
    position: relative;
    overflow: hidden;
    margin: 0 auto 1.25rem
}

.c-cs-horizontal-img .c-cs-home-title.c-text-vertical {
    width: auto
}

.js-cs-horizontal:after {
    /* content: "flickity"; */
    /* display: none */
}

.c-cs-horizontal .flickity-page-dots {
    position: relative;
    top: auto;
    bottom: auto;
    margin-top: 2.5rem
}

.c-cs-horizontal .flickity-page-dots .dot {
    opacity: 1;
    background: transparent;
    border: 2px solid #383c3f
}

.c-cs-horizontal .flickity-page-dots .dot.is-selected {
    background: #383c3f
}

/*.c-cs-horizontal-descr {
    display: none
}*/

.c-cs-horizontal-descr {
    display: inline-block;
    margin-bottom: 0.625rem;
    text-align: center;
}

@media (min-width:48em) {
    .c-cs-horizontal-element {
        width: 50%;
        padding: 0 1.25rem
    }

    .c-cs-horizontal-inner {
        margin-top: 0;
        margin-bottom: 0
    }

    /*.c-cs-horizontal-descr {
        display: inline-block;
        margin-bottom: 1.5625rem
    }*/

    .c-cs-horizontal-content--cta {
        width: auto;
        margin-top: .3125rem
    }
}

@media (min-width:64em) {
    .c-cs-horizontal {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }
    
    .js-cs-horizontal:after {
        content: ""
    }
    
    .c-cs-horizontal-carousel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    
    .c-cs-horizontal-heading {
        text-align: center;
        margin-left: 0;
        margin-right: 0
    }
    
    .c-cs-horizontal-element {
        width: 33.3%;
        padding: 0;
        text-align: left
    }
    
    .c-cs-horizontal-element:not(:last-child) {
        margin-right: 2.5rem
    }
    
    .lte-ie9 .c-cs-horizontal-carousel {
        display: inline-block
    }
    
    .lte-ie9 .c-cs-horizontal-element {
        float: left;
        width: 30%
    }
}

@media (min-width:90em) {
    .c-cs-horizontal {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }
}

.c-horizontal-filter-inner {
    background-color: none;
    margin: 0 auto;
    /* max-width: 51.5rem; */
    text-align: center;
    margin-bottom: 2.8125rem;
    padding: .625rem;
    width: 100%;
}

.c-horizontal-filter-inner-no-padding {
    padding-top: 0;
}

@media (min-width:48em) {
    .c-horizontal-filter-inner {
        /* max-width: 61.5rem; */
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.c-horizontal-filter-header {
    border-bottom: 1px solid rgba(59, 76, 87, 1);
    padding-bottom: .625rem;
    text-align: center;
}


.c-horizontal-filter-desktop {
    display: block;
}

.c-horizontal-filter-item--selected {
    color: rgba(59, 76, 87, 1);
    border-bottom: none;
}

@media (max-width:63.999375em) {
    .c-horizontal-filter-item {
        color: inherit;
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
        width: fit-content;
    }
}

.c-horizontal-filter {
    padding: .625rem .3125rem;
}

@media (min-width:48em) {
    .c-horizontal-filter {
        padding: .625rem 1.25rem;
    }
}

@media (min-width:64em) {
    .c-horizontal-filter {
        padding: .625rem 2.8125rem;
    }

    .c-horizontal-filter-inner {
        /* padding-bottom: 2.5rem; */
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    
    .c-horizontal-filter-mobile {
        display: none
    }
    
    .c-horizontal-filter-header {
        margin-bottom: .625rem
    }
    
    .c-horizontal-filter-desktop {
        display: inline-block
    }
    
    .c-horizontal-filter-item {
        display: inline-block;
        margin: 0 .9375rem
    }
}

@media (min-width:90em) {
    .c-horizontal-filter {
        padding: .625rem 5.9375rem;
    }
}

.c-cs-pull-out {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.c-cs-pull-out-left {
    padding: 0 1.25rem
}

.c-cs-pull-out-left {
    margin-bottom: 2.5rem;
}

.c-cs-pull-out-spacer {
    margin-top: 1.25rem;
}

.c-cs-pull-out-element {
    margin-bottom: 3.125rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.25rem;
    width: 65%;
}

@media (min-width:48em) {
    .c-cs-pull-out {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem
    }
    
    .c-cs-pull-out-inner {
        width: 100%;
        margin: 0 auto;
        max-width: 64.5625rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:48em) and (min-width:48em) {
    .c-cs-pull-out-inner {
        max-width: 74.5625rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media (min-width:48em) {
    .c-cs-pull-out-element {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 6.25rem;
        padding: 0;
    }
    
    .c-cs-pull-out-element:after {
        display: table;
        content: "";
        clear: both
    }

    .c-cs-pull-out-spacer {
        margin-top: 0;
    }
    
    .c-cs-pull-out-right {
        margin-right: 4.9345417925%;
        margin-bottom: 0;
        padding: 0
    }
    
    .c-cs-pull-out-left,
    .c-cs-pull-out-right {
        float: left;
        width: 47.5327291037%
    }
    
    .c-cs-pull-out-element:nth-child(2n) .c-cs-pull-out-right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0
    }
    
    .c-cs-pull-out-element:nth-child(2n) .c-cs-pull-out-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 4.9345417925%
    }
}

.c-map-ratio .c-map-gradient {
    width: 20%;
    background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
    background: linear-gradient(90deg, #000, transparent);
    position: absolute;
    pointer-events: none;
    height: 100%;
    opacity: .3;
    z-index: 1
}

.c-map-inner {
    position: absolute
}

.c-map-title {
    z-index: 2
}

.c-map-desktop {
    display: none
}

.c-hotspot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.875rem 1.25rem;
    background: #696969;
    color: #fff;
    opacity: .8
}

.c-hotspot * {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.c-hotspot *,
.c-hotspot a:hover {
    color: inherit
}

@media (min-width:48em) {
    .c-hotspot--mobile {
        display: none
    }
}

/*.c-events {
    background: #f7f7f7
}*/

.c-events-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding: 0 1.25rem 2.5rem 1.25rem;
}

@media (min-width:48em) {
    .c-events-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-events-date {
    color: rgba(59, 76, 87, 1);
    display: inline-block;
    margin-bottom: .625rem;
    font-style: italic;
}

.filter-header {
    margin-bottom: 0 !important;
}

.c-events-filter-header {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: .625rem;
    padding-bottom: .625rem;
    text-align: center
}

.c-events-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: row;
    flex-wrap: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-events-filter-element-select {
    margin-bottom: .625rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%
}

.c-events-filter-element-start-day {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
    padding-bottom: .625rem;
    padding-right: .3125rem
}

.c-events-filter-element-end-day {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
    padding-bottom: .625rem;
    padding-left: .3125rem
}

.c-events-filter-element-button-container {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 100%
}

.c-events-filter-element-button {
    width: 100%;
    padding: .375rem .625rem
}

.c-events-filter-input {
    display: inline-block;
    border: 1px solid #d2d2d2;
    border-radius: 0;
    padding: .25rem .1875rem .1875rem .625rem;
    width: 100%;
    font-family: serif;
    font-size: 1rem;
    line-height: 1.625;
    color: #696969;
    height: 2.375rem;
    word-spacing: .125rem
}

.c-events-filter-input-date {
    background: url(/assets/images/calendar-green.svg) no-repeat;
    background-position: 95% .625rem
}

.c-events-error {
    padding-bottom: 2.5rem;
    font-size: 1.5rem;
    color: #383c3f;
    line-height: 1;
    text-align: center;
    width: 100%
}

@media (min-width:48em) {
    .c-events-inner {
        padding-top: 6.25rem
    }
    
    .c-events-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: row;
        flex-wrap: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    
    .c-events-filter-element {
        width: 50%;
        position: relative;
        padding: 0;
        margin: 0
    }
    
    .c-events-filter-element-start-day {
        padding-right: .3125rem;
        padding-bottom: .625rem
    }
    
    .c-events-filter-element-end-day {
        padding-left: .3125rem;
        padding-bottom: .625rem
    }
    
    .c-events-filter-element-button-container {
        padding-top: 0;
        padding-left: .3125rem
    }
    
    .c-events-filter-element-select {
        padding-right: .3125rem
    }
}

@media (min-width:64em) {
    .c-events-filter-element {
        width: 25%
    }
    
    .c-events-filter-element-select {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    
    .c-events-filter-element-start-day {
        padding-left: .625rem;
        padding-top: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    
    .c-events-filter-element-end-day {
        padding-right: .3125rem;
        padding-top: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    
    .c-events-filter-element-button-container {
        padding-left: .3125rem;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    
    .c-events-filter-element-button {
        width: 100%;
        padding: .375rem .625rem
    }
}

.c-hr-video-inner {
    max-width: 75rem;
    margin: 0 auto;
    text-align: center;
    padding: 6.25rem 2.5rem 2.5rem
}

.c-hr-video-iframe-container {
    position: relative;
    height: 0;
    overflow: hidden
}

.c-hr-video-iframe-container-4x3 {
    padding-bottom: 75%
}

.c-hr-video-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-hr-video-iframe-title {
    margin-bottom: 2.5rem
}

@media (min-width:48em) {
    .c-hr-video-inner {
        max-width: 75rem;
        margin: 0 auto;
        text-align: center;
        padding: 6.25rem
    }
}

.c-press-carousel {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.c-press-carousel {
    background: rgba(255, 255, 255, 1);
}

.c-press-carousel-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 51.5rem;
    text-align: center;
    padding: 2.5rem 1.25rem
}

@media (min-width:48em) {
    .c-press-carousel-inner {
        max-width: 61.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-press-carousel-element {
    width: 100%;
    overflow: hidden
}

/* flickity jerky scrolling fix */
.c-press-carousel-element {
    opacity: 1 !important;
    transition: opacity .5s ease !important;
    &.is-selected {
      opacity: 1 !important;
    }
}

.c-press-carousel-title {
    font-family: serif;
    font-size: 1.25rem;
    line-height: 1.625;
    color: #383c3f;
    word-spacing: .125rem
}

.c-press-carousel-text {
    margin: 2.1875rem 0;
    font-family: serif;
    font-size: 1rem;
    line-height: 1.625;
    color: #383c3f;
    word-spacing: .125rem
}

.c-press-carousel .flickity-page-dots {
    position: relative;
    top: auto;
    bottom: auto;
    margin-top: 2.5rem
}

@media (min-width:48em) {
    .c-press-carousel-inner {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

.c-facilities-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 50.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2.5rem;
    text-align: center
}

@media (min-width:48em) {
    .c-facilities-inner {
        max-width: 60.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-facilities-table {
    width: 100%;
    margin-bottom: 2.5rem
}

.c-facilities-table-header {
    padding-bottom: .625rem;
    border-bottom: .0625rem solid #d2d2d2
}

.c-facilities-table-row td {
    display: block;
    width: 100%;
    min-height: 2.8125rem;
    border-bottom: 1px solid #d2d2d2;
    border-top: 0;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.c-table-row.c-facilities-table-row td:first-child {
    border-top: none
}

@media (min-width:48em) {
    .c-facilities-inner {
        padding-top: 6.875rem;
        margin-bottom: 3.125rem
    }
    
    .c-table-row.c-facilities-table-row td {
        padding: .625rem 1.25rem;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        width: 50%
    }
    
    .c-table-row.c-facilities-table-row td:not(:last-child) {
        border-right: 1px solid currentColor; /* colour block update */
    }
    
    .c-facilities-table {
        border-top: 1px solid #d2d2d2;
        margin-bottom: 0
    }
    
    .c-floor-plan-table-row td {
        display: table-cell;
        width: auto;
        padding: .625rem 2.0625rem
    }
    
    .c-facilities-table-header {
        border-bottom: none
    }
}

@media (min-width:64em) {
    .c-facilities-inner {
        padding-top: 6.25rem
    }
    
    .c-floor-plan-table {
        width: auto;
        border-top: .0625rem solid #d2d2d2
    }
    
    .c-floor-plan-table-container {
        margin-top: 6.25rem
    }
}

.c-features {
    padding-top: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    /* background: #f7f7f7; */
}

.c-features--transparent {
    background-color: transparent;
    padding-top: 0;
    margin-bottom: 6.25rem;
}

.c-features-inner {
    margin-top: 0;
}

.c-feature-content,
.c-features-header {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width:48em) {
    .c-feature-content,
    .c-features-header {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-feature {
    margin-bottom: 6.25rem;
}

.c-features-header {
    margin-bottom: 2.5rem
}

.c-feature:last-child {
    margin-bottom: 0
}

.c-feature-image,
.c-feature-text {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .c-features {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }
    
    .c-features--transparent {
        margin-bottom: 6.25rem;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .c-feature {
        margin-bottom: 0;
    }
    
    .c-feature-image {
        margin-bottom: 1.875rem
    }
}

@media (min-width:48em) {
    .c-feature {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .c-feature-image {
        width: 50%;
        margin-bottom: 0
    }
    
    .c-feature-content {
        width: 50%;
        padding: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0
    }
    
    .c-feature:nth-child(odd) .c-feature-content {
        padding-right: 0;
        padding-left: 0;
    }
    
    .c-feature:nth-child(odd) .c-feature-image {
        margin-right: 0;
        padding-left: 0;
    }
    
    .c-feature:nth-child(2n) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    
    .c-feature:nth-child(2n) .c-feature-content {
        padding-left: 0;
    }
    
    .c-feature:nth-child(2n) .c-feature-image {
        text-align: right;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 0;
    }
}

.c-share-title {
    line-height: 2.5rem
}

.c-share-icon {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #383c3f;
    color: #383c3f
}

.menu-outer {
    background: transparent;
    padding: 3.125rem 0;
}

.c-share-icon:focus {
    outline: 0
}

.c-share-icon:active {
    background: #50565a
}

.c-share-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-share--vertical {
    width: 2.5rem
}

.c-share--vertical .c-share-title {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-bottom: .625rem
}

.c-share--vertical .c-share-icon:not(:last-child) {
    border-bottom: 0
}

.c-share--horizontal {
    position: relative;
    display: inline-block
}

.c-share--horizontal .c-share-title {
    float: left;
    margin-left: .625rem
}

.c-share--horizontal .c-share-icon,
.c-share--horizontal .c-share-icons {
    float: left
}

.c-share--horizontal .c-share-icon:not(:last-child) {
    border-right: 0
}

.c-menu-outer {
    background: none;
    color: #383c3f
}

.c-menu {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding: 0 1.25rem 2.5rem 1.25rem;
}

@media (min-width:48em) {
    .c-menu {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-menu-content-section {
    margin-bottom: 3.125rem;
}

.c-menu-content-section:last-child {
    margin-bottom: 0
}

.c-menu-content-section-header {
    width: 100%;
    margin-top: 1.875rem
}

.c-menu-content-item {
    margin-top: 3.25rem;
    color: inherit; /* colour block update */
    text-align: center;
    width: 100%;
}

.c-menu-content-item:first-of-type {
    margin-top: 1.25rem;
}

.c-menu-content-items {
    width: 100%
}

.c-menu-content-header,
.c-menu-content-header .type-heading-secondary {
    margin-bottom: .625rem
}

.c-menu-content-descr {
    margin-bottom: 1.875rem;
    color: inherit; /* colour block update */
}

.c-menu-content-descr-center {
    text-align: center;
}

.c-menu-content-time {
    margin-bottom: .625rem
}

.c-menu-content-section--legend {
    margin-bottom: .9375rem
}

.c-menu-content-section--legend:first-child {
    margin-bottom: 0
}

.c-menu-content-section--legend .c-menu-content-section-header {
    margin-top: 0
}

.c-menu-share {
    display: none
}

.c-menu-content-disclaimer {
    display: block
}

.c-menu-main {
    margin-bottom: 3.125rem
}

.ugly-butterfly-widget {
    max-width: 77rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.book-treatment-link {
    margin-top: .625rem;
}

@media (min-width:48em) {
    .c-menu {
        padding-top: 0;
        padding-bottom: 4.375rem
    }
    
    .c-menu-content {
        width: 100%;
        margin-top: 0
    }
    
    .c-menu-content-section {
        margin-bottom: 3.125rem
    }
    
    .c-menu-content-header .type-heading-secondary {
        margin-bottom: .625rem
    }
    
    .c-menu-content-items {
        display: table
    }
    
    .c-menu-main {
        margin-bottom: 0
    }
    
    .c-menu-body {
        display: table-cell
    }
    
    .c-menu-content-disclaimer {
        display: table-cell;
        width: 5%;
    }
    
    .c-menu-content-section--legend {
        margin-left: 1.875rem
    }
    
    .c-menu-content-section--legend .c-menu-content-section-header {
        padding-left: 0
    }
    
    .c-menu-content-section-header {
        padding-left: 1.875rem
    }
}

@media (min-width:64em) {
    .c-menu {
        padding-top: 0;
        padding-bottom: 6.25rem
    }
    
    .c-menu-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    
    .c-menu-share {
        display: block
    }
    
    .c-menu-inner-legend {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 11.25rem
    }
    
    .c-menu-inner-legend .c-menu-content-items {
        display: block;
        padding: 0
    }
    
    .c-menu-content-section {
        /* margin-left: 5rem; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .menu-header {
        padding-bottom: 3.125rem;
    }
    
    .c-menu-header {
        width: 20%;
        -ms-flex-item-align: start;
        align-self: flex-start;
        position: -webkit-sticky;
        position: sticky;
        top: 1.25rem
    }
    
    .c-menu-content-section-header {
        width: 30%;
        padding-left: 6.25rem
    }
    
    .c-menu-content-items {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
    
    .c-menu-content {
        width: 100%;
    }
    
    .c-menu-content-section--legend {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 1.875rem;
        margin-left: 0;
        width: 100%
    }
    
    .c-menu-content-section--legend:first-child {
        border-top: .0625rem solid currentColor; /* colour block update */
        margin-bottom: 0
    }
    
    .c-menu-content-section--legend .c-menu-header {
        width: 40%
    }
    
    .c-menu-content-section--legend .c-menu-content-items {
        padding-left: 0;
        width: 60%
    }
}

@media (min-width:90em) {
    .c-menu-content-section-header {
        padding-left: 2.8125rem
    }
    
    .c-menu-content-section--legend {
        margin-left: 5rem
    }
    
    .c-menu-inner--food .c-menu-content-section-header {
        padding-left: 2.8125rem;
        width: 25%
    }
    
    .c-menu-inner--food .c-menu-content-section--legend .c-menu-content-section-header {
        padding-left: 0
    }
    
    .c-menu-inner--food .c-menu-content-section--legend .c-menu-header {
        width: 28%
    }
    
    .c-menu-inner--food .c-menu-content-section--legend .c-menu-content-items {
        width: 72%
    }
}

.no-margin {
    margin-top: 0;
}

.c-nav {
    top: 0;
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    z-index: 3
}

.c-nav,
.c-nav-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.c-nav-mobile {
    z-index: 2;
    height: 6.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: all .5s;
}

.c-nav-faded-background {
    background: rgba(0, 0, 0, .4);
}

.c-nav-visible {
    background: rgba(59, 76, 87, 1);
    transition: all .5s;
}

.c-nav-background {
    background: rgba(59, 76, 87, 1);
    transition: none !important;
}

.c-nav-desktop {
    display: none
}

.c-nav-cta {
    color: rgba(255, 255, 255, 1);
    text-align: center;
    vertical-align: middle;
    position: relative;
    padding: 0;
    transition: all .5s;
}

.c-nav-cta.c-nav-book {
    width: 33%;
}

.featured-links-box {
    padding: 10px;
    width: fit-content;
    text-transform: uppercase;
    position: absolute;
    left: 6.6875rem;
    top: 1.5rem;
    text-align: left;
    width: 32rem;
}

.featured-link {
    color: rgba(235, 235, 235, 1);
    font-family: Figtree, sans-serif;
    font-weight: 500;
    display: inline-block;
    margin-right: .625rem;
    letter-spacing: .1rem;
    text-decoration: none;
    border-bottom: .125rem solid transparent;
    word-spacing: .125rem;
}

.featured-link:hover {
    color: rgba(223, 221, 209, 1);
    border-bottom: .125rem solid rgba(223, 221, 209, 1);
}
 /*
.christmas-button {
    background: #85754E !important;
    border: .0625rem solid #85754E !important;
    color: rgba(255, 255, 255, .9);
    display: inline-block;
    font-size: 1.0625rem;
    letter-spacing: .83;
    padding: .625rem 1.25rem;
    line-height: 1.4;
    width: fit-content;
    margin: 0;
    cursor: pointer;
}

@media (max-width:48em) {
    .christmas-button {
        display: none;
    }
}

.christmas-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    border: .0625rem solid rgba(255, 255, 255, 1) !important;
    color: #85754E !important;
    opacity: 1 !important;
}
*/

.christmas-button {
    background: transparent !important;
    border: .0625rem solid rgba(255, 255, 255, .9); !important;
    color: rgba(255, 255, 255, .9);
    display: inline-block;
    font-size: 1.0625rem;
    letter-spacing: .83;
    padding: .625rem 1.25rem;
    line-height: 1.4;
    width: fit-content;
    margin: 0;
    cursor: pointer;
}

@media (max-width:48em) {
    .christmas-button {
        display: none;
    }
}

.christmas-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    border: .0625rem solid rgba(255, 255, 255, 1) !important;
    color: rgba(0, 0, 0, .9) !important;
    opacity: 1 !important;
}

@media (max-width:77em) {
    .featured-links-box {
        display: none;
    }
}

.c-nav-cta a {
    /*
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
    */
}

.c-nav-cta.c-nav-mobile-menu {
    padding-left: 2.8125rem
}

.c-nav-form-age {
    width: 70%;
    border: .0625rem solid currentColor; /* colour block update */
    padding: 0 .3125rem;
    margin-bottom: .625rem
}

.c-nav-form-age.c-form-select--green select {
    border: 0
}

.c-nav-form-age-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.c-nav-form-age-label {
    color: inherit; /* colour block update */
    display: inline-block;
    width: 100%;
    margin-bottom: .625rem
}

.c-nav-form-age-inner {
    width: 33%
}

.c-mobile-logo-svg {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-mobile-logo-svg-fill {
    fill: rgba(235, 235, 235, 1);
    transition: all .5s;
}

.c-nav-burger-svg-fill {
    background-color: transparent;
    fill: rgba(235, 235, 235, 1);
    stroke: rgba(235, 235, 235, 1);
    padding: .625rem;
}

.c-nav-burger-svg-fill:hover {
    background-color: transparent;
    fill: rgba(223, 221, 209, 1);
    stroke: rgba(223, 221, 209, 1);
    padding: .625rem;
}

.c-nav-mobile-logo-cta {
    position: relative;
    width: 40%;
    z-index: 999;
}

.c-nav-mobile-menu {
    width: 33%
}

.c-nav-logo {
    display: none;
    height: 5rem;
    width: auto;
    transition: all .5s;
}

.c-nav-logo-visible {
    display: block;
    transition: all .5s;
}

.c-nav-burger,
.c-nav-trigger {
    display: block;
    width: 3.75rem;
    height: auto;
    position: absolute;
    left: 2.5rem;
    top: 1.5rem;
    cursor: pointer;
}

@media (max-width:48em) {
    .c-nav-trigger {
        left: 0;
    }
}

.c-nav-close {
    display: none;
    width: 2.125rem;
    height: 2.125rem;
    position: absolute;
    top: 1.5rem;
    left: 2.375rem;
}

@media (max-width:48em) {
    .c-nav-close {
        left: 2.375rem;
    }
}

.c-nav-menus {
    display: none;
    padding: 1.25rem 1.25rem 0;
    background-color: rgba(245, 241, 235, 1);
    height: 100vh;
    width: 100%;
    overflow-y: hidden;
}

.c-nav-menus.js-open {
    display: inline-block;
    overflow-y: scroll
}

.js-nav-trigger-active .c-nav-burger {
    display: none!important
}

.js-nav-trigger-active .c-nav-close {
    display: block!important
}

.c-nav-wide {
    display: block;
    margin: 0 auto;
    max-width: 48rem;
    width: 100%;

}

.c-nav-item {
    display: block;
    padding: .6875rem 0 .3125rem;
    margin: 0 auto;
    max-width: 48rem;
    width: 100%;
}

.c-nav-item:not(:last-child) {
    border-bottom: .0625rem solid currentColor; /* colour block update */
}

.c-nav-icon-container {
    display: block;
    float: right;
    right: 0
}

.c-nav-icon-closed,
.c-nav-icon-open {
    width: 1.375rem;
    height: 1.375rem;
    pointer-events: none
}

.c-nav-icon-closed,
.js-nav-dropdown-open-active .c-nav-icon-open {
    display: none
}

.js-nav-dropdown-open-active .c-nav-icon-closed {
    display: block;
    position: relative;
    top: .125rem;
}

.c-nav-sub-menu {
    margin: 1.25rem 0;
    display: none
}

.c-nav-sub-menu.js-sub-nav-open {
    display: block
}

.c-nav-sub-item {
    color: currentColor; /* colour block update */
    padding: .3125rem 0
}

.c-nav-lang,
.c-nav-secondary-menu {
    margin-top: 1.875rem
}

.c-nav-lang {
    display: inline-block;
    margin-bottom: 2.8125rem
}

.c-nav-lang-item {
    display: inline-block;
    text-decoration: underline;
    color: currentColor; /* colour block update */
}

.c-nav-lang-item:not(:last-child) {
    margin-right: .9375rem
}

.c-nav-meta {
    margin-top: 2.5rem
}

.c-nav-contact-container {
    margin-top: .625rem
}

.c-nav-contact {
    display: block;
    margin-bottom: .625rem
}

.c-nav-social {
    margin-top: .3125rem;
    padding-bottom: 6.25rem;
}

.c-nav-social,
.c-nav-social-icon {
    display: inline-block
}

.c-nav-social-icon:not(:last-child) {
    margin-right: 1.25rem
}

.c-nav-social-fb {
    width: .5625rem;
    height: 1rem
}

.c-nav-social-twitter {
    width: 1.25rem;
    height: 1rem
}

.c-nav-social-tripadvisor {
    width: 1.75rem;
    height: 1.0625rem
}

.c-nav-book-container {
    display: none;
    background-color: rgba(255, 255, 255, 1);
    padding: 1.25rem;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
}

.c-nav-book-active .c-nav-close {
    display: block
}

.c-nav-book-heading {
    text-align: center
}

.c-nav-book-form {
    margin-top: 2.5rem
}

.c-nav-form-icon {
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 0;
    margin-bottom: 5px
}

.c-nav-book-calendar {
    width: 14px;
    height: 14px
}

.c-nav-book-button {
    margin-top: 1.25rem;
}

.c-nav-book-cta {
    text-align: center;
    margin: 2.1875rem auto 0
}

.c-nav-book-cta .type-cta {
    color: currentColor; /* colour block update */
}

.c-nav-book-cta .type-cta-effect {
    background: currentColor;
}

.c-nav-book-disclaimer {
    width: 100%;
    display: inline-block;
    margin-top: 1.25rem
}

.c-nav-book-close {
    fill: rgba(255, 255, 255, 1);
    display: none;
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: 2.125rem;
    left: -2.125rem;
    cursor: pointer;
}

@media (min-width:48em) {
    .c-nav-book-close {
        left: -2.125rem;
    }
}

.js-open {
    display: block;
    height: 100vh
}

.c-nav-book-btn {
    background: transparent;
    border: .0625rem solid rgba(235, 235, 235, 1);
    color: rgba(235, 235, 235, 1);
    display: inline-block;
    font-size: 1.0625rem;
    letter-spacing: .83;
    padding: .625rem 1.25rem;
    line-height: 1.4;
    width: fit-content;
    margin: 0;
    cursor: pointer;
}

@media (max-width:48em) {
    .c-nav-book-btn {
        margin-top: .3125rem;
        padding: .3125rem .625rem;
    }
}

.c-nav-book-btn-mobile {
    display: none;
}

@media (min-width:64em) {
    .c-nav-book-btn-mobile {
        display: inline-block;
    }
}

.js-nav-trigger-active .c-nav-book-btn {
    display: none
}

.js-nav-trigger-active .c-nav-book-close {
    display: block
}

.c-nav-form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: currentColor url(/assets/images/calendar.svg) no-repeat 100%;
    border-bottom: .0625rem solid #383C3F;
    color: #383C3F;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .625rem 1.25rem .75rem 0;
    -webkit-transition: border-color .15s linear, outline .15s linear;
    transition: border-color .15s linear, outline .15s linear;
    width: 100%;
    word-spacing: 0;
    font-size: 1rem;
}

.c-nav-form-input-light {
    background: url(/assets/images/calendar-green.svg) no-repeat 98%;
}

.c-nav-form-input:focus {
    border-bottom: 1px solid #383C3F;
}

.c-nav-form-input::-webkit-input-placeholder {
    color: #383C3F;
    font-size: 1rem;
    font-family: serif;
    word-spacing: .125rem
}

.c-nav-form-input::-ms-input-placeholder {
    color: #383C3F;
    font-size: 1rem;
    font-family: serif;
    word-spacing: .125rem
}

.c-nav-form-input::placeholder {
    color: #383C3F;
    font-size: 1rem;
    font-family: serif;
    word-spacing: .125rem
}

.lte-ie9 .c-nav-cta a {
    margin: 0 auto;
    position: relative;
    left: -.3125rem;
    top: 1.5625rem;
    -webkit-transform: none;
    transform: none
}

.lte-ie9 .c-nav-mobile {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.lte-ie9 .c-nav-mobile-logo-cta,
.lte-ie9 .c-nav-mobile-menu {
    float: left;
    width: 33%
}

.lte-ie9 .c-nav-book {
    float: right;
    width: 33%
}

@media (min-width:48em) {
    
    .c-nav {
        height: fit-content;
        position: fixed;
        display: inline-block;
    }
    
    .c-nav-desktop {
        display: none;
        position: fixed;
        background: #e1e1e1;
    }
    
    .c-nav-mobile,
    .lte-ie9 .c-nav-mobile {
        /* display: block; */
    }
    
    .c-nav-cta {
        /*height: 3.75rem;
        background-color: #383c3f*/
        width: 3.75rem;
    }
    
    .c-nav-cta,
    .c-nav-cta.c-nav-book {
        max-width: 20rem;
        width: 100%;
    }
    
    .c-nav-menus {
        padding: 3.75rem;
        max-width: 100%;
        margin: 0 auto;
    }
    
    .c-nav-menus,
    .c-nav-menus.js-open {
        padding-right: 3.125rem
    }
    

    
    .c-nav-book-close {
        width: 2.25rem;
        height: 2.25rem;
    }
}

.c-listing-section-title {
    width: 100%;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center;
    padding-bottom: .625rem;
    margin: 0 auto 1.5625rem;
    border-bottom: .0625rem solid #d2d2d2
}

@media (min-width:48em) {
    .c-listing-section-title {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem;
        padding-bottom: .625rem;
        margin-bottom: 1.5625rem;
        border-bottom: .0625rem solid #d2d2d2
    }
}

@media (min-width:64em) {
    .c-listing-section-title {
        padding-bottom: .625rem;
        margin-bottom: 1.5625rem;
        border-bottom: .0625rem solid #d2d2d2
    }
}

@media (min-width:90em) {
    .c-listing-section-title {
        padding-bottom: .625rem;
        margin-bottom: 1.5625rem;
        border-bottom: .0625rem solid #d2d2d2
    }
}

.c-home-intro-inner {
    margin: 0 auto;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%;
    display: block
}

@media (min-width:48em) {
    .c-home-intro-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-home-intro {
    width: 100%;
    display: inline-block
}

.c-home-intro-text {
    position: relative
}

.c-home-intro-text .c-text-vertical {
    color: #696969
}

.c-home-intro-text-content {
    margin-left: 3.125rem
}

.c-home-intro-text-content p {
    margin-bottom: 1.5625rem
}

.c-home-intro-img-portrait {
    margin-top: 1.25rem;
    margin-bottom: .625rem;
    position: relative
}

.c-home-intro-img-landscape {
    margin-bottom: 5.625rem;
    position: relative
}

.c-home-intro-text-outer {
    margin-top: 1.25rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;
    height: 100%
}

@media (min-width:48em) {
    .c-home-intro {
        margin-top: 8.75rem
    }
    
    .c-home-intro-inner {
        padding-right: 0
    }
    
    .c-home-intro-inner:after {
        display: table;
        content: "";
        clear: both
    }
    
    .c-home-intro-text {
        width: 45%;
        margin: 0;
        float: left;
        padding: 0 0 0 6.25rem
    }
    
    .c-home-intro-text-content {
        margin-left: 0
    }
    
    .c-home-intro-img-portrait {
        max-width: 22.625rem;
        margin-top: 0;
        float: right;
        width: 100%
    }
    
    .c-home-intro-img-landscape {
        max-width: 35.4375rem;
        float: left;
        padding-left: 0;
        width: 100%
    }
    
    .c-home-intro-text-outer {
        margin: 8.75rem 0 12.125rem;
        padding-right: 2.1875rem;
        padding-left: 3.125rem
    }
    
    .c-home-intro-text-outer .c-text-vertical {
        left: 0
    }
}

@media (min-width:64em) {
    .c-home-intro-container {
        padding: 0
    }
    
    .c-cs-outer {
        padding-bottom: 0
    }
    
    .l-main-intro-home {
        padding: 0
    }
    
    .c-home-intro {
        width: 100%;
        margin: 6.25rem auto 0
    }
    
    .c-home-intro-text-outer {
        margin: 8.75rem 0 8.5625rem
    }
    
    .c-home-intro-img-portrait {
        max-width: 28.4375rem;
        width: 100%;
        float: right
    }
    
    .c-home-intro-img-landscape {
        max-width: 27.4375rem;
        margin-bottom: 5.9375rem;
        width: 100%;
        padding-left: 0;
        float: right;
        margin-right: .625rem
    }
}

@media (min-width:90em) {
    .c-home-intro-inner {
        width: 100%;
        margin: 0 auto;
        max-width: 77.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:90em) and (min-width:48em) {
    .c-home-intro-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media (min-width:90em) {
    .c-home-intro-container {
        margin: 0 auto;
        padding: 0 7.5rem;
        width: 100%
    }
    
    .c-home-intro {
        padding-left: 0;
        margin-top: 3.75rem
    }
    
    .c-home-intro-text-outer {
        width: 50%;
        padding-left: 9.375rem;
        padding-right: 6.3125rem
    }
    
    .c-home-intro-text-outer .c-text-vertical {
        left: 6.875rem
    }
    
    .c-home-intro-img-portrait {
        max-width: 31.875rem;
        float: right
    }
    
    .c-home-intro-img-landscape {
        max-width: 42.5rem;
        float: left;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 5.625rem
    }
}

.c-footer {
    background: rgba(59, 76, 87, 1);
    position: relative;
    z-index: 2
}

.c-footer-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding: 2.5rem 1.25rem .625rem;
    color: rgba(235, 235, 235, 1);
    text-align: center
}

@media (min-width:48em) {
    .c-footer-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-footer-logo {
    display: block;
    width: 100%;
    max-width: 10rem;
    margin: 0 auto
}

.c-footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #5b6166
}

.c-footer-left {
    margin-bottom: 2.5rem
}

.c-footer-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-footer-menus {
    margin-bottom: 2.5rem
}

.c-footer-menu-item:not(:last-child) {
    margin-bottom: .625rem
}

.c-footer-menu-item .type-cta-effect {
    background: #fff
}

.c-footer-menu-small {
    margin-top: .625rem
}

.c-footer-menu-small-item {
    text-decoration: underline
}

.c-footer-menu-small-item:not(:last-child) {
    margin-bottom: .625rem
}

.c-footer-menu-item a {
    color: rgba(235, 235, 235, 1);
    display: inline-block;
    margin: 0 auto 0 0;
}

.c-footer-menu-small-item a {
    line-height: 1;
    text-decoration: none;
    border-bottom: .0625rem solid inherit;
    display: inline-block
}

.c-footer-phone {
    display: block;
    margin-bottom: .625rem
}

.c-footer-address {
    color: rgba(235, 235, 235, 1);
    margin-bottom: .625rem;
    text-align: left;
}

@media (max-width:48em) {
    .c-footer-address {
        text-align: center;
    }
}

.c-footer-social {
    margin-top: 1.25rem
}

.c-footer-email {
    text-decoration: underline
}

.c-footer-bottom {
    margin-top: .625rem
}

.c-footer-bottom-right {
    padding: .625rem 3.75rem .3125rem
}

.c-footer-logo-item {
    margin: .3125rem
}

.c-footer-logo-item img {
    width: 4.125rem;
    height: 6.25rem
}

.c-footer-logos {
    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
}

.c-footer-logos-group {
    margin: .3125rem 0
}

.c-footer-meta-year {
    display: inline-block
}

.c-footer-meta-nixon {
    margin-top: .625rem
}

.lte-ie9 .c-footer-top {
    display: inline-block;
    width: 100%
}

.lte-ie9 .c-footer-right {
    display: inline-block;
    float: right;
    width: 50%
}

.lte-ie9 .c-footer-right .c-footer-menus {
    float: left
}

.lte-ie9 .c-footer-right .c-footer-contact {
    float: right;
    margin: 0
}

.lte-ie9 .c-footer-left {
    float: left
}

@media (min-width:48em) {
    .c-footer-inner {
        padding-top: 5.9375rem;
        text-align: left
    }
    
    .c-footer-top {
        padding-bottom: 6.25rem
    }
    
    .c-footer-menus {
        width: 50%;
        padding-right: 1.875rem;
        margin-bottom: 0
    }
    
    .c-footer-contact {
        width: 50%;
        padding-left: 1.875rem
    }
    
    .c-footer-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    
    .c-footer-left {
        margin-bottom: 5.9375rem;
        margin-top: 0
    }
    
    .c-footer-logo {
        margin-left: 0;
        margin-bottom: 0
    }
    
    .c-footer-bottom-right {
        padding: 0 0 .625rem;
        margin-top: 1.25rem
    }
    
    .c-footer-logos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    
    .c-footer-meta-year {
        display: inline;
        margin-right: 2.5rem
    }
    
    .c-footer-meta-nixon {
        display: inline
    }
    
    .c-footer-menu {
        margin-bottom: 1.25rem
    }
}

@media (min-width:64em) {
    .c-footer-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    
    .c-footer-left {
        width: 33%;
        margin-bottom: 0
    }
    
    .c-footer-right {
        width: 67%;
        padding-left: 1.5625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    
    .c-footer-contact {
        margin-left: 3.125rem
    }
    
    .c-footer-meta-year {
        display: block;
        margin: 0
    }
    
    .c-footer-meta-nixon {
        display: block
    }
    
    .c-footer-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .c-footer-bottom-left {
        width: 50%
    }
    
    .c-footer-bottom-right {
        width: 50%;
        margin-top: 0
    }
    
    .c-footer-logos {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:90em) {
    .c-footer-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    
    .c-footer-bottom-left {
        padding-left: 0
    }
    
    .c-footer-bottom-right {
        padding-right: 0
    }
    
    .c-footer-left {
        width: 50%
    }
    
    .c-footer-right {
        width: 50%;
        padding-left: 1.5625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.c-rates {
    background: #f7f7f7
}

.c-rates-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 51.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2.5rem
}

@media (min-width:48em) {
    .c-rates-inner {
        max-width: 61.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-rates-title {
    color: #383c3f;
    padding-bottom: 1.25rem;
    border-bottom: .0625rem solid #d2d2d2
}

.c-rates-section--legend {
    padding-bottom: 2.5rem
}

.c-horizontal-filter-form {
    padding-bottom: 0
}

.c-horizontal-filter-form select {
    margin-top: .625rem;
    padding-left: .3125rem;
    border: .0625rem solid #d2d2d2
}

@media (min-width:48em) {
    .c-rates-inner {
        padding-top: 6.25rem
    }
    .c-rates-section--legend {
        padding-bottom: 0
    }
    .c-rates-section {
        /* padding-bottom: 5.625rem */
    }
}

@media (min-width:64em) {
    .c-rates-inner {
        padding: 6.25rem 1.25rem 0
    }
}

.c-sitemap-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width:48em) {
    .c-sitemap-inner {
        max-width: 87.5rem;
    }
}

.c-sitemap-content {
    display: inline-block;
    margin: 2.5rem 0
}

.c-sitemap-type {
    color: rgba(59, 76, 87, 1);
}

.c-sitemap-type:hover {
    color: rgba(223, 221, 209, 1);
}

.c-sitemap-section {
    margin-bottom: 1.25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-sitemap-item {
    text-decoration: underline;
    margin-bottom: .625rem;
    width: 100%
}

.c-sitemap-parent {
    text-transform: uppercase
}

.c-sitemap-child {
    display: block;
    width: 100%
}

.c-sitemap-child,
.c-sitemap-grandchild {
    margin-bottom: .625rem;
}

.c-sitemap-grandchild {
    display: block;
    width: auto;
    text-align: left
}

@media (min-width:48em) {
    .c-sitemap-main-list {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 5rem;
        column-gap: 5rem
    }
}

@media (min-width:64em) {
    .c-sitemap-main-list {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 8.75rem;
        column-gap: 8.75rem
    }
}

.c-hero-caption {
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    margin: auto;
    height: fit-content;
    color: #fff;
    font-size: 2.25rem;
    line-height: 1;
    width: fit-content;
}

@media (min-width:64em) {
    .c-hero-caption {
        bottom: 45%;
    }
}

.c-hero-banner {
    position: relative;
    background-color: #ececec;
    margin-top: 6.25rem; /* 2022 Design Hero Letterbox adjust for top nav */
}

.c-hero-banner-no-margin {
    margin-top: 0;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .c-hero-banner-img {
        position: relative;
        display: block
    }
    
    .c-hero-banner-img:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 67.1875%;
    }
    
    .c-hero-banner-img>* {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%
    }
    
    .c-hero-banner-img img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }
}

.c-hero-banner-hotspot {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    max-width: 19.5rem
}

@media (min-width:48em) {
    .c-hero-banner-hotspot {
        display: block
    }
    
    .c-hero-banner-img {
        position: relative;
        display: block
    }
    
    .c-hero-banner-img:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 27.7777777778%
    }
    
    .c-hero-banner-img>* {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%
    }
}

.c-media-grid {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #f7f7f7
}

.c-media-grid-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 51.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width:48em) {
    .c-media-grid-inner {
        max-width: 61.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-media-grid-item {
    margin-bottom: .625rem
}

.c-media-grid-image {
    position: relative
}

.c-media-grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    color: #fff
}

@media (min-width:48em) {
    .c-media-grid {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    
    .c-media-grid-item--double {
        margin-bottom: 0
    }
    
    .c-media-grid-item--double:after {
        display: table;
        content: "";
        clear: both
    }
    
    .c-media-grid-item--double .c-media-grid-item {
        float: left;
        width: calc(50% - .3125rem)
    }
    
    .c-media-grid-item--double .c-media-grid-item:first-child {
        margin-right: .625rem
    }
}

.c-pagination {
    width: 100%;
    display: inline-block
}

.c-pagination-inner {
    max-width: 51.5rem;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: .0625rem solid #d2d2d2;
    border-bottom: .0625rem solid #d2d2d2;
    margin: 0 auto 2.5rem
}

@media (min-width:48em) {
    .c-pagination-inner {
        max-width: 61.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-pagination-page {
    display: inline-block;
    padding: .625rem 0
}

.c-pagination-page .type-cta:after {
    display: none
}

.c-pagination-icon {
    width: .75rem;
    height: .375rem
}

.c-pagination-prev {
    padding-top: .625rem;
    margin-left: .625rem;
    padding-right: .625rem;
    border-right: .0625rem solid #d2d2d2
}

.c-pagination-next {
    padding-top: .625rem;
    margin-right: .625rem;
    padding-left: .625rem;
    border-left: .0625rem solid #d2d2d2
}

.c-pagination-pages--desktop {
    display: none
}

.c-pagination-button {
    text-transform: uppercase;
    color: #383c3f;
    font-size: .875rem;
    line-height: 1.7142857143;
    letter-spacing: .1428571429rem;
    word-spacing: .125rem
}

.c-pagination-page--current {
    color: #696969;
    border-bottom: 2px solid
}

.c-pagination-button--unavailable {
    color: #696969
}

.lte-ie9 .c-pagination-prev {
    float: left
}

.lte-ie9 .c-pagination-next {
    float: right
}

@media (min-width:48em) {
    .c-pagination-inner {
        margin-bottom: 6.25rem
    }
    
    .c-pagination-page {
        padding: .625rem 1.25rem
    }
    
    .c-pagination-page .type-cta:after {
        display: block
    }
    
    .c-pagination-pages--desktop {
        display: inline-block
    }
    
    .c-pagination-pages--mobile {
        display: none
    }
}

.c-hero {
    position: fixed;
    /* top: 0; */ /* 2022 Hero Design */
    left: 0;
    width: 100%;
    height: 500px;
    overflow: hidden;
    z-index: 1
}

.c-hero-faux {
    width: 100%;
    height: 453px
}

.c-hero-body {
    background: rgba(235, 235, 235, 1);
    position: relative;
    z-index: 2
}

.c-hero-body--homepage {
    padding-top: 0
}

.c-hero-media-container {
    position: relative;
    height: 100%;
    background-size: cover
}

.c-hero-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 9.375rem; /* 6.25 */
    padding-top: 1.25rem;
    color: #fff;
    min-height: 10%;
    will-change: transform;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.5));
    display: none;
}

@media (min-width:64em) {
    .c-hero-footer {
        display: block;
    }
}

.c-hero-footer-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 65rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:48em) {
    .c-hero-footer-inner {
        max-width: 75rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-hero-footer-left {
    max-width: 29.5rem
}

.c-hero-footer-right {
    margin-left: auto
}

.c-hero-title {
    font-size: 1.5rem;
    line-height: 1.5rem;
    word-spacing: .125rem
}

.c-hero-media {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.c-hero-logo {
    max-width: 18rem;
    width: 50%;
    margin: auto;
    display: block;
    top: 20%; /* was 30% */
    -webkit-transition: all;
    transition: all;
    opacity: 1;
    will-change: transform;
}

.c-hero-text-box {
    width: 90%;
    margin: auto;
    display: block;
    top: 50%;
    -webkit-transition: all;
    transition: all;
    opacity: 1;
    will-change: transform;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.c-hero-text-box-dark {
    color: #383c3f !important;
}

.c-hero-text-box--strapline {
    color: inherit;
    font-size: 2.5rem;
    line-height: 1.2222222222;
    letter-spacing: .125rem;
    font-style: italic;
}

.c-hero-text-box--tag {
    text-transform: uppercase;
    text-align: center;
    font-family: Figtree, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .1rem;
    line-height: 1.7142857143;
    word-spacing: .125rem;

}


@media (max-width:48em) {
    .c-hero-logo,
    .c-hero-text-box {
        display: none;
    }
}

.c-hero-details,
.c-hero-logo,
.c-hero-text-box {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}



.c-hero-details-scroll {
    background: rgba(226, 217, 186, 1);
    position: relative;
    z-index: 100;
}

@media (max-width:48em) {
    .c-hero-details-scroll {
        display: none;
    }
}

.c-hero-body--homepage--adjust {
    margin-top: -8.375rem;
}

.c-hero-body--adjust {
    margin-top: -3.75rem;
}

.c-hero-body--adjust-book-bar {
    margin-top: -4.375rem;
}

.scroll-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 6.25rem;
}

.c-hero-details {
    display: none;
    background: rgba(229, 219, 202, 1);
    bottom: 0;
    padding: .625rem 0;
}

.c-hero-details--dark {
    color: #fff
}

.c-hero-details-inner {
    width: 100%;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    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;
    text-align: center;
    opacity: 1
}

@media (min-width:48em) {
    .c-hero-details-inner {
        max-width: 61.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-hero-text {
    display: none
}

.c-hero-content-scroll {
    margin: auto;
    position: absolute;
    bottom: 6.25rem;
    left: 0;
    right: 0;
}

.c-hero-content {
    width: 100%
}

.c-hero-content .c-hero-cta {
    display: inline-block;
    color: currentColor;
    margin: 0 auto;
}

.c-sitemap-list {
    padding-left: 2.25rem;
}

.c-hero-cta {
    border-color: currentColor;
    border: none;
}

.c-hero-cta:hover {
    border: none;
    background: none;
}

.footer-cta {
    color: rgba(235, 235, 235, 1);
    background: none;
    display: inline-block;
    padding: 0;
    text-align: left;
    width: fit-content;
    transform: all .5s;
}

.footer-cta:hover {
    color: rgba(235, 235, 235, 1);
    background: none;
    text-align: left;
}

.lte-ie9 .c-hero-details-container {
    width: 100%;
    display: inline-block;
    left: 0;
    max-width: 100%
}

@media (min-width:48em) {
    .c-hero-faux {
        height: 500px
    }
    
    .c-hero-logo {
        width: 25%
    }
    
    .c-hero-footer-left {
        width: 100%;
        max-width: 29.5rem
    }
    
    .c-hero-footer-right {
        width: 100%;
        max-width: 23.125rem
    }
    
    .c-hero-title {
        font-size: 2.25rem;
        line-height: 2.25rem
    }
    
    .c-hero-details {
        display: block;
        width: 100%;
        bottom: 0;
        position: absolute;
    }
    
    .c-hero-details-inner {
        width: 100%;
        max-width: 49rem;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 1
    }
    
    .c-hero-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
    }
    
    .c-hero-content:not(:last-child) {
        border-right: 1px solid rgba(229, 219, 202, 1);
    }
    
    .c-hero-content .type-cta {
        color: currentColor
    }
    
    .c-hero-cta {
        border-color: currentColor
    }
    
    .c-hero-body--homepage {
        padding-top: 6.25rem
    }
}
@media (min-width:64em) {
    .c-hero {
        height: 100%
    }
    
    .c-hero-faux {
        height: 100vh
    }
    
    .c-hero-content {
        display: inline-block;
        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: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    
    .c-hero-text {
        display: block;
        margin-bottom: .9375rem
    }
    
    .c-hero-details-inner {
        opacity: 0
    }
}

.c-text-vertical {
    color: #fff;
    letter-spacing: .1428571429rem;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    position: absolute
}

.c-text-vertical--dark {
    color: #696969
}

.c-newsletter {
    background: rgba(245, 241, 235, 1);
}

.c-newsletter .grecaptcha-badge {
    position: static !important;
    margin: 2.5rem auto 0;
    display: none !important;
}

.c-newsletter-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 38.5rem;
    text-align: center;
    padding: 2.5rem 1.25rem
}

@media (min-width:48em) {
    .c-newsletter-inner {
        max-width: 48.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-newsletter-disclaimer {
    margin: 1.875rem 0 1.25rem;
    display: inline-block;
    color: #383c3f
}

.c-newsletter-input {
    margin: 0 auto;
    width: 100%;
    position: relative
}

.c-newsletter-input-field {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #383c3f;
    display: block;
    font-family: serif;
    padding-left: 0;
    width: 100%;
    height: 2.8125rem;
    word-spacing: .125rem
}

.c-newsletter-input-field::-webkit-input-placeholder {
    color: inherit
}

.c-newsletter-input-field::-ms-input-placeholder {
    color: inherit
}

.c-newsletter-input-field::placeholder {
    color: inherit
}

.c-newsletter-button {
    cursor: pointer;
    position: absolute;
    right: 0;
    background: url(/assets/images/nav-arrow.svg) no-repeat;
    z-index: 2;
    width: 2.5rem;
    height: 2.5rem;
    top: 0;
    border: 0
}

.c-newsletter-button:hover {
    background: url(/assets/images/nav-arrow-green.svg) no-repeat
}

#newsletter #ic_signupform .elcontainer.hidden-label .formEl.required:before {
    content: ""
}

@media (min-width:48em) {
    .c-newsletter-inner {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    
    .c-newsletter-input-field {
        line-height: 1.1666666667;
        font-size: 1.5rem
    }
    
    .c-newsletter .grecaptcha-badge {
        margin-top: 3.75rem
    }
}

.c-table {
    font-family: serif;
    font-size: 1rem;
    line-height: 1.625;
    color: rgba(59, 76, 87, 1);
    letter-spacing: .0625rem;
    text-align: center;
    width: 100%;
    word-spacing: .125rem
}

.c-table a {
    color: rgba(59, 76, 87, 1);
    text-decoration: underline
}

.c-table-row td {
    color: rgba(59, 76, 87, 1);
    display: block;
    width: 100%;
    min-height: 2.8125rem;
    border-bottom: .0625rem solid rgba(59, 76, 87, 1);
    padding: .625rem;
    text-align: center;
}

.c-table-row td:first-child {
    border-top: .0625rem solid rgba(59, 76, 87, 1);
    border-bottom: .0625rem solid rgba(59, 76, 87, 1);
}

.c-table-header {
    color: rgba(59, 76, 87, 1);
    text-align: center;
    letter-spacing: .1428571429rem;
    margin: .9375rem auto .625rem
}

@media (min-width:64em) {
    .c-table-row:not(:last-child), .c-table-row td {
        border-bottom: .0625rem solid rgba(59, 76, 87, 1);
    }
    
    .c-table-row td {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        width: 33%;
        border-top: .0625rem solid rgba(59, 76, 87, 1);
    }
    
    .c-table-row td:not(:last-child) {
        border-right: .0625rem solid rgba(59, 76, 87, 1);
    }
    
    .c-table-row.c-intro-table-row--lodge td {
        width: auto;
        border-bottom: .0625rem solid rgba(59, 76, 87, 1);
    }
    
    .c-table-row.c-intro-rest-table-row td,
    .c-table-row.c-table-row-spa td {
        width: auto
    }
}

.c-pdf-section-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 50.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2.5rem;
    text-align: center
}

@media (min-width:48em) {
    .c-pdf-section-inner {
        max-width: 60.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-pdf-section-horizontal {
    width: 100%;
    display: inline-block;
    text-align: center
}

.c-pdf-section-horizontal-header {
    border-bottom: .0625rem solid #d2d2d2;
    padding-bottom: .625rem
}

.c-pdf-section-list {
    padding: 1.25rem 2.1875rem 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.c-pdf-section-list--item {
    display: inline-block;
    padding-bottom: 1.25rem
}

@media (min-width:48em) {
    .c-pdf-section-inner {
        padding-top: 3.125rem;
        margin-bottom: 5.3125rem
    }
    
    .c-pdf-section-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .625rem 2.5rem
    }
    
    .c-pdf-section-list--item {
        padding-bottom: 0
    }
}

@media (min-width:64em) {
    .c-pdf-section-inner {
        margin-bottom: 5.9375rem
    }
    .c-pdf-section-list {
        padding: .625rem 2.1875rem 0
    }
}

.at-a-glance {
    margin: 0 auto;
}

.at-a-glance-inner {
    width: 100%;
    max-width: 72.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto;
}

@media (min-width:48em) {
    .at-a-glance-inner {
        max-width: 72.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.at-a-glance-header {
    color: rgba(209, 193, 167, 1);
    font-size: 1.5rem;
}

.menu-title {
    color: rgba(35, 31, 32, 1);
    font-size: 1.25rem;
    margin: 0 auto .3125rem;
}

.menu-text {
    color: rgba(35, 31, 32, 1); /* colour block update */
}

.at-a-glance-row {
    border: none !important;
}

.at-a-glance-row td {
    border: none !important;
    vertical-align: top !important;
}

.at-a-glance-row td:first-child {
    border: none !important;
}

.at-a-glance-table {
    border: none !important;
}

.c-text-heavy {
    padding-bottom: 0; /* 6.25rem */
}

.c-text-heavy-inner {
    width: 100%;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 2.5rem auto 0
}

@media (min-width:48em) {
    .c-text-heavy-inner {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-text-heavy-subheading {
    margin-bottom: .625rem;
}

.c-text-heavy-content {
    max-width: 62.5rem;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width:48em) {
    .c-text-heavy-content {
        max-width: 62.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.c-text-heavy-wide-content {
    max-width: 75rem;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.c-text-heavy-body {
    margin-bottom: 1.25rem
}

.c-text-heavy-img-caption {
    font-size: .875rem;
    line-height: 1.2857142857;
    letter-spacing: .0628571429rem;
    word-spacing: .125rem
}

.c-text-heavy-double-img {
    /* max-width: 30.9375rem; */
    margin: 0 auto
}

.c-text-heavy-big-img,
.c-text-heavy-button,
.c-text-heavy-double-img-1,
.c-text-heavy-double-img-2 {
    margin-bottom: 1.25rem
}

.c-text-heavy-button {
    text-align: center
}

.c-text-heavy-map {
    position: relative
}

.c-text-heavy-map-inner {
    margin-bottom: 1.25rem
}

.c-text-heavy-table {
    text-align: center;
    width: 100%;
    /* margin-bottom: 3.125rem; */
}

.c-text-heavy-table .c-table-header {
    padding-bottom: .625rem;
    /* border-bottom: .0625rem solid #d2d2d2; */
    margin-bottom: 0
}

.c-text-heavy-list-heading {
    margin-bottom: .625rem
}

.matterport {
    height: 30rem;
    width: 100%;
}

@media (min-width:48em) {
    .matterport {
        height: 40.75rem;
    }
}

.terms-and-conditions {
    font-style: italic;
    font-size: 0.8125rem;
}

.c-text-heavy-list {
    margin-bottom: 1.25rem
}

.c-text-heavy-body ul {
    list-style-type: disc;
    margin-left: 3.125rem
}

.c-text-heavy-body ol {
    list-style-type: decimal;
    margin-left: 3.125rem
}

.c-text-heavy-share--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding-top: 1.25rem;
    padding-bottom: 2.5rem
}

.c-text-heavy-content-spacer {
    height: 6.25rem;
    display: block;
}

.c-text-heavy-content-half-spacer {
    height: 3.125rem;
    display: block;
}

.c-text-heavy-share-icons--mobile {
    width: auto;
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-text-heavy-share-icons--mobile .c-text-heavy-share-icon {
    border: 1px solid #383c3f
}

.c-text-heavy-share-icons--mobile .c-text-heavy-share-icon:first-child {
    border-right: none
}

.c-text-heavy-share-title--mobile {
    display: inline-block;
    padding-left: .625rem
}

@media (min-width:48em) {
    .c-text-heavy-inner {
        margin-top: 0;
        margin-bottom: 6.25rem
    }
    
    .c-text-heavy-table .c-table-header {
        border-bottom: none
    }
    
    .c-text-heavy-double-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        margin-bottom: 1.25rem
    }
    
    .c-text-heavy-double-img-1 {
        width: 50%;
        padding-right: .625rem;
        margin-bottom: 0
    }
    
    .c-text-heavy-double-img-2 {
        width: 50%;
        padding-left: .625rem;
        margin-bottom: 0
    }
    
    .c-text-heavy-share--mobile {
        padding-bottom: 0
    }
}

@media (min-width:64em) {
    .c-text-heavy-inner {
        margin-bottom: 6.25rem
    }
    
    .c-text-heavy-share--mobile {
        display: none;
        padding-bottom: 0
    }
    
    .c-text-heavy-table {
        margin: 0 auto;
    }
    
    .c-text-heavy-double-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 1.875rem
    }
    
    .c-text-heavy-big-img {
        margin: 0 auto 1.25rem
    }
    
    .c-text-heavy-double-img-1 {
        width: 50%;
        padding-right: .625rem
    }
    
    .c-text-heavy-double-img-2 {
        width: 50%;
        padding-left: .625rem
    }
}

.c-tab-bar {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.c-tab-bar:after {
    display: table;
    content: "";
    clear: both
}

.c-tab-bar * {
    display: inline-block;
    font-size: 1rem;
}

.c-tab-bar-tabs {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.c-tab-bar-tabs--faux,
.c-tab-bar-tabs.is-initialised {
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-tab-bar-tab {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border: none;
    border-bottom: .125rem solid transparent;
    background-color: transparent;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: inherit; /* colour block update */
    outline: 0;
    width: fit-content;
}

.c-tab-bar-tab:hover {
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-width: .125rem;
}

.tab--selected {
    color: inherit; /* colour block update */
    border-color: none;
}

.arrow-hide {
    display: none;
}

.tab--selected > .arrow-hide {
    display: inline;
}

@media (min-width:64em) {
    .tab--selected {
        color: inherit; /* colour block update */
        border-color: currentColor;
    }

    .arrow-hide {
        display: none !important;
    }
}

.l-property-panel[aria-hidden=true] {
    display: none
}

.is-selected .pika-button {
    background: #383c3f;
    color: #f7f7f7
}

.pika-button {
    background: #f7f7f7
}

.pika-label {
    color: #383c3f
}

.pika-table th {
    color: #5b6166
}

.pika-button:hover {
    background: #383c3f;
    color: #f7f7f7
}

.pika-single .is-today .pika-button {
    color: #383c3f
}

.is-startrange .pika-button,
.pika-single .is-today .pika-button:hover {
    background: #383c3f;
    color: #f7f7f7
}

.c-table-big {
    width: 100%;
    text-align: left;
    margin-bottom: 1.25rem
}

.c-table-big-row {
    width: 25%;
    border-bottom: .0625rem solid currentColor; /* colour block update */
}

.c-table-big-row td {
    padding: .625rem 1.25rem .625rem 0
}

.c-table-big-row span {
    vertical-align: top
}

.c-table-big-hrow {
    width: 25%;
    border-bottom: .0625rem solid currentColor; /* colour block update */
    color: inherit; /* colour block update */
    padding: .625rem 1.25rem .625rem 0
}

.c-table-big-hrow--disclaimer {
    display: block;
    text-transform: uppercase;
    font-size: .625rem;
    line-height: 1.4;
    color: inherit; /* colour block update */
    letter-spacing: .143rem;
    word-spacing: .125rem
}

.c-table-big-row--room {
    color: inherit; /* colour block update */
}

.c-table-big-label {
    display: none
}

.c-table-big--mobile {
    display: block
}

.c-table-big--mobile .c-table-big-thead {
    display: none
}

.c-table-big--mobile td,
.c-table-big--mobile tr {
    width: 100%;
    display: inline-block
}

.c-table-big--mobile .c-table-big-label {
    display: inline-block;
    width: 50%;
    color: inherit; /* colour block update */
}

.c-accomodation-container .flickity-page-dots {
    bottom: 0
}

.c-accomodation-horizontal-table {
    width: 100%;
}

.l-three-col-table {
    width: 100%;
}

.c-accomodation-horizontal-table .c-table-row td {
    color: rgba(59, 76, 87, 1);
    display: block;
    width: 100%;
    min-height: 2.8125rem;
    border-bottom: .0625rem solid rgba(59, 76, 87, 1);
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.c-accomodation-horizontal-table .c-table-row td:not(:last-child) {
    border-right: none
}

.c-accomodation-cs-heading {
    text-align: center
}

@media (max-width:48em) {
    .c-accomodation-cs-heading {
        font-size: 1.375rem; /* CBH Update */
        line-height: 1.5rem; /* CBH Update */
    }
}

.c-cs-horizontal--accomodation .c-cs-horizontal-inner {
    margin-bottom: 0
}

@media (min-width:48em) {
    .c-accomodation-cta-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    
    .c-accomodation-cta-container .c-accomodation-cs-button,
    .c-accomodation-cta-container .type-cta-container {
        float: right
    }
    
    .c-accomodation-cs-button {
        margin: 0;
        float: right
    }
    
    .c-accomodation-horizontal-table {
        display: block;
        margin-bottom: 1.25rem
    }
    
    .c-accomodation-horizontal-table table {
        width: 100%
    }
    
    .c-accomodation-content .type-body {
        padding-bottom: 1.25rem
    }
    
    .c-cs-horizontal-action {
        display: inline-block;
        width: 100%
    }
    
    .c-cs-horizontal-content--cta {
        margin-bottom: 0;
        text-align: center;
    }
    
    .c-cs-horizontal--accomodation .flickity-page-dots {
        z-index: 2
    }
    
    .c-cs-horizontal--accomodation .c-cs-horizontal-inner {
        margin-bottom: 0
    }
}

@media (min-width:64em) {
    .c-cs-horizontal--accomodation .c-cs-horizontal-inner {
        margin-bottom: 0
    }
    
    .c-accomodation-cs-heading {
        text-align: center
    }
    
    .c-accomodation-horizontal-table .c-table-row {
        border-top: .0625rem solid rgba(59, 76, 87, 1);
    }
    
    .c-accomodation-horizontal-table .c-table-row td {
        border-top: 0
    }
    
    .c-cs-horizontal--accomodation .c-cs-horizontal-descr {
        text-align: center
    }
}

@media (min-width:90em) {
    .c-accomodation-cs-heading {
        text-align: center;
    }
    
    .c-accomodation-horizontal-table .c-table-row td {
        display: table-cell;
        width: 50%
    }
    
    .c-accomodation-horizontal-table .c-table-row td:not(:last-child) {
        border-right: 1px solid rgba(59, 76, 87, 1);
    }
    
}

.c-wedding-widget-inner {
    width: 100%;
    max-width: 65rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto 2.5rem
}

@media (min-width:48em) {
    .c-wedding-widget-inner {
        max-width: 75rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem;
        margin-bottom: 6.25rem
    }
}

.repeat-menu {
    margin: 0 auto;
    max-width: 23.125rem;
    text-align: center;
    width: 100%;
}

.c-introduction {
    display: block;
    padding-bottom: 3.125rem;
    margin-bottom: 0;
}

.c-introduction-menu {
    margin-bottom: 0 !important;
}

.c-introduction-breadcrumbs {
    width: 100%;
    max-width: 77.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto 0;
}

@media (min-width:48em) {
    .c-introduction-breadcrumbs {
        max-width: 87.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-introduction-left {
    /* margin-bottom: 2.5rem */
}

.c-introduction-right {
    display: block;
    margin: 0 auto;
    max-width: 23.125rem;
    padding-top: 3.125rem;
    text-align: center;
}

@media (max-width:48em) {
    .cta-hide {
        display: none;
    }
}

.c-introduction-full {
    text-align: center;
    width: 100% !important;
}

.open-table {
    margin: 0 auto;
    width: fit-content;
}

.c-introduction-right-hide {
    display: none;
}

.c-introduction-content {
    width: 100%;
    margin: 0 auto;
    max-width: 65rem;
    padding: 2.0625rem 1.25rem 0 1.25rem;
}

@media (min-width:48em) {
    .c-introduction-content {
        max-width: 72.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-introduction-header {
    margin-bottom: 1.25rem
}

.intro-table-outer {
    margin: 3.125rem auto 0 auto;
    padding: 0 1.25rem;
}

@media (min-width:48em) {
    .intro-table-outer {
        padding: 0;
    }
}

.c-introduction-table {
    width: 100%;
    margin-bottom: 1.25rem;
    table-layout: fixed;
}

@media (min-width:48em) {
    .c-introduction-table {
        max-width: 62.5rem;
        margin: 0 auto 1.25rem auto;
    }
}

.c-introduction-date {
    display: block;
    margin-bottom: .625rem
}

.c-introduction-pricing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem
}

.c-introduction-share {
    margin-bottom: 1.875rem
}

.c-introduction-label {
    position: absolute;
    top: .3125rem;
    left: 0;
    line-height: 1;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

@media (min-width:48em) {
    .c-introduction-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    
    .c-introduction-header {
        margin-bottom: 1.875rem
    }
    
    .c-introduction-left {
        width: 100%;
        max-width: 29.5rem;
        margin-bottom: 0;
        margin-right: 2.5rem
    }

    .c-introduction-full {
        width: 100%;
        max-width: 61.5rem;
        margin-left: auto;
        margin-right: auto;
        /* margin-bottom: 3.125rem; */
    }
    
    .c-introduction-share {
        margin-bottom: 2.5rem
    }
}

.no-flex {
    display: block;
}

.c-intro2-heading,
.c-intro2-title {
    margin-bottom: 1.25rem
}

.c-intro2-helper {
    position: relative
}

.c-intro2-heading,
.c-intro2-helper,
.c-intro2-title {
    padding-left: 0
}

.book-a-table-widget {
    margin-bottom: 6.25rem;
}

.c-intro2-label {
    position: absolute;
    top: .3125rem;
    left: 0;
    line-height: 1;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.c-intro2--centered .c-intro2-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 51.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width:48em) {
    .c-intro2--centered .c-intro2-inner {
        max-width: 62.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.c-text-block {
    display: block;
    margin: 0 auto;
    padding: 0 1.25rem;
    width: 100%;
}

@media (min-width:48em) {
    .c-text-block-features {
        max-width: 28.125rem;
    }
}

.c-text-block-content,
.c-text-block-heading {
    padding-left: 0;
    text-align: center;
}

.c-text-block-heading {
    margin-bottom: .625rem;
}

.c-text-block-content {
    position: relative
}

.c-text-block-label {
    position: absolute;
    top: .3125rem;
    left: 0;
    line-height: 1;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.c-video {
    height: auto;
    position: relative;
    width: 100%;
}

.c-video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.c-video-controls {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute
}

.c-video-play {
    width: 5rem;
    height: 5rem;
    stroke: #fff;
    fill: transparent
}

.c-video-play path {
    fill: #fff
}

.c-video-play:hover .c-play {
    display: none
}

.c-video-play:hover .c-play-hover {
    display: block;
    stroke: transparent
}

.c-play-hover {
    display: none
}

@media (max-width:48em) {
    .hide-mobile-menu {
        display: none;
    }
}

@media (min-width:48em) {
    .hide-desktop-menu {
        display: none;
    }
}

.hide-mobile,
.hide-desktop {
    display: none;
}

.show-mobile {
    display: block;
}

@media (min-width:48em) {
    .show-desktop {
        display: block;
    }

    .hide-desktop.show-mobile {
        display: none;
    }

    .show-mobile.show-desktop {
        display: block;
    }
}

.c-link-list {
    margin-bottom: 1.875rem
}

.c-link-list-link {
    margin-bottom: .625rem
}

.c-link-list--labeled {
    position: relative;
    padding-left: 3.125rem
}

.c-link-list-label {
    position: absolute;
    top: .3125rem;
    left: 0;
    line-height: 1;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

@media (min-width:48em) {
    .c-link-list-link {
        margin-bottom: 1.25rem
    }
}

.c-info-box {
    width: 100%;
    max-width: 73.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 6.25rem;
    margin: 3.125rem auto 1.25rem auto;
    text-align: center
}

@media (min-width:48em) {
    .c-info-box {
        margin-top: 0;
        padding-bottom: 6.25rem;
        max-width: 74.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.c-info-box--grid {
    display: grid;
    gap: 2.5rem;
    grid-template-areas: "link-list cta-block";
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr) minmax(0px, 1fr));
    width: 100%;
}

@media (max-width:48em) {
    .c-info-box--grid {
        gap: .625rem;
        grid-template-areas: "link-list" "cta-block";
        grid-template-columns: 100%;
        width: 100%;
    }
}

.c-info-box--grid--c-link-list {
    grid-area: link-list;
    width: 100%;
}

.c-info-box--grid--cta-block {
    grid-area: cta-block;
    margin: 0 auto;
    max-width: 18.625rem;
    width: 100%;
}

.align-center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.align-left {
    display: block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}

.c-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.c-scroll-icon {
    margin-right: .625rem
}

@media (min-width:48em) {
    .c-scroll-icon {
        width: 2.5rem;
        height: 2.5rem
    }
}

.c-image-link {
    display: block;
    overflow: hidden;
}

.c-image-link,
.c-image-link img {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.c-image-link:hover {
    opacity: .75;
    filter: brightness(1.1);
}

.c-image-link:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.u-assistive {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.u-assistive--focusable:active,
.u-assistive--focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit
}

.u-clearfix:after {
    display: table;
    content: "";
    clear: both
}

.u-margin-xs {
    margin: .3125rem
}

.u-margin-vertical-xs {
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

.u-margin-horizontal-xs {
    margin-right: .3125rem;
    margin-left: .3125rem
}

.u-margin-top-xs {
    margin-top: .3125rem
}

.u-margin-bottom-xs {
    margin-bottom: .3125rem
}

.u-margin-left-xs {
    margin-left: .3125rem
}

.u-margin-right-xs {
    margin-right: .3125rem
}

.u-margin-s {
    margin: .625rem
}

.u-margin-vertical-s {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.u-margin-horizontal-s {
    margin-right: .625rem;
    margin-left: .625rem
}

.u-margin-top-s {
    margin-top: .625rem
}

.u-margin-bottom-s {
    margin-bottom: .625rem
}

.u-margin-left-s {
    margin-left: .625rem
}

.u-margin-right-s {
    margin-right: .625rem
}

.u-margin-m {
    margin: 1.25rem
}

.u-margin-vertical-m {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.u-margin-horizontal-m {
    margin-right: 1.25rem;
    margin-left: 1.25rem
}

.u-margin-top-m {
    margin-top: 1.25rem
}

.u-margin-bottom-m {
    margin-bottom: 1.25rem
}

.u-margin-left-m {
    margin-left: 1.25rem
}

.u-margin-right-m {
    margin-right: 1.25rem
}

.u-margin-l {
    margin: 1.875rem
}

.u-margin-vertical-l {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.u-margin-horizontal-l {
    margin-right: 1.875rem;
    margin-left: 1.875rem
}

.u-margin-top-l {
    margin-top: 1.875rem
}

.l-two-col-grid-img {
    margin-bottom: 1.25rem;
}

.two-col-features {
    margin-top: 1.25rem;
}

.u-margin-bottom-l {
    margin-bottom: 1.875rem
}

.c-button-margin {
    margin: .625rem auto 1.25rem auto;
}

.u-margin-left-l {
    margin-left: 1.875rem
}

.u-margin-right-l {
    margin-right: 1.875rem
}

.u-margin-xl {
    margin: 2.5rem
}


.u-margin-vertical-xl {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.u-margin-horizontal-xl {
    margin-right: 2.5rem;
    margin-left: 2.5rem
}

.u-margin-top-xl {
    margin-top: 2.5rem
}

.u-margin-bottom-xl {
    margin-bottom: 2.5rem
}

.u-margin-left-xl {
    margin-left: 2.5rem
}

.u-margin-right-xl {
    margin-right: 2.5rem
}

.u-margin-xxl {
    margin: 6.25rem
}

.u-margin-vertical-xxl {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem
}

.u-margin-horizontal-xxl {
    margin-right: 6.25rem;
    margin-left: 6.25rem
}

.u-margin-top-xxl {
    margin-top: 6.25rem
}

.u-margin-bottom-xxl {
    margin-bottom: 6.25rem
}

.u-margin-left-xxl {
    margin-left: 6.25rem
}

.u-margin-right-xxl {
    margin-right: 6.25rem
}

.u-margin-bottom {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .u-margin-bottom {
        margin-bottom: 1.875rem
    }
}

@media (min-width:64em) {
    .u-margin-bottom {
        margin-bottom: 2.5rem
    }
}

.u-margin-bottom-xl-xxl {
    margin-bottom: 2.5rem
}

@media (min-width:48em) {
    .u-margin-bottom-xl-xxl {
        margin-bottom: 6.25rem
    }
}

.u-text-uppercase {
    text-transform: uppercase!important
}

.u-text-no-decoration {
    text-decoration: none!important
}

.u-text-white {
    color: rgba(255, 255, 255, 1);
}

.u-text-underline {
    text-decoration: underline
}

.u-text-center {
    text-align: center
}

.u-text-left {
    text-align: left
}

.c-text-bold {
    font-weight: 700
}

.u-text-black {
    font-weight: 900
}

.u-show\@m {
    display: none!important
}

@media (min-width:48em) {
    .u-show\@m {
        display: block!important
    }
}

@media (min-width:48em) {
    .u-hide\@m {
        display: none!important
    }
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

.u-ivory-bg {
    background: #f7f7f7
}

.u-olive-bg {
    background: #5b6166
}

.u-grey-bg {
    background: #696969
}

.u-silver-bg {
    background: #d2d2d2
}

.u-smoke-bg {
    background: #ececec
}

.u-dark-grey-bg {
    background: #383c3f
}

.u-gradient-bg {
    background: linear-gradient(-45deg, #eaefec, #f3eae1, #e7f4f5)
}

.u-assistive-hidden {
    display: none
}

.u-gradient-image {
    width: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .4)), color-stop(20%, rgba(0, 0, 0, .3)), color-stop(27%, rgba(0, 0, 0, .2)), color-stop(36%, rgba(0, 0, 0, .1)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .3) 20%, rgba(0, 0, 0, .2) 27%, rgba(0, 0, 0, .1) 36%, transparent);
    position: absolute;
    pointer-events: none;
    height: 100%;
    z-index: 1
}



/* ************************************************************ */
/* CRAFT CSS ADDITIONS Updated 19.12.18                         */
/* ************************************************************ */

/* ************************************************************ */
/* QUICK BOOK Updated 19.12.18                                  */
/* ************************************************************ */

.c-button-quick-book {
    background-color: #576672;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1428571429rem;
    line-height: 1.7142857143;
    word-spacing: .125rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.slider-cta {
    margin-top: 0;
}

.slider-table {
    margin-bottom: 0;
}



/* ************************************************************ */
/* BOOK BAR                                                     */
/* ************************************************************ */

.book-bar {
    display: grid !important;
    gap: 2.5rem;
    grid-template-areas: "arrival nights adults kids book";
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
}

.book-bar--arrival {
    grid-area: arrival;
    width: 100%;
}

.book-bar--nights {
    grid-area: nights;
    width: 100%;
}

.book-bar--adults {
    grid-area: adults;
    width: 100%;
}

.book-bar--children {
    grid-area: kids;
    width: 100%;
}

.book-bar--submit {
    grid-area: book;
    width: 100%;
    margin-top: .375rem;
}

.book-bar--button {
    background: transparent;
    border: .0625rem solid rgba(0, 0, 0, .9);
    color: rgba(rgba(0, 0, 0, .9));
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    padding: .3125rem .625rem .25rem .625rem;
    letter-spacing: .1428571429rem;
    word-spacing: .125rem;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    font-family: Figtree, sans-serif;
    letter-spacing: .1rem;
    line-height: 1.7142857143;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    margin: 0 auto;
    text-align: center !important;
}

.book-bar--inner {
    opacity: 1;
    padding: .625rem 0 1.25rem 0;
}

.book-bar--quick-features {
    background-color: rgba(245, 241, 235, 1);
    padding: .625rem 0;
    width: 100%;
}

.book-bar--form-element {
    margin-bottom: 0 !important;
}

/* ************************************************************ */
/* FOOTER Updated 19.12.18                                      */
/* ************************************************************ */

.z-footer-social {
    height: 1.375rem;
    position: relative;
    top: .1875rem;
    width: auto;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}


/* ************************************************************ */
/* NEWSLETTER PRIVACY POLICY LINK Updated 23.01.19              */
/* ************************************************************ */

.col-xs-12 {
    display: none;
}

.z-newsletter-privacy {
    font-size: .875rem;
    margin-top: 1rem;
}

.z-newsletter-privacy-link {
    color: #383c3f;
    text-decoration: underline;
    font-weight: 400;
}



/* ************************************************************ */
/* QUICK BOOK FORM TEMPLATE Updated 20.12.18                    */
/* ************************************************************ */

.c-hero-body--homepage {
    padding-top: 0;
}


/* ************************************************************ */
/* COMPETITION DISCLAIMER Updated 17.01.19                      */
/* ************************************************************ */

.z-competition-disclaimer { padding-top: 50px !important; }
.z-competition-form { padding-bottom: 20px !important; }
.z-competition-box { position: relative !important; margin-bottom: 1.5625rem !important }
.z-competition-checkbox { float: left !important; position: relative !important; top: 4px !important; margin: 0 6px 0 0 !important; }
.z-competition-label { float: left !important; width: 90% !important; }
.z-competition-submit { clear: both; padding-top: 50px; display: block; }


/* ************************************************************ */
/* COOKIE COMPLIANCE BAR Updated 17.01.19                       */
/* ************************************************************ */

.cc-compliance {
    font-family: "Times New Roman", serif;
    text-transform: uppercase;
}

.cc-message {
    font-family: "Times New Roman", serif;
}

.cc-dismiss {
    letter-spacing: .1428571429rem;
}

.cc-window {
    position: absolute;
    z-index: 1000001 !important;
}

/* ************************************************************ */
/* SLIDER Updated 10.01.19                                      */
/* ************************************************************ */

.z-container-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.z-container-slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%;
}

.z-container-slider ul li {
    position: absolute;
    width: 100%;
    height: 100%;
}

.z-container-slider ul li figure {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.z-container-slider ul li figure figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: fit-content;
    color: #fff;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 400;
    width: fit-content;
}

@media (max-width:48em) {
    .z-container-slider ul li figure figcaption {
        padding: 10px 0 0 0;
        font-size: 1.8rem;
        line-height: 1.2rem;
    }
}

.container-slider ul li figure a img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.z-container-slider li:nth-child(5) {
    animation: xfade 20s 0s infinite;
}

.z-container-slider li:nth-child(4) {
    animation: xfade 20s 4s infinite;
}

.z-container-slider li:nth-child(3) {
    animation: xfade 20s 8s infinite;
}

.z-container-slider li:nth-child(2) {
    animation: xfade 20s 12s infinite;
}

.z-container-slider li:nth-child(1) {
    animation: xfade 20s 16s infinite;
}

@keyframes xfade{
    0% {
        opacity:1;
        z-index: 1;
    }

    18% {
        opacity:1;
        z-index: 1;
    }

    20% {
        opacity:0;
        z-index: -1;
    }

    98% {
        opacity:0;
        z-index: -1;
    }

    100% {
        opacity:1;
        z-index: -1;
    }
}

.z-align-center {
    margin-bottom: 2rem;
}

/* ************************************************************ */
/* ADD POINTER TO FILTER BUTTONS Updated 25.01.19               */
/* ************************************************************ */

.c-tab-bar-tab {
    cursor: pointer;
}

/* ************************************************************ */
/* CENTER INTRODUCTION RIGHT PANEL FOR MOBILE Updated 25.01.19  */
/* ************************************************************ */

@media (max-width:48em) {
    .c-link-list-link {
        text-align: left;
    }
}

/* ************************************************************ */
/* SPA TREATMENT INDIVIDUAL BOOKING LINKS Updated 06.02.19      */
/* ************************************************************ */

.z-spa-treatment-link {
    border-bottom: .125rem solid;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    margin-top: 0.625rem;
    text-decoration: none !important;
    text-transform: uppercase;
}

/* ************************************************************ */
/* POP UP Updated 30.01.19                                      */
/* ************************************************************ */

.pop-up-wrapper {
    box-sizing: border-box;
    display: none;
    height: 100%;
    padding: 1rem;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 18000002;
}

.pop-up {
    box-sizing: border-box;
    display: block;
    font-size: 0.875rem;
    height: auto;
    margin: 0 auto;
    max-width: 25rem;
    left: 50%;
    padding-bottom: 0.625rem;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 18000003;
    transform: translate(-50%, -50%);
}

@media (max-width:25em) {
    .pop-up {
        max-width: 80%;
    }
}

.pop-up-heading {
    box-sizing: border-box;
    color: inherit;
    font-size: 1.625rem;
    font-weight: 400;
    letter-spacing: .0628571429rem;
    line-height: 1.875rem;
    margin-top: 0.625rem;
    padding: 0 0.625rem;
}

.pop-up-heading p {
    margin-bottom: 1rem;
}

.pop-up-copy {
    box-sizing: border-box;
    color: inherit;
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 1.375rem;
    padding: 0 0.625rem;
}

.pop-up-copy p {
    margin-bottom: 1rem;
}

.pop-up-image {
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

.pop-up-link {
    text-decoration: none;
}

.pop-up-button {
    box-sizing: border-box;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.125em;
    margin: 0 auto;
    min-width: 10rem;
    padding: 0.375rem 0.625rem;
    text-align: center;
}

.pop-up-button p {
    margin: 0;
    padding: 0;
}

.pop-up-close {
    border-radius: 1.125rem;
    box-sizing: border-box;
    cursor: pointer;
    font-family: arial, sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    height: 2.25rem;
    line-height: 2.25rem;
    position: absolute;
    right: -0.625rem;
    text-align: center;
    text-transform: uppercase;
    top: -0.625rem;
    vertical-align: middle;
    width: 2.25rem;
    z-index: 11;
}

.pop-up-close-x {
    display: block;
    left: 0.0625rem;
    position: relative;
}

/* ************************************************************ */
/* BLOG Updated 06.03.19                                        */
/* ************************************************************ */

.c-breadcrumbs-icon-right {
    margin-right: 0 !important;
    margin-left: .625rem;
}

.z-blog-previous {
    float: left;
}

.z-blog-next {
    float: right;
}

.z-blog-clear {
    clear: both;
}

.z-blog-spacer {
    margin-bottom: 2rem;
    padding-bottom: 4rem;
    border-bottom: 0.0625rem #333 solid;
}

.z-blog-share-spacer {
    margin: 2rem 0;
}

.z-blog-aside-footer {
    border: 0 !important;
    background: transparent;
    padding: 0;
    margin-top: 2.5rem;
}

.z-blog-search-button {
    background: url(/assets/images/nav-arrow.svg) no-repeat;
    z-index: 2;
    width: 2.5rem;
    height: 2.5rem;
    border: 0
}

.z-blog-search-button:hover {
    background: url(/assets/images/nav-arrow-green.svg) no-repeat
}

.z-blog-search-box {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    font-family: serif;
    padding-left: 0;
    height: 2.8125rem;
    word-spacing: .125rem
}

.fonts-loaded .z-blog-search-box {
    word-spacing: 0
}

.z-blog-type-subheading {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #383c3f;
    font-weight: 400;
    word-spacing: .125rem
}

#instablog {
    text-align: center;
}

#instablog a.type-cta {
    display: inline-block;
    padding: 0 1.25rem;
}

#instablog a.type-cta--breadcrumbs {
    display: inline-block;
    padding: 0;
}

.type-cta-current {
    display: inline-block;
    color: inherit;
    text-transform: uppercase;
    line-height: 1.7142857143;
    letter-spacing: .1428571429rem;
    position: relative;
    text-decoration: none;
    border-bottom: .125rem solid;
    word-spacing: .125rem;
    padding: 0 1.25rem;
}

#instablog {
    width: 100%;
}

.z-introduction {
    background: transparent;
}

.z-three-col-grid {
    background: none;
}

.z-blog-type-cta {
    display: inline-block;
    text-align: left !important;
    text-decoration: none !important;
}

.z-blog-three-col-grid-inner {
    padding-top: 0 !important;
}

.z-blog-header-padding {
    padding-bottom: 0.625rem !important;
}

.z-blog-text-heavy-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.z-map-title {
    padding: 0.625rem !important;
}

/* ************************************************************ */
/* WEDDING PLANNER Updated 26.04.19                             */
/* ************************************************************ */

@media (min-width:64em) {
    .c-block--content-table .c-table-row td.z-table-cell-seventy-percent {
        width: 70%;
    }

    .c-block--content-table .c-table-row td.z-table-cell-thirty-percent {
        width: 30%;
    }
}

.z-extras-continue {
    margin-bottom: 3.125rem;
}

.z-checkmark-container {
    display: block;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    line-height: 2.125rem;
    width: 10rem;
    height: 2.125rem;
    padding: .3125rem .625rem;
}

.z-checkmark-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.z-checkmark
{ position: absolute;
    top: 0.3125rem;
    left: 0.625rem;
    height: 1.5rem;
    width: 1.5rem;
    background-color: #fff;
}

.z-checkmark-container:hover input ~ .z-checkmark {
    background-color: #fff;
}

.z-checkmark-container input:checked ~ .z-checkmark {
    background-color: #fff;
}

.z-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.z-checkmark-container input:checked ~ .z-checkmark:after {
    display: block;
}

.z-checkmark-container .z-checkmark:after {
    left: 0.4375rem;
    top: 0;
    width: 0.625rem;
    height: 1.25rem;
    border: solid #383c3f;
    border-width: 0 0.25rem 0.25rem 0;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}

.z-checkmark-container div {
    position: absolute;
    left: 2.75rem;
    top: 0;
}

.z-button {
    width: auto;
    margin: 0 auto 50px auto;
    cursor: pointer;
}

.z-right {
    float: right;
}

.z-bold {
    font-weight: 700;
}

/* ************************************************************ */
/* QUICK BOOK REDESIGN updated 15.10.19                         */
/* ************************************************************ */

@media (min-width:64em) {
    .c-block--content-table .c-table-row td.z-table-cell-eighty-percent {
        width: 80%;
    }

    .c-block--content-table .c-table-row td.z-table-cell-twenty-percent {
        width: 20%;
    }
}

.z-button-quick-book {
    display: inline-block;
    padding: .15625rem .3125rem;
    border: .0625rem solid #383c3f;
    color: #383c3f;
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    font-size: .875rem;
    letter-spacing: .1428571429rem;
    line-height: 1.7142857143;
    word-spacing: .125rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.z-button-quick-book:hover {
    background-color: #cdcdcd;
}

.z-table-quick-book-td-info, .z-table-quick-book-td-book-now, .z-quick-book-table-row {
    border: none !important;
    padding: .3125rem !important;
}

.z-quick-book-table-row {
    background: #e5e5e5;
}

.z-quick-book-table-row:nth-child(2n) {
    background: #f7f7f7;
}

.z-quick-book-table-row:nth-child(1n) {
    border: none !important;
}

.z-quick-book-table-row td:nth-child(1n) {
    border: none !important;
}

.z-table-tr-quickbook {
    border-bottom: 1px solid #d2d2d2 !important;
}

@media (min-width:64em) {
    .z-table-quick-book-td-info {
        text-align: left !important;
    }
}

.display-small-screen {
    display: inline-block;
}

@media (min-width:48em) {
    .display-small-screen {
        display: none;
    }
}

.full-rate-strike-through {
    text-decoration: line-through;
}

.quick-book-heading {
    color: #383c3f !important;
}

.z-table-quick-book-td-stay {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.z-quick-book-margin {
    margin-bottom: .625rem !important;
}

.z-quick-book-table-row:last-child {
    border-bottom: .0625rem solid #d2d2d2 !important;
}

.z-quick-book-table-row:first-child {
    border-top: .0625rem solid #d2d2d2 !important;
}


/* ************************************************************ */
/* BLOG CTA Updated 28.06.19                                    */
/* ************************************************************ */

.type-cta-blog {
    border: 1px solid #383c3f !important;
    display: block;
    padding: .625rem 1rem;
    background-color: #ffffff !important;
    color: #383c3f !important;
    text-transform: uppercase;
    text-align: center;
    font-size: 1rem;
    letter-spacing: .0625rem;
    line-height: 1.7142857143;
    text-decoration: none !important;
    word-spacing: .125rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    margin: 3rem auto !important;
    max-width: 20rem !important;
    width: 100% !important;
}

.type-cta-blog:hover {
    background-color: #e9e9e9 !important;
}

/* ************************************************************ */
/* Restaurant Booking - Updated 05.07.19                        */
/* ************************************************************ */

.z-keyline-button {
    background: #f2f2f2 !important;
    border: .0625rem solid #5b6166 !important;
    color: #5b6166 !important;
    display: inline-block;
    padding: .3125rem .625rem;
    text-transform: uppercase;
    text-align: center;
    font-size: .875rem;
    letter-spacing: .1428571429rem;
    line-height: 1.7142857143;
    word-spacing: .125rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    margin: .5rem;
    min-width: 7.5rem;
}

.z-keyline-button:hover {
    background: #e2e2e2 !important;
}

.z-background {
    background-size: cover;
    background-position: center;
    text-align: center;
}

.z-restaurant-date_entry { display: block; height: auto; margin: 0 auto 40px auto; width: 100%; background: transparent; box-sizing: border-box; padding: 10px 10%; }
.z-restaurant-date_entry form { box-sizing: border-box; display: flex; min-height: 60px; width: 100%; box-sizing: border-box; }
.z-restaurant-date_entry form div { width: 33%; border: #f7f7f7 10px solid; box-sizing: border-box; }
.z-restaurant-date_entry form div input { box-sizing: border-box; height: 40px; width: 90%; margin: auto 20px; padding: 0 10px; font-size: 20px; border: 1px solid #4c4e4e; }
.z-restaurant-date_entry form div button { letter-spacing: 0.2em; background: #4c4e4e; color: #fff; box-sizing: border-box; height: 40px; width: 90%; padding: 0 10px; margin: auto 20px; padding: 0 10px; font-size: 14px; border: 1px solid #4c4e4e; text-transform: uppercase; cursor: pointer; background: #4c4e4e; border: 1px solid #4c4e4e; -webkit-transition: all .5s linear; transition: all .5s linear; }
.z-restaurant-book-data { display: block; height: auto; margin: 0 auto 40px auto; width: 100%; background: transparent; box-sizing: border-box; padding: 10px 10%; }
.z-restaurant-book-data form { box-sizing: border-box; display: flex; width: 100%; box-sizing: border-box; }
.z-restaurant-book-data form div { width: 33%; border: transparent 10px solid; box-sizing: border-box; }
.z-date_entry form div button:hover { background: #383c3f; border: 1px solid #383c3f; }
.z-price-bold { font-weight: 400; }
.z-price-red_highlight { color: #b90808 !important; }
.z-restaurant-book-main { width: 100%; margin: 0 auto; padding: 2rem 0; }
.z-quick-book-date { font-size: 1rem !important; }

@media screen and (max-width: 767px) {
    .z-flexify { display: block; }
    .z-restaurant-book-main { width: 100%; margin: 0 auto; }
    .z-restaurant-date_entry { padding: 10px 0; }
    .z-restaurant-date_entry form div input { margin: 5px; }
    .z-restaurant-date_entry form div { width: 100%; border: transparent 10px solid; }
    .z-restaurant-date_entry form div input { box-sizing: border-box; height: 40px; width: 100%; margin: auto 0; padding: 0 10px; font-size: 20px; }
    .z-restaurant-date_entry form div button { box-sizing: border-box; height: 40px; width: 100%; padding: 0 10px; margin: auto 0; padding: 0 10px; }
    .z-restaurant-book-data { width: 96%; }
    .z-restaurant-book-data form div input { margin: 5px; }
    .z-restaurant-book-data form div { width: 100%; border: transparent 10px solid; }
    .z-restaurant-book-data form div input { box-sizing: border-box; height: 40px; width: 100%; margin: auto 0; padding: 0 10px; font-size: 20px; }
    .z-restaurant-book-data form div button { box-sizing: border-box; height: 40px; width: 100%; padding: 0 10px; margin: auto 0; padding: 0 10px; }
    .leave_inline { display: none; }
}

.z-restaurant-button {
    border: .0625rem solid #5b6166 !important;
    background: #fff !important;
    color: #5b6166 !important;
}

.z-restaurant-button:hover {
    background: #e2e2e2 !important;
}



/* ************************************************************ */
/* SPA CONSULTATION Updated 16.12.19                            */
/* ************************************************************ */

.z-checkbox {
    display: flex !important;
    width: 100% !important;
}

@media (min-width:48em) {
    .z-checkbox {
        width: 50% !important;
    }
}



/* ************************************************************ */
/* MENU REDESIGN Updated 20.08.20                               */
/* ************************************************************ */

.z-menu-content-section {
    padding-top: 6.125rem;
}

.z-type-heading-secondary {
    font-size: 1.25rem;
}

.z-type-body {
    display: block;
    float: right;
    padding: 0 0 0 .625rem;
    text-align: right;
}



/* ************************************************************ */
/* C BAY SALON BOOKING FORM Updated 28.10.20                    */
/* ************************************************************ */

.book-a-stay--form-box {
    padding: 0 0 1.25rem 0;
}

.salon-appointments--nail-bar {
    display: none;
}

.salon-appointments--barbers {
    display: none;
}

.salon-appointments--salon {
    display: block;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='radio'] {
        --active: #ADADAD;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #808080;
        --border-hover: #ADADAD;
        --background: #fff;
        --disabled: #E2E2E2;
        --disabled-inner: #E2E2E2;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
        transition: background .3s, border-color .3s, box-shadow .2s;
    }

    input[type='radio']:after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    }

    input[type='radio']:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }

    input[type='radio']:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: .9;
    }

    input[type='radio']:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }

    input[type='radio']:disabled + label {
        cursor: not-allowed;
    }

    input[type='radio']:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }

    input[type='radio']:focus {
        box-shadow: 0 0 0 var(--focus);
    }

    input[type='radio']:not(.switch) {
        width: 21px;
    }

    input[type='radio']:not(.switch):after {
        opacity: var(--o, 0);
    }

    input[type='radio']:not(.switch):checked {
        --o: 1;
    }

    input[type='radio'] + label {
        font-size: 14px;
        line-height: 21px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 4px;
    }

    input[type='radio'] {
        border-radius: 50%;
    }

    input[type='radio']:after {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 0;
        -webkit-transform: scale(var(--s, 0.7));
        transform: scale(var(--s, 0.7));
    }

    input[type='radio']:checked {
        --s: .5;
    }
}



/* ************************************************************ */
/* RESDIARY Updated 02.11.20                                    */
/* ************************************************************ */

.resdiary--container {
    display: none;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    padding-top: 175%; /* 1:1 Aspect Ratio */
    max-width: 37.5rem;
    width: 100%;
    display: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999999999999999999999999999999999;
    margin: 0 auto;
}

.resdiary--iframe {
    background: #fff;
    height: 80vh;
    position: absolute;
    padding: 1.25rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

@media (max-width:48em) {
    .resdiary--iframe {
        height: 90vh;
    }
}

.resdiary--close {
    display: block;
    width: 2.3125rem;
    height: 2.3125rem;
    margin: 0 0 0 auto;
}

.resdiary--box {
    background: #fff;
    height: 2.3125rem;
    padding: .625rem;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999999999999999999999999999999999999;
}

.resdiary--button {
    cursor: pointer;
}

input {
    -webkit-appearance: none;
    box-shadow: 0;
}

.c-introduction-cta-banner {
    width: 100%;
    margin: 1.25rem auto 0 auto;
    max-width: 65rem;
    border: .0625rem solid #383c3f;
    color: #383c3f;
    padding: 1.25rem;
    text-align: center;
    width: 100%;
}

.c-introduction-cta-banner p a {
    color: #383c3f;
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 1.7142857143;
    letter-spacing: .1428571429rem;
    position: relative;
    text-decoration: none;
    border-bottom: .125rem solid;
    word-spacing: .125rem
}

.c-introduction-cta-banner p a:hover {
    color: #696969
}



/***********************************************************************************/
/****** Booking tabs                                                          ******/
/***********************************************************************************/


.tab-1-button,
.tab-2-button,
.tab-3-button,
.dining-tab-1-button,
.dining-tab-2-button,
.dining-tab-3-button,
.dining-tab-4-button {
    cursor: pointer;
    display: inline-block;
    width: 45%;
    margin: 0 auto;
    text-align: center;
}

.booking-tab-button {
    width: fit-content;
    display: inline-block;
    width: 100%;
    max-width: 28%;
    font-size: 1.5rem;
    position: relative;
}

.booking-button {
    display: inline-block;
}

.booking-header {
    text-align: center;
}

.booking-form {
    font-size: 1.25rem;
}

.booking-continue {
    margin-top: 2.5rem;
    padding: .625rem;
    font-size: 1.25rem;
}

.booking-wide {
    margin: 0 auto 3.125rem auto;
}

.booking-pad {
    padding-top: 3.125rem;
    padding-bottom: 12.5rem;
}

.booking-dining-button-1,
.booking-dining-button-2,
.booking-dining-button-3,
.booking-dining-button-4,
.booking-dining-button-5 {
    display: inline-block;
    width: 100%;
    max-width: 28%;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1rem .625rem;
    /*font-size: 1.25rem;
    padding: 1.25rem .625rem;*/
}

.tab-1-back,
.tab-2-back,
.tab-3-back,
.dining-tab-1-back,
.dining-tab-2-back,
.dining-tab-3-back,
.dining-tab-4-back,
.dining-tab-5-back {
    cursor: pointer;
    position: relative;
    top: -3.125rem;
}

.button-bar {
    margin-bottom: 1.25rem;
    text-align: center;
}

.tab-1 {
    display: none;
    margin: 0 auto 3.125rem auto;
}

.tab-2 {
    display: none;
    margin: 0 auto 3.125rem auto;
}

.tab-3 {
    display: none;
    margin: 0 auto 3.125rem auto;
}

.dining-tab-1 {
    display: none;
}

.dining-tab-2 {
    display: none;
}

.dining-tab-3 {
    display: none;
}

.dining-tab-4 {
    display: none;
}

.dining-tab-5 {
    display: none;
}

.tab-1-button,
.tab-2-button,
.tab-3-button,
.dining-tab-1-button,
.dining-tab-2-button,
.dining-tab-3-button,
.dining-tab-4-button,
.dining-tab-5-button,
.booking-dining-button-1,
.booking-dining-button-2,
.booking-dining-button-3,
.booking-dining-button-4,
.booking-dining-button-5 {
    display: block;
    max-width: 32rem;
    width: 100%;
    margin-bottom: 1.25rem;
}


/***********************************************************************************/
/****** Bottom Nav                                                            ******/
/***********************************************************************************/

.bottom-nav-box {
    display: none;
}

@media (max-width:48em) {
    .bottom-nav-box {
        align-items: left;
        background: rgba(59, 76, 87, 1);
        bottom: 0;
        color: rgba(235, 235, 235, 1);
        display: flex;
        flex-direction: column;
        font-size: .75rem;
        height: 4.625rem;
        justify-content: center;
        padding: 0 1.25rem;
        position: fixed;
        width: 100%;
        z-index: 5;
    }
    
    .bottom-nav {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        width: 80%;
        margin: 0 auto 0 0;
    }
    
    .bottom-nav-link {
        color: rgba(235, 235, 235, 1);
        font-family: Figtree, sans-serif;
        font-weight: 500;
        display: inline-block;
        margin-right: 1.25rem;
        letter-spacing: .1rem;
        line-height: .875rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        border-bottom: .125rem solid transparent;
        word-spacing: .125rem;
        width: fit-content;
    }
}





/***********************************************************************************/
/****** Clients                                                               ******/
/***********************************************************************************/

.content--flex-box--clients {
    align-items: center;
    gap: 1.25rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.client--logo {
    display: block;
    height: auto;
    text-align: center;
    width: 16.666%;
}

@media (max-width:48em) {
    .client--logo {
        padding: .125rem;
        width: 33.333%;
    }
}

.client--logo--box {
    height: auto;
    padding: .625rem;
    width: 100%;
}

.client--logo--image {
    height: auto;
    margin: auto;
    width: 100%;
}



/* ************************************************************ */
/* DATEPICKER Updated 27.12.18                                  */
/* ************************************************************ */

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', arial, verdana, sans-serif; font-size: 13px; line-height: 2em; text-align: center; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', arial, verdana, sans-serif; font-size: 10px; line-height: 1.4em; text-align: center; }
.ui-widget-content { border: 1px solid #ceced0; background: #ceced0 /*url(/images/calendar/ui-bg_flat_100_a4a4a6_40x100.png) 50% 50% repeat-x*/; color: #4c4e4e; }
.ui-widget-content a { color: #67686b !important; }
.ui-widget-header { border: 1px solid #67686b; background: #67686b url(/images/calendar/ui-bg_flat_100_67686b_40x100.png) 50% 50% repeat-x; color: #fff; font-weight: bold; font-size: 15px; }
.ui-widget-header a { color: #fff; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #67686b; background: #e7e7e7 url(/images/calendar/ui-bg_flat_100_e7e7e7_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #bfc1c1; text-align: center; /*border-radius: 5px;*/ }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff !important; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #67686b; background: #bfc1c1 url(/images/calendar/ui-bg_flat_100_67686b_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #fff; /*border-radius: 5px;*/ }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #bfc1c1 url(/images/calendar/ui-bg_flat_100_67686b_40x100.png) 50% 50% repeat-x; border: 1px solid #67686b; color: #fff; font-weight: normal; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #67686b; background: #ffffff url(/images/calendar/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #67686b; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #67686b; }
.ui-icon { width: 16px; height: 16px; background-image: url(/images/calendar/ui-icons_e7e7e7_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/calendar/ui-icons_e7e7e7_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/calendar/ui-icons_e7e7e7_256x240.png); }
.ui-icon-circle-triangle-e { background-position: -48px -192px; cursor: pointer; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; cursor: pointer; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; cursor: pointer; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; cursor: pointer; }
.ui-widget-overlay { background: #aaaaaa url(/images/calendar/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/calendar/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); /*-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/ }
.ui-datepicker { max-width: 280px; padding: .2em .2em 0; display: none; width: 100%; /*border-radius: 10px;*/ position: relative; z-index: 99999999 !important; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; /*border-radius: 10px;*/ }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; color: 4c4e4e; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }

/*# sourceMappingURL=main.css.map */

.show-always {
    display: block;
}

.show-background {
    background: rgba(59, 76, 87, 1);
}

.mobile-hero-fix {
    display: none;
}

@media (max-width:48em) {
    .show-background-homepage {
        background: rgba(59, 76, 87, 1);
    }

    .show-always-homepage {
        display: block;
    }

    .mobile-hero-fix {
        height: 6.25rem;
        display: block;
    }
}

/* ************************************************************ */
/* NEW FOOTER START 12/09/24                                    */
/* ************************************************************ */

.cbh-footer-top {
    display: grid;
    gap: 2.5rem;
    grid-template-areas: "main-nav secondary-nav details";
    grid-template-columns: 2fr 2fr 1fr;
    margin-bottom: 3.125rem;
    width: 100%;
}

@media (max-width:76em) {
    .cbh-footer-top {
        gap: 0;
        column-gap: 1.25rem;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width:48em) {
    .cbh-footer-top {
        gap: 0;
        column-gap: 1.25rem;
        row-gap: 1.25rem;
        grid-template-areas: "main-nav secondary-nav" "details details";
        grid-template-columns: 1fr 1fr;
    }
}

.cbh-footer-main-nav {
    grid-area: main-nav;
    width: 100%;
    padding: .625rem;
    border-right: .0625rem solid rgba(213, 210, 199, .5);
}

.cbh-footer-secondary-nav {
    grid-area: secondary-nav;
    width: 100%;
    padding: .625rem;
    border-right: .0625rem solid rgba(213, 210, 199, .5);
}

@media (max-width:48em) {
    .cbh-footer-main-nav {
        text-align: left;
        margin-bottom: 2.25rem;
    }
    
    .cbh-footer-secondary-nav {
        border-right: none;
        text-align: left;
        margin-bottom: 2.25rem;
    }
}

.cbh-footer-details {
    grid-area: details;
    width: 100%;
    padding: .625rem;
}

@media (max-width:48em) {
    .cbh-footer-details {
        border-top: .0625rem solid rgba(255, 255, 255, .5);
        padding: 2.25rem .625rem 0 .625rem;
    }
}

.cbh-footer-bottom {
    display: grid;
    gap: 2.5rem;
    grid-template-areas: "compulsory g7";
    grid-template-columns: 4fr 1fr;
    border-top: .0625rem solid rgba(213, 210, 199, .5);
    padding-top: 1.25rem;
}

.cbh-footer-compulsory {
    grid-area: compulsory;
    width: 100%;
    padding: .625rem;
    text-align: left;
}

.cbh-footer-g7 {
    grid-area: g7;
    width: 100%;
    padding: .625rem;
}

.cbh-footer-g7-title {
    display: block;
    height: auto;
    width: 6.125rem;
}

.cbh-footer-g7-logo {
    display: block;
    height: auto;
    width: 6.125rem;
}

.cbh-brands {
    border-top: .0625rem solid rgba(213, 210, 199, .5);
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
    position: relative;
    z-index: 2;
}

.cbh-brand {
    margin: 1.25rem 2.25rem 0
}

.cbh-brand img {
    height: 4.25rem;
    width: auto;
}

@media (max-width:64em) {
    .cbh-brand {
        margin: 1.25rem;
    }

    .cbh-brand img {
        height: 3.375rem;
    }
}

@media (max-width:48em) {
    .cbh-brand {
        margin: 1.25rem;
    }

    .cbh-brand img {
        height: 3rem;
    }
}

.cbh-brand-inner-footer {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center;
    margin: 0 auto 0;
}

.cbh-brand-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: none;
    border-bottom: none;
}

.cbh-social-icon {
    display: inline-block;
}

.cbh-social-icon:last-child {
    margin-right: .625rem
}

.cbh-social-icon:not(:last-child) {
    margin-right: 1.25rem
}

.whatsapp-box {
    display: inline-block;
}

.whatsapp-box:last-child {
    margin-right: .625rem
}

.whatsapp-box:not(:last-child) {
    margin-right: 1.25rem
}

.cbh-brands-title {
    font-family: Figtree, sans-serif;
    font-size: .875rem;
    font-weight: 500;
}

.cbh-newsletter {
    background: rgba(245, 241, 235, 1);
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 3;
    width: 100%
}

@media (max-width:48em) {
    .cbh-newsletter {
        padding-bottom: 4.625rem;
    }
}

.cbh-newsletter .grecaptcha-badge {
    position: static !important;
    margin: 2.5rem auto 0;
    display: none !important;
}

.cbh-newsletter-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 38.5rem;
    text-align: center;
    padding: 2.5rem 1.25rem
}

@media (min-width:48em) {
    .cbh-newsletter-inner {
        max-width: 48.5rem;
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.cbh-newsletter-disclaimer {
    margin: 1.875rem 0 1.25rem;
    display: inline-block;
    color: #383c3f
}

.cbh-newsletter-input {
    margin: 0 auto;
    width: 100%;
    position: relative
}

.cbh-newsletter-input-field {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #383c3f;
    display: block;
    font-family: serif;
    padding-left: 0;
    width: 100%;
    height: 2.8125rem;
    word-spacing: .125rem
}

.cbh-newsletter-input-field::-webkit-input-placeholder {
    color: inherit
}

.cbh-newsletter-input-field::-ms-input-placeholder {
    color: inherit
}

.cbh-newsletter-input-field::placeholder {
    color: inherit
}

.cbh-newsletter-button {
    cursor: pointer;
    position: absolute;
    right: 0;
    background: url(/assets/images/nav-arrow.svg) no-repeat;
    z-index: 2;
    width: 2.5rem;
    height: 2.5rem;
    top: 0;
    border: 0
}

.cbh-newsletter-button:hover {
    background: url(/assets/images/nav-arrow-green.svg) no-repeat
}

#newsletter #ic_signupform .elcontainer.hidden-label .formEl.required:before {
    content: ""
}

@media (min-width:48em) {
    .cbh-newsletter-inner {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    
    .cbh-newsletter-input-field {
        line-height: 1.1666666667;
        font-size: 1.5rem
    }
    
    .cbh-newsletter .grecaptcha-badge {
        margin-top: 3.75rem
    }
}

.cbh-footer-newsletter {
    border-top: .0625rem solid rgba(213, 210, 199, .5);
    margin-top: 2.25rem;
    padding-top: 2.25rem;
}

.cbh-footer-newsletter--title {
    font-family: Figtree, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .625rem;
}

.cbh-footer-newsletter--copy {
    font-size: .875rem;
    margin-bottom: .625rem;
}

#cbh-show-newsletter {
    border: .0625rem solid currentColor;
    cursor: pointer;
    font-family: Figtree, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .1rem;
    line-height: 1.7142857143;
    padding: .3125rem .625rem;
    text-align: center;
    text-transform: uppercase;
    width: fit-content;
    word-spacing: .125rem;
}

@media (max-width:48em) {
    #cbh-show-newsletter {
        margin: 0 auto;
    }
}

#cbh-hide-newsletter {
    cursor: pointer;
    display: block;
    height: 2.25rem;
    width: fit-content;
}

#cbh-hide-newsletter svg {
    fill: currentColor;
    height: 2.25rem;
    position: absolute;
    right: 1.25rem;
    top: .625rem;
    width: auto;
}

#cbh-hide-newsletter svg:hover {
    fill: currentColor;
}

.footer-cta {
    border-bottom: none;
}

/* NEW FOOTER END 12/09/24 */

/* ************************************************************ */
/* NEW WHATS ON THREE COL GRID START 18/11/24                   */
/* ************************************************************ */

.selected {
    border-bottom: 2px solid currentColor;
}

.whats-on-gannet {
    background: rgba(213, 210, 199, 1);
    color: rgba(68, 73, 69, 1);
    /*position: absolute;
    left: 50px;
    bottom: 0;*/
    position: relative;
    padding: .625rem 1.25rem;
    width: 100%;
    height: 50px;
    z-index: 1;
    /*transform: rotate(270deg);
    transform-origin: bottom left;*/
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    scale: scale(1.0);
    opacity: 1 !important;
}

.whats-on-carbis-bay-estate {
    background: rgba(229, 219, 202, 1);
    color: rgba(68, 73, 69, 1);
    /*position: absolute;
    left: 50px;
    bottom: 0;*/
    position: relative;
    padding: .625rem 1.25rem;
    width: 100%;
    height: 50px;
    z-index: 1;
    /*transform: rotate(270deg);
    transform-origin: bottom left;*/
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    scale: scale(1.0);
    opacity: 1 !important;
}

.whats-on-treloyhan {
    background: rgba(188, 183, 174, 1);
    color: rgba(68, 73, 69, 1);
    /*position: absolute;
    left: 50px;
    bottom: 0;*/
    position: relative;
    padding: .625rem 1.25rem;
    width: 100%;
    height: 50px;
    z-index: 1;
    /*transform: rotate(270deg);
    transform-origin: bottom left;*/
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    scale: scale(1.0);
    opacity: 1 !important;
}

.whats-on-pod-st-ives {
    background: rgba(204, 187, 159, 1);
    color: rgba(68, 73, 69, 1);
    /*position: absolute;
    left: 50px;
    bottom: 0;*/
    position: relative;
    padding: .625rem 1.25rem;
    width: 100%;
    height: 50px;
    z-index: 1;
    /*transform: rotate(270deg);
    transform-origin: bottom left;*/
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    scale: scale(1.0);
    opacity: 1 !important;
}

.whats-on-slider {
    width: calc(100%);
}

.cross-sell-header {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 0;
}

.availability-flash {
    transform: scale(1) !important;
}

.whats-on-icon {
    height: 1.5rem;
    width: auto;
    display: inline;
    transform: scale(1) !important;
}

#tab-one,
#tab-two,
#tab-three,
#tab-four {
    display: none;
}

/* NEW WHATS ON THREE COL GRID END 18/11/24 */



/* ************************************************************ */
/* IMAGE CAROUSEL 17/12/24                                      */
/* ************************************************************ */

.image-carousel:after {
    display: none;
    content: "flickity"
}

.image-carousel-item {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.flickity-button {
    background: rgba(68, 73, 79, .5);
}

.flickity-button:hover {
    background: rgba(68, 73, 79, 1);
}

.cs-slider .flickity-prev-next-button {
    /*top: 50% !important;*/
}
  
.flickity-prev-next-button {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 0;
}

.flickity-prev-next-button.previous {
    left: .625rem;
    z-index: 11;
}

.flickity-prev-next-button.next {
    right: .625rem;
}

.flickity-button-icon {
    fill: white;
    padding: .125rem;
    z-index: 11;
}

/* NEW IMAGE CAROUSEL END 17/12/24  */



/* ************************************************************ */
/* NEW BRANDS MENU START 13/01/25                               */
/* ************************************************************ */

.c-nav-menus {
    background-color: rgba(59, 76, 87, 1);
    color: rgba(235, 235, 235, 1);
}

.c-nav-icon-open {
    fill: currentColor;
    stroke: currentColor;
}

.cbh-menus-container {
    display: grid;
    gap: 3.125rem;
    grid-template-areas: "cbh-nav cbh-col";
    grid-template-columns: 1fr 1fr;
    margin-bottom: 12.5rem;
    width: 100%;
}

@media (max-width:48em) {
    .cbh-menus-container {
        grid-template-areas: "cbh-nav" "cbh-col";
        grid-template-columns: 1fr;
    }
}

.cbh-menus {
    grid-area: cbh-nav;
    width: 100%;
}

.cbh-collection {
    grid-area: cbh-col;
    padding-top: 1.125rem;
    margin: 0 auto;
    max-width: 48rem;
    width: 100%;
    text-align: center;
}

.cbh-nav-item {
    color: rgba(235, 235, 235, 1);
    display: block;
    padding: .6875rem 0 .3125rem;
    margin: 0 auto;
    max-width: 48rem;
    width: 100%;
}

.cbh-nav-item:not(:last-child) {
    border-bottom: .0625rem solid rgba(213, 210, 199, .5);
}

.cbh-type-nav-big {
    color: rgba(235, 235, 235, 1);
    font-size: 1.5rem;
    line-height: 1.3333333333;
    letter-spacing: .0625rem;
    word-spacing: .125rem
}

.cbh-type-nav-small {
    color: rgba(235, 235, 235, 1);
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: .0625rem;
    word-spacing: .125rem
}

.cbh-nav-contact {
    display: block;
    margin-bottom: .625rem;
}

.cbh-nav-meta {
    border-top: .0625rem solid rgba(213, 210, 199, .5);
    margin-top: 0;
    padding-top: 2.5rem;
}

.cbh-brands-menu {
    border-top: none;
    padding-top: 0;
}

@media (max-width:48em) {
    .cbh-brands-menu {
        border-top: .0625rem solid rgba(213, 210, 199, .5);
        padding-top: 3.125rem;
    }
}

.cbh-brand-content-menu {
    padding-top: 1.25rem;
}

@media (max-width:48em) {
    .cbh-brand-content-menu {
        padding-top: 0;
    }
}

/* NEW BRANDS MENU END 13/01/25 */



/* ************************************************************ */
/* NEW GANNET REDESIGN START 27/03/25       HELLO                    */
/* ************************************************************ */

.book-a-table-container {
    background: rgba(255, 255, 255, 1);
    display: none;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 12.25rem;
    position: fixed;
    top: 6.25rem;
    width: 100%;
    z-index: 3;
}

.hide-book-a-table {
    cursor: pointer;
    display: block;
    height: 2.25rem;
    width: fit-content;
}

.book-a-table-container-walters {
    background: rgba(255, 255, 255, 1);
    display: none;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 12.25rem;
    position: fixed;
    top: 6.25rem;
    width: 100%;
    z-index: 3;
}

.hide-book-a-table-walters {
    cursor: pointer;
    display: block;
    height: 2.25rem;
    width: fit-content;
}

.book-a-table-container-deli {
    background: rgba(255, 255, 255, 1);
    display: none;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 12.25rem;
    position: fixed;
    top: 6.25rem;
    width: 100%;
    z-index: 3;
}

.hide-book-a-table-deli {
    cursor: pointer;
    display: block;
    height: 2.25rem;
    width: fit-content;
}

.book-a-table-container-beach-club {
    background: rgba(255, 255, 255, 1);
    display: none;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 12.25rem;
    position: fixed;
    top: 6.25rem;
    width: 100%;
    z-index: 3;
}

.hide-book-a-table-beach-club {
    cursor: pointer;
    display: block;
    height: 2.25rem;
    width: fit-content;
}

.book-a-table-container-orangery {
    background: rgba(255, 255, 255, 1);
    display: none;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 12.25rem;
    position: fixed;
    top: 6.25rem;
    width: 100%;
    z-index: 3;
}

.hide-book-a-table-orangery {
    cursor: pointer;
    display: block;
    height: 2.25rem;
    width: fit-content;
}

.book-a-table-container-ugly-butterfly {
    background: rgba(255, 255, 255, 1);
    display: none;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 12.25rem;
    position: fixed;
    top: 6.25rem;
    width: 100%;
    z-index: 3;
}

.hide-book-a-table-ugly-butterfly {
    cursor: pointer;
    display: block;
    height: 2.25rem;
    width: fit-content;
}

.hide-book-a-table svg,
.hide-book-a-table-ugly-butterfly svg,
.hide-book-a-table-orangery svg,
.hide-book-a-table-walters svg,
.hide-book-a-table-beach-club svg,
.hide-book-a-table-deli svg {
    stroke: rgba(59, 76, 87, 1);
    height: 2.25rem;
    position: absolute;
    right: 1.25rem;
    top: .625rem;
    width: auto;
}

.button-container {
    display: block;
    margin: 0 auto;
    max-width: 23.125rem;
    text-align: center;
}

.book-a-table-header {
    padding-top: 2.25rem;
}

#hide-book-a-table svg:hover {
    stroke: rgba(223, 221, 209, 1);
}

.top-nav-social {
    fill: rgba(235, 235, 235, 1);
    height: 1.375rem;
    position: relative;
    top: .1875rem;
    width: auto;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.top-nav-social:hover {
    fill: rgba(223, 221, 209, 1);
}

.gannet-red {
    color: rgba(59, 76, 87, 1);
    fill: rgba(59, 76, 87, 1);
    /*stroke: rgba(59, 76, 87, 1);*/
}

.gannet-red:hover {
    color: rgba(223, 221, 209, 1);
    fill: rgba(223, 221, 209, 1);
    /*stroke: rgba(223, 221, 209, 1);*/
}

.gannet-red-fill {
    fill: rgba(59, 76, 87, 1);
}

.gannet-red-stroke {
    stroke: rgba(59, 76, 87, 1);
}

.gannet-red-fill:hover {
    fill: rgba(223, 221, 209, 1);
}

.gannet-red-button-outline {
    border: rgba(59, 76, 87, 1) .0625rem solid;
    color: rgba(59, 76, 87, 1);
}

.gannet-red-button-outline:hover {
    border: rgba(223, 221, 209, 1) .0625rem solid;
    color: rgba(223, 221, 209, 1);
}

.logo-change-text {
    fill: rgba(235, 235, 235, 1);
    display: block;
    width: 12.5rem;
}
.logo-change-text:hover {
    fill: rgba(223, 221, 209, 1);
}

@media (max-width:48em) {
    .logo-change-text {
        width: 7.5rem;
    }
    .c-nav-logo {
        color: rgba(255, 255, 255, 1);
        fill: rgba(255, 255, 255, 1);
    }

    .c-nav-burger {
        color: rgba(255, 255, 255, 1);
        fill: rgba(255, 255, 255, 1);
        stroke: rgba(255, 255, 255, 1);
    }

    .top-nav-social {
        fill: rgba(255, 255, 255, 1);
    }

    .c-nav-book-btn {
        border: rgba(255, 255, 255, 1) .0625rem solid;
        color: rgba(255, 255, 255, 1);
    }
}

.show-background .c-nav-logo {
    color: rgba(255, 255, 255, 1);
    fill: rgba(255, 255, 255, 1);
}

.show-background .c-nav-burger {
    color: rgba(255, 255, 255, 1);
    fill: rgba(255, 255, 255, 1);
    stroke: rgba(255, 255, 255, 1);
}

.show-background .top-nav-social {
    fill: rgba(255, 255, 255, 1);
}

.show-background .c-nav-book-btn {
    border: rgba(255, 255, 255, 1) .0625rem solid;
    color: rgba(255, 255, 255, 1);
}

.show-background .featured-link {
    color: rgba(255, 255, 255, 1);
}

.show-background .c-nav-logo:hover {
    color: rgba(223, 221, 209, 1);
    fill: rgba(223, 221, 209, 1);
}

.show-background .c-nav-burger:hover {
    color: rgba(223, 221, 209, 1);
    fill: rgba(223, 221, 209, 1);
    stroke: rgba(223, 221, 209, 1);
}

.show-background .top-nav-social:hover {
    fill: rgba(223, 221, 209, 1);
}

.show-background .c-nav-book-btn:hover {
    border: rgba(223, 221, 209, 1) .0625rem solid;
    color: rgba(223, 221, 209, 1);
}

.show-background .featured-link:hover {
    color: rgba(223, 221, 209, 1);
}

.c-nav-background .c-nav-logo {
    color: rgba(255, 255, 255, 1);
    fill: rgba(255, 255, 255, 1);
}

.c-nav-background .c-nav-burger {
    color: rgba(255, 255, 255, 1);
    fill: rgba(255, 255, 255, 1);
    stroke: rgba(255, 255, 255, 1);
}

.c-nav-background .top-nav-social {
    fill: rgba(255, 255, 255, 1);
}

.c-nav-background .c-nav-book-btn {
    border: rgba(255, 255, 255, 1) .0625rem solid;
    color: rgba(255, 255, 255, 1);
}

.c-nav-background .featured-link {
    color: rgba(255, 255, 255, 1);
}

.c-nav-background .c-nav-logo:hover {
    color: rgba(223, 221, 209, 1);
    fill: rgba(223, 221, 209, 1);
}

.c-nav-background .c-nav-burger:hover {
    color: rgba(223, 221, 209, 1);
    fill: rgba(223, 221, 209, 1);
    stroke: rgba(223, 221, 209, 1);
}

.c-nav-background .top-nav-social:hover {
    fill: rgba(223, 221, 209, 1);
}

.c-nav-background .c-nav-book-btn:hover {
    border: rgba(223, 221, 209, 1) .0625rem solid;
    color: rgba(223, 221, 209, 1);
}

.c-nav-background .featured-link:hover {
    color: rgba(223, 221, 209, 1);
}

.c-nav-book-btn:hover {
    border: solid .0625rem rgba(223, 221, 209, 1);
    color: rgba(223, 221, 209, 1);
}

.logo-change-gannet {
    display: none;
}

.c-nav-logo-visible:hover {
    fill: rgba(223, 221, 209, 1);
}

.social-links-box {
    padding: 10px;
    width: fit-content;
    text-transform: uppercase;
    position: absolute;
    right: 10.625rem;
    top: 1.5rem;
    text-align: right;
    width: 50.25rem;
}

@media (max-width:56em) {
    .social-links-box {
        display: none;
    }
}

.white-background {
    background: rgba(255, 255, 255, 1);
}

.stone-background {
    background: rgba(226, 217, 186, 1);
}

.stone-with-gannet-background {
    background: rgba(226, 217, 186, 1) url(/assets/images/background-gannet-stone.svg) repeat -3.125rem -6.25rem;
}

.off-white-with-gannet-background {
    background: rgba(235, 235, 235, 1) url(/assets/images/background-gannet-white.svg) repeat -3.125rem -6.25rem;
}

@media (max-width:78em) {
    .stone-with-gannet-background,
    .off-white-with-gannet-background {
        background-size: 150%;
    }
}

@media (max-width:56em) {
    .stone-with-gannet-background {
        background-size: 200%;
    }
}

.off-white-background {
    background: rgba(235, 235, 235, 1);
}

.off-white-colour {
    color: rgba(235, 235, 235, 1);
}

.red-colour {
    color: rgba(59, 76, 87, 1);
}

.arrow-off-white-fill {
    fill: rgba(235, 235, 235, 1);
    stroke: transparent;
}

.arrow-off-white-stroke {
    stroke: rgba(235, 235, 235, 1);
    fill: transparent;
}

.padding-100 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.padding-50 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}

.padding-0 {
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.margin-0 {
    margin: 0;
    padding: 0;
}

.text-overlay {
    color: rgba(235, 235, 235, 1);
}

.pointer {
    cursor: pointer;
}

.aspect-ratio-square {
    aspect-ratio: 1 / 1;
}

.aspect-ratio-landscape {
    aspect-ratio: 3 / 2;
}

.aspect-ratio-landscape-tall {
    aspect-ratio: 6 / 5;
}

.inset-slider {
    padding: 0 5rem;
}

@media (max-width:48em) {
    .inset-slider {
        padding: 0 3.125rem;
    }
}

.cs-slider .flickity-prev-next-button {
    top: calc(50% - 25px) !important;
}

.cs-slider .flickity-prev-next-button.previous {
    background: none;
}

.cs-slider .flickity-prev-next-button.next {
    background: none;
}

.cs-slider .flickity-button-icon {
    stroke: transparent !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.cs-slider .flickity-button-icon .arrow {
    stroke: transparent !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.cs-slider .flickity-button-icon:hover .arrow {
    stroke: transparent !important;
    fill: rgba(59, 76, 87, 1) !important;

}

.four-column-feature-center {
    text-align: center;
}

.features-double-image {
    padding: 0 1.25rem;
    max-width: 75rem;
    margin: 0 auto;
}

.menu-legend-symbol {
    color: rgba(59, 76, 87, 1);
    font-style: italic;
}

.menu-price {
    color: rgba(59, 76, 87, 1);
    font-weight: 600;
}

.c-nav-close-svg-fill {
    stroke: rgba(255, 255, 255, 1);
}

.c-nav-close-svg-fill:hover {
    stroke: rgba(223, 221, 209, 1);
}

.menu-panel-title {
    font-size: 2.5rem;
    color: rgba(59, 76, 87, 1);
}

.feature-double-image-portrait {
    aspect-ratio: 10 / 13;
    position: absolute;
    top: 0;
    left: 0;
    height: 85%;
    width: fit-content;
}

.feature-double-image-square {
    aspect-ratio: 1 / 1;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50%;
    width: fit-content;
}
    
.c-feature:nth-child(even) .feature-double-image-portrait {
    left: auto;
    right: 0;
}
    
.c-feature:nth-child(even) .feature-double-image-square {
    left: 0;
    right: auto;
}

.fadein {
    opacity: 0;
    transition: all 1.5s;
    transform: translate(0, 50px);
}

.fadein-left {
    opacity: 0;
    transition: all 1.5s;
    transform: translate(50px, 0);
}

.fadein-right {
    opacity: 0;
    transition: all 1.5s;
    transform: translate(-50px, 0);
}

.fadein-right-large {
    opacity: 0;
    transition: all 1.5s;
    transform: translate(-100px, 0);
}

.fadein-left-large {
    opacity: 0;
    transition: all 1.5s;
    transform: translate(100px, 0);
}
  
.fadein.visible,
.fadein-left.visible,
.fadein-right.visible,
.fadein-right-large.visible,
.fadein-left-large.visible {
    opacity: 1;
    transform: translate(0, 0);
}

.type-heading-main .text-big {
    font-size: 3.25rem;
}

.type-heading-main .text-small {
    font-size: 2.5rem;
}

.wider-content {
    padding: 0;
}

@media (max-width:48em) {
    .wider-content {
        padding: 0 1.25rem;
    }
}

.link-carousel-text {
    bottom: 0;
    color: rgba(255, 255, 255, 1);
    font-family: Figtree, sans-serif;
    font-weight: 500;
    height: fit-content;
    left: 0;
    letter-spacing: .1rem;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    word-spacing: .125rem;
    z-index: 101;
}

.link-carousel-background {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.menu-grid-box {
    border: 1px solid rgba(59, 76, 87, 1);
    font-family: Figtree, sans-serif;
    font-weight: 500;
    padding: 1.25rem;
    transition: all .5s linear;
    height: 100%;
    width: 100%;
}

.menu-grid-box:hover {
    background: rgba(59, 76, 87, 1);
    color: rgba(245, 241, 235, 1);
}

.menu-grid-box:hover .menu-grid-header {
    color: rgba(245, 241, 235, 1);
}

.menu-grid-header {
    font-size: 1.25rem;
    text-transform: uppercase;
    transition: all .5s linear;
}

.menu-grid-item {
    padding-bottom: 1.25rem;
}

.sleeps-and-price {
    font-size: .875rem;
}

.intro-sleeps {
    margin-bottom: 1.25rem;
}

.center-block {
    text-align: center;
}

.full-width-table {
    max-width: 100%;
    padding: 0 6.25rem;
    width: 100%;
}

@media (max-width:48em) {
    .full-width-table {
        padding: 0 1.25rem;
    }
}

.at-a-glance-column {
    font-family: Figtree, sans-serif;
    font-weight: 600;
    width: 20% !important;
}

@media (max-width:48em) {
    .at-a-glance-column {
        width: 100% !important;
    }
}

.at-a-glance-table-header {
    font-size: 1.0625rem;
    text-transform: none;
}

.single-image-alternate {
    width: 100%;
    height: auto;
}

.whats-on-box {
    border: .0625rem solid rgba(59, 76, 87, 1);
}

.link-carousel-slider .flickity-prev-next-button {
    top: 50% !important;
}

.cross-sell-slider {
    background: rgba(226, 217, 186, 1);
}

.blog-footer {
    background: rgba(226, 217, 186, 1);
}

.main-heading-menu {
    margin-bottom: 0;
    padding-bottom: 0;
}

.expanding-block {
    height: 6.5rem;
    transition: all 2s linear;
    overflow: hidden;
}

.expanded-block {
    height: fit-content;
    overflow: none;
}

.view-expanding-block {
    color: rgba(205, 127, 50, 1);
    cursor: pointer;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 auto;
    padding-bottom: .3125rem;
    text-transform: uppercase;
    margin-top: 1.25rem;
    width: fit-content;
}

.view-expanding-block:hover {
    color: rgba(37, 23, 65, 1);
}

.hide-expanding-block {
    color: rgba(205, 127, 50, 1);
    cursor: pointer;
    display: none;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 auto;
    padding-bottom: .3125rem;
    text-transform: uppercase;
    transition: all 1s linear;
    margin-top: 1.25rem;
    width: fit-content;
}

.hide-expanding-block:hover {
    color: rgba(37, 23, 65, 1);
}

.charcoal-text {
    color: rgba(68, 73, 69, 1);
    letter-spacing: .03125rem;
}

.intro-highlight {
    font-weight: 600;
}

/* NEW GANNET REDESIGN END 27/03/25 */


/* ************************************************************ */
/* LIGHTBOX START 29/04/25                                      */
/* ************************************************************ */

.row > .column {
    padding: 0 8px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
    float: left;
    width: 25%;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1000 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: none;
    background-color: rgba(255, 255, 255, .9);
}

/* Modal Content */
.modal-content {
    position: absolute;
    height: 90%;
    width: 90%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.slide-box {
    position: relative;
}

/* Hide the slides by default */
.mySlides {
    display: none;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: contain;
    aspect-ratio: 3 / 2;
}

.my-image {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: contain;
    aspect-ratio: 3 / 2;
    z-index: 1002;
}

.lightbox-content-box {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: contain;
    aspect-ratio: 3 / 2;
    background-color: transparent;
    z-index: 1003;
}

/* Next & previous buttons */
.lightbox-prev,
.lightbox-next {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 1.125rem);
}

/* Position the "next button" to the right */
.lightbox-next {
    right: 0;
}

/* Number text (1/3 etc) */
.numbertext {
    color: rgba(59, 76, 87, 1);
    font-size: 1.125rem;
    padding: .5rem .75rem;
    position: absolute;
    top: 1.25rem;
    z-index: 1001;
}

.carousel-desktop {
    display: block;
}

.carousel-mobile {
    display: none;
}

@media (max-width:48em) {
    .carousel-desktop {
        display: none;
    }
    
    .carousel-mobile {
        display: block;
    }
}

.left-arrow {
    height: 1.75rem;
    fill: rgba(59, 76, 87, 1);
    left: -3.125rem;
    padding: .125rem;
    position: absolute;
    width: 1.75rem;
}

.left-arrow:hover {
    fill: rgba(223, 221, 209, 1);
}

.right-arrow {
    fill: rgba(59, 76, 87, 1);
    height: 1.75rem;
    padding: .125rem;
    position: absolute;
    transform: scaleX(-1);
    right: -3.125rem;
    width: 1.75rem;
}

.right-arrow:hover {
    fill: rgba(223, 221, 209, 1);
}

@media (max-width:48em) {
    .left-arrow {
        left: .625rem;
    }

    .right-arrow {
        right: .625rem;
    }
    
}

.lightroom-close {
    cursor: pointer;
    height: 2.25rem;
    position: absolute;
    right: 1.875rem;
    stroke: rgba(59, 76, 87, 1);
    top: 1.875rem;
    width: 2.25rem;
    z-index: 1001;
}

.lightroom-close:hover {
    stroke: rgba(223, 221, 209, 1);
}

@media (max-width:48em) {
    .lightroom-close {
        right: .625rem;
        top: .625rem;
    }
}

.carousel-overlay {
    cursor: zoom-in;
    display: none;
    background: rgba(59, 76, 87, .9);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.c-cs-home-img-lightbox:hover .carousel-overlay {
    display: block;
}

.magnifier {
    bottom: 0;
    height: fit-content;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
}

/* LIGHTBOX END 29/04/25 */



/* ************************************************************ */
/* IMAGE WALL START 03/07/25                                    */
/* ************************************************************ */

.image-wall {
    padding: 0 .625rem;
}

@media (max-width:48em) {
    .image-wall {
        padding: 0 .3125rem;
    }
}

.image-grid-left {
    margin: 0 auto;
    display: grid;
    grid-template-areas: "largeLeft small1Left small2Left";
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto;
    grid-auto-flow: column;
    width: 100%;
}

.image-large-left {
    grid-area: largeLeft;
}

.image-small-left-1 {
    grid-area: small1Left;
    height: 100%;
}

.image-small-left-2 {
    grid-area: small2Left;
    height: 100%;
}

.image-grid-right {
    margin: 0 auto;
    display: grid;
    grid-template-areas: "small1Right small2Right largeRight";
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: auto;
    grid-auto-flow: column;
    width: 100%;
}

.image-large-right {
    grid-area: largeRight;
}

.image-small-right-1 {
    grid-area: small1Right;
    height: 100%;
}

.image-small-right-2 {
    grid-area: small2Right;
    height: 100%;
}

.image-grid-square-left {
    margin: 0 auto;
    display: grid;
    grid-template-areas: "largeSquareLeft smallSquare1Left smallSquare2Left" "largeSquareLeft smallSquare3Left smallSquare3Left";
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 50% 50%;
    grid-auto-flow: column;
    width: 100%;
}

.image-square-large-left {
    grid-area: largeSquareLeft;
}

.image-square-small-left-1 {
    grid-area: smallSquare1Left;
    height: 100%;
}

.image-square-small-left-2 {
    grid-area: smallSquare2Left;
    height: 100%;
}

.image-square-small-left-3 {
    grid-area: smallSquare3Left;
    height: 100%;
}

.image-grid-square-right {
    margin: 0 auto;
    display: grid;
    grid-template-areas: "smallSquare1Right smallSquare2Right largeSquareRight" "smallSquare3Right smallSquare3Right largeSquareRight";
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: 50% 50%;
    grid-auto-flow: column;
    width: 100%;
}

.image-square-large-right {
    grid-area: largeSquareRight;
}

.image-square-small-right-1 {
    grid-area: smallSquare1Right;
    height: 100%;
}

.image-square-small-right-2 {
    grid-area: smallSquare2Right;
    height: 100%;
}

.image-square-small-right-3 {
    grid-area: smallSquare3Right;
    height: 100%;
}

.image-grid-image {
    height: 100%;
    object-fit: cover;
    padding: .625rem;
}

@media (max-width:48em) {
    .image-grid-image {
        padding: .3125rem;
    }
}

.image-grid-image--large {
    aspect-ratio: 3 / 2;
}

.image-grid--squre-image--large {
    aspect-ratio: 1 / 1;
}

/* IMAGE WALL END 03/07/25 */



/* ************************************************************ */
/* BOLD INTRO TEXT 05/08/25                                     */
/* ************************************************************ */

.c-text-heavy-body strong {
    font-weight: 700;
}

/* BOLD INTRO TEXT END 05/08/25 */



/* ************************************************************ */
/* REMOVE RECAPCHTA 05/08/25                                    */
/* ************************************************************ */

.grecaptcha-badge {
    display: none !important;
}

/* REMOVE RECAPCHTA END 05/08/25 */