/* ---[ Variables ]--- */
/* ---[ Mixins ]--- */
/* ---[ WP overrides ]--- */
#wp-admin-bar-duplicate-post {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 744px) {
  .wp-block-columns {
    flex-direction: column;
    padding-inline: 0.5rem;
  }
  .wp-block-columns.mobile-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  .wp-block-columns {
    flex-direction: row;
  }
  .wp-block-columns.tablet-reverse {
    flex-direction: column-reverse;
  }
}

/* ---[ Elements ]--- */
:root {
  font-size: 16px;
}

body {
  --wp--style--global--content-size: 1216px;
  font-family: "filson-pro", sans-serif;
  font-size: 0.9375rem;
  color: #455c6b;
  letter-spacing: 0;
}
@media (min-width: 745px) {
  body {
    font-size: 1.1875rem;
  }
}

h1 {
  font-family: "filson-soft", sans-serif;
  font-weight: 800;
  text-wrap: pretty;
}
h1:not(.site-title):before {
  content: "";
  display: none;
}
h1 strong {
  display: block;
  color: #455c6b;
  font-size: 1.75rem;
  line-height: 1.23 !important;
  letter-spacing: -2%;
  margin-top: 0.5rem;
}
@media (min-width: 745px) and (max-width: 1199px) {
  h1 strong {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  h1 strong {
    font-size: 2.0625rem;
  }
}
@media (max-width: 744px) {
  h1 {
    font-size: 1.3125rem !important;
    line-height: 1.22 !important;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  h1 {
    font-size: 1.625rem !important;
    line-height: 1.34 !important;
  }
}

h2 {
  font-family: "filson-soft", sans-serif;
  font-size: 1.375rem;
  line-height: 1.32;
  font-weight: 700;
  color: #54bdb2;
  text-wrap: pretty;
}
h2::before {
  content: "";
  display: none;
}
@media (max-width: 744px) {
  h2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 745px) {
  h2 {
    font-size: 1.75rem;
  }
}

h3 {
  font-family: "filson-soft", sans-serif;
  text-wrap: pretty;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media (max-width: 744px) {
  h3 {
    font-size: 1.375rem !important;
  }
}

ul {
  padding-left: 2rem;
}

p, li {
  text-wrap: pretty;
}

li::marker {
  font-size: 0.7em;
}

@media (min-width: 745px) and (max-width: 1199px) {
  li {
    text-wrap: unset;
  }
}
textarea {
  padding: 1.2rem 1rem;
  line-height: 1.35;
  text-wrap: auto;
}

/* ---[ Utilities ]--- */
.hidden {
  display: none !important;
  visibility: hidden;
}

.container {
  width: 100%;
  max-width: 1216px;
  margin-inline: auto;
}
@media (min-width: 1200px) {
  .container .custom-logo-link {
    margin-left: 2.526rem;
  }
}

.uc-card {
  background-color: #fff;
  border-radius: 1rem;
  gap: 0.5rem;
  margin-block: 0;
  position: relative;
}
.uc-card.wp-block-columns {
  padding: 0;
  gap: 2.5rem;
}
.uc-card.wp-block-columns > :first-child {
  display: flex;
  flex-direction: column;
  padding-inline: 1.5rem;
  padding-bottom: 2rem;
  gap: 1rem;
}
.uc-card.wp-block-columns > :first-child > * {
  margin: 0;
}
@media (min-width: 745px) and (max-width: 1199px) {
  .uc-card.wp-block-columns > :first-child {
    flex-direction: row;
    padding-inline: 3rem;
    padding-bottom: 3.5rem;
  }
  .uc-card.wp-block-columns > :first-child > * {
    flex-basis: 50%;
  }
}
@media (min-width: 745px) {
  .uc-card.wp-block-columns > :first-child {
    gap: 1.5rem;
  }
}
.uc-card.wp-block-columns .wp-block-image {
  margin-bottom: 0;
}
@media (max-width: 744px) {
  .uc-card.wp-block-columns .wp-block-image img {
    top: -5.7rem;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  .uc-card.wp-block-columns .wp-block-image {
    display: flex;
    justify-content: end;
  }
  .uc-card.wp-block-columns .wp-block-image img {
    object-fit: cover;
    scale: 126%;
    left: -4.8rem;
  }
}
@media (min-width: 745px) {
  .uc-card.wp-block-columns {
    gap: 3rem;
  }
}
.uc-card > * {
  z-index: 2;
}
.uc-card p {
  margin-top: 1rem;
}
@media (max-width: 744px) {
  .uc-card p {
    line-height: 1.35;
  }
}
@media (min-width: 745px) {
  .uc-card p {
    line-height: 1.4;
  }
}
.uc-card .wp-block-image {
  --border-radius: 1rem 1rem 0 0;
  border-radius: var(--border-radius);
  overflow: hidden;
  max-height: 241px;
}
.uc-card .wp-block-image img {
  border-radius: var(--border-radius);
}
@media (max-width: 744px) {
  .uc-card .wp-block-image img {
    object-fit: contain !important;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  .uc-card .wp-block-image {
    max-height: 470px;
  }
}
@media (min-width: 1200px) {
  .uc-card .wp-block-image {
    overflow: visible;
    max-height: none;
  }
}
.uc-card .wp-block-group.is-vertical {
  gap: 1rem;
  padding-top: 0;
  padding-inline: 1.5rem;
  padding-bottom: 2rem;
}
.uc-card .wp-block-group.is-vertical > * {
  margin-block: 0;
}
@media (min-width: 745px) {
  .uc-card .wp-block-group.is-vertical {
    padding-inline: 3rem;
    padding-bottom: 3.5rem;
  }
}
@media (max-width: 744px) {
  .uc-card {
    max-width: 360px !important;
    margin-inline: auto;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  .uc-card {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .uc-card {
    gap: 2rem;
  }
}

@media (max-width: 744px) {
  .not-mobile {
    display: none !important;
    visibility: hidden;
  }
}
@media (min-width: 745px) {
  .mobile-only {
    display: none !important;
    visibility: hidden;
  }
}
.uc-br-desktop br {
  display: none;
}
@media (min-width: 1200px) {
  .uc-br-desktop br {
    display: initial;
  }
}

/* ---[ Page Structure ]--- */
header {
  padding: 1rem 1rem 1rem 2.5rem;
}
header .container {
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .custom-logo-link {
  max-width: 200px;
}
@media (min-width: 745px) {
  header .custom-logo-link {
    max-width: 223px;
  }
}
header .contact {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.0625rem;
  line-height: 1;
}
header .contact a {
  --color: #54bdb2;
  font-size: 1.5rem;
  color: var(--color);
  font-weight: 700;
  transition: 0.3s color;
}
header .contact a:hover {
  color: color-mix(in srgb, var(--color) 85%, black);
  transition: 0.3s color;
}
@media (min-width: 745px) {
  header {
    padding: 1.875rem 3rem;
  }
}

#uc-hero {
  font-family: "filson-soft", sans-serif;
  padding: 0;
}
#uc-hero > * {
  max-width: var(--wp--style--global--content-size);
  margin-inline: auto;
}
#uc-hero .wp-block-columns {
  --padding: 2.526rem;
  padding: var(--padding);
  padding-top: 2.1rem;
  margin-bottom: 0;
  justify-content: space-between;
  background-color: #f29c52;
}
#uc-hero .wp-block-columns > .wp-block-column:first-child {
  padding-bottom: 1.5rem;
}
@media (max-width: 744px) {
  #uc-hero .wp-block-columns > .wp-block-column:first-child {
    padding: 1.4rem 1.5rem 2rem 1.5rem !important;
  }
  #uc-hero .wp-block-columns > .wp-block-column:first-child p {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  #uc-hero .wp-block-columns > .wp-block-column:first-child {
    flex-basis: 50% !important;
    padding-inline: 2.5rem;
    padding-block: 0 !important;
  }
}
@media (min-width: 745px) and (max-width: 1199px) and (max-width: 799px) {
  #uc-hero .wp-block-columns > .wp-block-column:first-child {
    padding-top: 0 !important;
  }
  #uc-hero .wp-block-columns > .wp-block-column:first-child h1, #uc-hero .wp-block-columns > .wp-block-column:first-child p {
    scale: 75%;
  }
  #uc-hero .wp-block-columns > .wp-block-column:first-child h1 {
    transform: translate(-25%);
    margin-bottom: 0;
  }
  #uc-hero .wp-block-columns > .wp-block-column:first-child p {
    transform: translate(-25%, -25%);
    margin-top: 0;
  }
}
@media (min-width: 745px) {
  #uc-hero .wp-block-columns > .wp-block-column:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  #uc-hero .wp-block-columns > .wp-block-column:first-child {
    max-width: 314px;
  }
}
#uc-hero .wp-block-columns > .wp-block-column.img-bg-col .wp-block-image {
  display: flex;
  justify-content: end;
  margin-right: -0.5rem;
  margin-bottom: 0;
}
#uc-hero .wp-block-columns > .wp-block-column.img-bg-col .wp-block-image img {
  max-width: none;
  height: 328px;
  width: auto;
}
@media (max-width: 435px) {
  #uc-hero .wp-block-columns > .wp-block-column.img-bg-col .wp-block-image {
    justify-content: start;
    margin-left: -6.5rem;
    margin-right: 0;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  #uc-hero .wp-block-columns > .wp-block-column.img-bg-col {
    flex-basis: 50% !important;
  }
  #uc-hero .wp-block-columns > .wp-block-column.img-bg-col .wp-block-image {
    height: 100%;
    margin-right: 0;
  }
  #uc-hero .wp-block-columns > .wp-block-column.img-bg-col .wp-block-image img {
    margin-top: 0;
    width: auto;
    height: 393px;
  }
}
@media (min-width: 745px) and (max-width: 1199px) and (max-width: 850px) {
  #uc-hero .wp-block-columns > .wp-block-column.img-bg-col .wp-block-image img {
    left: 6.4rem;
  }
}
@media (min-width: 1200px) {
  #uc-hero .wp-block-columns > .wp-block-column.img-bg-col {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    margin: 0 !important;
    padding: 0 !important;
  }
  #uc-hero .wp-block-columns > .wp-block-column.img-bg-col .wp-block-image {
    width: 100%;
    height: 100%;
    display: block;
  }
  #uc-hero .wp-block-columns > .wp-block-column.img-bg-col .wp-block-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    margin-left: 0;
    object-position: 40% 50%;
  }
}
#uc-hero .wp-block-columns > .wp-block-column:not(:last-child) {
  background-color: #fff;
}
@media (min-width: 1200px) {
  #uc-hero .wp-block-columns > .wp-block-column:not(:last-child) {
    background-color: unset;
  }
}
@media (min-width: 1200px) {
  #uc-hero .wp-block-columns > .wp-block-column:not(.img-bg-col) {
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 744px) {
  #uc-hero .wp-block-columns {
    padding: 0 !important;
  }
}
@media (max-width: 1199px) {
  #uc-hero .wp-block-columns {
    overflow-x: hidden;
    padding-bottom: 0rem !important;
    gap: 0;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  #uc-hero .wp-block-columns {
    flex-wrap: wrap !important;
    padding-top: 0 !important;
    padding-inline: 0 !important;
  }
}
@media (min-width: 1200px) {
  #uc-hero .wp-block-columns {
    position: relative;
    background-color: unset;
  }
}
#uc-hero #uc-form {
  padding: 2rem;
  padding-top: 1.5rem;
  margin: 0.5rem;
}
#uc-hero #uc-form .wpcf7 {
  margin-top: 0.421rem;
  font-size: 0.875rem;
}
#uc-hero #uc-form .wpcf7 p {
  margin-block: 0.421rem;
}
#uc-hero #uc-form .wpcf7 p:nth-child(6) {
  margin-bottom: 0;
}
#uc-hero #uc-form .wpcf7 p:nth-child(7) {
  margin-top: 0;
}
#uc-hero #uc-form .wpcf7 p label {
  line-height: 1.65;
  width: 100%;
}
#uc-hero #uc-form .wpcf7 textarea {
  resize: none;
  height: 8rem;
}
#uc-hero #uc-form .wpcf7-form-control-wrap {
  display: inline-block;
  margin-top: 0.421rem;
  width: 100%;
}
#uc-hero #uc-form .wpcf7-form-control-wrap[data-name=hcap-cf7] {
  margin-top: 0.5rem;
}
#uc-hero #uc-form .wpcf7-form-control-wrap[data-name=hcap-cf7]:not(:has([name=g-recaptcha-response])) {
  position: relative;
  margin-top: 0;
  margin-bottom: 1rem;
}
#uc-hero #uc-form .wpcf7-form-control-wrap[data-name=hcap-cf7]:not(:has([name=g-recaptcha-response]))::after {
  content: "Captcha loading...";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#uc-hero #uc-form .wpcf7-form-control-wrap .wpcf7-form-control {
  border: 0 !important;
  border-radius: 0.5rem;
  width: 100%;
}
#uc-hero #uc-form .wpcf7-form-control-wrap .wpcf7-form-control:not(.wpcf7-textarea, .wpcf7-submit) {
  height: 44px;
}
#uc-hero #uc-form .wpcf7-form-control-wrap .wpcf7-form-control.h-captcha {
  display: flex;
  margin-top: 0rem;
}
#uc-hero #uc-form .wpcf7-form-control-wrap .wpcf7-form-control.h-captcha:not(:has([name=g-recaptcha-response])) {
  display: none;
}
#uc-hero #uc-form .wpcf7-form-control-wrap .wpcf7-form-control.h-captcha iframe {
  width: min(100%, 303px);
  max-width: 303px;
  display: block;
}
@media (min-width: 1200px) {
  #uc-hero #uc-form .wpcf7-form-control-wrap .wpcf7-form-control.h-captcha {
    justify-content: center;
  }
}
#uc-hero #uc-form .wpcf7-submit {
  --background-colour: #f29c52;
  background-color: var(--background-colour);
  border-radius: 0.5rem;
  border: 0;
  color: #fff;
  text-transform: none;
  line-height: 1.65;
  letter-spacing: 0;
  padding: 0.75rem 2.5rem;
  margin-left: 0;
}
#uc-hero #uc-form .wpcf7-submit:hover {
  background-color: color-mix(in srgb, var(--background-colour) 85%, black);
}
#uc-hero #uc-form .wpcf7-spinner {
  display: none;
}
#uc-hero #uc-form .wpcf7 span[data-name=hcap-cf7] ~ input[type=submit] {
  margin-top: 0.5rem;
}
@media (min-width: 745px) {
  #uc-hero #uc-form .wpcf7 {
    font-size: 1rem;
  }
}
@media (max-width: 744px) {
  #uc-hero #uc-form > * {
    box-sizing: border-box;
    width: 100%;
    padding-inline: clamp(0px, (100% - 303px) / 2, 2rem);
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  #uc-hero #uc-form {
    flex-basis: 100%;
  }
}
@media (min-width: 1200px) {
  #uc-hero #uc-form {
    max-width: 364px;
    margin: 0;
  }
}

#uc-main {
  --spacing: 0.5rem;
  gap: var(--spacing);
  padding: var(--spacing);
  padding-bottom: 3rem;
}
#uc-main > * {
  max-width: var(--wp--style--global--content-size);
  margin-inline: auto;
  width: 100%;
}
#uc-main .wp-block-columns.uc-card-cols {
  --spacing: 0.5rem;
  gap: var(--spacing);
}
@media (max-width: 744px) {
  #uc-main .wp-block-columns.uc-card-cols {
    padding-inline: 0;
    max-width: 360px !important;
    margin-inline: auto;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  #uc-main .wp-block-columns.uc-card-cols {
    --spacing: 1rem;
  }
  #uc-main .wp-block-columns.uc-card-cols + .wp-block-columns .wp-block-image {
    height: 470px;
  }
  #uc-main .wp-block-columns.uc-card-cols + .wp-block-columns .wp-block-image img {
    top: 3rem;
    scale: 138%;
    left: -7rem;
  }
}
@media (min-width: 745px) {
  #uc-main .wp-block-columns.uc-card-cols .wp-block-image {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  #uc-main .wp-block-columns.uc-card-cols {
    --spacing: 2rem;
  }
}
@media (min-width: 1200px) {
  #uc-main .wp-block-columns {
    gap: 0;
  }
  #uc-main .wp-block-columns:not(.uc-card-cols) > .wp-block-column:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 1rem;
  }
  #uc-main .wp-block-columns:not(.uc-card-cols) > .wp-block-column:first-child.uc-narrow {
    max-width: 500px;
  }
  #uc-main .wp-block-columns:not(.uc-card-cols) > .wp-block-column:last-child img {
    float: right;
  }
}
#uc-main .has-huge-font-size,
#uc-main .has-large-font-size {
  font-family: "filson-soft", sans-serif;
}
#uc-main .has-huge-font-size {
  --wp--preset--font-size--huge: 1.25rem;
  font-weight: 500;
  line-height: 1.33;
  max-width: 540px;
}
@media (min-width: 745px) {
  #uc-main .has-huge-font-size {
    --wp--preset--font-size--huge: 1.75rem;
    line-height: 1.34;
  }
}
#uc-main .has-large-font-size {
  --wp--preset--font-size--large: 1.0625rem;
  line-height: 1.35;
}
@media (min-width: 745px) {
  #uc-main .has-large-font-size {
    --wp--preset--font-size--large: 1.375rem !important;
  }
}
#uc-main .uc-card#uc-cta {
  --colour: #fff;
  background-color: #6eb2dc;
  color: var(--colour);
  padding: 3.5rem 2rem;
  display: flex;
  flex-direction: column;
}
#uc-main .uc-card#uc-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  bottom: 0;
  right: 0;
  background-image: url(../img/stay-with-us/swoops.png);
  background-size: 138% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
@media (min-width: 745px) {
  #uc-main .uc-card#uc-cta::after {
    background-size: 100% auto;
  }
}
#uc-main .uc-card#uc-cta > * {
  position: relative;
  z-index: 2;
}
#uc-main .uc-card#uc-cta .wp-block-group.is-vertical {
  padding: 0;
}
#uc-main .uc-card#uc-cta h2 {
  color: var(--colour);
  font-size: 1.625rem;
  line-height: 1.15;
}
@media (min-width: 745px) {
  #uc-main .uc-card#uc-cta h2 {
    font-size: 2.1875rem;
  }
}
#uc-main .uc-card#uc-cta p {
  font-size: 1rem;
  line-height: 1.55;
}
@media (min-width: 745px) {
  #uc-main .uc-card#uc-cta p {
    max-width: 510px;
  }
}
#uc-main .uc-card#uc-cta a {
  color: var(--colour);
  font-weight: 700;
  border-bottom: 1px solid var(--colour);
}
@media (max-width: 744px) {
  #uc-main .uc-card#uc-cta a {
    /* Put links on new line when screen is this small, to stop weird line breaks */
  }
  #uc-main .uc-card#uc-cta a::before {
    content: "\a";
    white-space: pre;
  }
}
@media (min-width: 745px) {
  #uc-main .uc-card#uc-cta {
    padding: 6rem 2rem;
  }
}
@media (min-width: 1200px) {
  #uc-main .uc-card#uc-cta {
    padding-top: 5.3rem;
  }
}
@media (min-width: 745px) and (max-width: 1199px) {
  #uc-main {
    --spacing: 1rem;
  }
}
@media (min-width: 1200px) {
  #uc-main {
    --spacing: 2rem;
    padding-bottom: 6rem;
  }
}

/*# sourceMappingURL=stay-with-us.css.map */