:root {
    --font-headings: "Foxlite Script", cursive;
    --font-base: 'Poppins', 'Century Gothic', 'Helvetica', 'Arial', sans-serif;
    --global--font-primary: var(--font-headings);
    --global--font-secondary: var(--font-base);
    --global--font-code: monospace, monospace;
    --global--font-ui: var(--font-base, var(--global--font-secondary));
    --global--font-size-root: 18px;
    --global--font-size-ratio: 1.2;
    --global--font-size-base: 1em;
    --global--font-size-xs: 0.875em;
    --global--font-size-sm: 0.9125em;
    --global--font-size-md: 1em;
    --global--font-size-lg: 1.25em;
    --global--font-size-xl: 1.75em;
    --global--font-size-xxl: 2.5em;
    --global--font-size-xxxl: 4em;
    --global--letter-spacing: normal;
    --global--font-weight: normal;
    --global--line-height-base: 1;
    --global--line-height-body: 1.7;
    --global--line-height-heading: 1.3;
    --global--color-primary: #063972;
    --global--color-secondary: #1d8bbe;
    --global--color-primary-hover: var( --global--color-secondary );
    --global--color-secondary-hover: #31a2d7;
    --global--color-black: #3a3a3a;
    --global--color-white: white;
    --global--color-foreground: #333333;
    --global--color-foreground-low-contrast: #444444;
    --global--color-foreground-high-contrast: #000000;
    --global--color-background: #F8F8F8;
    --global--color-tertiary: #ffb00f;
    --global--color-tertiary-hover: #ffbd35;
    --global--color-background-dark: #DDDDDD;
    --global--color-border: #EFEFEF;
    --global--color-text-selection: #EBF2F0;
    --global--color-alert-success: yellowgreen;
    --global--color-alert-info: skyblue;
    --global--color-alert-warning: gold;
    --global--color-alert-error: salmon;
    --global--spacing-unit: 20px;
    --global--spacing-measure: unset;
    --global--spacing-horizontal: 25px;
    --global--spacing-vertical: 30px;
    --global--elevation: 1px 1px 3px 0px rgba( 0, 0, 0, 0.2 );
    --global--border-radius-sm: 9px;
    --global--border-radius-md: 13.5px;
    --global--border-radius-lg: 18px;
    --global--border-radius-pill: 180px;
    --global--border-radius-none: 0;
    --form--font-family: var(--global--font-secondary);
    --form--font-size: var(--global--font-size-md);
    --form--line-height: var(--global--line-height-body);
    --form--color-text: var(--global--color-foreground);
    --form--border-color: var(--global--color-border);
    --form--border-width: 2px;
    --form--border-radius: 0;
    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
    --form--background-color: transparent;
    --form--box-shadow: none;
    --button--color-text: var(--global--color-background);
    --button--color-text-hover: var(--button--color-text);
    --button--color-text-active: var(--button--color-text);
    --button--color-background: var(--global--color-primary);
    --button--color-background-hover: var(--global--color-secondary-hover);
    --button--color-background-active: var(--global--color-primary);
    --button--font-family: var(--global--font-ui);
    --button--font-size: var(--global--font-size-base);
    --button--font-weight: 600;
    --button--line-height: 1;
    --button--border-width: 2px;
    --button--border-radius: 0;
    --button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
    --button--padding-horizontal: calc(2 * var(--global--spacing-horizontal));
    --cover--height: calc( 15 * var(--global--spacing-vertical) );
    --cover--color-foreground: var(--global--color-foreground-high-contrast);
    --cover--color-background: var(--global--color-tertiary);
    --heading--font-family: var(--global--font-primary);
    --heading--line-height: 1.3;
    --heading--font-size-h6: var(--global--font-size-base);
    --heading--font-size-h5: var(--global--font-size-md);
    --heading--font-size-h4: var(--global--font-size-lg);
    --heading--font-size-h3: var(--global--font-size-xl);
    --heading--font-size-h2: var(--global--font-size-xxl);
    --heading--font-size-h1: var(--global--font-size-xxxl);
    --heading--letter-spacing-h6: var(--global--letter-spacing);
    --heading--letter-spacing-h5: var(--global--letter-spacing);
    --heading--letter-spacing-h4: var(--global--letter-spacing);
    --heading--letter-spacing-h3: var(--global--letter-spacing);
    --heading--letter-spacing-h2: var(--global--letter-spacing);
    --heading--letter-spacing-h1: var(--global--letter-spacing);
    --heading--line-height-h6: 1.3;
    --heading--line-height-h5: 1.3;
    --heading--line-height-h4: 1.3;
    --heading--line-height-h3: var(--heading--line-height);
    --heading--line-height-h2: var(--heading--line-height);
    --heading--line-height-h1: var(--heading--line-height);
    --heading--font-weight: normal;
    --heading--font-weight-strong: 600;
    --latest-posts--title-font-family: var(--heading--font-family);
    --latest-posts--title-font-size: var(--heading--font-size-h3);
    --latest-posts--description-font-family: var(--global--font-secondary);
    --latest-posts--description-font-size: var(--global--font-size-sm);
    --layout-grid--gutter-none: 0px;
    --layout-grid--gutter-small: calc( var(--global--spacing-unit) / 2);
    --layout-grid--gutter-medium: var(--global--spacing-unit);
    --layout-grid--gutter-large: calc( var(--global--spacing-unit) * 2);
    --layout-grid--gutter-huge: calc( var(--global--spacing-unit) * 3);
    --layout-grid--background-offset: var(--global--spacing-unit);
    --list--font-family: var(--global--font-secondary);
    --definition-term--font-family: var(--global--font-primary);
    --pullquote--font-family: var(--global--font-primary);
    --pullquote--font-size: var(--heading--font-size-h2);
    --pullquote--font-style: italic;
    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    --pullquote--line-height: var(--global--line-height-heading);
    --pullquote--border-width: 0;
    --pullquote--border-color: transparent;
    --pullquote--color-foreground: var(--global--color-foreground);
    --pullquote--color-background: var(--global--color-background);
    --quote--border-color: var(--global--color-secondary);
    --quote--border-width: 1px;
    --quote--font-family: var(--global--font-secondary);
    --quote--font-size: var(--global--font-size-md);
    --quote--font-size-large: var(--global--font-size-lg);
    --quote--font-style: normal;
    --quote--font-style-large: normal;
    --quote--line-height: var(--global--line-height-body);
    --quote--line-height-large: 1.5;
    --separator--border-color: var(--global--color-border);
    --separator--height: 2px;
    --separator--width: calc(6 * var(--global--spacing-horizontal));
    --utilities--font-size-xs: var(--global--font-size-xs);
    --utilities--font-size-sm: var(--global--font-size-sm);
    --utilities--font-size-md: var(--global--font-size-md);
    --utilities--font-size-lg: var(--global--font-size-lg);
    --utilities--font-size-xl: var(--global--font-size-xl);
    --utilities--font-size-xxl: var(--global--font-size-xxl);
    --utilities--font-size-xxxl: var(--global--font-size-xxxl);
    --branding--color-text: var(--global--color-foreground);
    --branding--color-link: var(--global--color-primary);
    --branding--color-link-hover: var(--global--color-primary-hover);
    --branding--title--font-family: var(--global--font-primary);
    --branding--title--font-size: calc( 1.25 * var(--heading--font-size-h1) );
    --branding--title--font-size-mobile: var(--heading--font-size-h1);
    --branding--title--font-weight: 700;
    --branding--description--font-family: var(--global--font-secondary);
    --branding--description--font-size: var(--global--font-size-sm);
    --branding--description--font-family: var(--global--font-secondary);
    --branding--logo--max-width: 120px;
    --branding--logo--max-height: 120px;
    --branding--logo--max-width-mobile: 96px;
    --branding--logo--max-height-mobile: 96px;
    --primary-nav--font-family: var(--global--font-secondary);
    --primary-nav--font-family-mobile: var(--global--font-primary);
    --primary-nav--font-size: var(--global--font-size-sm);
    --primary-nav--font-size-mobile: var(--global--font-size-xxl);
    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-lg);
    --primary-nav--font-style: normal;
    --primary-nav--font-style-sub-menu-mobile: italic;
    --primary-nav--font-weight: 600;
    --primary-nav--line-height: var(--global--line-height-body);
    --primary-nav--color-border: var(--global--color-secondary);
    --primary-nav--color-link: var(--global--color-primary);
    --primary-nav--color-link-hover: var(--global--color-primary-hover);
    --primary-nav--color-text: var(--global--color-foreground);
    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit) );
    --primary-nav--justify-content: center;
    --social-nav--color-link: var(--global--color-foreground);
    --social-nav--color-link-hover: var(--global--color-primary-hover);
    --social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
    --wpcom-marketing-bar--height: 45px;
    --wpadmin-bar--height: 46px;
    --entry-header--color: var(--global--color-primary);
    --entry-header--color-link: currentColor;
    --entry-header--color-hover: var(--global--color-primary-hover);
    --entry-header--color-focus: var(--global--color-secondary);
    --entry-header--font-family: var(--heading--font-family);
    --entry-header--font-size: var(--heading--font-size-h1);
    --entry-content--font-family: var(--font-base);
    --entry-meta--color: var(--global--color-foreground);
    --entry-meta--color-link: currentColor;
    --entry-meta--color-hover: var(--global--color-primary-hover);
    --entry-meta--font-family: var(--global--font-primary);
    --entry-meta--font-size: var(--global--font-size-xs);
    --entry-author-bio--font-family: var(--heading--font-family);
    --entry-author-bio--font-size: var(--heading--font-size-h3);
    --comments--border-color: var(--global--color-border);
    --footer--color-text: var(--global--color-foreground);
    --footer--color-link: var(--global--color-primary);
    --footer--color-link-hover: var(--global--color-primary-hover);
    --footer--font-family: var(--global--font-primary);
    --footer--font-size: var(--global--font-size-sm);
    --pagination--color-text: var(--global--color-foreground);
    --pagination--color-link: var(--global--color-primary);
    --pagination--color-link-hover: var(--global--color-primary-hover);
    --pagination--font-family: var(--global--font-secondary);
    --pagination--font-size: var(--global--font-size-sm);
    --pagination--font-weight: normal;
    --wc--wrapper-width: default;
    --wc--table--border-color: var(--global--color-border);
    --wc--table--border-radius: 0;
    --wc--table--border-width: 1px;
    --wc--table--padding: var(--global--spacing-unit);
    --wc--tabs--border-color: var(--global--color-border);
    --wc--tabs--border-radius: 10px;
    --wc--tabs--border-width: 1px;
    --wc--tabs--padding: var(--global--spacing-horizontal);
    --wc--mini-cart--color-background: var(--global--color-background);
    --wc--mini-cart--color-text: var(--global--color-foreground);
    --wc--mini-cart--color-subtotal: var(--global--color-foreground);
    --wc--mini-cart--color-count: var(--global--color-foreground-low-contrast);
    --wc--mini-cart--color-border: var(--global--color-border);
    --wc--mini-cart--button-text-color: var(--button--color-text);
    --wc--mini-cart--button-background-color: var(--button--color-background);
    --wc--mini-cart--width: calc(25 * var(--global--spacing-unit));
    --wc--star-rating--color: var(--global--color-alert-warning)
}

:root {
    --responsive--spacing-horizontal: calc(1 * var(--global--spacing-horizontal));
    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignfull-width: 100%;
    --responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
    --responsive--alignrightleft-width: var(--global--spacing-horizontal)
}

@media only screen and (min-width: 482px) {
    :root {
        --responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) )
    }
}

@media only screen and (min-width: 652px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 900px);
        --responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1140px)
    }
}

body {
    background-color: var(--global--color-background)
}

.img-cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.h-100 {
    height: 100%
}

.w-100 {
    width: 100%
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.btn {
    border-width: 2px;
    border-style: solid
}

.btn.btn-primary {
    background-color: var(--button--color-background);
    border-color: var(--button--color-background)
}

.btn.btn-primary.outline {
    color: var(--button--color-background);
    background-color: transparent
}

.btn.btn-secondary {
    background-color: var(--global--color-secondary);
    border-color: var(--global--color-secondary)
}

.btn.btn-secondary.outline {
    color: var(--global--color-secondary);
    background-color: transparent
}

.wp-block-button.wp-block-button__link,.wp-block-button .wp-block-button__link {
    text-transform: uppercase
}

.sub-heading {
    font-family: var(--global--font-secondary);
    font-weight: 400;
    text-transform: uppercase
}

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: 0 0
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: 0 0
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '\f060'
}

[dir=rtl] .slick-prev:before {
    content: '\f061'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '\f061'
}

[dir=rtl] .slick-next:before {
    content: '\f060'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: 0 0
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.property-slider .slick-prev,.property-slider .slick-next {
    left: -10px;
    width: 60px;
    height: 60px;
    background-color: var(--global--color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.property-slider .slick-next {
    left: unset;
    right: -10px
}

.property-slider .slick-prev:before,.slick-prev:before,.property-slider .slick-prev:before,.slick-next:before {
    display: block;
    width: 20px;
    height: 20px
}

.property-slider-nav .slick-slide img {
    font-size: 2px
}

.has-main-navigation .site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 3;
    box-shadow: 0 4px 10px rgba(0,0,0,.07);
    padding: 7px 0;
}

.site-branding, .site-logo, #site-navigation {
    margin: 0;
}

.primary-menu-container {
    display: flex;
    align-items: center;
}

a.custom-logo-link {
    border: 0;
    display: block;
}

@media screen and (max-width: 991px) {
    .has-main-navigation .site-header {
        padding-left:20px;
        padding-right: 20px
    }

    .has-main-navigation .site-header:before,.has-main-navigation .site-header:after {
        display: none
    }
}

@media screen and (max-width: 767px) {
    #site-navigation {
        display:none
    }
}

.mm-btn+svg {
    display: none
}

.admin-bar.has-main-navigation .site-header {
    top: 32px
}

.header-contact>div {
    margin-left: 10px
}

.header-contact a {
    text-decoration: none;
    color: var(--global--color-primary)
}

.header-contact i {
    background-color: #4a4a4a;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    margin-right: 6px
}

.mobile-menu-button {
    margin-top: 10px
}

@media screen and (min-width: 768px) {
    .mobile-menu-button {
        display:none
    }
}

.home .site-main {
    padding-top: 0;
    padding-bottom: 0
}

#hero {
    position: relative
}

.home .hero-image {
    position: relative;
    background-color: var(--global--color-primary);
    overflow: hidden
}

.home .hero-image>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-duration: 6000ms;
    transition-timing-function: ease-in-out;
    transform: scale(1.2);
    object-fit: cover
}

.home .hero-image.slick-active>img {
    transform: scale(1)
}

.home .hero-image>.hero-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center
}

.home .hero-image>.hero-overlay>.hero-content {
    text-align: center;
    color: #fff;
    max-width: 800px;
    padding: 1em
}

.home .hero-image>.hero-overlay>.hero-content>* {
    opacity: 0;
    transition-delay: .5s;
    transition-duration: 1s
}

.home .hero-image.slick-active>.hero-overlay>.hero-content>* {
    opacity: 1;
    transition-delay: .5s;
    transition-duration: 1s
}

.home .hero-image>.hero-overlay>.hero-content>span {
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    margin-bottom: 2rem;
    transform: translateY(-100px)
}

.home .hero-image>.hero-overlay>.hero-content>h3 {
    font-size: 3em;
    line-height: 1em;
    margin-bottom: 2rem;
    transform: translateX(-100px)
}

.home .hero-image.slick-active>.hero-overlay>.hero-content>h3 {
    transform: translateX(0)
}

.home .hero-image>.hero-overlay>.hero-content>a {
    display: inline-block;
    color: #fff;
    background-color: var(--global--color-primary);
    padding: 1em 2em;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transform: translateY(100px)
}

.home .hero-image.slick-active>.hero-overlay>.hero-content>span,.home .hero-image.slick-active>.hero-overlay>.hero-content>a {
    transform: translateY(0)
}

.home #hero .slick-prev {
    left: 30px;
    z-index: 1
}

.home #hero .slick-next {
    right: 30px
}

@media screen and (min-width: 992px) {
    .home .hero-image>.hero-overlay>.hero-content>h3 {
        font-size:4em
    }
}

@media screen and (min-width: 1200px) {
    .home .hero-image>.hero-overlay>.hero-content>h3 {
        font-size:5em
    }
}

.site-main.has-banner {
    padding-top: 0
}

.hero-image.default {
    min-height: 30vh;
    position: relative
}

#hero .hero-image.default .banner-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    padding: 2em 0;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.3)
}

#hero .hero-image.default .banner-overlay>.banner-content {
    width: 90%;
    color: #fff
}

#hero .hero-image.default .banner-overlay>.banner-content h1 {
    font-size: var(--heading--font-size-h2)
}

#hero .hero-image.default .banner-overlay>.banner-content h4 {
    font-family: var(--global--font-secondary);
    font-size: var(--global--font-size-sm)
}

@media screen and (min-width: 992px) {
    .hero-image.default {
        height:40vh
    }

    #hero .hero-image.default .banner-overlay>.banner-content h1 {
        font-size: var(--heading--font-size-h1)
    }
}

@media screen and (min-width: 1400px) {
    .hero-image.default {
        height:45vh
    }
}

.homhero-searchbar.full {
    background-color: #fff;
    padding: 2rem
}

#hero #search-accommodation .homhero-searchbar {
    padding: 1rem;
    background-color: #fff;
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,.07)
}

#hero #search-accommodation .homhero-searchbar>form {
    width: 100%;
    max-width: unset;
}

#search-accommodation label {
    display: block;
    font-weight: 600;
    color: var(--global--font-primary)
}

#search-accommodation .form-control {
    display: block;
    font-size: 1rem;
    line-height: 2rem;
    height: 50px;
    padding: .5rem 1rem .5rem 2rem;
    border: 2px solid var(--global--color-primary);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%
}

#search-accommodation .form-main {
    position: relative
}

#search-accommodation .tail-select {
    width: 100%;
    font-size: 1rem;
    line-height: 2rem;
    z-index: 0
}

#search-accommodation .tail-select .select-label {
    border: 2px solid var(--global--color-primary);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    border-radius: 0
}

.homhero-searchbar .form-buttons {
    padding-top: 1em;
    margin-left: -10px;
    margin-right: -10px
}

#search-accommodation .form-buttons>* {
    display: block;
    font-size: 1rem;
    line-height: 2rem;
    padding: .5rem;
    white-space: nowrap;
    border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid var(--global--color-primary);
    font-weight: 600;
    cursor: pointer
}

#search-accommodation .form-buttons>span {
    background-color: #fff;
    color: var(--global--color-primary)
}

#search-accommodation .form-buttons>button {
    background-color: var(--global--color-primary)
}

.advancedOptions>.row {
    margin-top: 1rem
}

.homhero-searchbar.quick .advancedOptions>.row:first-child {
    margin-top: 0
}

.form-group.icon {
    position: relative
}

.form-group.icon:before {
    content: '\f100';
    position: absolute;
    left: .5em;
    bottom: .65em;
    font-family: 'font awesome 5 pro';
    font-weight: 300
}

.form-group.icon-calendar:before {
    content: '\f073'
}

.form-group.icon-users:before {
    content: '\f0c0'
}

.form-group.icon-map:before {
    content: '\f5a0'
}

.form-group.icon-map-marker:before {
    content: '\f3c5'
}

.form-group.icon-bed:before {
    content: '\f236'
}

.form-group.icon-bath:before {
    content: '\f2cd'
}

.form-group.icon-search:before {
    content: '\f002'
}

.form-group.icon-sort:before {
    content: '\f0dc'
}

@media screen and (min-width: 768px) {
    #hero #search-accommodation {
        position:absolute;
        bottom: 0;
        width: 100%;
        transform: translateY(50%)
    }

    .homhero-searchbar.quick .form-buttons {
        padding-top: 0;
        margin: 0;
        margin-right: -10px
    }

    .homhero-searchbar.quick .form-buttons>* {
        margin-right: 0
    }

    .homhero-searchbar.quick .advancedOptions {
        position: absolute;
        background-color: #fff;
        box-shadow: 0 5px 15px rgba(0,0,0,.07);
        bottom: -1rem;
        left: -1rem;
        right: 0;
        padding: 0 1rem 1rem;
        transform: translateY(100%)
    }
}

@media screen and (min-width: 992px) {
    #search-accommodation .form-buttons>* {
        padding:.5rem 1rem
    }
}

.carousel-image-height {
    padding-bottom: 90%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.card-img-top {
    position: relative
}

.card-img-top>.suburb {
    position: absolute;
    left: 10px;
    bottom: 20px;
    z-index: 1;
    background-color: rgba(255,255,255,.8);
    padding: 10px;
    line-height: 1rem
}

.card-img-top>.shortlist-container {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    cursor: pointer
}

.productListing.card {
    border-radius: 0;
    border: none;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.07)
}

.productListing.card .stats {
    padding-bottom: 1em
}

.listingText a {
    color: var(--global--font-primary);
    text-decoration: none
}

.listingHeader {
    background-color: #fff;
    padding: 1em 2em
}

.listingHeader h1 {
    font-size: 3em
}

.facilities-wrapper {
    margin: 1em 0;
    font-size: 1.125em
}

.facilities-wrapper .propField {
    margin-right: 20px
}

.from-price-week {
    margin: 1em 0;
    font-size: 1.75em;
    color: var(--global--color-primary);
    font-weight: 700
}

.from-price-week .shrink {
    font-size: .75em
}

.listingTitle {
    font-size: 2rem
}

.listingPrice {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    font-weight: 600;
    color: #063972;
    font-size: 2rem;
    margin-bottom: 0
}

.listingPrice .shrink {
    font-size: .875rem;
    margin-bottom: .5rem;
}

.listingPrice .message {
    font-size: 1rem;
    margin-bottom: .5rem;
    text-align: center;
}

.productListing .more-button {
    font-weight: 600;
    color: #ddd;
    text-decoration: none;
    border: 0;
    transition-duration: 300ms
}

@media screen and (min-width: 768px) {
    .productListing .more-button {
        text-align:center
    }
}

.productListing .more-button:hover {
    color: #aaa
}

.single-listings #main {
    padding-top: 2em
}

.single-listings .entry-header {
    margin-top: 0
}

#booking_widget h2 {
    padding-top: 1rem
}

.page-numbers {
    order: 2;
    margin-top: 20px;
    margin: 20px auto 25px;
    text-align: center;
    width: 100%
}

.page-numbers li a:hover {
    background-color: var(--global--color-primary-hover)
}

.page-numbers li {
    display: inline
}

.page-numbers li a,.page-numbers li span {
    padding: .75rem 1rem;
    background-color: #fff;
    font-weight: 600
}

.page-numbers li a,.page-numbers li.active a,.page-numbers li.disabled {
    color: var(--global--color-primary);
    text-decoration: none;
    background-color: #fff;
    cursor: pointer;
    transition-duration: 300ms
}

.page-numbers li a:hover,.page-numbers li span.current {
    background-color: var(--global--color-primary);
    color: #fff
}

.infobubble .accomm-photos {
    position: relative
}

.infobubble .accommodation-map-overlay {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.4);
    padding: 9px;
    bottom: 0
}

.infobubble .overlay-title {
    color: #fff;
    font-size: 22px
}

.infobubble .bedding-config {
    font-weight: 400;
    color: #fff
}

.infobubble .bedding-config i {
    margin-right: 5px
}

.infobubble .shortlist {
    display: none
}

.gm-style .gm-style-iw-c {
    padding: 0!important
}

.gm-style-iw-d {
    overflow: hidden!important
}

.infobubble img {
    max-width: none!important
}

.infobubble .accomm-type {
    margin-bottom: 10px;
    font-size: 14px
}

.infobubble .accomm-main-info {
    background: #fff!important;
    box-shadow: none
}

.infobubble .accomm-main-info .field-content {
    font-size: 22px!important
}

.infobubble .bedding-config {
    color: #fff;
    font-weight: 300;
    font-size: 15px
}

.infobubble .from-price {
    float: right;
    color: #fff;
    text-align: center;
    position: relative;
    top: 4px
}

.infobubble .from-price span {
    display: inline-block;
    border-bottom: 1px solid rgba(255,255,255,.5);
    font-weight: 600;
    font-size: 1.4em
}

.infobubble .from-price span small {
    font-size: .7em;
    font-weight: 300
}

.map_col {
    transition-duration: 300ms;
    transition-timing-function: ease-in-out
}

.map_col.hidden {
    width: 0
}

.stickyMap {
    position: relative;
    height: 100%
}

.stickyMap>div {
    position: sticky;
    top: 120px
}

.homepage-featured-tiles .wp-block-cover {
    position: relative;
    min-height: 300px;
    overflow: hidden
}

.homepage-featured-tiles .wp-block-cover>img {
    transform: scale(1);
    transition-duration: 400ms;
    transition-timing-function: ease-in-out
}

.homepage-featured-tiles .wp-block-cover:hover>img {
    transform: scale(1.1)
}

.homepage-featured-tiles .wp-block-cover>.wp-block-cover__inner-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0!important;
    width: auto;
    padding: 1rem;
    display: flex;
    align-items: flex-end;
    color: #fff
}

.homepage-featured-tiles .wp-block-cover>.wp-block-cover__inner-container h2,.homepage-featured-tiles .wp-block-cover>.wp-block-cover__inner-container h2>a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
}

.homepage-featured-tiles .wp-block-cover>.wp-block-cover__inner-container h2>a {
    display: flex;
    padding: 1em;
    align-items: flex-end;
    font-size: 2rem;
    text-decoration: none
}

.homepage-featured-tiles .wp-block-cover>.wp-block-cover__inner-container h2>a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    margin-top: 0;
    font-size: 1.75rem;
    font-family: var(--global--font-secondary);
    font-weight: 600;
    line-height: 1em;
    padding: 1rem 1.2rem;
    background-color: #fff;
    color: var(--global--color-black);
    transition-duration: 300ms
}

.homepage-featured-tiles .wp-block-cover>.wp-block-cover__inner-container h2>a:hover:after {
    background-color: var(--global--color-primary);
    color: #fff
}

#featuredListingsHero .listing {
    padding-left: 1em;
    padding-right: 1em;
    position: relative
}

.featuredListingHero .icons {
    display: flex;
    padding: 0 1em .5em;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 5px 15px rgba(0,0,0,.07);
    opacity: 0;
    transition-delay: .1s;
    transition-duration: .5s
}

.listing.slick-active .icons {
    opacity: 1;
    transition-delay: .1s;
    transition-duration: .5s
}

.featuredListingHero .icons>div {
    padding: 0 .5em
}

.featuredListingHero .overlay-text {
    margin-left: 5%;
    transform: translateY(-50px);
    width: 90%;
    padding: 2em;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.07);
    display: block;
    color: #333;
    text-decoration: none;
    opacity: 0;
    transition-delay: .1s;
    transition-duration: .5s
}

.slick-active .featuredListingHero .overlay-text {
    opacity: 1;
    transition-delay: .1s;
    transition-duration: .5s
}

.featuredListingHero .overlay-text .left {
    flex-grow: 1;
    padding-right: 2rem
}

.featuredListingHero .overlay-text .right {
    display: flex;
    align-items: flex-end
}

.featuredListingHero .overlay-text .from_price {
    white-space: nowrap;
    color: var(--global--color-primary);
    font-size: 2em;
    font-weight: 300
}

.featuredListingHero .overlay-text .from_price .shrink {
    font-size: .5em
}

#featuredListingsHero .slick-arrow {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #111;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    position: absolute;
    top: 100px;
    z-index: 2;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0 5px 15px rgba(0,0,0,.07)
}

#featuredListingsHero .slick-arrow.next-arrow {
    margin-left: 20px;
    left: auto;
    right: 0;
    z-index: 1
}

.post-excerpt {
    margin-bottom: 2em
}

.post-excerpt .text {
    background: #fff;
    padding: 10%
}

.post-excerpt h2 {
    font-size: 2em
}

.post-excerpt h2 a {
    color: var(--global--color-black);
    text-decoration: none
}

footer.site-footer {
    background-color: #222;
    color: #fff;
    background-image: url(../images/footer-bg-tile-2.png);
    background-repeat: repeat;
    background-size: 218px;
    padding-top: 3rem
}

.widget_nav_menu nav>ul {
    padding: 0;
    list-style: none;
    column-count: 2
}

.widget_nav_menu nav>ul>li {
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
    font-weight: 400;
    transition-duration: 300ms
}

.widget_nav_menu nav>ul>li:hover {
    padding-left: 35px
}

footer.site-footer a {
    color: #fff
}

.widget_nav_menu nav>ul>li::before {
    content: '+';
    left: 0;
    position: absolute
}

footer#copyright {
    background-color: #111;
    padding: 1em 0;
    color: #ccc
}

footer#copyright a {
    color: #fff
}

.footer-disclaimer {
    max-width: 800px;
    display: block;
    margin: 0 auto
}

p.light-grey {
    color: #ccc
}

.sticky-sidebar {
    background-color: #fff
}

.listingSection {
    background-color: #fff;
    padding: 2em
}

.listingSection h2 {
    margin-bottom: .25em
}

.amenities ul {
    padding: 0;
    margin: 0;
    list-style: none;
    column-count: 2
}

.amenities ul>li {
    padding-left: 30px;
    margin-bottom: .25em;
    position: relative
}

.amenities ul>li:before {
    content: '\f058';
    font-family: "font awesome 5 pro";
    font-weight: 400;
    position: absolute;
    left: 0;
    color: var(--global--color-primary)
}

.date-range {
    background-color: var(--global--color-primary);
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1em;
    padding: .25em .5em;
    border-radius: 5px;
    margin-right: .5em;
    margin-top: .5em;
    margin-bottom: .5em
}

.seasons th {
    font-family: var(--global--font-secondary)
}

.seasons th,.seasons td {
    border-color: #ddd;
    border-left: 0;
    border-right: 0
}

.roomHeading {
    color: var(--heading-color);
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom: 0
}

.roomDetails {
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 20px
}

.roomDetails ul {
    list-style-type: none;
    padding-left: 10px;
    margin-bottom: 0
}

.roomDetails ul li::before {
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    content: '\f0da';
    padding-right: 10px
}

.beddingConfig h2 {
    margin-bottom: 15px
}

@media screen and (min-width: 586px) {
    #featuredListingsHero .slick-arrow {
        top:150px
    }
}

@media screen and (min-width: 992px) {
    #featuredListingsHero .slick-arrow {
        top:200px
    }
}

@media screen and (min-width: 1200px) {
    .featuredListingHero .overlay-text {
        display:flex;
        transform: translateY(-50%);
        margin-left: 10%;
        width: 80%
    }

    #featuredListingsHero .slick-arrow {
        height: 80px;
        width: 80px;
        line-height: 80px;
        left: 9%
    }

    #featuredListingsHero .slick-arrow.next-arrow {
        right: 9%
    }
}

.visually-hidden {
    display: none
}

.wp-block-columns.homepage-featured-tiles .wp-block-column {
    margin-bottom: 2em!important
}

@media screen and (max-width: 767px) {
    #email-placeholder {
        border-bottom:1px solid #d0d0d0;
        margin-bottom: 1em
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .weekly-price {
        width:100%;
        flex-grow: 1;
        text-align: center;
        line-height: 1rem;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1200px) and (max-width:1499px) {
    .weekly-price {
        width:100%;
        flex-grow: 1;
        text-align: center;
        line-height: 1rem;
        margin-bottom: 10px
    }
}

.terms-box {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fafafa;
    border: 2px solid #eaeaea;
    margin-top: 20px;
    border-radius: 8px
}

.terms-box .daterange {
    margin-top: 10px;
    font-size: .83em;
    font-weight: 700;
    margin-bottom: .5em;
    display: block
}

.terms {
    font-size: .9em
}

.single h1.entry-title,.single h2 {
    padding-bottom: .5em;
    margin-bottom: 1em
}

.single h1.entry-title {
    text-align: center
}

.single.single-listings span.type {
    padding: 5px 10px;
    line-height: 1em;
    border: 1px solid #333;
    border-radius: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.single.single-listings h1.entry-title, .single h2 {
    text-align: left;
    margin-bottom: 0;
}

.terms-box h4 {
    position: relative;
    margin-top: .5em;
    padding-bottom: .25em;
    margin-bottom: .75em;
    border-bottom: 1px solid var(--global--color-primary)
}

article.specials {
    margin-top: 0
}

.special .card {
    border: none
}

.special .card-body {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    display: flex;
    align-items: center
}

.special .card-body .card-title a {
    color: var(--heading-color);
    text-decoration: none
}

.special .card-body .card-text .more-link {
    display: block
}

/* Videos */
.video-frame {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 12px;
    border-radius: var(--theme--border-radius);
    cursor: pointer
}

.video-frame>.video-thumb {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

.video-frame>.video-thumb::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    z-index: 1
}

.video-frame>.video-thumb::after {
    content: '\f04b';
    font-family: 'font awesome 5 pro';
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    z-index: 2;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.video-frame>.video-thumb:hover::after {
    transform: translate(-50%,-50%) scale(1.2)
}

/* Weird mmenu width override was required*/
#mm-clone-my-menu > * {
    width:100%;
}