@font-face {
  font-family: Ppfragment Glare;
  src: url('../fonts/PPFragment-GlareLightItalic.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ppfragment Glare;
  src: url('../fonts/PPFragment-GlareLight.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppfragment Sans;
  src: url('../fonts/PPFragment-SansLightItalic.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ppfragment Sans;
  src: url('../fonts/PPFragment-SansLight.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppfragment Serif;
  src: url('../fonts/PPFragment-SerifLightItalic.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ppfragment Serif;
  src: url('../fonts/PPFragment-SerifLight.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppfragment Sans;
  src: url('../fonts/PPFragment-SansRegular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppfragment Sans;
  src: url('../fonts/PPFragment-SansBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --colours--cream: #e5dfd0;
  --fonts--body: "Ppfragment Sans", sans-serif;
  --colours--brown: #180b02;
  --fonts--header-serif: "Ppfragment Serif", sans-serif;
  --fonts-sizes--h1-font-size: 6.25rem;
  --fonts-sizes--h1-font-size-ipad: 5.25rem;
  --fonts-sizes--h1-font-size-mob: 4.25rem;
  --fonts-sizes--h2-font-size: 3rem;
  --fonts-sizes--h2-font-size-ipad: 2.5rem;
  --fonts-sizes--h2-font-size-mob: 2rem;
  --fonts-sizes--h3-font-size: 2rem;
  --fonts-sizes--h3-font-size-ipad: 2rem;
  --fonts--header-serif-small: "Ppfragment Glare", sans-serif;
  --fonts-sizes--h3-font-size-mob: 1.5rem;
  --fonts-sizes--h4-font-size: 1.2rem;
  --fonts-sizes--h5-font-size: .8rem;
  --fonts-sizes--h6-font-size: .7rem;
  --fonts-sizes--h6-spacing: 2px;
  --colours--gold: #775b2f;
  --nav--nav-offset-ipad: 60px;
  --image-grid-spacing--image-grid-all: 24px;
  --page-layout--max-width: 1528px;
  --page-layout--desktop-page-padding: 64px;
  --page-layout--mobile-page-padding: 24px;
  --type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>: 1rem;
  --ctas--cta-button-spacing: 15px;
  --type-space-sm\<deleted\|variable-4a33bdb9-1632-e784-57f8-e7b75da958f9\>: .5rem;
  --tint-colours--brown-20: #180b0233;
  --list-spacing--list-padding: 8px;
  --ctas--cta-font-size: .65rem;
  --tint-colours--cream-20: #e5dfd033;
  --tint-colours--gold-20: #775b2f33;
  --text-block-spacing--text-block-desk: 32px;
  --text-block--image-spacing--text-image-mob: 24px;
  --text-block-spacing--text-block-ipad-mob: 32px;
  --panels--panel-max-width-large: 525px;
  --tint-colours--slate-20: #67758233;
  --colours--light-gold: #d0c6b6;
  --panels--panel-padding: 32px;
  --panel-colours--cream-panel: #e5dfd066;
  --panel-colours--slate-panel: #6775824d;
  --colours--transparent: transparent;
  --cards--card-padding: 24px;
  --cards--card-spacing: 20px;
  --misc--image-grid-gap-size: 24px;
  --misc--room-features-gap-space: 1.5rem;
  --intro-overlay-2-images-text-container-padding\<deleted\|variable-425b3fca-f1c7-dbd0-7242-b965aef37990\>: 20px;
  --image-ratios--image-portrait-tall: 150%;
  --image-ratios--image-portrait: 120%;
  --image-ratios--image-landscape: 75%;
  --text-block--image-spacing--text-image-desk: 5vw;
  --misc--copy-overlay-wraper-max-width: 450px;
  --copy-overlay-wrapper-padding\<deleted\|variable-da10a8ae-46f1-db28-5b56-c486e181f6d2\>: 20px;
  --tint-colours--white-20: #fff3;
  --copy-overlay-grid-padding\<deleted\|variable-f9e50c23-dcba-0527-f8ae-5179294dae56\>: 20px;
  --image-ratios--image-square: 100%;
  --nav--nav-offset-desk: 109px;
  --misc--hero-video-controls-gap: 20px;
  --panels--panel-max-width: 450px;
  --misc--the-location-overlay-max-width: 450px;
  --nav--nav-background-light: #e5dfd0b3;
  --nav--nav-blur: 20px;
  --nav--nav-background-transparent-dark: white;
  --nav--nav-text-size: .8rem;
  --nav--nav-text-spacing: 2px;
  --colours--slate: #677582;
  --forms--sign-up-description-font-size: 1.25rem;
  --forms--sign-up-description-line-height: 1.75rem;
  --forms--sign-up-form-grid-gap: 15px;
  --cta-button-border-radius\<deleted\|variable-01a75d31-03a0-db45-bef0-5346774aebf7\>: 30px;
  --cta-button-font-size\<deleted\|variable-d7806857-540e-45b8-5606-5d763a8f3a66\>: 1rem;
  --cta-button-line-height\<deleted\|variable-e08cfbdd-78d8-3db7-4758-4b30ba97e3d0\>: 1.25rem;
  --widget-margins--widget-margin-md: 64px;
  --widget-margins--widget-margin-lg: 96px;
  --text-block--image-spacing--grid-gap-sm\<deleted\|variable-05998a77-fd62-a2c5-b609-1eb2432e8d7d\>: 24px;
  --cta-button-text-padding\<deleted\|variable-452fa1e3-625f-9a8d-8b66-365d09c707ad\>: .5rem;
  --grids--grid-gutter-large\<deleted\|variable-fa797b7a-735a-6fe8-a463-fae1a7b96b28\>: 5vw;
  --colours--transparent\<deleted\|variable-62913877-b5fa-2a45-df47-5b3093221403\>: #fff0;
  --text-block--image-spacing--text-image-ipad: 64px;
  --panel-colours--brown-panel: #180b0233;
  --ctas--cta-height: 35px;
  --widget-margins--widget-margin-sm: 32px;
  --widget-margins--widget-margin-xlg: 256px;
  --fonts--h1-font-line-height-mobile\<deleted\|variable-7f17a9ba-7b0e-fc09-b35d-62e1f018469e\>: 80px;
  --fonts--h2-font-line-height-mobile\<deleted\|variable-fc149da9-d0ae-313e-3326-addfef1270eb\>: 2.5rem;
  --fonts--h3-font-line-height-mobile\<deleted\|variable-d34f87ae-b328-ce4e-8087-84a051f3f804\>: 2rem;
  --line-colours--slate-line: #677582;
  --forms--form-field-radius: 5px;
  --ctas--submit-button-spacing: 30px;
  --colours--light-cream: #e6e2da;
  --text-block-spacers--black-spacing-lrg\<deleted\|variable-98278f29-ff94-cb03-9417-f5336eebb01f\>: 32px;
  --image-ratios--image-pano: 50%;
  --page-layout--max-width-small: 900px;
  --widget-margins--widget-magrin-md-mobile: 32px;
  --image-grid-spacing--image-grid-offset: -24px;
  --image-grid-spacing--image-grid-offset-plus-margin: 40px;
  --panel-colours--gold-panel: #775b2f33;
  --fonts-sizes--overlay-text-font-size: 1.875rem;
  --widget-margins--widget-margin-lg-mobile: 64px;
  --nav--nav-background-transparent: #180b024d;
  --line-colours--brown-line: #180b02;
  --line-colours--cream-line: #e5dfd0;
  --misc--news-thumbnail-max-width: 500px;
  --misc--news-thumbnail-info-padding: 2rem;
  --misc--quote-container-padding: 65px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--colours--cream);
  font-family: var(--fonts--body);
  color: var(--colours--brown);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3;
}

h1 {
  font-family: var(--fonts--header-serif);
  font-size: var(--fonts-sizes--h1-font-size);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.1;
}

h2 {
  font-family: var(--fonts--header-serif);
  font-size: var(--fonts-sizes--h2-font-size);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.2;
}

h3 {
  font-family: var(--fonts--header-serif);
  font-size: var(--fonts-sizes--h3-font-size);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.2;
}

h4 {
  font-family: var(--fonts--header-serif-small);
  font-size: var(--fonts-sizes--h4-font-size);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.3;
}

h5 {
  font-family: var(--fonts--header-serif-small);
  font-size: var(--fonts-sizes--h5-font-size);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.3;
}

h6 {
  font-family: var(--fonts--body);
  font-size: var(--fonts-sizes--h6-font-size);
  letter-spacing: var(--fonts-sizes--h6-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
}

p {
  margin-bottom: 19px;
}

a {
  color: var(--colours--gold);
  text-decoration: none;
}

strong {
  font-weight: 400;
}

.body {
  background-color: var(--colours--cream);
  font-family: var(--fonts--header-serif-small);
  color: var(--colours--brown);
  font-size: 1rem;
  line-height: 1.5rem;
}

.intro-staggered-big-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.max-width-container {
  max-width: var(--page-layout--max-width);
  width: 100%;
  height: 100%;
  position: relative;
}

.max-width-container.sticky {
  height: 300px;
}

.styles--display-text {
  background-color: var(--colours--brown);
  color: var(--colours--cream);
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
}

.hero-whats-on--info {
  padding: var(--page-layout--desktop-page-padding);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.styles--divider-line {
  background-color: var(--colours--brown);
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.heading-h6 {
  grid-column-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
  grid-row-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
  font-family: var(--fonts--body);
  font-size: var(--fonts-sizes--h6-font-size);
  letter-spacing: var(--fonts-sizes--h6-spacing);
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
}

.styles--header {
  font-family: var(--fonts--header-serif);
  margin-top: 60px;
  font-weight: 300;
}

.heading-h1 {
  font-family: var(--fonts--header-serif);
  color: var(--colours--brown);
  font-size: var(--fonts-sizes--h1-font-size);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.1;
}

.heading-h1.hero--video--heading {
  z-index: 2;
  color: var(--colours--cream);
  text-align: center;
  width: 100%;
  max-width: 670px;
  position: relative;
}

.heading-h1.wtfu--details--header {
  width: 100%;
  max-width: 450px;
}

.hero-whats-on--images--grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto auto auto auto auto;
  grid-template-areas: "."
                       "."
                       "."
                       "."
                       ".";
  grid-auto-columns: 1fr;
}

.heading-h2 {
  font-family: var(--fonts--header-serif);
  color: var(--colours--brown);
  font-size: var(--fonts-sizes--h2-font-size);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}

.menu--highlight {
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  color: var(--colours--gold);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-carousel--icon {
  margin-right: var(--type-space-sm\<deleted\|variable-4a33bdb9-1632-e784-57f8-e7b75da958f9\>);
  width: 100%;
  max-width: 30px;
}

.menu--links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px none var(--tint-colours--brown-20);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.menu--link {
  padding-top: var(--list-spacing--list-padding);
  padding-bottom: var(--list-spacing--list-padding);
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  border-bottom: 1px solid var(--colours--gold);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu--link--dot {
  background-color: var(--colours--gold);
  align-self: center;
  width: 2px;
  height: 2px;
}

.spacer {
  height: 64px;
}

.cta--text {
  font-family: var(--fonts--body);
  font-size: var(--ctas--cta-font-size);
  letter-spacing: var(--fonts-sizes--h6-spacing);
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.5;
}

.cta--text.cta--text--brown {
  color: var(--colours--brown);
}

.cta-button {
  padding-right: var(--ctas--cta-button-spacing);
  padding-left: var(--ctas--cta-button-spacing);
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  background-color: var(--colours--brown);
  color: var(--colours--cream);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 30px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 35px;
  text-decoration: none;
  display: inline-flex;
}

.cta-button.cta-button-light {
  border: 1px solid var(--colours--gold);
  background-color: var(--colours--cream);
  color: var(--colours--brown);
  cursor: pointer;
}

.cta-button.cta-button--transparent-light {
  border: 1px solid var(--colours--gold);
  color: var(--colours--cream);
  background-color: #0000;
}

.cta-button.cta-button--transparent-dark {
  border: 1px solid var(--colours--gold);
  color: var(--colours--brown);
  background-color: #0000;
}

.cta-button.cta-button-dark {
  border: 1px solid var(--tint-colours--cream-20);
}

.cta-button.nav {
  border: 1px solid var(--tint-colours--gold-20);
  background-color: var(--colours--gold);
}

.cta-button.nav-dark {
  border: 1px solid var(--tint-colours--gold-20);
  background-color: var(--colours--cream);
  color: var(--colours--brown);
}

.cta--dot {
  background-color: var(--colours--cream);
  width: 2px;
  height: 2px;
}

.cta--dot.cta--dot--gold {
  background-color: var(--colours--gold);
}

.cover-image--image {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.cover-image--image.bottom {
  object-position: 50% 100%;
}

.cover-image--image.hide {
  display: none;
}

.menu-double--item {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.menu-double--item.menu-double--item--reverse {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  flex-flow: column-reverse;
}

.styles--cta-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.menu-double--item--text-container {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.menu-double--item--text-container.menu-double--item--text-container--reverse {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  margin-bottom: 0;
}

.menu-double--item--text-container.reverse {
  order: 1;
}

.panel {
  max-width: var(--panels--panel-max-width-large);
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.panel.panel-dark {
  color: var(--colours--brown);
}

.panel.panel-dark.panel-dark--blur {
  padding: var(--page-layout--mobile-page-padding);
  background-color: var(--tint-colours--cream-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.panel.panel-light {
  color: var(--colours--cream);
}

.panel.panel-light.panel-light--blur {
  background-color: var(--tint-colours--slate-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.panel.panel-border {
  padding: var(--page-layout--mobile-page-padding);
  border: 1px solid var(--tint-colours--gold-20);
}

.panel.panel--text-dark {
  padding: var(--panels--panel-padding);
  background-color: var(--panel-colours--cream-panel);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

.panel.panel--text-light {
  padding: var(--panels--panel-padding);
  background-color: var(--panel-colours--slate-panel);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: var(--colours--cream);
}

.widget--news-event--card {
  border: 1px solid var(--tint-colours--brown-20);
}

.news-thumbnail--image {
  position: relative;
}

.news-thumbnail--info {
  padding: var(--cards--card-padding);
  grid-column-gap: var(--cards--card-spacing);
  grid-row-gap: var(--cards--card-spacing);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.news-thumbnail--date-and-location {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--colours--gold);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.news-thumbnail--badge {
  padding-right: var(--ctas--cta-button-spacing);
  padding-left: var(--ctas--cta-button-spacing);
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  background-color: var(--colours--gold);
  color: var(--colours--cream);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 35px;
  display: flex;
  position: absolute;
  inset: 15px auto auto 15px;
}

.image-5 {
  margin-right: 1rem;
}

.heading-h3 {
  font-family: var(--fonts--header-serif);
  font-size: var(--fonts-sizes--h3-font-size);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}

.spacer--small {
  height: 20px;
}

.news-thumbnail--info--key-points {
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  color: var(--colours--gold);
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.news-thumbnail--info--dot {
  background-color: var(--colours--gold);
  width: 2px;
  height: 2px;
}

.news-thumbnail--date--container {
  flex-flow: row;
  align-items: center;
  display: flex;
}

.cta-buttons-container {
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.room--images {
  grid-column-gap: var(--misc--image-grid-gap-size);
  grid-row-gap: var(--misc--image-grid-gap-size);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.room--specs {
  grid-column-gap: var(--misc--room-features-gap-space);
  grid-row-gap: var(--misc--room-features-gap-space);
  align-items: center;
  display: flex;
}

.room--spec {
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  flex-flow: row;
  align-items: center;
  display: flex;
}

.list {
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.list--item {
  padding-top: var(--list-spacing--list-padding);
  padding-bottom: var(--list-spacing--list-padding);
  border-bottom: 1px solid var(--colours--light-gold);
  color: var(--colours--gold);
}

.room--info--ctas {
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  align-items: center;
  display: flex;
}

.section-container--no-padding {
  width: 100%;
  max-width: none;
  position: relative;
}

.space--info-panel--features {
  grid-column-gap: var(--list-spacing--list-padding);
  grid-row-gap: var(--list-spacing--list-padding);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.space--info-panel--feature {
  padding-top: var(--list-spacing--list-padding);
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-top: 1px solid var(--colours--light-gold);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.intro-grid-small--images-panel {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  min-height: 100vh;
}

.styles--typography {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.styles--layout {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.section-container--padding {
  padding-right: var(--page-layout--desktop-page-padding);
  padding-left: var(--page-layout--desktop-page-padding);
  flex: 1;
  width: 100%;
  max-width: none;
  position: relative;
}

.panel--cta-container {
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  align-items: center;
  display: flex;
}

.intro-staggered-big--quote {
  padding: var(--page-layout--desktop-page-padding);
  position: absolute;
  inset: auto 0% 0%;
}

.quote-container {
  padding: var(--panels--panel-padding);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top: 1px solid var(--tint-colours--brown-20);
  border-bottom: 1px solid var(--tint-colours--brown-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex-flow: row;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.quote--quotation-mark {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}

.widget--two-images--text-overlay {
  align-items: center;
  display: flex;
}

.intro-overlay-2-images--text-container {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0%;
}

._2-column-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  grid-template-rows: auto;
  height: 100%;
}

.styles--cta-buttons {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.styles--images {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  flex-flow: column;
  display: flex;
}

.cover-image--portrait-tall {
  padding-top: var(--image-ratios--image-portrait-tall);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cover-image--4-3 {
  padding-top: var(--image-ratios--image-landscape);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._2-column-grid--offset {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

._2-column-grid--viewport-gap {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
}

.copy-overlay--text-wrapper {
  z-index: 2;
  max-width: var(--misc--copy-overlay-wraper-max-width);
  padding: var(--copy-overlay-wrapper-padding\<deleted\|variable-da10a8ae-46f1-db28-5b56-c486e181f6d2\>);
  background-color: var(--tint-colours--white-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  inset: auto 20px 50px;
}

.copy-overlay-grid {
  padding: var(--copy-overlay-grid-padding\<deleted\|variable-f9e50c23-dcba-0527-f8ae-5179294dae56\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  position: absolute;
  inset: 0%;
}

.cover-image--landscape {
  padding-top: var(--image-ratios--image-landscape);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.cover-image--portrait {
  padding-top: var(--image-ratios--image-portrait);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.intro-overlay-2-images--panel-01 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.inro-overlay-2-images--panel-02 {
  padding-top: var(--image-ratios--image-square);
  position: relative;
}

.widget--page-header.widget-margin--lg {
  background-color: var(--colours--brown);
  position: relative;
}

.hero--video-container {
  padding: var(--nav--nav-offset-desk) var(--page-layout--desktop-page-padding) var(--page-layout--desktop-page-padding);
  background-color: var(--colours--brown);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  min-height: 700px;
  display: flex;
  position: relative;
}

.hero--vidio--controls {
  z-index: 12;
  grid-column-gap: var(--misc--hero-video-controls-gap);
  grid-row-gap: var(--misc--hero-video-controls-gap);
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: none;
  position: absolute;
  inset: auto 0% calc(5% + 80px);
}

.the-location--main-image-container {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.the-location--main-image--overlay-container {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.the-location--main-image--overlay-container.bottom-left {
  justify-content: flex-end;
  align-items: flex-start;
}

.the-location--main-image--overlay {
  max-width: var(--panels--panel-max-width);
  padding: var(--panels--panel-padding);
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  background-color: var(--tint-colours--cream-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.the-location--small-image-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.weather--widget-container {
  z-index: 2;
  max-width: var(--panels--panel-max-width);
  padding: var(--panels--panel-padding);
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  background-color: var(--colours--cream);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 500px;
  display: flex;
}

.weather--widget--report {
  grid-column-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
  grid-row-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
  flex-flow: row;
  align-items: center;
  display: flex;
}

.weather--widget--report--item {
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  color: var(--colours--gold);
  align-items: center;
  display: flex;
}

.weather--widget--report--item--text {
  color: var(--colours--gold);
  text-transform: uppercase;
}

.weather--widget--wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center end;
  width: 100%;
  height: 100vh;
  min-height: 700px;
  display: grid;
  position: relative;
}

._4-column-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
}

.the-spaces--info-container {
  padding: var(--page-layout--desktop-page-padding);
}

.the-space--info {
  max-width: var(--panels--panel-max-width);
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.widget--the-rooms {
  min-height: 100vh;
}

.whats-on--panel-1 {
  flex-flow: column;
  display: flex;
  position: relative;
}

.whats-on--panel-2 {
  padding: var(--page-layout--desktop-page-padding);
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  display: flex;
}

.whats-on--overlay-wrapper {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.whats-on--overlay {
  max-width: var(--misc--the-location-overlay-max-width);
  padding: var(--panels--panel-padding);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px none var(--tint-colours--white-20);
  background-color: var(--tint-colours--brown-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--colours--cream);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: none;
}

.whats-on--overlay--key-points {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--colours--gold);
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.whats-on--overlay--key-points.on-brown {
  color: var(--colours--cream);
}

.whats-on--event-container {
  grid-column-gap: var(--panels--panel-padding);
  grid-row-gap: var(--panels--panel-padding);
  border: 1px solid var(--tint-colours--gold-20);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.whats-on--event-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--tint-colours--brown-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.whats-on--event-info {
  padding: var(--cards--card-padding);
  grid-column-gap: var(--cards--card-spacing);
  grid-row-gap: var(--cards--card-spacing);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.navbar {
  background-color: var(--nav--nav-background-light);
  -webkit-backdrop-filter: blur(var(--nav--nav-blur));
  backdrop-filter: blur(var(--nav--nav-blur));
  position: fixed;
  inset: 0% 0% auto;
}

.navbar.hare--nav {
  background-color: var(--nav--nav-background-transparent-dark);
}

.navbar.king--nav {
  background-color: var(--colours--brown);
  --colours--cream: #e5dfd0;
  --fonts--body: "Ppfragment Sans", sans-serif;
  --colours--brown: #1c3a53;
  --fonts--header-serif: "Ppfragment Serif", sans-serif;
  --fonts-sizes--h1-font-size: 6.25rem;
  --fonts-sizes--h1-font-size-ipad: 5.25rem;
  --fonts-sizes--h1-font-size-mob: 4.25rem;
  --fonts-sizes--h2-font-size: 3rem;
  --fonts-sizes--h2-font-size-ipad: 2.5rem;
  --fonts-sizes--h2-font-size-mob: 2rem;
  --fonts-sizes--h3-font-size: 2rem;
  --fonts-sizes--h3-font-size-ipad: 2rem;
  --fonts--header-serif-small: "Ppfragment Glare", sans-serif;
  --fonts-sizes--h3-font-size-mob: 1.5rem;
  --fonts-sizes--h4-font-size: 1.2rem;
  --fonts-sizes--h5-font-size: .8rem;
  --fonts-sizes--h6-font-size: .7rem;
  --fonts-sizes--h6-spacing: 2px;
  --colours--gold: #775b2f;
  --nav--nav-offset-ipad: 60px;
  --image-grid-spacing--image-grid-all: 24px;
  --page-layout--max-width: 1528px;
  --page-layout--desktop-page-padding: 64px;
  --page-layout--mobile-page-padding: 24px;
  --type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>: 1rem;
  --ctas--cta-button-spacing: 15px;
  --type-space-sm\<deleted\|variable-4a33bdb9-1632-e784-57f8-e7b75da958f9\>: .5rem;
  --tint-colours--brown-20: #180b0233;
  --list-spacing--list-padding: 8px;
  --ctas--cta-font-size: .65rem;
  --tint-colours--cream-20: #e5dfd033;
  --tint-colours--gold-20: #775b2f33;
  --text-block-spacing--text-block-desk: 32px;
  --text-block--image-spacing--text-image-mob: 24px;
  --text-block-spacing--text-block-ipad-mob: 32px;
  --panels--panel-max-width-large: 525px;
  --tint-colours--slate-20: #67758233;
  --colours--light-gold: #d0c6b6;
  --panels--panel-padding: 32px;
  --panel-colours--cream-panel: #e5dfd066;
  --panel-colours--slate-panel: #6775824d;
  --colours--transparent: transparent;
  --cards--card-padding: 24px;
  --cards--card-spacing: 20px;
  --misc--image-grid-gap-size: 24px;
  --misc--room-features-gap-space: 1.5rem;
  --intro-overlay-2-images-text-container-padding\<deleted\|variable-425b3fca-f1c7-dbd0-7242-b965aef37990\>: 20px;
  --image-ratios--image-portrait-tall: 150%;
  --image-ratios--image-portrait: 120%;
  --image-ratios--image-landscape: 75%;
  --text-block--image-spacing--text-image-desk: 5vw;
  --misc--copy-overlay-wraper-max-width: 450px;
  --copy-overlay-wrapper-padding\<deleted\|variable-da10a8ae-46f1-db28-5b56-c486e181f6d2\>: 20px;
  --tint-colours--white-20: #fff3;
  --copy-overlay-grid-padding\<deleted\|variable-f9e50c23-dcba-0527-f8ae-5179294dae56\>: 20px;
  --image-ratios--image-square: 100%;
  --nav--nav-offset-desk: 109px;
  --misc--hero-video-controls-gap: 20px;
  --panels--panel-max-width: 450px;
  --misc--the-location-overlay-max-width: 450px;
  --nav--nav-background-light: #e5dfd0b3;
  --nav--nav-blur: 20px;
  --nav--nav-background-transparent-dark: #1c3a53cc;
  --nav--nav-text-size: .8rem;
  --nav--nav-text-spacing: 2px;
  --colours--slate: #e5dfd0;
  --forms--sign-up-description-font-size: 1.25rem;
  --forms--sign-up-description-line-height: 1.75rem;
  --forms--sign-up-form-grid-gap: 15px;
  --cta-button-border-radius\<deleted\|variable-01a75d31-03a0-db45-bef0-5346774aebf7\>: 30px;
  --cta-button-font-size\<deleted\|variable-d7806857-540e-45b8-5606-5d763a8f3a66\>: 1rem;
  --cta-button-line-height\<deleted\|variable-e08cfbdd-78d8-3db7-4758-4b30ba97e3d0\>: 1.25rem;
  --widget-margins--widget-margin-md: 64px;
  --widget-margins--widget-margin-lg: 96px;
  --text-block--image-spacing--grid-gap-sm\<deleted\|variable-05998a77-fd62-a2c5-b609-1eb2432e8d7d\>: 24px;
  --cta-button-text-padding\<deleted\|variable-452fa1e3-625f-9a8d-8b66-365d09c707ad\>: .5rem;
  --grids--grid-gutter-large\<deleted\|variable-fa797b7a-735a-6fe8-a463-fae1a7b96b28\>: 5vw;
  --colours--transparent\<deleted\|variable-62913877-b5fa-2a45-df47-5b3093221403\>: #fff0;
  --text-block--image-spacing--text-image-ipad: 64px;
  --panel-colours--brown-panel: #180b0233;
  --ctas--cta-height: 35px;
  --widget-margins--widget-margin-sm: 32px;
  --widget-margins--widget-margin-xlg: 256px;
  --fonts--h1-font-line-height-mobile\<deleted\|variable-7f17a9ba-7b0e-fc09-b35d-62e1f018469e\>: 80px;
  --fonts--h2-font-line-height-mobile\<deleted\|variable-fc149da9-d0ae-313e-3326-addfef1270eb\>: 2.5rem;
  --fonts--h3-font-line-height-mobile\<deleted\|variable-d34f87ae-b328-ce4e-8087-84a051f3f804\>: 2rem;
  --line-colours--slate-line: #677582;
  --forms--form-field-radius: 5px;
  --ctas--submit-button-spacing: 30px;
  --colours--light-cream: #e6e2da;
  --text-block-spacers--black-spacing-lrg\<deleted\|variable-98278f29-ff94-cb03-9417-f5336eebb01f\>: 32px;
  --image-ratios--image-pano: 50%;
  --page-layout--max-width-small: 900px;
  --widget-margins--widget-magrin-md-mobile: 32px;
  --image-grid-spacing--image-grid-offset: -24px;
  --image-grid-spacing--image-grid-offset-plus-margin: 40px;
  --panel-colours--gold-panel: #775b2f33;
  --fonts-sizes--overlay-text-font-size: 1.875rem;
  --widget-margins--widget-margin-lg-mobile: 64px;
  --nav--nav-background-transparent: #180b024d;
  --line-colours--brown-line: #180b02;
  --line-colours--cream-line: #e5dfd0;
  --misc--news-thumbnail-max-width: 500px;
  --misc--news-thumbnail-info-padding: 2rem;
  --misc--quote-container-padding: 65px;
}

.navbar--container {
  max-width: var(--page-layout--max-width);
  flex-flow: column;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar--brand--wrapper {
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
  position: relative;
}

.nav-link {
  grid-column-gap: var(--list-spacing--list-padding);
  grid-row-gap: var(--list-spacing--list-padding);
  color: var(--colours--gold);
  font-size: var(--nav--nav-text-size);
  letter-spacing: var(--nav--nav-text-spacing);
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: 300;
  display: flex;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--colours--gold);
  text-decoration: underline;
}

.nav-link.dropdown:hover {
  text-decoration: none;
}

.nav-link.dropdown.nav-link--hare, .nav-link.dropdown.nav-link--kings, .nav-link.nav-link--hare, .nav-link.nav-link--kings {
  color: var(--colours--cream);
}

.navbar--menu {
  padding-right: var(--page-layout--desktop-page-padding);
  padding-left: var(--page-layout--desktop-page-padding);
  border-top: 1px solid var(--tint-colours--gold-20);
  border-bottom: 1px solid var(--tint-colours--gold-20);
  justify-content: space-between;
  align-items: stretch;
  height: 50px;
  display: flex;
}

.navbar--cta-wrapper {
  top: 0%;
  left: auto;
  right: var(--page-layout--desktop-page-padding);
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0%;
}

.navbar--cta-wrapper.mob {
  display: none;
}

.navbar--divider-dot-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.navbar--divider-dot-wrapper.desk-hidden {
  display: none;
}

.navbar--divider-dot {
  background-color: var(--colours--gold);
  border-radius: 50%;
  width: 2px;
  min-width: 2px;
  height: 2px;
  min-height: 2px;
}

.navbar--divider-dot.hare--dot {
  background-color: var(--colours--cream);
}

.logo {
  display: block;
}

.logo.dark {
  position: relative;
}

.logo.light {
  position: absolute;
}

.brand {
  flex: 1;
  max-width: 250px;
}

.widget--newsletter-sign-up {
  background-color: var(--colours--slate);
  color: var(--colours--cream);
  padding-top: 32px;
  padding-bottom: 32px;
}

.widget--newsletter-sign-up.hare--newsletter {
  background-color: var(--nav--nav-background-transparent-dark);
}

.sign-up--description {
  font-size: var(--forms--sign-up-description-font-size);
  line-height: var(--forms--sign-up-description-line-height);
}

.sign-up--form--container {
  width: 100%;
  margin-bottom: 0;
}

.sign-up--form--input-field {
  padding: 0px var(--forms--sign-up-form-grid-gap);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 50px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 35px;
  margin-bottom: 0;
  font-family: Ppfragment Sans, sans-serif;
}

.sign-up--form--submit-button {
  padding-right: var(--ctas--cta-button-spacing);
  padding-left: var(--ctas--cta-button-spacing);
  border-radius: var(--cta-button-border-radius\<deleted\|variable-01a75d31-03a0-db45-bef0-5346774aebf7\>);
  background-color: var(--colours--brown);
  font-size: var(--cta-button-font-size\<deleted\|variable-d7806857-540e-45b8-5606-5d763a8f3a66\>);
  line-height: var(--cta-button-line-height\<deleted\|variable-e08cfbdd-78d8-3db7-4758-4b30ba97e3d0\>);
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.sign-up--form--grid {
  grid-column-gap: var(--forms--sign-up-form-grid-gap);
  grid-row-gap: var(--forms--sign-up-form-grid-gap);
  grid-template-rows: auto;
  height: 100%;
}

.footer {
  background-color: var(--colours--brown);
  padding-top: 50px;
  padding-bottom: 120px;
}

.footer--logos-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  align-items: center;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  display: flex;
}

.footer--partners-panel-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--colours--cream);
  flex-flow: column;
  display: flex;
}

.footer--logo-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 110px;
  display: flex;
  position: relative;
}

.footer--partners-panel--logo-image {
  max-width: 140px;
  max-height: 110px;
  display: block;
}

.footer--links-section-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--tint-colours--white-20);
  border-bottom: 1px solid var(--tint-colours--white-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr .7fr;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: .9rem;
}

.footer--links--group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.footer--links--link {
  text-decoration: none;
}

.footer--links--link:hover, .footer--links--link.hare--footer-link {
  color: var(--colours--cream);
}

.footer--links--group-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.footer--social-links-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-right: 1px solid var(--tint-colours--white-20);
  border-left: 1px solid var(--tint-colours--white-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.footer--social-link-wrapper {
  flex-flow: row;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer--social-link-wrapper:hover, .footer--social-link-wrapper.hare--footer-link {
  color: var(--colours--cream);
}

.footer--social-link-text {
  color: var(--colours--cream);
  text-align: left;
  text-decoration: none;
}

.footer--social-link--image {
  margin-right: 20px;
}

.footer--get-in-touch-container {
  padding: 32px;
}

.footer--get-in-touch--contact-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer--get-in-touch--contact-container {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.footer--get-in-touch--contact-container:hover {
  color: var(--colours--cream);
}

.footer-sub-header {
  color: var(--colours--cream);
  font-family: Ppfragment Serif, sans-serif;
}

.footer--brand-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer--brand-section--text {
  color: var(--colours--cream);
  text-align: center;
  margin-top: 30px;
}

.widget-margin--md {
  margin-bottom: var(--widget-margins--widget-margin-md);
}

.widget-margin--lg {
  margin-bottom: var(--widget-margins--widget-margin-lg);
}

.location--small--land-image {
  padding-top: 65px;
  position: relative;
}

.the-location--main-image {
  height: 100vh;
  min-height: 700px;
  position: relative;
}

.location--grid {
  grid-column-gap: 20px;
  grid-row-gap: var(--text-block--image-spacing--grid-gap-sm\<deleted\|variable-05998a77-fd62-a2c5-b609-1eb2432e8d7d\>);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
}

.location--small--port-image {
  position: relative;
}

.the--rooms--wrapper {
  color: var(--colours--cream);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.text-over-video--wrapper {
  padding-top: var(--page-layout--desktop-page-padding);
  padding-bottom: var(--page-layout--desktop-page-padding);
}

.text-over-video--text--wrapper {
  z-index: 2;
  flex: 1;
  position: relative;
}

.hero--bg-video {
  z-index: 1;
  opacity: 1;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.bottom-navbar-wrapper {
  z-index: 501;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 0% 3%;
}

.bottom-navbar-container {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #677582b3;
  border-radius: 50px;
  padding: 15px 30px;
  display: flex;
}

.nav-link-bottom {
  color: var(--colours--cream);
  font-size: var(--nav--nav-text-size);
  letter-spacing: var(--nav--nav-text-spacing);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.nav-link-bottom:hover {
  -webkit-text-stroke-color: var(--colours--cream);
  text-decoration: underline;
}

.whats-on-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-auto-rows: 1fr;
}

.whats-on--event-image {
  width: 40%;
  height: 100%;
  padding-top: 52%;
  position: relative;
}

.footer-logo-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: 100%;
}

.text-gold {
  color: var(--colours--gold);
}

.latest-offer-image {
  height: 100vh;
  min-height: 700px;
  position: relative;
}

.cta--text--navbar {
  color: var(--colours--cream);
  font-family: Ppfragment Sans, sans-serif;
  font-size: var(--ctas--cta-font-size);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
}

.cta--text--navbar.nav-dark {
  color: var(--colours--gold);
}

.valentines-grid {
  grid-column-gap: var(--grids--grid-gutter-large\<deleted\|variable-fa797b7a-735a-6fe8-a463-fae1a7b96b28\>);
  grid-row-gap: var(--grids--grid-gutter-large\<deleted\|variable-fa797b7a-735a-6fe8-a463-fae1a7b96b28\>);
  grid-template-rows: auto;
}

.newsletter-grid {
  grid-column-gap: var(--text-block--image-spacing--grid-gap-sm\<deleted\|variable-05998a77-fd62-a2c5-b609-1eb2432e8d7d\>);
  grid-row-gap: var(--text-block--image-spacing--grid-gap-sm\<deleted\|variable-05998a77-fd62-a2c5-b609-1eb2432e8d7d\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
}

.text-cream, .text-white {
  color: var(--colours--cream);
}

.text-brown {
  color: var(--colours--brown);
}

.home-icon-container {
  width: 50px;
  max-width: 50px;
}

.hero-whats-on-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  min-height: 100vh;
}

.section-container--padding-left {
  padding-left: var(--page-layout--desktop-page-padding);
  flex: 1;
  max-width: none;
  position: relative;
}

.cover-image--100vh {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.menu-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}

.menu-slider {
  background-color: var(--colours--transparent);
  height: 100%;
}

.intro-room-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: .75fr 1fr;
  grid-auto-rows: 1fr;
  height: 100%;
}

.menu-double-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
}

.full-width--text-image--grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column dense;
}

.latest-offer-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
}

.text-image--text--wrapper {
  z-index: 2;
  padding: var(--page-layout--desktop-page-padding);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.text-image--text--wrapper.absolute {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-image--text--wrapper.absolute.left {
  width: auto;
  inset: 0% auto 0% 0%;
}

.text-image--text--wrapper.boarder {
  border: 1px solid var(--colours--light-gold);
}

.max-width--text-image--grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  height: 100%;
}

.room-card-carousel-container {
  padding-top: var(--image-ratios--image-landscape);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.space-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  height: 100%;
}

.intro-grid-small-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.news-thimbnail--image {
  padding-top: var(--image-ratios--image-landscape);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.room--image-small {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 80%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.space--image {
  padding-top: var(--image-ratios--image-landscape);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.intro-grid-small--main-image, .intro-grid-small--portrait-image {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.intro-grid-single-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  height: 100%;
}

.intro-staggered-big--calc-padding {
  margin-left: var(--page-layout--desktop-page-padding);
  padding-left: calc(50vw - 796px);
}

.intro-staggered-big--quote-image--100vh {
  width: 100%;
  min-width: 100%;
  height: 100vh;
  min-height: 700px;
  position: relative;
  overflow: hidden;
}

.intro-overlay-2-images-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  flex: 1;
  grid-template-rows: auto;
}

.intro-room-type--images-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
}

.intro-room-type--calc-padding {
  margin-left: var(--page-layout--desktop-page-padding);
  padding-left: calc(50vw - 796px);
}

.the-location-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  height: 100%;
}

.weather--absolute-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: 0%;
}

.the-spaces-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
}

.the-spaces--image-1--4-3, .the-spaces--image-2--4-3 {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 80%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.the-spaces--image-3--portriat {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 120%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.the-spaces--image-4--4-3 {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 80%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.the-rooms-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
}

.the-rooms--calc-padding {
  margin-left: var(--page-layout--desktop-page-padding);
  padding-left: calc(50vw - 796px);
}

.whats-on--event-image--portrait {
  padding-top: var(--image-ratios--image-square);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.whats-on--info--dot {
  background-color: var(--colours--gold);
  width: 2px;
  height: 2px;
}

.sign-up-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
}

.menu-double--image--4-3 {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 80%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.intro-room-type--main-image {
  padding-top: var(--image-ratios--image-landscape);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.intro-room-type--overlay-text-wrapper {
  background-color: var(--colours--cream);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  width: 100%;
  max-width: 450px;
  padding: 20px;
  position: absolute;
  inset: auto auto 10% -12%;
}

.intro-room-type--overley-text--tablet-version {
  display: none;
}

._2-images-offset-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.footer--logos-grid {
  grid-column-gap: 20px;
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  grid-template-rows: auto;
  height: 100%;
}

.intro-animated-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.intro-animated--images {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  flex-flow: column;
  display: flex;
}

.intro-animated--text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-sticky--wrapper {
  top: var(--nav--nav-offset-desk);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
}

._3-image-row-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

._3-image-row--image--portrait {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 120%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.intro-staggered-3-images-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  height: 100%;
}

.intro-staggered-3-images--calc-padding-copy {
  margin-left: var(--page-layout--desktop-page-padding);
  padding-left: calc(50vw - 796px);
}

.intro-staggered-3-images--images-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
}

.intro-staggered-3-images--main-image-copy {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

._3-image-text-grid {
  grid-column-gap: 24px;
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
}

._3-image-text--image--portrait {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

._3-image-text--image--4-3 {
  width: 100%;
  height: 100%;
  padding-top: 80%;
  position: relative;
  overflow: hidden;
}

._3-image-text--text-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

._3-image-text--text-panel {
  max-width: var(--panels--panel-max-width);
  padding-right: var(--page-layout--mobile-page-padding);
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.image-with-text-panel--container {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-with-text-panel--panel-blurred {
  max-width: var(--panels--panel-max-width);
  padding: var(--page-layout--mobile-page-padding);
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  border: 1px none var(--tint-colours--brown-20);
  background-color: var(--panel-colours--brown-panel);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--colours--cream);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.sub-heading--wrapper {
  border-top: 1px solid var(--colours--light-gold);
  text-align: center;
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.supplier-panels--grid {
  margin-top: var(--page-layout--desktop-page-padding);
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.supplier-panels--text-wrapper {
  z-index: 2;
  color: var(--colours--cream);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 10%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.supplier-panels--image--portrait {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding-top: 180%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-2-panels--heading {
  margin-bottom: var(--page-layout--desktop-page-padding);
  text-align: center;
}

.content-2-panels--grid {
  margin-top: var(--page-layout--desktop-page-padding);
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.content-2-panels--text-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 90px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.supplier-panels--image--landscape {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 80%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.full-width-image-with-text--text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.full-width-image-with-text--panel {
  max-width: var(--panels--panel-max-width-large);
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.see-and-do--grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.see-and-do--text-container {
  border: 1px solid var(--tint-colours--brown-20);
  padding: 60px;
}

.see-ad-do--image {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 80%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.see-ad-do--image-double-wide {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 40%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-and-slider--icon-line-container {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-and-slider--line {
  background-color: var(--tint-colours--brown-20);
  width: 100%;
  height: 1px;
}

.text-and-slider--content-container {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  flex-flow: row;
  align-items: center;
  display: flex;
}

.text-and-slider--text {
  padding-top: var(--page-layout--desktop-page-padding);
  padding-bottom: var(--page-layout--desktop-page-padding);
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

.text-and-slider--image {
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-top: 40%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.widget--faqs {
  padding-top: var(--page-layout--desktop-page-padding);
  padding-bottom: var(--page-layout--desktop-page-padding);
  background-color: var(--colours--brown);
}

.faqs-wrapper {
  grid-column-gap: var(--cards--card-spacing);
  grid-row-gap: var(--cards--card-spacing);
  color: var(--colours--cream);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.faqs--accordion {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  border: 1px solid var(--tint-colours--gold-20);
  cursor: pointer;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
  position: relative;
}

.faqs--question {
  font-size: 1.5rem;
  line-height: 2rem;
}

.faqs--answer {
  border-top: 1px solid var(--tint-colours--cream-20);
  margin-top: 30px;
  padding-top: 30px;
  display: none;
}

.faqs--icon-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
}

.faqs--icon--horizontal-line {
  background-color: var(--colours--gold);
  width: 100%;
  height: 1px;
}

.faqs--icon--vertical-line {
  background-color: var(--colours--gold);
  width: 100%;
  height: 1px;
  transform: rotate(90deg);
}

.enquire-form--container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.enquire-form--image {
  width: 100%;
  min-width: 100%;
  height: 100vh;
  min-height: 700px;
  overflow: hidden;
}

.enquire-form--form-wrapper {
  padding: var(--page-layout--desktop-page-padding);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.enquire-form--form-block {
  margin-top: 60px;
  margin-bottom: 0;
}

.enquire-form--form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.enquire-form--form--label {
  background-color: var(--colours--cream);
  font-family: Ppfragment Sans, sans-serif;
  font-size: var(--ctas--cta-font-size);
  letter-spacing: var(--fonts-sizes--h6-spacing);
  text-transform: uppercase;
  margin-bottom: -7px;
  margin-left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.enquire-form--form--label.dark {
  background-color: var(--colours--brown);
}

.enquire-form--form--text-field {
  border: 1px solid var(--tint-colours--gold-20);
  color: var(--colours--gold);
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding-left: 25px;
  padding-right: 25px;
  font-size: .85rem;
  display: flex;
}

.enquire-for--form--text-area {
  border: 1px solid var(--tint-colours--gold-20);
  background-color: var(--colours--transparent);
  color: var(--colours--gold);
  min-width: 100%;
  max-width: 100%;
  min-height: 130px;
  margin-bottom: 0;
  padding: 15px 25px 25px;
}

.enquire-form--sumbit-button {
  height: var(--ctas--cta-height);
  padding-right: var(--ctas--cta-button-spacing);
  padding-left: var(--ctas--cta-button-spacing);
  grid-column-gap: var(--ctas--cta-button-spacing);
  grid-row-gap: var(--ctas--cta-button-spacing);
  background-color: var(--colours--brown);
  color: var(--colours--cream);
  text-align: center;
  vertical-align: baseline;
  border-radius: 30px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.enquire-form--sumbit-button.dark {
  background-color: var(--colours--gold);
}

.heading-h4 {
  font-family: var(--fonts--header-serif-small);
  font-size: var(--fonts-sizes--h4-font-size);
  line-height: 1.3;
}

.heading-h5 {
  font-family: var(--fonts--header-serif-small);
  font-size: var(--fonts-sizes--h5-font-size);
  line-height: 1.3;
}

.menu--link--anchor {
  color: var(--colours--gold);
}

.hero--video--heading {
  color: var(--colours--cream);
  text-align: center;
  width: 100%;
  max-width: 670px;
  position: relative;
  inset: 0% 0% auto auto;
}

.caption-text {
  font-size: .875rem;
  line-height: 1.4rem;
}

.navbar--mobile-menu {
  display: none;
}

.widget-margin--sm {
  margin-bottom: var(--widget-margins--widget-margin-sm);
}

.widget-margin--xlg {
  margin-bottom: var(--widget-margins--widget-margin-xlg);
}

.hidden {
  display: none;
}

.icon-wrapper {
  width: 100%;
  max-width: 50px;
  position: relative;
}

._2-crosslinks--grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.crosslink-panel {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.crosslink-panel--image--4-3 {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 80%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.crosslink-panel--text-wrapper {
  padding: var(--page-layout--desktop-page-padding);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.crosslinks--text-panel {
  z-index: 2;
  max-width: var(--panels--panel-max-width);
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  color: var(--colours--cream);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.crosslinks--text-panel.panel-dark {
  color: var(--colours--brown);
}

.crosslinks--text-panel.panel-dark.panel-dark--blur {
  padding: var(--page-layout--mobile-page-padding);
  background-color: var(--tint-colours--cream-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.crosslinks--text-panel.panel-light {
  color: var(--colours--cream);
}

.crosslinks--text-panel.panel-light.panel-light--blur {
  background-color: var(--tint-colours--slate-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.crosslinks--text-panel.panel-border {
  padding: var(--page-layout--mobile-page-padding);
  border: 1px solid var(--tint-colours--gold-20);
}

.book-direct--grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.small-link {
  font-size: .875rem;
  text-decoration: underline;
}

.book-direct--image-wrapper {
  align-self: center;
  width: 100%;
  max-width: 50px;
  max-height: 50px;
}

.book-direct--caption-container {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-image-40-60--grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  place-items: center;
}

.room-card--carousel-container--mobile, .room-card--highlight-copy-container--mobile {
  width: 100%;
  display: none;
  position: relative;
}

.copy-overlay--text-wrapper--mobile {
  padding: var(--copy-overlay-wrapper-padding\<deleted\|variable-da10a8ae-46f1-db28-5b56-c486e181f6d2\>);
  background-color: var(--tint-colours--white-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.room-card--spec--icon {
  width: 100%;
  max-width: 20px;
}

.text-offset-gallery--calc-padding {
  margin-bottom: var(--page-layout--desktop-page-padding);
  margin-left: var(--page-layout--desktop-page-padding);
  padding-left: calc(50vw - 796px);
}

.image-text-panel--calc-padding, .container-calc-padding-copy {
  margin-left: var(--page-layout--desktop-page-padding);
  padding-left: calc(50vw - 796px);
}

.panel-light {
  color: var(--colours--cream);
}

.panel-border {
  padding: var(--page-layout--mobile-page-padding);
  border: 1px solid var(--tint-colours--gold-20);
}

.panel-dark--blur {
  padding: var(--page-layout--mobile-page-padding);
  background-color: var(--tint-colours--cream-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.panel-light--blur {
  padding: var(--page-layout--mobile-page-padding);
  background-color: var(--panel-colours--brown-panel);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.package-grid--reverse {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

.text-image-full-height-calc-padding--reverse {
  padding-right: var(--page-layout--mobile-page-padding);
  padding-left: var(--page-layout--mobile-page-padding);
}

.widget--section-header {
  text-align: center;
}

.body-dark {
  background-color: var(--colours--brown);
  color: var(--colours--cream);
}

.space-grid--reverse {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  height: 100%;
}

.text-bullets-cta-calc-padding--reverse {
  margin-right: var(--page-layout--desktop-page-padding);
  padding-right: calc(50vw - 796px);
}

.quote-absolute-container {
  padding: var(--page-layout--desktop-page-padding);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  display: grid;
  position: absolute;
  inset: auto 0% 0%;
}

.pull-quote-image-container {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  min-height: 700px;
  display: flex;
}

.pull-quote--background-cover-image--100vh {
  position: absolute;
  inset: 0%;
}

.pull-quote-container {
  padding: var(--page-layout--mobile-page-padding);
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  border-top: 1px solid var(--tint-colours--brown-20);
  border-bottom: 1px solid var(--tint-colours--brown-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex-flow: column;
  align-items: flex-start;
  max-width: 780px;
  display: flex;
  position: relative;
}

.events-grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-mob);
  grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.background-dark {
  background-color: var(--colours--brown);
}

.body-light {
  background-color: var(--colours--cream);
}

.book-now--popup {
  z-index: 9999;
  grid-column-gap: var(--page-layout--mobile-page-padding);
  grid-row-gap: var(--page-layout--mobile-page-padding);
  background-color: var(--colours--cream);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  font-family: Ppfragment Serif, sans-serif;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.booking--close-button {
  z-index: 1000;
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 60px 60px auto auto;
}

.div-block {
  background-color: var(--colours--gold);
  width: 100%;
  max-width: 500px;
  height: 100%;
  max-height: 500px;
}

.book-now--iframe-wrapper {
  background-color: var(--colours--gold);
  width: 100%;
  max-width: 500px;
  display: none;
}

.room-filter-container {
  grid-column-gap: var(--page-layout--mobile-page-padding);
  grid-row-gap: var(--page-layout--mobile-page-padding);
  border-bottom: 1px solid var(--tint-colours--gold-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 20px;
  display: flex;
}

.room-filter-by-name {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.room-names {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
  overflow: scroll;
}

.room-name {
  color: var(--colours--gold);
  font-size: var(--ctas--cta-font-size);
  letter-spacing: var(--nav--nav-text-spacing);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
}

.room-name.room-name-active {
  color: var(--colours--brown);
  font-weight: 400;
}

.room-name.room-name-active-copy {
  color: var(--colours--brown);
}

.room-name-dot {
  background-color: var(--colours--brown);
  width: 2px;
  height: 2px;
}

.room-name-dot-wrapper {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.room-filter-by-feature {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.room-features {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filter-button {
  padding-right: var(--ctas--cta-button-spacing);
  padding-left: var(--ctas--cta-button-spacing);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--colours--gold);
  background-color: var(--colours--transparent);
  color: var(--colours--brown);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 30px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 30px;
  font-size: .8rem;
  line-height: 1.2rem;
  text-decoration: none;
  display: inline-flex;
}

.filter-button.cta-button-light {
  border: 1px solid var(--colours--gold);
  background-color: var(--colours--cream);
  color: var(--colours--brown);
  cursor: pointer;
}

.filter-button.cta-button--transparent-light {
  border: 1px solid var(--colours--gold);
  color: var(--colours--cream);
  background-color: #0000;
}

.filter-button.cta-button--transparent-dark {
  border: 1px solid var(--colours--gold);
  color: var(--colours--brown);
  background-color: #0000;
}

.filter-button.filter-button-active {
  background-color: var(--colours--brown);
  color: var(--colours--cream);
  cursor: pointer;
}

.filter-button.filter-button-clear {
  border-color: var(--colours--slate);
  color: var(--line-colours--slate-line);
  -webkit-text-stroke-color: var(--colours--slate);
}

.nav--menu {
  top: var(--nav--nav-offset-desk);
  z-index: 100;
  background-color: var(--nav--nav-background-light);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  margin-bottom: 61px;
  position: sticky;
}

.nav--menu-container {
  margin-right: var(--page-layout--mobile-page-padding);
  margin-left: var(--page-layout--mobile-page-padding);
  grid-column-gap: var(--page-layout--mobile-page-padding);
  grid-row-gap: var(--page-layout--mobile-page-padding);
  border-top: 1px solid var(--tint-colours--gold-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 200px;
  display: flex;
}

.menu-nav-items-container {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.menu-nav-items--header {
  text-align: center;
}

.menu-nav-items--header.heading-h1 {
  margin-bottom: var(--page-layout--desktop-page-padding);
}

.menu-names {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 23px;
  margin-bottom: 23px;
  display: flex;
  overflow: scroll;
}

.menu-name {
  color: var(--tint-colours--brown-20);
  white-space: nowrap;
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
}

.menu-name.room-name-active, .menu-name.room-name-active-copy, .menu-name.menu-name--active {
  color: var(--colours--brown);
}

.nemu-name-dot-wrapper {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.events-filter-container {
  grid-column-gap: var(--page-layout--mobile-page-padding);
  grid-row-gap: var(--page-layout--mobile-page-padding);
  border-bottom: 1px solid var(--tint-colours--gold-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 20px;
  display: flex;
}

.event-filter-by-activity {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.event-activities {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: scroll;
}

.widget--where-to-find-us {
  padding-top: var(--nav--nav-offset-desk);
}

.where-to-find-us--container {
  padding-top: var(--page-layout--desktop-page-padding);
  flex-flow: row;
  display: flex;
}

.wtfu--details {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.wtfu--google-map {
  padding-top: var(--image-ratios--image-square);
  border: 1px solid var(--colours--light-gold);
  position: relative;
}

.wtfu--details--item {
  border-top: 1px solid var(--colours--light-gold);
  padding-top: 20px;
  display: flex;
}

.wtfu--details--icon {
  width: 50px;
  height: 50px;
}

.wtfu--details--text-container {
  flex-flow: column;
  margin-left: 20px;
  display: flex;
}

.wtfu--embed {
  width: 100%;
  height: 100%;
}

.location-details--grid {
  padding: var(--page-layout--desktop-page-padding);
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  border: 1px solid var(--tint-colours--gold-20);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.location-details--item {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  display: flex;
}

.location-details--icon {
  width: 50px;
  height: 50px;
}

.location-details--text-block {
  color: var(--colours--gold);
}

.loyalty-app-container {
  padding-top: var(--page-layout--desktop-page-padding);
  padding-bottom: var(--page-layout--desktop-page-padding);
  border-top: 1px solid var(--tint-colours--gold-20);
  border-bottom: 1px solid var(--tint-colours--gold-20);
  flex-flow: row;
  display: flex;
}

.loyalty-app--text-container {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.loyalty-app--app-icons-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.loyalty-app--text-container-copy {
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  flex-flow: column;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.loyalty-app-section-container {
  flex-flow: row;
  display: flex;
}

.loyalty-app-section--text-container {
  grid-column-gap: var(--page-layout--desktop-page-padding);
  grid-row-gap: var(--page-layout--desktop-page-padding);
  flex-flow: column;
  display: flex;
}

.loyalty-app-section--app-icons-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.form-block {
  margin-bottom: 0;
}

.input-field-wrap {
  margin-bottom: 24px;
}

.field-label {
  color: #160042;
  letter-spacing: -.02em;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}

.field-wrap {
  align-items: center;
  display: flex;
  position: relative;
}

.date-field {
  color: #151e24;
  border: 1px solid #e9ecf0;
  border-radius: 12px;
  width: 100%;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px 12px 52px;
  font-size: 14px;
  transition: all .25s;
  box-shadow: 1px 1px 2px #7281a70a;
}

.date-field:hover {
  border-color: #ccd5e0;
}

.date-field:focus {
  border-color: #642eff;
}

.date-field::placeholder {
  color: #a0a6b0;
}

.field-icon {
  position: absolute;
  inset: auto auto auto 16px;
}

.submit-button {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #642eff;
  border: 2px solid #642eff;
  border-radius: 400px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 16px;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 2px #7281a70a;
}

.submit-button:hover, .submit-button:focus {
  border-color: #b197ff;
}

.success-message {
  background-color: #f3f5fb;
  border-radius: 12px;
}

.card {
  background-color: #fff;
  border-radius: 24px;
  width: 100%;
  max-width: 420px;
  padding: 32px;
  position: relative;
  box-shadow: 34px 34px 88px #17093614;
}

.flowbase-link {
  color: #642eff;
  text-decoration: none;
}

.icon-l {
  width: 72px;
  margin-bottom: 24px;
}

.paragraph {
  color: #6b7194;
  text-align: center;
  letter-spacing: -.02em;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.section---date {
  background-color: #fbfcfe;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 5%;
  display: flex;
  position: relative;
}

.logo-2 {
  width: 160px;
  margin-bottom: 24px;
}

.card---detail {
  text-align: center;
  border: 1px solid #e4e6f1;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 420px;
  margin-top: 32px;
  padding: 32px;
  display: flex;
}

.content-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h1-heading {
  color: #160042;
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: 600;
}

.heading-wrap {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 44px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.card---detail-text {
  color: #6b7094;
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.wth-datepicker {
  background-color: var(--colours--transparent);
  border: 1px #000;
}

.book-now--menu--mob {
  flex-flow: column;
  justify-content: center;
  width: 100%;
}

.book-now--menu--item {
  padding-top: var(--text-block-spacing--text-block-ipad-mob);
  padding-bottom: var(--text-block-spacing--text-block-ipad-mob);
  border-bottom: 1px solid var(--tint-colours--gold-20);
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
}

.book-now--menu--item.book-now--menu--item-inactive {
  opacity: .5;
}

.book-now--menu--item--image {
  max-width: 50px;
}

.book-now--form-iframe-container {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 500px;
  display: none;
  overflow: hidden;
}

.book-now--menu-container--desk {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  min-height: 800px;
  display: flex;
}

.group--book-now--form {
  border: 1px solid var(--tint-colours--brown-20);
  background-color: #e5dfd0;
  width: 100%;
  max-width: 400px;
  padding: 20px;
  display: flex;
}

.datepicker-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}

.number-of-guests-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}

.text-field--number-of-guests {
  width: 100px;
}

.input-number-of-guests {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--tint-colours--brown-20);
  background-color: var(--colours--transparent);
  flex: 1;
  width: 100px;
}

.field-label-2, .field-label-3 {
  font-weight: 300;
}

.text-field-2 {
  border: 1px solid var(--tint-colours--gold-20);
  background-color: var(--colours--transparent);
}

.book-now--form--label {
  font-family: var(--fonts--body);
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 300;
}

.form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.group-bookings--form--item-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.book-now--form--input-field {
  border: 1px solid var(--tint-colours--brown-20);
  border-radius: var(--forms--form-field-radius);
  background-color: var(--colours--transparent);
  margin-bottom: 0;
}

.mobile-number-container, .email-address-container, .special-requests-container {
  width: 100%;
}

.book-now--form--submit-button {
  padding: 0px var(--ctas--submit-button-spacing);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--colours--brown);
  color: var(--colours--cream);
  text-align: center;
  vertical-align: baseline;
  border-radius: 30px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 35px;
  text-decoration: none;
  display: inline-flex;
}

.book-now--form--submit-button.cta-button-light {
  border: 1px solid var(--colours--gold);
  background-color: var(--colours--cream);
  color: var(--colours--brown);
  cursor: pointer;
}

.book-now--form--submit-button.cta-button--transparent-light {
  border: 1px solid var(--colours--gold);
  color: var(--colours--cream);
  background-color: #0000;
}

.book-now--form--submit-button.cta-button--transparent-dark {
  border: 1px solid var(--colours--gold);
  color: var(--colours--brown);
  background-color: #0000;
}

.book-now--form--submit-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero--slogan-wrapper {
  z-index: 2;
  opacity: 0;
  color: var(--colours--cream);
  text-align: center;
  justify-content: center;
  width: 40vw;
  min-width: 480px;
  max-width: 720px;
  display: flex;
  position: relative;
}

.hero--header {
  z-index: 2;
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  font-family: var(--fonts--body);
  color: var(--colours--cream);
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  font-size: 1.2rem;
  font-weight: 400;
  display: flex;
}

.text-block {
  font-weight: 300;
}

.hero--header--divider-line {
  border-bottom: 1px solid var(--colours--cream);
  width: 75px;
  height: 0;
}

.hero--header--wrapper {
  z-index: 3;
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  opacity: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 200px 0% auto;
}

.hero--logo--wrapper {
  z-index: 2;
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  opacity: 0;
  justify-content: center;
  align-items: center;
  padding-top: 130px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-logo {
  max-width: 280px;
}

.menu--heading-conainer {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu--content-container {
  padding-top: var(--page-layout--desktop-page-padding);
  padding-bottom: var(--page-layout--desktop-page-padding);
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.heading-5 {
  font-family: Ppfragment Glare, sans-serif;
  line-height: 1.5;
}

.icon {
  width: 100%;
}

.hero-whats-on--info--wrapper {
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  flex-flow: column;
  max-width: 500px;
  display: flex;
}

.navbar--sub-menu {
  padding-right: var(--page-layout--desktop-page-padding);
  padding-left: var(--page-layout--desktop-page-padding);
  border-top: 1px dashed #775b2f80;
  justify-content: center;
  align-items: stretch;
  height: 50px;
  display: flex;
  position: relative;
}

.nav--sub {
  padding-right: var(--page-layout--desktop-page-padding);
  padding-left: var(--page-layout--desktop-page-padding);
  justify-content: center;
  height: 50px;
  display: flex;
  position: static;
}

.sub-menu {
  padding-right: var(--page-layout--desktop-page-padding);
  padding-left: var(--page-layout--desktop-page-padding);
  border-top: 1px dashed var(--tint-colours--gold-20);
  justify-content: center;
  height: 50px;
  display: none;
}

.book--acc--btn {
  border-bottom: 1px solid var(--tint-colours--gold-20);
  white-space: break-spaces;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  display: flex;
}

.book--acc--btn:hover {
  color: #e5291b;
}

.acc_item {
  width: 100%;
  display: block;
  overflow: hidden;
}

.acc--open--icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.acc--open--line {
  border-bottom: 1px solid var(--colours--gold);
  width: 15px;
  height: 0;
  position: absolute;
}

.acc_body_container {
  padding: 0 20px 10px;
}

.acc-body {
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.acc-body.w--open {
  background-color: #0000;
}

.caption-text-2 {
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

.nav_acc_container {
  flex: 0 auto;
  margin-top: -1px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.acc--open--line-2 {
  border: 1px #0dd2c7;
  border-top: 1px solid #e5291b;
  width: 15px;
  height: 0;
  position: absolute;
}

.book--acc--body--wrapper {
  padding: 0 20px 10px;
}

.caption-text-3 {
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

.acc_container {
  flex: 0 auto;
  margin-top: -1px;
  margin-left: auto;
  margin-right: auto;
}

.menu--content--wrapper {
  overflow: hidden;
}

.book-now--menu--desk {
  padding: var(--page-layout--desktop-page-padding);
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  width: 50%;
  display: flex;
}

.book-now--menu-container--mob {
  padding-right: var(--page-layout--desktop-page-padding);
  padding-left: var(--page-layout--desktop-page-padding);
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.book-now--form--wrapper--desk {
  background-color: var(--colours--light-cream);
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  display: flex;
}

.booking--close--cross {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.booking--close--cross--line {
  border-bottom: 1px solid var(--colours--gold);
  flex: 1;
  height: 0;
  position: absolute;
  inset: auto 0%;
}

.booking--close--cross--line.left {
  transform: rotate(-45deg);
}

.booking--close--cross--line.right {
  transform: rotate(45deg);
}

.packages--book-now--message {
  grid-column-gap: var(--text-block-spacers--black-spacing-lrg\<deleted\|variable-98278f29-ff94-cb03-9417-f5336eebb01f\>);
  grid-row-gap: var(--text-block-spacers--black-spacing-lrg\<deleted\|variable-98278f29-ff94-cb03-9417-f5336eebb01f\>);
  flex-flow: column;
  align-items: flex-start;
  max-width: 400px;
  display: flex;
}

.sticky--sub-menu {
  padding-right: var(--page-layout--desktop-page-padding);
  padding-left: var(--page-layout--desktop-page-padding);
  border-top: 1px solid var(--tint-colours--gold-20);
  justify-content: center;
  height: 50px;
  display: flex;
}

.form-block-2 {
  flex: 1;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
}

.icon--wrapper--lrg {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  position: relative;
}

.page-header-h1 {
  font-family: var(--fonts--header-serif);
  font-size: clamp(70px, 5vw, 100px);
  font-weight: 300;
  line-height: 1.2;
}

.sub-nav-link {
  color: var(--colours--gold);
  font-size: var(--nav--nav-text-size);
  letter-spacing: var(--nav--nav-text-spacing);
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: 400;
  display: flex;
}

.sub-nav-link:hover, .sub-nav-link.w--current {
  color: var(--colours--gold);
  text-decoration: underline;
}

.enquire-form--item {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.enquire-form--form-container {
  padding: var(--page-layout--desktop-page-padding);
  background-color: var(--colours--cream);
  flex: 1;
  max-width: 900px;
  position: relative;
}

.enquire-form--form-container.dark {
  background-color: var(--colours--brown);
  color: var(--colours--cream);
}

.caption-header {
  color: var(--colours--gold);
  margin-bottom: -10px;
}

.quote--text--wrapper {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.icon--image {
  object-fit: contain;
  width: 100%;
  min-width: 100%;
}

.icon--wrapper--small {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  position: relative;
}

.intro-overlay-2-images-grid--wrapper {
  flex-flow: column;
  min-height: 100vh;
  display: flex;
}

.cover-image--square {
  padding-top: var(--image-ratios--image-square);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.cover-image--pano {
  padding-top: var(--image-ratios--image-pano);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.sub-heading--container {
  max-width: 700px;
}

.contain-image--image {
  object-fit: contain;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.widget--text-graphic--grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  width: 100%;
}

.max-width-container--small {
  max-width: var(--page-layout--max-width-small);
  height: 100%;
}

.max-width-container--small.sticky {
  height: 300px;
}

.where-to-find-us--grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  width: 100%;
}

.find-us--cta--wrapper {
  margin-top: 20px;
}

.loaylty--app--btn {
  max-width: 140px;
}

.loaylty--app--icon {
  width: 100%;
}

.panel--tint {
  background-color: var(--colours--brown);
  opacity: .3;
  position: absolute;
  inset: 0%;
}

.video-control {
  max-width: 40px;
}

.dropdown {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.dropdown-toggle {
  padding: 0;
}

.nav-dropdown--icon {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
}

.dropdown-list {
  z-index: 1001;
  background-color: var(--nav--nav-background-light);
  margin-top: 0%;
  display: none;
}

.dropdown-list.w--open {
  background-color: var(--colours--cream);
  min-width: 200px;
  margin-top: 48px;
  box-shadow: 0 8px 10px -4px #0003;
}

.dropdown-list.hare--dropdown {
  background-color: var(--colours--brown);
  color: var(--colours--cream);
}

.nav--sub-link {
  padding: 12px var(--ctas--cta-button-spacing);
  border-bottom: 1px solid var(--tint-colours--gold-20);
  color: var(--colours--gold);
  font-size: var(--nav--nav-text-size);
  letter-spacing: var(--nav--nav-text-spacing);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
}

.nav--sub-link:hover {
  background-color: var(--colours--light-gold);
}

.nav--sub-link.hare--sublink, .nav--sub-link.hare--sub-link {
  color: var(--colours--cream);
}

.nav--sub-link.hare--sub-link:hover {
  background-color: var(--colours--brown);
}

.nav--dropdown {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.image--panel--wrapper {
  flex-flow: column;
  display: flex;
  position: relative;
}

.room-card-carousel {
  background-color: var(--colours--transparent);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.room-card-carousel.hide {
  display: none;
}

.room-card-carousel-nav {
  font-size: 10px;
  line-height: 0;
}

.right-arrow {
  justify-content: center;
  align-items: center;
  width: 80px;
  display: flex;
}

.carousel-arrow {
  width: 15px;
}

.carousel-arrow.left {
  transform: rotate(180deg);
}

.left-arrow {
  justify-content: center;
  align-items: center;
  width: 80px;
  display: flex;
}

.heading-12 {
  font-family: var(--fonts--header-serif);
}

.article--header, .article--header.widget-margin--md {
  padding-top: var(--nav--nav-offset-desk);
}

.whats-on--header--image--wrapper {
  height: 60vh;
  min-height: 500px;
  position: relative;
}

.article--info--grid {
  grid-column-gap: var(--panels--panel-padding);
  grid-row-gap: var(--panels--panel-padding);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.article--header--text--wrapper {
  margin-top: var(--widget-margins--widget-margin-sm);
  grid-column-gap: var(--panels--panel-padding);
  grid-row-gap: var(--panels--panel-padding);
  flex-flow: column;
  display: flex;
}

.article--body--wrapper {
  grid-column-gap: var(--widget-margins--widget-margin-md);
  grid-row-gap: var(--widget-margins--widget-margin-md);
  flex-flow: column;
  display: flex;
}

.aericle--single-image--wrapper {
  padding-top: 60%;
  position: relative;
}

.article--double-image--wrapper {
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.whats-on--double-image {
  padding-top: 100%;
  position: relative;
}

.whats-on--double-image--grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto;
}

.whats-on--more--wrapper {
  grid-column-gap: var(--widget-margins--widget-margin-md);
  grid-row-gap: var(--widget-margins--widget-margin-md);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.full-width--cta {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  align-items: center;
  width: 100%;
  display: flex;
}

.divider--line {
  border-top: 1px dashed var(--colours--gold);
  flex: 1;
  height: 0;
}

.loyalty-app--links {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  display: flex;
}

.loyalty-app--grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  width: 100%;
}

.loyalty-app--image-wrapper {
  background-color: var(--colours--light-gold);
  border-radius: 50%;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.loyalty-app--image-container {
  width: 100%;
  max-width: 500px;
}

.group-bookings--form--wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.group-bookings--container {
  padding-top: var(--page-layout--desktop-page-padding);
  padding-bottom: var(--page-layout--desktop-page-padding);
  flex-flow: row;
  display: flex;
}

.group-bookings--grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  width: 100%;
}

.group-bookings--text--wrapper {
  grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
  grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 580px;
  display: flex;
}

.widget--dog-friendly {
  background-color: var(--colours--brown);
}

.dog-friendly--container {
  color: var(--colours--cream);
  flex-flow: row;
  display: flex;
}

.dog-friendly--grid {
  grid-column-gap: var(--text-block--image-spacing--text-image-desk);
  grid-row-gap: var(--text-block--image-spacing--text-image-desk);
  grid-template-rows: auto;
  width: 100%;
}

.dog-friendly--image-container {
  width: 100%;
  max-width: 500px;
}

.dog-friendly--image-wrapper {
  background-color: var(--colours--light-gold);
  width: 100%;
  margin-top: -10%;
  margin-bottom: -10%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.dog-friendly--text-container {
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.group-bookings--cta--text {
  z-index: 2;
  position: relative;
}

.testimonials--slider {
  background-color: var(--colours--transparent);
  height: auto;
}

.mask {
  height: auto;
}

.testimonial--wrapper {
  grid-column-gap: var(--panels--panel-padding);
  grid-row-gap: var(--panels--panel-padding);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slide-nav {
  margin-top: 30px;
  font-size: .5rem;
  position: relative;
  top: auto;
  left: 0%;
  right: 0%;
}

.testimonial--icon--wrapper {
  margin-bottom: var(--panels--panel-padding);
  justify-content: center;
  display: flex;
}

.testimonial-arrow {
  justify-content: center;
  align-items: center;
  width: 80px;
  display: flex;
}

.testimonial--icon--container {
  width: 50px;
}

.image {
  width: 100%;
}

.testimonial-arrow--icon {
  max-width: 20px;
}

.testimonial-arrow--icon.left {
  transform: rotate(180deg);
}

.testimonial--container {
  padding-right: var(--page-layout--desktop-page-padding);
  padding-left: var(--page-layout--desktop-page-padding);
  flex: 1;
  max-width: none;
  position: relative;
}

.footer--logos--all--wrapper {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
}

.footers--logo--group {
  grid-column-gap: var(--panels--panel-padding);
  grid-row-gap: var(--panels--panel-padding);
  flex-flow: column;
  display: flex;
}

.footers--logo--header {
  border-bottom: 1px solid var(--tint-colours--cream-20);
  color: var(--colours--cream);
  padding-bottom: 10px;
}

.legals-max-width-container {
  padding: var(--nav--nav-offset-desk) var(--page-layout--desktop-page-padding) var(--page-layout--desktop-page-padding);
}

.legals-text-wrapper {
  padding-top: var(--page-layout--desktop-page-padding);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.body-header {
  font-weight: 500;
}

.weather--cta-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.book-direct-icon--grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-columns: 1fr 1fr 1fr;
}

.book-direct-icon--item {
  grid-column-gap: var(--cards--card-spacing);
  grid-row-gap: var(--cards--card-spacing);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.book-direct--icon {
  width: 100%;
}

.book-direct--icon--wrapper {
  width: 110px;
  max-width: 110px;
}

.book-direct--wrapper {
  padding-top: var(--page-layout--desktop-page-padding);
  padding-bottom: var(--page-layout--desktop-page-padding);
  background-color: var(--tint-colours--gold-20);
}

.menu-slider--left-arrow {
  display: none;
}

.menu-slider--right-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-slider--arrow {
  width: 18px;
  display: flex;
}

.menu-slider--nav {
  mix-blend-mode: exclusion;
  font-size: .7rem;
}

.text-block-2 {
  font-weight: 300;
}

.body-3 {
  overflow: hidden;
}

.weather--icon {
  width: 30px;
  height: 30px;
}

.weather--widget--image--wrapper {
  position: absolute;
  inset: 0%;
}

.success-message--enquire {
  background-color: var(--colours--transparent);
  text-align: left;
  padding: 0;
}

.error-message {
  background-color: var(--colours--gold);
  color: var(--colours--cream);
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.success-message-2 {
  background-color: var(--colours--transparent);
  text-align: left;
  padding: 0;
}

.error-message-2 {
  background-color: var(--colours--gold);
}

.menu--image {
  padding-top: var(--image-ratios--image-landscape);
}

.cover-image--menu {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.cover-image--menu.bottom {
  object-position: 50% 100%;
}

.panel_small {
  max-width: var(--panels--panel-max-width-large);
  grid-column-gap: var(--text-block-spacing--text-block-desk);
  grid-row-gap: var(--text-block-spacing--text-block-desk);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.panel_small.panel-dark {
  color: var(--colours--brown);
}

.panel_small.panel-dark.panel-dark--blur {
  padding: var(--page-layout--mobile-page-padding);
  background-color: var(--tint-colours--cream-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.panel_small.panel-light {
  color: var(--colours--cream);
}

.panel_small.panel-light.panel-light--blur {
  background-color: var(--tint-colours--slate-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.panel_small.panel-border {
  padding: var(--page-layout--mobile-page-padding);
  border: 1px solid var(--tint-colours--gold-20);
}

.panel_small.panel--text-dark {
  padding: var(--panels--panel-padding);
  background-color: var(--panel-colours--cream-panel);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

.panel_small.panel--text-light {
  padding: var(--panels--panel-padding);
  background-color: var(--panel-colours--slate-panel);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: var(--colours--cream);
}

.video--background {
  z-index: 1;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  min-height: 800px;
  max-height: 100svh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.video--background.mobile {
  display: none;
}

.video--background--wrapper {
  z-index: -999;
  width: 1000%;
  height: 100%;
  padding-bottom: 56.25%;
  position: absolute;
}

.video--background--wrapper.landscape {
  width: 100%;
  height: 1000%;
}

.video-background--embed {
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-background-small {
  z-index: 1;
  justify-content: center;
  align-items: center;
  max-height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.video-background-small.hide {
  display: none;
}

.success-message-3 {
  background-color: var(--colours--gold);
  color: var(--colours--cream);
}

.error-message-3 {
  background-color: var(--colours--gold);
  color: var(--colours--cream);
  margin-top: 20px;
}

.cover-image--header {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.cover-image--header.bottom {
  object-position: 50% 100%;
}

.cover-image--header.hide {
  display: none;
}

.article--details.widget-margin--md {
  padding-top: var(--nav--nav-offset-desk);
}

.article--details--wrapper {
  grid-column-gap: var(--panels--panel-padding);
  grid-row-gap: var(--panels--panel-padding);
  flex-flow: column;
  display: flex;
}

.article-menu-grid {
  grid-column-gap: var(--image-grid-spacing--image-grid-all);
  grid-row-gap: var(--image-grid-spacing--image-grid-all);
  grid-template-rows: auto;
}

.widget--pop-up-overlay--wrapper {
  z-index: 2000;
  padding: var(--page-layout--desktop-page-padding);
  background-color: var(--panel-colours--gold-panel);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop--up--text--wrapper {
  padding: var(--cards--card-padding);
  grid-column-gap: var(--cards--card-spacing);
  grid-row-gap: var(--cards--card-spacing);
  background-color: var(--colours--brown);
  color: var(--colours--cream);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.pop-up--wrapper {
  border: 1px none var(--tint-colours--brown-20);
  border-radius: 10px;
  width: 400px;
  position: relative;
  overflow: clip;
}

.pop-up--image--wrapper {
  padding-top: var(--image-ratios--image-landscape);
  position: relative;
}

.pop-up--close {
  left: auto;
  top: var(--cards--card-padding);
  right: var(--cards--card-padding);
  border: 1px solid var(--colours--gold);
  background-color: var(--colours--cream);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: absolute;
  bottom: auto;
}

.pop-up--close--line {
  border-top: 1px solid var(--colours--gold);
  width: 50%;
  position: absolute;
  transform: rotate(45deg);
}

.pop-up--close--line.cross {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0)rotate(45deg);
}

.theme-hare-and-hounds {
  --colours--cream: #e5dfd0;
  --fonts--body: halyard-text, sans-serif;
  --colours--brown: #163332;
  --fonts--header-serif: the-seasons, sans-serif;
  --fonts-sizes--h1-font-size: 6.25rem;
  --fonts-sizes--h1-font-size-ipad: 5.25rem;
  --fonts-sizes--h1-font-size-mob: 4.25rem;
  --fonts-sizes--h2-font-size: 3rem;
  --fonts-sizes--h2-font-size-ipad: 2.5rem;
  --fonts-sizes--h2-font-size-mob: 2rem;
  --fonts-sizes--h3-font-size: 2rem;
  --fonts-sizes--h3-font-size-ipad: 2rem;
  --fonts--header-serif-small: the-seasons, sans-serif;
  --fonts-sizes--h3-font-size-mob: 1.5rem;
  --fonts-sizes--h4-font-size: 1.2rem;
  --fonts-sizes--h5-font-size: .8rem;
  --fonts-sizes--h6-font-size: .7rem;
  --fonts-sizes--h6-spacing: 2px;
  --colours--gold: #775b2f;
  --nav--nav-offset-ipad: 60px;
  --image-grid-spacing--image-grid-all: 24px;
  --page-layout--max-width: 1528px;
  --page-layout--desktop-page-padding: 64px;
  --page-layout--mobile-page-padding: 24px;
  --type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>: 1rem;
  --ctas--cta-button-spacing: 15px;
  --type-space-sm\<deleted\|variable-4a33bdb9-1632-e784-57f8-e7b75da958f9\>: .5rem;
  --tint-colours--brown-20: #180b0233;
  --list-spacing--list-padding: 8px;
  --ctas--cta-font-size: .65rem;
  --tint-colours--cream-20: #e5dfd033;
  --tint-colours--gold-20: #775b2f33;
  --text-block-spacing--text-block-desk: 32px;
  --text-block--image-spacing--text-image-mob: 24px;
  --text-block-spacing--text-block-ipad-mob: 32px;
  --panels--panel-max-width-large: 525px;
  --tint-colours--slate-20: #67758233;
  --colours--light-gold: #d0c6b6;
  --panels--panel-padding: 32px;
  --panel-colours--cream-panel: #e5dfd066;
  --panel-colours--slate-panel: #6775824d;
  --colours--transparent: transparent;
  --cards--card-padding: 24px;
  --cards--card-spacing: 20px;
  --misc--image-grid-gap-size: 24px;
  --misc--room-features-gap-space: 1.5rem;
  --intro-overlay-2-images-text-container-padding\<deleted\|variable-425b3fca-f1c7-dbd0-7242-b965aef37990\>: 20px;
  --image-ratios--image-portrait-tall: 150%;
  --image-ratios--image-portrait: 120%;
  --image-ratios--image-landscape: 75%;
  --text-block--image-spacing--text-image-desk: 5vw;
  --misc--copy-overlay-wraper-max-width: 450px;
  --copy-overlay-wrapper-padding\<deleted\|variable-da10a8ae-46f1-db28-5b56-c486e181f6d2\>: 20px;
  --tint-colours--white-20: #fff3;
  --copy-overlay-grid-padding\<deleted\|variable-f9e50c23-dcba-0527-f8ae-5179294dae56\>: 20px;
  --image-ratios--image-square: 100%;
  --nav--nav-offset-desk: 109px;
  --misc--hero-video-controls-gap: 20px;
  --panels--panel-max-width: 450px;
  --misc--the-location-overlay-max-width: 450px;
  --nav--nav-background-light: #e5dfd0b3;
  --nav--nav-blur: 20px;
  --nav--nav-background-transparent-dark: #163332cc;
  --nav--nav-text-size: .9rem;
  --nav--nav-text-spacing: 2px;
  --colours--slate: #e5dfd0;
  --forms--sign-up-description-font-size: 1.25rem;
  --forms--sign-up-description-line-height: 1.75rem;
  --forms--sign-up-form-grid-gap: 15px;
  --cta-button-border-radius\<deleted\|variable-01a75d31-03a0-db45-bef0-5346774aebf7\>: 30px;
  --cta-button-font-size\<deleted\|variable-d7806857-540e-45b8-5606-5d763a8f3a66\>: 1rem;
  --cta-button-line-height\<deleted\|variable-e08cfbdd-78d8-3db7-4758-4b30ba97e3d0\>: 1.25rem;
  --widget-margins--widget-margin-md: 64px;
  --widget-margins--widget-margin-lg: 96px;
  --text-block--image-spacing--grid-gap-sm\<deleted\|variable-05998a77-fd62-a2c5-b609-1eb2432e8d7d\>: 24px;
  --cta-button-text-padding\<deleted\|variable-452fa1e3-625f-9a8d-8b66-365d09c707ad\>: .5rem;
  --grids--grid-gutter-large\<deleted\|variable-fa797b7a-735a-6fe8-a463-fae1a7b96b28\>: 5vw;
  --colours--transparent\<deleted\|variable-62913877-b5fa-2a45-df47-5b3093221403\>: #fff0;
  --text-block--image-spacing--text-image-ipad: 64px;
  --panel-colours--brown-panel: #180b0233;
  --ctas--cta-height: 35px;
  --widget-margins--widget-margin-sm: 32px;
  --widget-margins--widget-margin-xlg: 256px;
  --fonts--h1-font-line-height-mobile\<deleted\|variable-7f17a9ba-7b0e-fc09-b35d-62e1f018469e\>: 80px;
  --fonts--h2-font-line-height-mobile\<deleted\|variable-fc149da9-d0ae-313e-3326-addfef1270eb\>: 2.5rem;
  --fonts--h3-font-line-height-mobile\<deleted\|variable-d34f87ae-b328-ce4e-8087-84a051f3f804\>: 2rem;
  --line-colours--slate-line: #677582;
  --forms--form-field-radius: 5px;
  --ctas--submit-button-spacing: 30px;
  --colours--light-cream: #e6e2da;
  --text-block-spacers--black-spacing-lrg\<deleted\|variable-98278f29-ff94-cb03-9417-f5336eebb01f\>: 32px;
  --image-ratios--image-pano: 50%;
  --page-layout--max-width-small: 900px;
  --widget-margins--widget-magrin-md-mobile: 32px;
  --image-grid-spacing--image-grid-offset: -24px;
  --image-grid-spacing--image-grid-offset-plus-margin: 40px;
  --panel-colours--gold-panel: #775b2f33;
  --fonts-sizes--overlay-text-font-size: 1.875rem;
  --widget-margins--widget-margin-lg-mobile: 64px;
  --nav--nav-background-transparent: #180b024d;
  --line-colours--brown-line: #163332;
  --line-colours--cream-line: #e5dfd0;
  --misc--news-thumbnail-max-width: 500px;
  --misc--news-thumbnail-info-padding: 2rem;
  --misc--quote-container-padding: 65px;
}

.section {
  height: 100vh;
}

.heading-14 {
  font-weight: 300;
}

.hare--dropdown {
  background-color: var(--nav--nav-background-transparent-dark);
  color: var(--colours--cream);
}

.theme-kings-arms {
  --colours--cream: #e5dfd0;
  --fonts--body: "Ppfragment Sans", sans-serif;
  --colours--brown: #1c3a53;
  --fonts--header-serif: "Ppfragment Serif", sans-serif;
  --fonts-sizes--h1-font-size: 6.25rem;
  --fonts-sizes--h1-font-size-ipad: 5.25rem;
  --fonts-sizes--h1-font-size-mob: 4.25rem;
  --fonts-sizes--h2-font-size: 3rem;
  --fonts-sizes--h2-font-size-ipad: 2.5rem;
  --fonts-sizes--h2-font-size-mob: 2rem;
  --fonts-sizes--h3-font-size: 2rem;
  --fonts-sizes--h3-font-size-ipad: 2rem;
  --fonts--header-serif-small: "Ppfragment Glare", sans-serif;
  --fonts-sizes--h3-font-size-mob: 1.5rem;
  --fonts-sizes--h4-font-size: 1.2rem;
  --fonts-sizes--h5-font-size: .8rem;
  --fonts-sizes--h6-font-size: .7rem;
  --fonts-sizes--h6-spacing: 2px;
  --colours--gold: #775b2f;
  --nav--nav-offset-ipad: 60px;
  --image-grid-spacing--image-grid-all: 24px;
  --page-layout--max-width: 1528px;
  --page-layout--desktop-page-padding: 64px;
  --page-layout--mobile-page-padding: 24px;
  --type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>: 1rem;
  --ctas--cta-button-spacing: 15px;
  --type-space-sm\<deleted\|variable-4a33bdb9-1632-e784-57f8-e7b75da958f9\>: .5rem;
  --tint-colours--brown-20: #180b0233;
  --list-spacing--list-padding: 8px;
  --ctas--cta-font-size: .65rem;
  --tint-colours--cream-20: #e5dfd033;
  --tint-colours--gold-20: #775b2f33;
  --text-block-spacing--text-block-desk: 32px;
  --text-block--image-spacing--text-image-mob: 24px;
  --text-block-spacing--text-block-ipad-mob: 32px;
  --panels--panel-max-width-large: 525px;
  --tint-colours--slate-20: #67758233;
  --colours--light-gold: #d0c6b6;
  --panels--panel-padding: 32px;
  --panel-colours--cream-panel: #e5dfd066;
  --panel-colours--slate-panel: #6775824d;
  --colours--transparent: transparent;
  --cards--card-padding: 24px;
  --cards--card-spacing: 20px;
  --misc--image-grid-gap-size: 24px;
  --misc--room-features-gap-space: 1.5rem;
  --intro-overlay-2-images-text-container-padding\<deleted\|variable-425b3fca-f1c7-dbd0-7242-b965aef37990\>: 20px;
  --image-ratios--image-portrait-tall: 150%;
  --image-ratios--image-portrait: 120%;
  --image-ratios--image-landscape: 75%;
  --text-block--image-spacing--text-image-desk: 5vw;
  --misc--copy-overlay-wraper-max-width: 450px;
  --copy-overlay-wrapper-padding\<deleted\|variable-da10a8ae-46f1-db28-5b56-c486e181f6d2\>: 20px;
  --tint-colours--white-20: #fff3;
  --copy-overlay-grid-padding\<deleted\|variable-f9e50c23-dcba-0527-f8ae-5179294dae56\>: 20px;
  --image-ratios--image-square: 100%;
  --nav--nav-offset-desk: 109px;
  --misc--hero-video-controls-gap: 20px;
  --panels--panel-max-width: 450px;
  --misc--the-location-overlay-max-width: 450px;
  --nav--nav-background-light: #e5dfd0b3;
  --nav--nav-blur: 20px;
  --nav--nav-background-transparent-dark: #1c3a53cc;
  --nav--nav-text-size: .8rem;
  --nav--nav-text-spacing: 2px;
  --colours--slate: #e5dfd0;
  --forms--sign-up-description-font-size: 1.25rem;
  --forms--sign-up-description-line-height: 1.75rem;
  --forms--sign-up-form-grid-gap: 15px;
  --cta-button-border-radius\<deleted\|variable-01a75d31-03a0-db45-bef0-5346774aebf7\>: 30px;
  --cta-button-font-size\<deleted\|variable-d7806857-540e-45b8-5606-5d763a8f3a66\>: 1rem;
  --cta-button-line-height\<deleted\|variable-e08cfbdd-78d8-3db7-4758-4b30ba97e3d0\>: 1.25rem;
  --widget-margins--widget-margin-md: 64px;
  --widget-margins--widget-margin-lg: 96px;
  --text-block--image-spacing--grid-gap-sm\<deleted\|variable-05998a77-fd62-a2c5-b609-1eb2432e8d7d\>: 24px;
  --cta-button-text-padding\<deleted\|variable-452fa1e3-625f-9a8d-8b66-365d09c707ad\>: .5rem;
  --grids--grid-gutter-large\<deleted\|variable-fa797b7a-735a-6fe8-a463-fae1a7b96b28\>: 5vw;
  --colours--transparent\<deleted\|variable-62913877-b5fa-2a45-df47-5b3093221403\>: #fff0;
  --text-block--image-spacing--text-image-ipad: 64px;
  --panel-colours--brown-panel: #180b0233;
  --ctas--cta-height: 35px;
  --widget-margins--widget-margin-sm: 32px;
  --widget-margins--widget-margin-xlg: 256px;
  --fonts--h1-font-line-height-mobile\<deleted\|variable-7f17a9ba-7b0e-fc09-b35d-62e1f018469e\>: 80px;
  --fonts--h2-font-line-height-mobile\<deleted\|variable-fc149da9-d0ae-313e-3326-addfef1270eb\>: 2.5rem;
  --fonts--h3-font-line-height-mobile\<deleted\|variable-d34f87ae-b328-ce4e-8087-84a051f3f804\>: 2rem;
  --line-colours--slate-line: #677582;
  --forms--form-field-radius: 5px;
  --ctas--submit-button-spacing: 30px;
  --colours--light-cream: #e6e2da;
  --text-block-spacers--black-spacing-lrg\<deleted\|variable-98278f29-ff94-cb03-9417-f5336eebb01f\>: 32px;
  --image-ratios--image-pano: 50%;
  --page-layout--max-width-small: 900px;
  --widget-margins--widget-magrin-md-mobile: 32px;
  --image-grid-spacing--image-grid-offset: -24px;
  --image-grid-spacing--image-grid-offset-plus-margin: 40px;
  --panel-colours--gold-panel: #775b2f33;
  --fonts-sizes--overlay-text-font-size: 1.875rem;
  --widget-margins--widget-margin-lg-mobile: 64px;
  --nav--nav-background-transparent: #180b024d;
  --line-colours--brown-line: #180b02;
  --line-colours--cream-line: #e5dfd0;
  --misc--news-thumbnail-max-width: 500px;
  --misc--news-thumbnail-info-padding: 2rem;
  --misc--quote-container-padding: 65px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--fonts-sizes--h1-font-size-ipad);
  }

  h2 {
    font-size: var(--fonts-sizes--h2-font-size-ipad);
  }

  h3 {
    font-size: var(--fonts-sizes--h3-font-size-ipad);
  }

  .widget--header-text--3-image-tile {
    padding-top: var(--nav--nav-offset-ipad);
    height: auto;
  }

  .intro-staggered-big-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
  }

  .max-width-container {
    max-width: none;
  }

  .hero-whats-on--info {
    justify-content: center;
    align-items: flex-start;
  }

  .heading-h1 {
    font-size: var(--fonts-sizes--h1-font-size-ipad);
  }

  .heading-h1.wtfu--details--header {
    max-width: none;
  }

  .hero-whats-on--images--grid {
    display: none;
  }

  .heading-h2 {
    font-size: var(--fonts-sizes--h2-font-size-ipad);
  }

  .menu-double--item--text-container {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  }

  .panel {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
    max-width: none;
  }

  .panel.panel-dark--blur {
    border: 1px none var(--colours--light-gold);
    padding: 0;
  }

  .panel.panel--text-dark {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: 0;
  }

  .panel.panel--text-light {
    background-color: var(--colours--transparent);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--colours--brown);
    padding: 0;
  }

  .heading-h3 {
    font-size: var(--fonts-sizes--h3-font-size-ipad);
  }

  .room--images {
    display: flex;
  }

  .section-container--no-padding {
    max-width: none;
  }

  .intro-grid-small--images-panel {
    grid-template-rows: auto;
    grid-auto-rows: auto;
    min-height: auto;
  }

  .section-container--padding {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    max-width: none;
  }

  .same--as-widget--text-cta--image {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
  }

  .quote--quotation-mark {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
  }

  .intro-overlay-2-images--text-container {
    padding-right: var(--intro-overlay-2-images-text-container-padding\<deleted\|variable-425b3fca-f1c7-dbd0-7242-b965aef37990\>);
    padding-left: var(--intro-overlay-2-images-text-container-padding\<deleted\|variable-425b3fca-f1c7-dbd0-7242-b965aef37990\>);
  }

  .cover-image--portrait-tall {
    padding-top: var(--image-ratios--image-portrait);
  }

  ._2-column-grid--offset {
    grid-template-columns: 1fr;
  }

  .copy-overlay--text-wrapper {
    display: none;
  }

  .inro-overlay-2-images--panel-02 {
    padding-top: var(--\<unknown\|variable-d60ab791-9728-06bd-2e66-c9d4d094e1de\>);
  }

  .widget--page-header.widget-margin--lg {
    margin-bottom: var(--page-layout--desktop-page-padding);
  }

  .hero--video-container {
    height: 100svh;
    min-height: 600px;
  }

  .hero--vidio--controls {
    bottom: 5%;
  }

  .the-location--main-image-container {
    justify-content: center;
    align-items: flex-end;
  }

  .the-location--main-image--overlay-container {
    max-width: 700px;
  }

  .weather--widget--wrapper {
    place-items: end;
  }

  ._4-column-grid {
    grid-template-columns: 1fr 1fr;
  }

  .the-space--info {
    max-width: none;
  }

  .widget--the-rooms {
    min-height: 0;
  }

  .whats-on--panel-2 {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    padding-top: 0;
    padding-bottom: 0;
  }

  .whats-on--event-container {
    height: auto;
    max-height: none;
    padding-left: 0;
  }

  .navbar--container {
    flex-flow: row;
    justify-content: flex-end;
  }

  .navbar--brand--wrapper {
    flex: 1;
    height: 60px;
    position: absolute;
    inset: 0%;
  }

  .nav-link {
    border-bottom: 1px solid var(--colours--light-gold);
    color: var(--colours--brown);
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-link:hover {
    color: var(--colours--brown);
  }

  .nav-link.w--current {
    color: var(--colours--brown);
    text-decoration: none;
  }

  .nav-link.sub {
    border-top: 1px dashed var(--colours--gold);
    color: var(--colours--gold);
    font-weight: 300;
  }

  .nav-link.drop-mob {
    display: none;
  }

  .nav-link.dropdown {
    width: 100%;
  }

  .nav-link.dropdown.w--open {
    flex-flow: row;
    width: 100%;
  }

  .nav-link.dropdown.nav-link--hare, .nav-link.nav-link--hare {
    color: var(--colours--brown);
  }

  .navbar--menu {
    padding-top: var(--page-layout--desktop-page-padding);
    padding-bottom: var(--page-layout--mobile-page-padding);
    background-color: var(--colours--cream);
    border-top-style: none;
    flex-flow: column;
    height: calc(100vh - 60px);
    overflow: scroll;
  }

  .navbar--cta-wrapper {
    margin-top: 10px;
    position: relative;
    left: 0;
    right: 0;
  }

  .navbar--cta-wrapper.desktop {
    display: none;
  }

  .navbar--cta-wrapper.mob {
    margin-top: 0;
    margin-bottom: 25px;
    display: flex;
  }

  .navbar--divider-dot-wrapper {
    display: none;
  }

  .navbar--divider-dot-wrapper.desk-hidden {
    display: flex;
  }

  .logo.light {
    display: none;
  }

  .sign-up--description {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .footer--links-section-grid {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-template-columns: 1fr 1fr;
  }

  .footer--links--group {
    width: 50%;
  }

  .footer--links--group-container {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer--social-links-container {
    border-top: 1px solid var(--tint-colours--white-20);
    border-right-style: none;
    border-right-color: var(--tint-colours--white-20);
    border-left-style: none;
    padding-left: 0;
  }

  .footer--get-in-touch-container {
    border-top: 1px solid var(--tint-colours--white-20);
    padding-left: 0;
  }

  .widget-margin--lg {
    margin-bottom: var(--widget-margins--widget-margin-md);
  }

  .location--small--land-image {
    padding-top: 65%;
  }

  .the-location--main-image {
    height: auto;
    min-height: auto;
    padding-top: 100%;
  }

  .location--small--port-image {
    padding-top: 120%;
  }

  .text-over-video--text--wrapper {
    align-self: flex-end;
  }

  .bottom-navbar-wrapper {
    display: none;
  }

  .whats-on-grid {
    grid-template-columns: 1fr;
  }

  .footer-logo-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .latest-offer-image {
    height: auto;
    min-height: auto;
    padding-top: 65%;
  }

  .valentines-grid {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-template-columns: 1fr;
  }

  .newsletter-grid {
    grid-template-columns: 1fr;
  }

  .menu-button {
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--colours--transparent\<deleted\|variable-62913877-b5fa-2a45-df47-5b3093221403\>);
    color: var(--colours--gold);
  }

  .hero-whats-on-grid {
    grid-template-rows: minmax(20px, auto);
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .section-container--padding-left {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    max-width: none;
  }

  .cover-image--100vh {
    padding-top: var(--image-ratios--image-square);
    min-height: auto;
  }

  .menu-grid {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    grid-column-gap: var(--text-block--image-spacing--text-image-mob);
    grid-row-gap: var(--text-block--image-spacing--text-image-mob);
    grid-template-columns: 1fr;
  }

  .menu-slider {
    width: 100%;
  }

  .intro-room-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
  }

  .menu-double-grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
  }

  .full-width--text-image--grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .latest-offer-grid {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    grid-template-columns: 1fr;
  }

  .text-image--text--wrapper {
    width: 100%;
  }

  .text-image--text--wrapper.absolute {
    justify-content: center;
    align-items: flex-end;
    position: relative;
  }

  .text-image--text--wrapper.absolute.grid-offset-bottom {
    padding-bottom: 128px;
  }

  .text-image--text--wrapper.boarder {
    padding-top: var(--page-layout--desktop-page-padding);
    padding-bottom: var(--page-layout--desktop-page-padding);
  }

  .max-width--text-image--grid {
    grid-template-columns: 1fr;
  }

  .space-grid, .intro-grid-small-grid {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    grid-template-columns: 1fr;
  }

  .room--image-small {
    padding-top: 80%;
  }

  .intro-grid-small--portrait-image {
    padding-top: 120%;
  }

  .intro-grid-single-grid {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    grid-template-columns: 1fr;
  }

  .intro-staggered-big--calc-padding {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    margin-left: 0;
  }

  .intro-staggered-big--quote-image--100vh {
    min-width: auto;
    height: 100%;
    min-height: auto;
    padding-top: 100%;
  }

  .intro-overlay-2-images-grid {
    grid-template-columns: 1fr;
  }

  .intro-room-type--images-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
  }

  .intro-room-type--calc-padding {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    margin-left: 0;
  }

  .the-location-grid {
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
  }

  .the-spaces-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
  }

  .the-spaces--image-1--4-3, .the-spaces--image-2--4-3 {
    padding-top: 80%;
  }

  .the-spaces--image-3--portriat {
    padding-top: 120%;
  }

  .the-spaces--image-4--4-3 {
    padding-top: 80%;
  }

  .the-rooms-grid {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    grid-template-columns: 1fr;
  }

  .the-rooms--calc-padding {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    margin-left: 0;
  }

  .whats-on--event-image--portrait {
    padding-top: 120%;
  }

  .sign-up-grid {
    grid-template-columns: 1fr;
  }

  .menu-double--image--4-3 {
    padding-top: 80%;
  }

  .intro-room-type--overlay-text-wrapper {
    display: none;
  }

  .intro-room-type--overley-text--tablet-version {
    display: block;
  }

  ._2-images-offset-grid, .intro-animated-grid {
    grid-template-columns: 1fr;
  }

  .text-sticky--wrapper {
    height: auto;
    position: static;
  }

  ._3-image-row--image--portrait {
    padding-top: 120%;
  }

  .widget--text--offset-galery-2 {
    height: auto;
  }

  .intro-staggered-3-images-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
  }

  .intro-staggered-3-images--calc-padding-copy {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    margin-left: 0;
  }

  .intro-staggered-3-images--images-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
  }

  .intro-staggered-3-images--main-image-copy {
    padding-top: 80%;
  }

  ._3-image-text-grid {
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  ._3-image-text--image--portrait {
    padding-top: 120%;
  }

  ._3-image-text--text-panel {
    padding-right: 0;
  }

  .image-with-text-panel--container {
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }

  .supplier-panels--grid {
    grid-template-columns: 1fr;
  }

  .supplier-panels--image--portrait {
    padding-top: 120%;
  }

  .content-2-panels--grid {
    grid-template-columns: 1fr;
  }

  .supplier-panels--image--landscape {
    padding-top: 80%;
  }

  .full-width-image-with-text--text-wrapper {
    justify-content: center;
    align-items: flex-end;
  }

  .see-and-do--grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .see-ad-do--image, .see-ad-do--image-double-wide {
    padding-top: 80%;
  }

  .text-and-slider--content-container {
    flex-flow: column;
  }

  .text-and-slider--text {
    padding-top: var(--page-layout--mobile-page-padding);
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
    width: 100%;
    max-width: none;
    padding-bottom: 0;
  }

  .text-and-slider--image {
    width: 100%;
    padding-top: 80%;
  }

  .enquire-form--image {
    min-width: auto;
    height: 100%;
    min-height: auto;
    padding-top: 100%;
  }

  .navbar--mobile-menu {
    margin-top: var(--page-layout--mobile-page-padding);
    margin-bottom: var(--page-layout--mobile-page-padding);
    display: block;
  }

  .crosslink-panel--image--4-3 {
    padding-top: 80%;
  }

  .book-direct--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-template-columns: 1fr;
  }

  .text-image-40-60--grid {
    grid-template-columns: 1fr;
  }

  .room-card--carousel-container--mobile {
    display: block;
  }

  .room-card--highlight-copy-container--mobile {
    display: flex;
  }

  .copy-overlay--text-wrapper--mobile {
    display: block;
  }

  .text-offset-gallery--calc-padding {
    padding-left: var(--page-layout--desktop-page-padding);
    margin-left: 0;
  }

  .image-text-panel--calc-padding {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    margin-left: 0;
  }

  .package-grid--reverse {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .text-image-full-height-calc-padding--reverse {
    margin-left: 0;
    padding-left: 0;
  }

  .space-grid--reverse {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    grid-template-columns: 1fr;
  }

  .text-bullets-cta-calc-padding--reverse {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .quote-absolute-container {
    place-items: end center;
    position: relative;
  }

  .pull-quote--background-cover-image--100vh {
    min-width: auto;
    height: auto;
    min-height: 100vh;
  }

  .pull-quote-container {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
    padding-left: 0;
    padding-right: 0;
  }

  .events-grid {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    grid-template-columns: 1fr;
  }

  .book-now--popup {
    display: none;
  }

  .room-filter-container {
    margin-left: 0;
    margin-right: 0;
  }

  .room-filter-by-name {
    display: flex;
  }

  .room-names, .room-features {
    overflow: scroll;
  }

  .nav--menu {
    display: none;
  }

  .nav--menu-container {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-nav-items-container {
    display: flex;
  }

  .menu-nav-items--header {
    margin-left: var(--page-layout--mobile-page-padding);
  }

  .menu-names {
    justify-content: flex-start;
    align-items: center;
    overflow: scroll;
  }

  .events-filter-container {
    margin-left: 0;
    margin-right: 0;
  }

  .event-activities {
    overflow: scroll;
  }

  .where-to-find-us--container {
    grid-column-gap: var(--page-layout--desktop-page-padding);
    grid-row-gap: var(--page-layout--desktop-page-padding);
    flex-flow: column;
  }

  .wtfu--details {
    grid-column-gap: var(--text-block-spacing--text-block-desk);
    grid-row-gap: var(--text-block-spacing--text-block-desk);
    max-width: none;
  }

  .wtfu--google-map {
    max-width: none;
    height: 500px;
  }

  .location-details--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-template-columns: 1fr;
  }

  .location-details--item {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  }

  .paragraph {
    text-align: center;
    max-width: 550px;
  }

  .content-wrap {
    min-height: auto;
    position: relative;
  }

  .book-now--menu-container--desk {
    flex-flow: column;
    display: none;
  }

  .hero--slogan-wrapper {
    width: 55vw;
    min-width: 410px;
  }

  .hero--header {
    font-size: 1rem;
    line-height: 1.1;
  }

  .hero--header--wrapper {
    top: 90px;
  }

  .menu--content-container {
    padding-top: var(--panels--panel-padding);
    padding-bottom: var(--panels--panel-padding);
  }

  .hero-whats-on--info--wrapper {
    max-width: 540px;
  }

  .navbar--sub-menu {
    padding-top: var(--panels--panel-padding);
    padding-bottom: var(--page-layout--mobile-page-padding);
    background-color: var(--colours--cream);
    border-top-style: none;
    flex-flow: column;
    height: auto;
    display: none;
  }

  .nav--sub, .sub-menu {
    display: none;
  }

  .book--acc--btn {
    color: var(--colours--gold);
  }

  .book--acc--btn:hover {
    color: var(--colours--brown);
  }

  .acc_body_container {
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav_acc_container {
    width: 100%;
    min-width: 0;
    max-width: none;
    display: none;
  }

  .acc_container {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .book-now--menu-container--mob {
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    height: 100vh;
    padding-top: 20%;
    padding-bottom: 20%;
    display: flex;
    overflow: scroll;
  }

  .hide-tablet {
    display: none;
  }

  .page-header-h1 {
    font-size: clamp(50px, 8vw, 120px);
  }

  .sub-nav-link {
    color: var(--colours--brown);
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sub-nav-link.w--current {
    color: var(--colours--brown);
  }

  .sub-nav-link.sub {
    border-top: 1px dashed var(--colours--gold);
    color: var(--colours--gold);
    font-weight: 300;
  }

  .sub-nav-link.drop-mob {
    display: none;
  }

  .heading-6 {
    font-size: var(--fonts-sizes--h1-font-size-ipad);
  }

  .heading-7 {
    font-size: var(--fonts-sizes--h3-font-size-ipad);
  }

  .quote--text--wrapper {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  }

  .cover-image--pano {
    padding-top: var(--image-ratios--image-landscape);
  }

  .widget--text-graphic--grid {
    grid-template-columns: 1fr;
  }

  .max-width-container--small {
    max-width: none;
  }

  .where-to-find-us--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-template-columns: 1fr;
  }

  .video-control {
    max-width: 35px;
  }

  .dropdown-list.w--open {
    box-shadow: none;
    width: 100%;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 40px;
    position: relative;
  }

  .dropdown-list.hare--dropdown {
    background-color: var(--colours--cream);
    display: none;
  }

  .nav--sub-link {
    background-color: var(--colours--transparent);
    padding: 10px 0;
  }

  .nav--sub-link:hover {
    background-color: var(--colours--transparent);
  }

  .nav--sub-link.hare--sublink, .nav--sub-link.hare--sub-link {
    color: var(--colours--brown);
  }

  .nav--dropdown {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .article--header.widget-margin--md {
    padding-top: var(--nav--nav-offset-ipad);
  }

  .whats-on--header--image--wrapper {
    height: auto;
    min-height: auto;
    padding-top: 65%;
  }

  .loyalty-app--grid, .group-bookings--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-template-columns: 1fr;
  }

  .dog-friendly--container {
    padding-bottom: var(--page-layout--desktop-page-padding);
  }

  .dog-friendly--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-template-columns: 1fr;
  }

  .dog-friendly--image-container {
    max-width: none;
  }

  .dog-friendly--image-wrapper {
    height: 110%;
    margin-bottom: 0%;
  }

  .dog-friendly--text-container {
    padding-top: 0;
  }

  .testimonials--wrapper {
    position: relative;
  }

  .slide-nav {
    height: auto;
  }

  .testimonial-arrow {
    width: var(--page-layout--desktop-page-padding);
  }

  .testimonial--container {
    padding-right: var(--page-layout--desktop-page-padding);
    padding-left: var(--page-layout--desktop-page-padding);
    max-width: none;
  }

  .footer--logos--all--wrapper {
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
  }

  .book-direct-icon--grid {
    grid-template-rows: auto;
  }

  .book-direct-icon--item {
    border-top: 1px solid var(--tint-colours--gold-20);
    padding-top: 20px;
  }

  .grid-offset-top {
    margin-top: var(--image-grid-spacing--image-grid-offset);
  }

  .grid-offset-bottom {
    margin-bottom: var(--image-grid-spacing--image-grid-offset);
  }

  .grid-offset-top-bottom {
    margin-top: var(--image-grid-spacing--image-grid-offset);
    margin-bottom: var(--image-grid-spacing--image-grid-offset);
  }

  .grid-offset-top-bottom-plus-margin {
    margin-top: var(--image-grid-spacing--image-grid-offset);
    margin-bottom: var(--image-grid-spacing--image-grid-offset-plus-margin);
  }

  .grid-offset-bottom-plus-margin {
    margin-bottom: var(--image-grid-spacing--image-grid-offset-plus-margin);
  }

  .panel_small {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
    max-width: none;
  }

  .panel_small.panel-dark--blur {
    border: 1px none var(--colours--light-gold);
    padding: 0;
  }

  .panel_small.panel--text-dark {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: 0;
  }

  .panel_small.panel--text-light {
    background-color: var(--colours--transparent);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--colours--brown);
    padding: 0;
  }

  .video--background {
    min-height: 600px;
  }

  .video--background.desktop {
    display: none;
  }

  .video--background.mobile {
    display: flex;
  }

  .video-background--embed {
    z-index: 1;
  }

  .article--details.widget-margin--md {
    padding-top: var(--nav--nav-offset-ipad);
  }

  .article-menu-grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
  }

  .hare--icon {
    color: var(--colours--light-cream);
  }

  .hare--dropdown {
    background-color: var(--colours--transparent);
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: var(--fonts-sizes--h1-font-size-mob);
  }

  h2 {
    font-size: var(--fonts-sizes--h2-font-size-mob);
  }

  h3 {
    font-family: var(--fonts--header-serif-small);
    font-size: var(--fonts-sizes--h3-font-size-mob);
  }

  .hero-whats-on--info {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
    grid-column-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
    grid-row-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
  }

  .heading-h1 {
    font-size: var(--fonts-sizes--h1-font-size-mob);
  }

  .heading-h2 {
    font-size: var(--fonts-sizes--h2-font-size-mob);
  }

  .menu-double--item {
    flex-flow: column-reverse;
  }

  .menu-double--item.menu-double--item--reverse {
    flex-flow: column-reverse;
    margin-bottom: 0;
  }

  .menu-double--item--text-container, .menu-double--item--text-container.reverse {
    order: -1;
  }

  .panel {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  }

  .panel.panel-border {
    border-style: none;
    padding: 0;
  }

  .heading-h3 {
    font-family: var(--fonts--header-serif-small);
    font-size: var(--fonts-sizes--h3-font-size-mob);
  }

  .space--info-panel--features {
    width: 100%;
  }

  .section-container--padding, .same--as-widget--text-cta--image {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .intro-staggered-big--quote {
    padding: var(--page-layout--mobile-page-padding);
  }

  .quote--quotation-mark {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
  }

  .hero--video-container {
    min-height: 600px;
  }

  .whats-on--panel-2 {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
  }

  .whats-on--overlay-wrapper {
    flex: none;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
    min-height: 700px;
  }

  .whats-on--event-container {
    flex-flow: column;
    padding-left: 0;
  }

  .whats-on--event-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .navbar--cta-wrapper.mob {
    flex-flow: wrap;
  }

  .text-over-video--text--wrapper {
    align-self: flex-end;
  }

  .whats-on-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .whats-on--event-image {
    order: -1;
    width: 100%;
    padding-top: 65%;
  }

  .section-container--padding-left {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .cover-image--100vh.port-mobile {
    padding-top: var(--image-ratios--image-portrait);
  }

  .menu-grid {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
  }

  .intro-room-grid {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
  }

  .menu-double-grid {
    grid-template-columns: 1fr;
  }

  .latest-offer-grid {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
  }

  .text-image--text--wrapper {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .text-image--text--wrapper.absolute {
    position: relative;
  }

  .text-image--text--wrapper.boarder {
    padding-top: var(--page-layout--mobile-page-padding);
    padding-bottom: var(--page-layout--mobile-page-padding);
  }

  .space-grid, .intro-grid-small-grid, .intro-grid-single-grid {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
  }

  .intro-staggered-big--calc-padding {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .intro-staggered-big--quote-image--100vh {
    padding-top: 120%;
  }

  .intro-room-type--calc-padding {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .the-spaces-grid {
    grid-template-rows: auto;
    grid-auto-rows: auto;
  }

  .the-rooms-grid {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
  }

  .the-rooms--calc-padding {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .whats-on--event-image--portrait {
    padding-top: 80%;
  }

  ._2-images-offset-grid, ._3-image-row-grid {
    grid-template-columns: 1fr;
  }

  .intro-staggered-3-images--calc-padding-copy {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .image-with-text-panel--panel-blurred {
    border-style: none;
  }

  .supplier-panels--grid {
    margin-top: var(--page-layout--mobile-page-padding);
  }

  .supplier-panels--text-wrapper {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-2-panels--heading {
    margin-bottom: var(--page-layout--mobile-page-padding);
  }

  .content-2-panels--grid {
    margin-top: var(--page-layout--mobile-page-padding);
  }

  .content-2-panels--text-wrapper {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .see-and-do--grid {
    grid-template-columns: 1fr;
  }

  .see-and-do--text-container {
    padding: 25px;
  }

  .text-and-slider--text {
    margin-top: var(--page-layout--mobile-page-padding);
    margin-bottom: var(--page-layout--mobile-page-padding);
  }

  .enquire-form--image {
    display: none;
  }

  .enquire-form--form-wrapper {
    padding: var(--page-layout--mobile-page-padding);
    position: relative;
  }

  .crosslink-panel {
    grid-template-columns: 1fr;
  }

  .crosslink-panel--text-wrapper {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .crosslinks--text-panel.panel-border {
    border-style: none;
    padding: 0;
  }

  .book-direct--grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .text-image-40-60--grid {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .text-offset-gallery--calc-padding {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
    margin-bottom: 0;
  }

  .image-text-panel--calc-padding {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .package-grid--reverse, .space-grid--reverse {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
  }

  .quote-absolute-container {
    padding: var(--page-layout--mobile-page-padding);
    place-items: end center;
  }

  .booking--close-button {
    width: 40px;
    height: 40px;
  }

  .where-to-find-us--container {
    padding-top: var(--page-layout--mobile-page-padding);
  }

  .loyalty-app-container {
    padding-top: var(--page-layout--mobile-page-padding);
    padding-bottom: var(--page-layout--mobile-page-padding);
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
    flex-flow: column;
  }

  .loyalty-app--text-container {
    max-width: none;
  }

  .loyalty-app--app-icons-container {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    max-width: none;
    padding-right: 0;
  }

  .loyalty-app--text-container-copy {
    max-width: none;
  }

  .loyalty-app-section-container {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
    flex-flow: column;
  }

  .loyalty-app-section--text-container {
    max-width: none;
  }

  .loyalty-app-section--app-icons-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    max-width: none;
    padding-right: 0;
  }

  .group--book-now--form {
    max-width: none;
  }

  .hero--logo--wrapper {
    padding-top: 110px;
  }

  .hero-logo {
    max-width: 220px;
  }

  .enquire-form--form-container {
    padding: var(--page-layout--mobile-page-padding);
  }

  .heading-8 {
    font-family: Ppfragment Glare, sans-serif;
  }

  .heading-9 {
    font-size: var(--fonts-sizes--h1-font-size-mob);
  }

  .heading-11 {
    font-size: var(--fonts-sizes--h2-font-size-mob);
  }

  .article--body--wrapper, .whats-on--more--wrapper {
    grid-column-gap: var(--widget-margins--widget-magrin-md-mobile);
    grid-row-gap: var(--widget-margins--widget-magrin-md-mobile);
  }

  .group-bookings--container {
    padding-top: var(--page-layout--desktop-page-padding);
    padding-bottom: var(--page-layout--desktop-page-padding);
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
    flex-flow: column;
  }

  .group-bookings--text--wrapper {
    max-width: none;
  }

  .dog-friendly--container {
    padding-top: var(--page-layout--desktop-page-padding);
    padding-bottom: var(--page-layout--desktop-page-padding);
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
    flex-flow: column;
  }

  .dog-friendly--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-mob);
    grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  }

  .dog-friendly--image-wrapper {
    height: auto;
    margin-top: 0;
  }

  .dog-friendly--text-container {
    max-width: none;
    padding-bottom: 0;
  }

  .testimonial-arrow {
    width: 40px;
  }

  .testimonial-arrow--icon {
    max-width: 12px;
  }

  .weather--cta-wrapper {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    flex-flow: column;
    width: auto;
  }

  .panel_small {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
  }

  .panel_small.panel-border {
    border-style: none;
    padding: 0;
  }

  .video--background {
    min-height: 600px;
  }

  .article-menu-grid {
    grid-template-columns: 1fr;
  }

  .widget--pop-up-overlay--wrapper {
    justify-content: center;
    align-items: flex-start;
    overflow: scroll;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: var(--fonts-sizes--h1-font-size-mob);
  }

  h2 {
    font-size: var(--fonts-sizes--h2-font-size-mob);
  }

  h3 {
    font-size: var(--fonts-sizes--h3-font-size-mob);
  }

  .intro-staggered-big-grid {
    grid-template-columns: 1fr;
  }

  .styles--display-text {
    color: var(--colours--cream);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-whats-on--info {
    grid-column-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
    grid-row-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
  }

  .hero-whats-on--images--grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .heading-h2 {
    font-size: var(--fonts-sizes--h2-font-size-mob);
  }

  .cta--text {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .cover-image--image {
    object-fit: cover;
  }

  .menu-double--item.menu-double--item--reverse {
    margin-bottom: 0;
  }

  .panel.panel-dark--blur {
    border: 1px solid var(--colours--light-gold);
  }

  .news-thumbnail--info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .news-thumbnail--date-and-location {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .heading-h3 {
    font-size: var(--fonts-sizes--h3-font-size-mob);
  }

  .news-thumbnail--info--key-points {
    margin-bottom: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
    grid-column-gap: var(--type-space-sm\<deleted\|variable-4a33bdb9-1632-e784-57f8-e7b75da958f9\>);
    grid-row-gap: var(--type-space-sm\<deleted\|variable-4a33bdb9-1632-e784-57f8-e7b75da958f9\>);
  }

  .cta-buttons-container {
    grid-column-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
    grid-row-gap: var(--type-space-md\<deleted\|variable-cd307e78-ebb9-c5f1-9471-eecdd30f7ebb\>);
    flex-flow: column;
    align-items: flex-start;
  }

  .room--specs {
    flex-flow: column;
    align-items: flex-start;
  }

  .room--info--ctas {
    flex-flow: row;
    align-items: center;
  }

  .intro-grid-small--images-panel {
    grid-template-columns: 1fr;
  }

  .intro-staggered-big--quote {
    position: relative;
  }

  .quote-container {
    flex-flow: column;
  }

  .quote--quotation-mark {
    top: 20px;
    left: 10px;
  }

  .intro-overlay-2-images--text-container {
    padding: var(--intro-overlay-2-images-text-container-padding\<deleted\|variable-425b3fca-f1c7-dbd0-7242-b965aef37990\>);
  }

  ._2-column-grid {
    grid-template-columns: 1fr;
  }

  .styles--images {
    flex-flow: column;
    display: flex;
  }

  ._2-column-grid--offset, ._2-column-grid--viewport-gap {
    grid-template-columns: 1fr;
  }

  .intro-overlay-2-images--panel-01 {
    height: 100vh;
  }

  .hero--video-container {
    padding: var(--page-layout--mobile-page-padding);
  }

  .the-location--main-image--overlay-container {
    padding: var(--panels--panel-padding);
  }

  .the-location--small-image-grid {
    grid-template-columns: 1fr;
  }

  .weather--widget-container {
    min-width: 0;
  }

  .weather--widget--wrapper {
    justify-content: center;
    place-items: start;
    height: auto;
    min-height: auto;
  }

  ._4-column-grid {
    grid-template-columns: 1fr;
  }

  .the-spaces--info-container, .whats-on--panel-2 {
    padding: var(--page-layout--mobile-page-padding);
  }

  .whats-on--overlay-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .whats-on--overlay {
    width: auto;
  }

  .whats-on--event-grid {
    grid-template-columns: 1fr;
  }

  .navbar--brand--wrapper {
    padding-left: var(--page-layout--mobile-page-padding);
    justify-content: flex-start;
    align-items: center;
  }

  .navbar--menu {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .navbar--cta-wrapper.mob {
    flex-flow: wrap;
  }

  .logo.dark, .logo.light {
    min-height: 12px;
  }

  .brand {
    padding-left: 0;
    padding-right: 60px;
  }

  .sign-up--form--grid {
    grid-template-columns: 1fr;
  }

  .footer--logos-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .footer--partners-panel--logo-image {
    max-width: 90px;
  }

  .footer--links-section-grid {
    grid-template-columns: 1fr;
  }

  .footer--links--group {
    width: 100%;
  }

  .footer--links--group-container {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: column;
  }

  .footer--get-in-touch-container {
    padding-left: 0;
  }

  .footer--get-in-touch--contact-grid {
    grid-template-columns: auto;
  }

  .location--small--land-image {
    padding-top: 100%;
  }

  .the-location--main-image {
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 0%;
    display: flex;
  }

  .location--grid {
    grid-template-columns: 1fr 1fr;
  }

  .location--small--port-image {
    padding-top: 100%;
  }

  .text-over-video--text--wrapper {
    align-self: center;
  }

  .hero--bg-video {
    object-fit: cover;
    overflow: visible;
  }

  .whats-on-grid {
    grid-template-columns: 1fr;
  }

  .whats-on--event-image {
    padding-top: 100%;
  }

  .footer-logo-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cta--text--navbar {
    padding-right: var(--cta-button-text-padding\<deleted\|variable-452fa1e3-625f-9a8d-8b66-365d09c707ad\>);
    padding-left: var(--cta-button-text-padding\<deleted\|variable-452fa1e3-625f-9a8d-8b66-365d09c707ad\>);
  }

  .valentines-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .newsletter-grid, .hero-whats-on-grid, .menu-grid, .intro-room-grid, .menu-double-grid, .full-width--text-image--grid, .latest-offer-grid, .max-width--text-image--grid {
    grid-template-columns: 1fr;
  }

  .room-card-carousel-container {
    padding-top: var(--image-ratios--image-square);
  }

  .space-grid, .intro-grid-small-grid {
    grid-template-columns: 1fr;
  }

  .intro-grid-small--portrait-image {
    padding-top: 120%;
  }

  .intro-grid-single-grid {
    grid-template-columns: 1fr;
  }

  .intro-staggered-big--quote-image--100vh {
    min-height: 700px;
  }

  .intro-overlay-2-images-grid, .the-location-grid, .the-spaces-grid {
    grid-template-columns: 1fr;
  }

  .the-spaces--image-3--portriat {
    padding-top: 150%;
  }

  .the-rooms-grid {
    grid-template-columns: 1fr;
  }

  .whats-on--event-image--portrait {
    padding-top: 80%;
  }

  .sign-up-grid, .footer--logos-grid, ._3-image-row-grid {
    grid-template-columns: 1fr;
  }

  ._3-image-row--image--portrait {
    padding-top: 150%;
  }

  .intro-staggered-3-images-grid {
    grid-template-columns: 1fr;
  }

  ._3-image-text-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  ._3-image-text--image--portrait {
    padding-top: 150%;
  }

  .image-with-text-panel--container {
    position: relative;
  }

  .supplier-panels--image--portrait {
    padding-top: 150%;
  }

  .supplier-panels--image--landscape {
    padding-top: 100%;
  }

  .full-width-image-with-text--text-wrapper {
    position: relative;
  }

  .enquire-form--image {
    display: none;
  }

  .enquire-form--form-wrapper {
    position: relative;
  }

  .enquire-form--form {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .crosslink-panel--image--4-3 {
    padding-top: 100%;
  }

  .book-direct--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-mob);
    grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  }

  .text-image-40-60--grid {
    grid-template-columns: 1fr;
  }

  .heading {
    line-height: var(--fonts--h1-font-line-height-mobile\<deleted\|variable-7f17a9ba-7b0e-fc09-b35d-62e1f018469e\>);
  }

  .heading-2 {
    font-size: var(--fonts-sizes--h2-font-size-ipad);
    line-height: var(--fonts--h2-font-line-height-mobile\<deleted\|variable-fc149da9-d0ae-313e-3326-addfef1270eb\>);
  }

  .heading-3 {
    font-size: var(--fonts-sizes--h3-font-size-ipad);
    line-height: var(--fonts--h3-font-line-height-mobile\<deleted\|variable-d34f87ae-b328-ce4e-8087-84a051f3f804\>);
  }

  .heading-4 {
    line-height: var(--fonts--h1-font-line-height-mobile\<deleted\|variable-7f17a9ba-7b0e-fc09-b35d-62e1f018469e\>);
  }

  .package-grid--reverse, .space-grid--reverse {
    grid-template-columns: 1fr;
  }

  .quote-absolute-container {
    place-items: end center;
  }

  .events-grid {
    grid-column-gap: var(--page-layout--mobile-page-padding);
    grid-row-gap: var(--page-layout--mobile-page-padding);
    padding-left: 0;
    padding-right: 0;
  }

  .booking--close-button {
    top: 30px;
    right: 30px;
  }

  .room-features {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .filter-button {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .filter-button.filter-button-active {
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .event-activities {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .wtfu--details--item {
    grid-column-gap: var(--text-block-spacing--text-block-ipad-mob);
    grid-row-gap: var(--text-block-spacing--text-block-ipad-mob);
    flex-flow: column;
  }

  .wtfu--details--text-container {
    margin-left: 0;
  }

  .location-details--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-ipad);
    grid-row-gap: var(--text-block--image-spacing--text-image-ipad);
    border-style: none;
    padding: 0;
  }

  .card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .book-now--menu--item--image {
    max-width: 40px;
  }

  .datepicker-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero--slogan-wrapper {
    width: 70vw;
    min-width: auto;
  }

  .hero--header {
    font-size: .7rem;
  }

  .hero--header--wrapper {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
    grid-column-gap: var(--image-grid-spacing--image-grid-all);
    grid-row-gap: var(--image-grid-spacing--image-grid-all);
  }

  .hero--logo--wrapper {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .hero-logo {
    max-width: 210px;
  }

  .menu--heading-conainer {
    padding-right: 0;
  }

  .navbar--sub-menu {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .book--acc--btn {
    grid-column-gap: var(--text-block-spacing--text-block-desk);
    grid-row-gap: var(--text-block-spacing--text-block-desk);
  }

  .book-now--menu-container--mob {
    padding-top: 111px;
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .page-header-h1 {
    font-size: clamp(40px, 10vw, 120px);
  }

  .icon--image, .contain-image--image {
    object-fit: cover;
  }

  .where-to-find-us--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-mob);
    grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  }

  .room-card-carousel-nav {
    font-size: 7px;
  }

  .right-arrow {
    width: 60px;
  }

  .carousel-arrow.right, .carousel-arrow.left {
    width: 10px;
  }

  .left-arrow {
    width: 60px;
  }

  .heading-12 {
    font-size: var(--fonts-sizes--h3-font-size-mob);
    line-height: 2rem;
  }

  .heading-13 {
    font-size: var(--fonts-sizes--h2-font-size-mob);
  }

  .whats-on--header--image--wrapper {
    padding-top: 80%;
  }

  .article--info--grid {
    grid-template-columns: 1fr;
  }

  .aericle--single-image--wrapper {
    padding-top: 100%;
  }

  .whats-on--double-image--grid {
    grid-template-columns: 1fr;
  }

  .loyalty-app--grid, .group-bookings--grid, .dog-friendly--grid {
    grid-column-gap: var(--text-block--image-spacing--text-image-mob);
    grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  }

  .testimonial-arrow, .testimonial--icon--container {
    width: 40px;
  }

  .testimonial-arrow--icon {
    max-width: 15px;
  }

  .footer--logos--all--wrapper {
    grid-row-gap: var(--text-block--image-spacing--text-image-mob);
  }

  .legals-max-width-container {
    padding-right: var(--page-layout--mobile-page-padding);
    padding-left: var(--page-layout--mobile-page-padding);
  }

  .book-direct-icon--grid {
    grid-template-columns: 1fr;
  }

  .book-direct--icon--wrapper {
    width: 80px;
    max-width: 80px;
  }

  .menu-slider--right-arrow {
    width: 50px;
  }

  .menu-slider--arrow {
    width: 12px;
  }

  .weather--widget--image--wrapper {
    width: 100%;
    padding-top: 100%;
    position: relative;
  }

  .cover-image--menu {
    object-fit: cover;
  }

  .panel_small.panel-dark--blur {
    border: 1px solid var(--colours--light-gold);
  }

  .cover-image--header {
    object-fit: cover;
  }

  .article-menu-grid {
    grid-template-columns: 1fr;
  }

  .widget--pop-up-overlay--wrapper {
    padding: var(--page-layout--desktop-page-padding) var(--page-layout--mobile-page-padding);
    overflow: scroll;
  }

  .pop--up--text--wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }
}

#w-node-aeb11aca-a3c2-e19a-8321-40ed8bb301ac-b78759d0, #w-node-_74ae2d31-e22b-1e2d-4aca-338cc87daa26-b78759d0, #w-node-_9a6f82cf-2bdc-0ad2-9841-82585051f4c0-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_31acc6fc-112a-be86-1d04-12060eb66a3f-b78759d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88839fa3-e90a-f883-810b-658efb88a565-b78759d0, #w-node-_2300be5b-45ed-fb80-c3c0-cc1acefeb393-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_457b5846-f210-b94a-19d4-add3425b0355-b78759d0 {
  place-self: center;
}

#w-node-_61cccf7d-82af-df9b-9940-46503a6b864c-b78759d0 {
  align-self: stretch;
}

#w-node-_34133d3c-b8b8-44cc-5c9a-935066e36408-b78759d0 {
  order: -9999;
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_89e936b0-798b-4e81-b8db-1e87d80e0269-b78759d0 {
  align-self: stretch;
}

#w-node-c36d4bdb-0003-b704-4eb0-074093bbadf6-b78759d0 {
  place-self: center;
}

#w-node-af5cb263-96f3-e550-6f83-d0f3e259a101-b78759d0 {
  align-self: stretch;
}

#w-node-e1c556a6-16a2-518d-5267-7a2e20332bf2-b78759d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_368bb030-c55a-bab6-d929-943cb3a79abd-b78759d0 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-fae7c2d8-5117-dcf9-c06a-148e8c0e98a3-b78759d0, #w-node-_6fda46b6-a680-ad51-2ece-46b5801246e2-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_83dbc0b5-6fbe-17a7-0dff-837e0e5c776b-b78759d0 {
  grid-area: span 3 / span 2 / span 3 / span 2;
  place-self: center;
}

#w-node-_070d5847-bc17-ca26-655c-33fe7e4779b5-b78759d0 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_95d272b1-f572-a6fb-7e07-1353a9f838fc-b78759d0 {
  grid-area: 5 / 3 / 9 / 5;
}

#w-node-_406a25cd-588e-edb3-ff67-af7c4044831c-b78759d0 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_1b4eeebe-8ba1-3d7b-b288-f1c4baf68afa-b78759d0, #w-node-_233b268d-5344-5821-1aea-76da0c75d861-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9444b40f-9b75-86a1-fa1a-f4ffa1ba392b-b78759d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9444b40f-9b75-86a1-fa1a-f4ffa1ba392c-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_40d4821c-b030-9518-0741-fa32c932556b-b78759d0 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: center;
}

#w-node-_90e34959-428f-904b-c73d-e38fb557090b-b78759d0, #w-node-_063a86f2-bf5a-4e94-dcf0-d6e912f31fe4-b78759d0 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-f46c74ee-71bf-d439-3551-8b2390fe6bcb-b78759d0, #w-node-e211c304-3e72-aca7-2a2a-65094e375ba9-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_4ec7bb33-9ed5-d233-97a3-b1c3bd2d7adc-b78759d0 {
  place-self: stretch center;
}

#w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c35-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: start;
}

#w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c45-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c46-b78759d0 {
  grid-area: 1 / 2 / 4 / 6;
}

#w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c48-b78759d0 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c4a-b78759d0 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-f41c2c9c-04a6-60fe-0427-f509577d097e-b78759d0 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-f41c2c9c-04a6-60fe-0427-f509577d0980-b78759d0 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: stretch;
}

#w-node-f41c2c9c-04a6-60fe-0427-f509577d0990-b78759d0 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: stretch;
}

#w-node-f41c2c9c-04a6-60fe-0427-f509577d0992-b78759d0 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: stretch;
}

#w-node-_032e762f-52bf-248a-df83-3bfdec14626b-b78759d0, #w-node-_623e5b04-9f7f-e5e6-86d4-e2a1d31873b4-b78759d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006cd-b78759d0, #w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006d5-b78759d0, #w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006dd-b78759d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006e5-b78759d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1c51af23-523f-f1fa-692b-4293d8a1d9a3-b78759d0 {
  justify-self: start;
}

#w-node-_1c51af23-523f-f1fa-692b-4293d8a1d9a8-b78759d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_363ef0ef-b3cb-4c08-4008-019b4b4a4766-b78759d0 {
  place-self: center;
}

#w-node-_704c4409-c557-29a8-b363-5d4ba8e29cc2-b78759d0, #w-node-d24d278c-793e-4e31-cd83-53a1f91597b3-2198101e, #w-node-d24d278c-793e-4e31-cd83-53a1f91597b4-2198101e, #w-node-d24d278c-793e-4e31-cd83-53a1f91597c6-2198101e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d24d278c-793e-4e31-cd83-53a1f91597c7-2198101e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d24d278c-793e-4e31-cd83-53a1f91597c9-2198101e, #w-node-d24d278c-793e-4e31-cd83-53a1f91597cb-2198101e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_375d209d-0487-9bf7-79c2-e5994d18e003-2198101e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_375d209d-0487-9bf7-79c2-e5994d18e012-2198101e, #w-node-_375d209d-0487-9bf7-79c2-e5994d18e013-2198101e, #w-node-_375d209d-0487-9bf7-79c2-e5994d18e016-2198101e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5cb43e62-99ae-7d98-d5a0-5350088ae86a-2198101e, #w-node-d1004b3e-dc3e-9edf-630c-e8df355a82f6-2198101e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-cdd4895b-89b1-ed45-3b15-b8538852bbad-2198101e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cdd4895b-89b1-ed45-3b15-b8538852bbc4-2198101e {
  place-self: center;
}

#w-node-cdd4895b-89b1-ed45-3b15-b8538852bbd1-2198101e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cdd4895b-89b1-ed45-3b15-b8538852bbd5-2198101e, #w-node-cdd4895b-89b1-ed45-3b15-b8538852bbda-2198101e, #w-node-cdd4895b-89b1-ed45-3b15-b8538852bbdf-2198101e {
  justify-self: start;
}

#w-node-e7970bb7-2d1f-9d7f-d31f-46fc4397aac5-4397aac5, #w-node-_66d7e985-db1a-3c9a-45c5-3faad99bb0d6-110692a4, #w-node-d4dcfa43-d936-7b1a-2980-dba4c9e38114-110692a4, #w-node-_5ae6dbb3-b990-9001-0bda-a4fd8ccef458-110692a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d81b1ce3-0c3a-92ae-1c15-d8b031b212f2-e49583c6, #w-node-db023a2b-1991-6359-34ce-17272a2f1c76-e49583c6, #w-node-_9b764f98-4497-5c11-de36-58a0865d1d1b-e49583c6, #w-node-_5a0a999b-f501-cba7-ac83-e91360ca91db-e49583c6 {
  justify-self: center;
}

#w-node-_6d7bc2b6-fa64-2528-c431-7e242bbe6358-e49583c6, #w-node-_6d7bc2b6-fa64-2528-c431-7e242bbe6362-e49583c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18473caa-873f-cd31-a3a4-eaf23f162038-e49583c6 {
  align-self: center;
}

#w-node-_3928cd99-fa8f-142b-9050-eb3e34c82377-bc2fe48e {
  justify-self: center;
}

#w-node-_3928cd99-fa8f-142b-9050-eb3e34c82381-bc2fe48e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-a8c2a09f-db07-5a23-9fea-dc263f73b523-bc2fe48e, #w-node-a8c2a09f-db07-5a23-9fea-dc263f73b544-bc2fe48e, #w-node-a8c2a09f-db07-5a23-9fea-dc263f73b565-bc2fe48e, #w-node-b8a9bc8d-32f9-5c98-674c-9976e56531ef-cf25d10f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b8a9bc8d-32f9-5c98-674c-9976e5653206-cf25d10f {
  place-self: center;
}

#w-node-b8a9bc8d-32f9-5c98-674c-9976e5653213-cf25d10f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b8a9bc8d-32f9-5c98-674c-9976e5653215-cf25d10f, #w-node-b8a9bc8d-32f9-5c98-674c-9976e565321a-cf25d10f, #w-node-b8a9bc8d-32f9-5c98-674c-9976e565321f-cf25d10f {
  justify-self: start;
}

#w-node-_4274785f-cf61-fbaa-dd6d-8e814bbc01e1-adec1469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4274785f-cf61-fbaa-dd6d-8e814bbc01f0-adec1469, #w-node-_4274785f-cf61-fbaa-dd6d-8e814bbc01f1-adec1469, #w-node-_4274785f-cf61-fbaa-dd6d-8e814bbc01f4-adec1469 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7be07f68-177b-fb43-a5c8-a32a0cd66fac-adec1469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_7be07f68-177b-fb43-a5c8-a32a0cd66fbb-adec1469, #w-node-_7be07f68-177b-fb43-a5c8-a32a0cd66fbc-adec1469, #w-node-_7be07f68-177b-fb43-a5c8-a32a0cd66fbf-adec1469 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0701d22d-a023-2823-774c-7300d1d1d12b-adec1469 {
  justify-self: center;
}

#w-node-_0701d22d-a023-2823-774c-7300d1d1d135-adec1469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c2884-f7376f8c, #w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c288a-f7376f8c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c288b-f7376f8c {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c288d-f7376f8c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c288f-f7376f8c {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c2891-f7376f8c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-af9547a0-44dc-f6fe-6e13-41ee244377db-f44350e0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af9547a0-44dc-f6fe-6e13-41ee244377dc-f44350e0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-af9547a0-44dc-f6fe-6e13-41ee24437805-f44350e0, #w-node-af9547a0-44dc-f6fe-6e13-41ee2443781b-f44350e0, #w-node-fc955b96-1444-a620-210b-45683b8a9a3f-f44350e0, #w-node-fc955b96-1444-a620-210b-45683b8a9a60-f44350e0, #w-node-fc955b96-1444-a620-210b-45683b8a9a81-f44350e0, #w-node-_088f2b87-01e7-cbef-7930-f2ed050d277c-384b5fc7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_088f2b87-01e7-cbef-7930-f2ed050d2791-384b5fc7 {
  place-self: end start;
}

#w-node-_088f2b87-01e7-cbef-7930-f2ed050d2796-384b5fc7, #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621bd-384b5fc7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621dd-384b5fc7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621de-384b5fc7 {
  grid-area: 1 / 2 / 4 / 6;
}

#w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621e6-384b5fc7 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621e8-384b5fc7 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-d4b533ae-4b9c-ebb9-16a2-192412167fe8-d82e43c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-d4b533ae-4b9c-ebb9-16a2-192412168000-d82e43c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e458d90-8e72-dd76-259f-7fe5284a9cca-d82e43c7 {
  order: 9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_1e458d90-8e72-dd76-259f-7fe5284a9ce2-d82e43c7, #w-node-_115c8d04-752c-7294-4a8a-ef0b407ded3a-f60ab505, #w-node-_115c8d04-752c-7294-4a8a-ef0b407ded43-f60ab505, #w-node-_115c8d04-752c-7294-4a8a-ef0b407ded4c-f60ab505, #w-node-b53048b9-d5ac-5972-8e07-6e0a71e79a04-f60ab505, #w-node-b53048b9-d5ac-5972-8e07-6e0a71e79a0d-f60ab505 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ffc2790-12c9-5a1e-fc71-2728e1b28177-7e39f39f, #w-node-_9ffc2790-12c9-5a1e-fc71-2728e1b2817b-7e39f39f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9ffc2790-12c9-5a1e-fc71-2728e1b2817f-7e39f39f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-_719bff43-948a-cab0-c430-ffacf933da2d-7e39f39f, #w-node-_719bff43-948a-cab0-c430-ffacf933da31-7e39f39f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_719bff43-948a-cab0-c430-ffacf933da35-7e39f39f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-_0fe28177-9722-b402-94c7-da3d8009ddd8-7e39f39f, #w-node-_0fe28177-9722-b402-94c7-da3d8009dddc-7e39f39f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0fe28177-9722-b402-94c7-da3d8009dde0-7e39f39f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-_2597bc9f-a329-3cd0-2254-01ad29fc32de-7e39f39f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#email-2.w-node-_2597bc9f-a329-3cd0-2254-01ad29fc32e3-7e39f39f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_48d88eee-8474-6f02-668d-cf8d29850dc7-380128c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#email-2.w-node-_48d88eee-8474-6f02-668d-cf8d29850dcc-380128c4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0aef0872-3223-a022-2b27-06ca63de2228-380128c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0aef0872-3223-a022-2b27-06ca63de223f-380128c4 {
  place-self: center;
}

#w-node-_0aef0872-3223-a022-2b27-06ca63de224c-380128c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0aef0872-3223-a022-2b27-06ca63de224e-380128c4, #w-node-_0aef0872-3223-a022-2b27-06ca63de2253-380128c4, #w-node-_0aef0872-3223-a022-2b27-06ca63de2258-380128c4 {
  justify-self: start;
}

#w-node-_3691ac33-f0f1-8434-3d9c-d8d924509f1b-65cada26 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#email-2.w-node-_3691ac33-f0f1-8434-3d9c-d8d924509f20-65cada26 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf51-65cada26 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf68-65cada26 {
  place-self: center;
}

#w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf75-65cada26 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf77-65cada26, #w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf7c-65cada26, #w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf81-65cada26 {
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-aeb11aca-a3c2-e19a-8321-40ed8bb301ac-b78759d0, #w-node-_74ae2d31-e22b-1e2d-4aca-338cc87daa26-b78759d0, #w-node-_9a6f82cf-2bdc-0ad2-9841-82585051f4c0-b78759d0, #w-node-_88839fa3-e90a-f883-810b-658efb88a565-b78759d0, #w-node-_2300be5b-45ed-fb80-c3c0-cc1acefeb393-b78759d0 {
    grid-row: span 1 / span 1;
  }

  #w-node-_457b5846-f210-b94a-19d4-add3425b0355-b78759d0, #w-node-_5887da98-480f-8e42-9a8f-79fd8c73619a-b78759d0 {
    order: 9999;
  }

  #w-node-_34133d3c-b8b8-44cc-5c9a-935066e36408-b78759d0 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9bbb943c-1e8b-653b-9452-84b79f64f165-b78759d0 {
    order: 9999;
  }

  #w-node-c36d4bdb-0003-b704-4eb0-074093bbadf6-b78759d0 {
    order: 9999;
    grid-column: span 1 / span 1;
  }

  #w-node-e1c556a6-16a2-518d-5267-7a2e20332bf2-b78759d0 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_368bb030-c55a-bab6-d929-943cb3a79abd-b78759d0, #w-node-fae7c2d8-5117-dcf9-c06a-148e8c0e98a3-b78759d0, #w-node-_6fda46b6-a680-ad51-2ece-46b5801246e2-b78759d0 {
    grid-row: span 1 / span 1;
  }

  #w-node-_83dbc0b5-6fbe-17a7-0dff-837e0e5c776b-b78759d0 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_070d5847-bc17-ca26-655c-33fe7e4779b5-b78759d0, #w-node-_95d272b1-f572-a6fb-7e07-1353a9f838fc-b78759d0, #w-node-_406a25cd-588e-edb3-ff67-af7c4044831c-b78759d0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1b4eeebe-8ba1-3d7b-b288-f1c4baf68afa-b78759d0, #w-node-_233b268d-5344-5821-1aea-76da0c75d861-b78759d0, #w-node-_9444b40f-9b75-86a1-fa1a-f4ffa1ba392b-b78759d0, #w-node-_9444b40f-9b75-86a1-fa1a-f4ffa1ba392c-b78759d0 {
    grid-row: span 1 / span 1;
  }

  #w-node-_40d4821c-b030-9518-0741-fa32c932556b-b78759d0 {
    order: 9999;
    grid-row: span 1 / span 1;
  }

  #w-node-_90e34959-428f-904b-c73d-e38fb557090b-b78759d0, #w-node-_063a86f2-bf5a-4e94-dcf0-d6e912f31fe4-b78759d0, #w-node-f46c74ee-71bf-d439-3551-8b2390fe6bcb-b78759d0, #w-node-e211c304-3e72-aca7-2a2a-65094e375ba9-b78759d0 {
    grid-row: span 1 / span 1;
  }

  #w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c35-b78759d0 {
    order: 9999;
  }

  #w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c45-b78759d0 {
    grid-row: span 1 / span 1;
  }

  #w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c46-b78759d0, #w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c48-b78759d0, #w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c4a-b78759d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f41c2c9c-04a6-60fe-0427-f509577d097e-b78759d0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f41c2c9c-04a6-60fe-0427-f509577d0980-b78759d0 {
    grid-row: span 1 / span 1;
  }

  #w-node-f41c2c9c-04a6-60fe-0427-f509577d0990-b78759d0, #w-node-f41c2c9c-04a6-60fe-0427-f509577d0992-b78759d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_032e762f-52bf-248a-df83-3bfdec14626b-b78759d0, #w-node-_623e5b04-9f7f-e5e6-86d4-e2a1d31873b4-b78759d0 {
    grid-row: span 1 / span 1;
  }

  #w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006df-b78759d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006e5-b78759d0 {
    grid-column: span 1 / span 1;
  }

  #w-node-_363ef0ef-b3cb-4c08-4008-019b4b4a4766-b78759d0 {
    order: 9999;
    grid-column: span 1 / span 1;
  }

  #w-node-_704c4409-c557-29a8-b363-5d4ba8e29cc2-b78759d0, #w-node-d24d278c-793e-4e31-cd83-53a1f91597b3-2198101e, #w-node-d24d278c-793e-4e31-cd83-53a1f91597b4-2198101e, #w-node-d24d278c-793e-4e31-cd83-53a1f91597c6-2198101e, #w-node-d24d278c-793e-4e31-cd83-53a1f91597c9-2198101e, #w-node-d24d278c-793e-4e31-cd83-53a1f91597cb-2198101e {
    grid-row: span 1 / span 1;
  }

  #w-node-_375d209d-0487-9bf7-79c2-e5994d18e01a-2198101e {
    order: -9999;
  }

  #w-node-_5cb43e62-99ae-7d98-d5a0-5350088ae86a-2198101e, #w-node-d1004b3e-dc3e-9edf-630c-e8df355a82f6-2198101e {
    grid-row: span 1 / span 1;
  }

  #w-node-cdd4895b-89b1-ed45-3b15-b8538852bbad-2198101e {
    grid-column: span 2 / span 2;
  }

  #w-node-cdd4895b-89b1-ed45-3b15-b8538852bbd1-2198101e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b8a9bc8d-32f9-5c98-674c-9976e56531ef-cf25d10f {
    grid-column: span 2 / span 2;
  }

  #w-node-b8a9bc8d-32f9-5c98-674c-9976e5653213-cf25d10f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_17afc0d9-2311-33a1-2c8d-0d7b86a7aac4-adec1469, #w-node-_7be07f68-177b-fb43-a5c8-a32a0cd66fc3-adec1469 {
    order: -9999;
  }

  #w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c288a-f7376f8c {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-af9547a0-44dc-f6fe-6e13-41ee244377db-f44350e0, #w-node-af9547a0-44dc-f6fe-6e13-41ee244377dc-f44350e0 {
    grid-row: span 1 / span 1;
  }

  #w-node-af9547a0-44dc-f6fe-6e13-41ee244377f0-f44350e0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621bd-384b5fc7 {
    order: 9999;
  }

  #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621dd-384b5fc7 {
    grid-row: span 1 / span 1;
  }

  #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621de-384b5fc7, #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621e6-384b5fc7, #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621e8-384b5fc7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d4b533ae-4b9c-ebb9-16a2-192412167fe8-d82e43c7, #w-node-_1e458d90-8e72-dd76-259f-7fe5284a9cca-d82e43c7 {
    order: 9999;
  }

  #w-node-_2597bc9f-a329-3cd0-2254-01ad29fc32de-7e39f39f {
    grid-column: span 1 / span 1;
    justify-self: auto;
  }

  #email-2.w-node-_2597bc9f-a329-3cd0-2254-01ad29fc32e3-7e39f39f {
    grid-column: span 1 / span 1;
  }

  #w-node-_48d88eee-8474-6f02-668d-cf8d29850dc7-380128c4 {
    grid-column: span 1 / span 1;
    justify-self: auto;
  }

  #email-2.w-node-_48d88eee-8474-6f02-668d-cf8d29850dcc-380128c4 {
    grid-column: span 1 / span 1;
  }

  #w-node-_0aef0872-3223-a022-2b27-06ca63de2228-380128c4 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0aef0872-3223-a022-2b27-06ca63de224c-380128c4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3691ac33-f0f1-8434-3d9c-d8d924509f1b-65cada26 {
    grid-column: span 1 / span 1;
    justify-self: auto;
  }

  #email-2.w-node-_3691ac33-f0f1-8434-3d9c-d8d924509f20-65cada26 {
    grid-column: span 1 / span 1;
  }

  #w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf51-65cada26 {
    grid-column: span 2 / span 2;
  }

  #w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf75-65cada26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_40d4821c-b030-9518-0741-fa32c932556b-b78759d0, #w-node-_90e34959-428f-904b-c73d-e38fb557090b-b78759d0, #w-node-_063a86f2-bf5a-4e94-dcf0-d6e912f31fe4-b78759d0, #w-node-f46c74ee-71bf-d439-3551-8b2390fe6bcb-b78759d0, #w-node-e211c304-3e72-aca7-2a2a-65094e375ba9-b78759d0 {
    grid-row: span 1 / span 1;
  }

  #w-node-_363ef0ef-b3cb-4c08-4008-019b4b4a4776-b78759d0 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_18473caa-873f-cd31-a3a4-eaf23f16202f-e49583c6, #w-node-_18473caa-873f-cd31-a3a4-eaf23f162038-e49583c6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-af9547a0-44dc-f6fe-6e13-41ee244377f0-f44350e0 {
    grid-column: span 1 / span 1;
  }

  #w-node-af9547a0-44dc-f6fe-6e13-41ee244377f3-f44350e0, #w-node-af9547a0-44dc-f6fe-6e13-41ee24437809-f44350e0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #email-2.w-node-_2597bc9f-a329-3cd0-2254-01ad29fc32e3-7e39f39f, #email-2.w-node-_48d88eee-8474-6f02-668d-cf8d29850dcc-380128c4, #email-2.w-node-_3691ac33-f0f1-8434-3d9c-d8d924509f20-65cada26 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_31acc6fc-112a-be86-1d04-12060eb66a3f-b78759d0 {
    grid-column: span 1 / span 1;
  }

  #w-node-_88839fa3-e90a-f883-810b-658efb88a565-b78759d0, #w-node-_2300be5b-45ed-fb80-c3c0-cc1acefeb393-b78759d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_457b5846-f210-b94a-19d4-add3425b0355-b78759d0, #w-node-_34133d3c-b8b8-44cc-5c9a-935066e36408-b78759d0, #w-node-c36d4bdb-0003-b704-4eb0-074093bbadf6-b78759d0, #w-node-e1c556a6-16a2-518d-5267-7a2e20332bf2-b78759d0 {
    grid-column: span 1 / span 1;
  }

  #w-node-_368bb030-c55a-bab6-d929-943cb3a79abd-b78759d0, #w-node-fae7c2d8-5117-dcf9-c06a-148e8c0e98a3-b78759d0, #w-node-_6fda46b6-a680-ad51-2ece-46b5801246e2-b78759d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_83dbc0b5-6fbe-17a7-0dff-837e0e5c776b-b78759d0, #w-node-_070d5847-bc17-ca26-655c-33fe7e4779b5-b78759d0, #w-node-_95d272b1-f572-a6fb-7e07-1353a9f838fc-b78759d0, #w-node-_406a25cd-588e-edb3-ff67-af7c4044831c-b78759d0 {
    grid-column: span 1 / span 1;
  }

  #w-node-_1b4eeebe-8ba1-3d7b-b288-f1c4baf68afa-b78759d0, #w-node-_233b268d-5344-5821-1aea-76da0c75d861-b78759d0, #w-node-_40d4821c-b030-9518-0741-fa32c932556b-b78759d0, #w-node-_90e34959-428f-904b-c73d-e38fb557090b-b78759d0, #w-node-_063a86f2-bf5a-4e94-dcf0-d6e912f31fe4-b78759d0, #w-node-f46c74ee-71bf-d439-3551-8b2390fe6bcb-b78759d0, #w-node-e211c304-3e72-aca7-2a2a-65094e375ba9-b78759d0, #w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c46-b78759d0, #w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c48-b78759d0, #w-node-_2f3d22a5-6640-872b-1fff-9f60f7be6c4a-b78759d0, #w-node-f41c2c9c-04a6-60fe-0427-f509577d097e-b78759d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f41c2c9c-04a6-60fe-0427-f509577d0980-b78759d0 {
    grid-column: span 1 / span 1;
  }

  #w-node-f41c2c9c-04a6-60fe-0427-f509577d0990-b78759d0, #w-node-f41c2c9c-04a6-60fe-0427-f509577d0992-b78759d0, #w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006cd-b78759d0, #w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006d5-b78759d0, #w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006dd-b78759d0, #w-node-_4cf10c4e-06e2-6b8d-8d24-1c5ab3a006e5-b78759d0, #w-node-_1c51af23-523f-f1fa-692b-4293d8a1d9a8-b78759d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_363ef0ef-b3cb-4c08-4008-019b4b4a4766-b78759d0, #w-node-d24d278c-793e-4e31-cd83-53a1f91597c7-2198101e {
    grid-column: span 1 / span 1;
  }

  #w-node-d24d278c-793e-4e31-cd83-53a1f91597c9-2198101e, #w-node-d24d278c-793e-4e31-cd83-53a1f91597cb-2198101e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_375d209d-0487-9bf7-79c2-e5994d18e003-2198101e, #w-node-cdd4895b-89b1-ed45-3b15-b8538852bbad-2198101e, #w-node-cdd4895b-89b1-ed45-3b15-b8538852bbd1-2198101e {
    grid-column: span 1 / span 1;
  }

  #w-node-e7970bb7-2d1f-9d7f-d31f-46fc4397aac5-4397aac5, #w-node-_66d7e985-db1a-3c9a-45c5-3faad99bb0d6-110692a4, #w-node-d4dcfa43-d936-7b1a-2980-dba4c9e38114-110692a4, #w-node-_5ae6dbb3-b990-9001-0bda-a4fd8ccef458-110692a4, #w-node-_6d7bc2b6-fa64-2528-c431-7e242bbe6358-e49583c6, #w-node-_6d7bc2b6-fa64-2528-c431-7e242bbe6362-e49583c6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_18473caa-873f-cd31-a3a4-eaf23f16202f-e49583c6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a8c2a09f-db07-5a23-9fea-dc263f73b523-bc2fe48e, #w-node-a8c2a09f-db07-5a23-9fea-dc263f73b544-bc2fe48e, #w-node-a8c2a09f-db07-5a23-9fea-dc263f73b565-bc2fe48e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b8a9bc8d-32f9-5c98-674c-9976e56531ef-cf25d10f, #w-node-b8a9bc8d-32f9-5c98-674c-9976e5653213-cf25d10f, #w-node-_4274785f-cf61-fbaa-dd6d-8e814bbc01e1-adec1469, #w-node-_7be07f68-177b-fb43-a5c8-a32a0cd66fac-adec1469, #w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c2884-f7376f8c {
    grid-column: span 1 / span 1;
  }

  #w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c288b-f7376f8c, #w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c288d-f7376f8c, #w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c288f-f7376f8c, #w-node-_5778d28e-9bd2-8627-1b93-8d8ed74c2891-f7376f8c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-af9547a0-44dc-f6fe-6e13-41ee244377f0-f44350e0 {
    grid-column: span 1 / span 1;
  }

  #w-node-af9547a0-44dc-f6fe-6e13-41ee24437805-f44350e0, #w-node-af9547a0-44dc-f6fe-6e13-41ee2443781b-f44350e0, #w-node-fc955b96-1444-a620-210b-45683b8a9a3f-f44350e0, #w-node-fc955b96-1444-a620-210b-45683b8a9a60-f44350e0, #w-node-fc955b96-1444-a620-210b-45683b8a9a81-f44350e0, #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621de-384b5fc7, #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621e6-384b5fc7, #w-node-_5724d3fc-9e57-510d-e7e5-ae3c95a621e8-384b5fc7, #w-node-d4b533ae-4b9c-ebb9-16a2-192412168000-d82e43c7, #w-node-_1e458d90-8e72-dd76-259f-7fe5284a9ce2-d82e43c7, #w-node-_115c8d04-752c-7294-4a8a-ef0b407ded3a-f60ab505, #w-node-_115c8d04-752c-7294-4a8a-ef0b407ded43-f60ab505, #w-node-_115c8d04-752c-7294-4a8a-ef0b407ded4c-f60ab505, #w-node-b53048b9-d5ac-5972-8e07-6e0a71e79a04-f60ab505, #w-node-b53048b9-d5ac-5972-8e07-6e0a71e79a0d-f60ab505 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9ffc2790-12c9-5a1e-fc71-2728e1b28177-7e39f39f, #w-node-_9ffc2790-12c9-5a1e-fc71-2728e1b2817b-7e39f39f, #w-node-_9ffc2790-12c9-5a1e-fc71-2728e1b2817f-7e39f39f, #w-node-_719bff43-948a-cab0-c430-ffacf933da2d-7e39f39f, #w-node-_719bff43-948a-cab0-c430-ffacf933da31-7e39f39f, #w-node-_719bff43-948a-cab0-c430-ffacf933da35-7e39f39f, #w-node-_0fe28177-9722-b402-94c7-da3d8009ddd8-7e39f39f, #w-node-_0fe28177-9722-b402-94c7-da3d8009dddc-7e39f39f, #w-node-_0fe28177-9722-b402-94c7-da3d8009dde0-7e39f39f, #w-node-_2597bc9f-a329-3cd0-2254-01ad29fc32de-7e39f39f, #w-node-_48d88eee-8474-6f02-668d-cf8d29850dc7-380128c4, #w-node-_0aef0872-3223-a022-2b27-06ca63de2228-380128c4, #w-node-_0aef0872-3223-a022-2b27-06ca63de224c-380128c4, #w-node-_3691ac33-f0f1-8434-3d9c-d8d924509f1b-65cada26, #w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf51-65cada26, #w-node-c867f9ee-56a4-09ee-f805-ce75bf0dcf75-65cada26 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Ppfragment Glare';
  src: url('../fonts/PPFragment-GlareLightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment Glare';
  src: url('../fonts/PPFragment-GlareLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment Sans';
  src: url('../fonts/PPFragment-SansLightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment Sans';
  src: url('../fonts/PPFragment-SansLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment Serif';
  src: url('../fonts/PPFragment-SerifLightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment Serif';
  src: url('../fonts/PPFragment-SerifLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment Sans';
  src: url('../fonts/PPFragment-SansRegular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment Sans';
  src: url('../fonts/PPFragment-SansBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}