@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/rwt3ddb.css");

/*! Slick Design CSS */
.has-black-color {
    color: #000
}

.has-black-background-color {
    background: #000
}

.has-font-color {
    color: #373737
}

.has-font-background-color {
    background: #373737
}

.has-grey-dark-color {
    color: #666
}

.has-grey-dark-background-color {
    background: #666
}

.has-grey-color {
    color: #aaa
}

.has-grey-background-color {
    background: #aaa
}

.has-line-color {
    color: #ccc
}

.has-line-background-color {
    background: #ccc
}

.has-light-color {
    color: #f2f2f3
}

.has-light-background-color {
    background: #f2f2f3
}

.has-white-color {
    color: #fff
}

.has-white-background-color {
    background: #fff
}

.has-brand-dark-color {
    color: #00464d
}

.has-brand-dark-background-color {
    background: #00464d
}

.has-brand-color {
    color: #32727e
}

.has-brand-background-color {
    background: #32727e
}

.has-brand-light-color {
    color: #00bbcd
}

.has-brand-light-background-color {
    background: #00bbcd
}

.has-green-dark-color {
    color: #4c7102
}

.has-green-dark-background-color {
    background: #4c7102
}

.has-green-color {
    color: #8bba3a
}

.has-green-background-color {
    background: #8bba3a
}

.has-green-light-color {
    color: #aefb10
}

.has-green-light-background-color {
    background: #aefb10
}

.has-blue-dark-color {
    color: #0076a3
}

.has-blue-dark-background-color {
    background: #0076a3
}

.has-blue-color {
    color: #00aeef
}

.has-blue-background-color {
    background: #00aeef
}

.has-blue-light-color {
    color: #3dcaff
}

.has-blue-light-background-color {
    background: #3dcaff
}

.has-transparent-light-color {
    color: rgba(255, 255, 255, .6)
}

.has-transparent-light-background-color {
    background: rgba(255, 255, 255, .6)
}

.has-transparent-dark-color {
    color: rgba(0, 0, 0, .65)
}

.has-transparent-dark-background-color {
    background: rgba(0, 0, 0, .65)
}

.has-red-color {
    color: #d24a50
}

.has-red-background-color {
    background: #d24a50
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: .8em
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 1em;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.grid {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

.grid:after,
.grid:before {
    /* content: ""; */
    display: table
}

.grid:after {
    clear: both
}

.grid-sm {
    max-width: 1024px
}

.grid-lg {
    max-width: 1366px
}

.row:after,
.row:before {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.col {
    width: 100%;
    float: left;
    min-height: 1px
}

.m-t-0 {
    margin-top: 0
}

.m-t-1 {
    margin-top: 10px
}

.m-t-2 {
    margin-top: 20px
}

.m-t-3 {
    margin-top: 30px
}

.m-t-4 {
    margin-top: 40px
}

.m-t-5 {
    margin-top: 50px
}

.m-t-6 {
    margin-top: 60px
}

.m-t-7 {
    margin-top: 70px
}

.m-t-8 {
    margin-top: 80px
}

.m-t-9 {
    margin-top: 90px
}

.m-t-10 {
    margin-top: 100px
}

.m-t-11 {
    margin-top: 110px
}

.m-t-12 {
    margin-top: 120px
}

.m-r-0 {
    margin-right: 0
}

.m-r-1 {
    margin-right: 10px
}

.m-r-2 {
    margin-right: 20px
}

.m-r-3 {
    margin-right: 30px
}

.m-r-4 {
    margin-right: 40px
}

.m-r-5 {
    margin-right: 50px
}

.m-r-6 {
    margin-right: 60px
}

.m-r-7 {
    margin-right: 70px
}

.m-r-8 {
    margin-right: 80px
}

.m-r-9 {
    margin-right: 90px
}

.m-r-10 {
    margin-right: 100px
}

.m-r-11 {
    margin-right: 110px
}

.m-r-12 {
    margin-right: 120px
}

.m-b-0 {
    margin-bottom: 0
}

.m-b-1 {
    margin-bottom: 10px
}

.m-b-2 {
    margin-bottom: 20px
}

.m-b-3 {
    margin-bottom: 30px
}

.m-b-4 {
    margin-bottom: 40px
}

.m-b-5 {
    margin-bottom: 50px
}

.m-b-6 {
    margin-bottom: 60px
}

.m-b-7 {
    margin-bottom: 70px
}

.m-b-8 {
    margin-bottom: 80px
}

.m-b-9 {
    margin-bottom: 90px
}

.m-b-10 {
    margin-bottom: 100px
}

.m-b-11 {
    margin-bottom: 110px
}

.m-b-12 {
    margin-bottom: 120px
}

.m-l-0 {
    margin-left: 0
}

.m-l-1 {
    margin-left: 10px
}

.m-l-2 {
    margin-left: 20px
}

.m-l-3 {
    margin-left: 30px
}

.m-l-4 {
    margin-left: 40px
}

.m-l-5 {
    margin-left: 50px
}

.m-l-6 {
    margin-left: 60px
}

.m-l-7 {
    margin-left: 70px
}

.m-l-8 {
    margin-left: 80px
}

.m-l-9 {
    margin-left: 90px
}

.m-l-10 {
    margin-left: 100px
}

.m-l-11 {
    margin-left: 110px
}

.m-l-12 {
    margin-left: 120px
}

.p-t-0 {
    padding-top: 0
}

.p-t-1 {
    padding-top: 10px
}

.p-t-2 {
    padding-top: 20px
}

.p-t-3 {
    padding-top: 30px
}

.p-t-4 {
    padding-top: 40px
}

.p-t-5 {
    padding-top: 50px
}

.p-t-6 {
    padding-top: 60px
}

.p-t-7 {
    padding-top: 70px
}

.p-t-8 {
    padding-top: 80px
}

.p-t-9 {
    padding-top: 90px
}

.p-t-10 {
    padding-top: 100px
}

.p-t-11 {
    padding-top: 110px
}

.p-t-12 {
    padding-top: 120px
}

.p-r-0 {
    padding-right: 0
}

.p-r-1 {
    padding-right: 10px
}

.p-r-2 {
    padding-right: 20px
}

.p-r-3 {
    padding-right: 30px
}

.p-r-4 {
    padding-right: 40px
}

.p-r-5 {
    padding-right: 50px
}

.p-r-6 {
    padding-right: 60px
}

.p-r-7 {
    padding-right: 70px
}

.p-r-8 {
    padding-right: 80px
}

.p-r-9 {
    padding-right: 90px
}

.p-r-10 {
    padding-right: 100px
}

.p-r-11 {
    padding-right: 110px
}

.p-r-12 {
    padding-right: 120px
}

.p-b-0 {
    padding-bottom: 0
}

.p-b-1 {
    padding-bottom: 10px
}

.p-b-2 {
    padding-bottom: 20px
}

.p-b-3 {
    padding-bottom: 30px
}

.p-b-4 {
    padding-bottom: 40px
}

.p-b-5 {
    padding-bottom: 50px
}

.p-b-6 {
    padding-bottom: 60px
}

.p-b-7 {
    padding-bottom: 70px
}

.p-b-8 {
    padding-bottom: 80px
}

.p-b-9 {
    padding-bottom: 90px
}

.p-b-10 {
    padding-bottom: 100px
}

.p-b-11 {
    padding-bottom: 110px
}

.p-b-12 {
    padding-bottom: 120px
}

.p-l-0 {
    padding-left: 0
}

.p-l-1 {
    padding-left: 10px
}

.p-l-2 {
    padding-left: 20px
}

.p-l-3 {
    padding-left: 30px
}

.p-l-4 {
    padding-left: 40px
}

.p-l-5 {
    padding-left: 50px
}

.p-l-6 {
    padding-left: 60px
}

.p-l-7 {
    padding-left: 70px
}

.p-l-8 {
    padding-left: 80px
}

.p-l-9 {
    padding-left: 90px
}

.p-l-10 {
    padding-left: 100px
}

.p-l-11 {
    padding-left: 110px
}

.p-l-12 {
    padding-left: 120px
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 10px
}

.p-2 {
    padding: 20px
}

.p-3 {
    padding: 30px
}

.p-4 {
    padding: 40px
}

.p-5 {
    padding: 50px
}

.p-6 {
    padding: 60px
}

.p-7 {
    padding: 70px
}

.p-8 {
    padding: 80px
}

.p-9 {
    padding: 90px
}

.p-10 {
    padding: 100px
}

.p-11 {
    padding: 110px
}

.p-12 {
    padding: 120px
}

.hide-text {
    font-size: 0 !important;
    color: transparent !important;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0
}

.relative {
    position: relative
}

.center {
    text-align: center
}

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

*,
:after,
:before {
    box-sizing: border-box
}

:focus {
    outline: 0
}

html {
    -webkit-tap-highlight-color: transparent
}

body,
html {
    overflow-x: hidden
}

body {
    background: #fff;
    font-family: sweet-sans-pro, sans-serif;
    font-size: 18px;
    color: #373737;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 26px 0
}

/* body>* {
    margin: 0 26px
} */

body.font-lg {
    font-size: 22px
}

::-moz-selection {
    background: #007580;
    color: #fff
}

::selection {
    background: #007580;
    color: #fff
}

::-moz-selection {
    background: #007580;
    color: #fff
}

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

iframe {
    max-width: 100%
}

figure {
    margin: 0px
}

figcaption {
    text-align: center;
    margin: 5px 0 0
}

hr {
    background: #7fbc03;
    border-color: #7fbc03;
    margin: 60px 0
}

.aligncenter {
    display: block;
    margin: 0 auto
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body .gform_wrapper h3.gform_title,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.4;
    font-family: parisplus-std, sans-serif
}

.h1,
h1 {
    font-size: 1.875em
}

.h2,
h2 {
    font-size: 1.5em
}

.h3,
body .gform_wrapper h3.gform_title,
h3 {
    letter-spacing: inherit !important;
    font-size: 1.375em
}

.h4,
h4 {
    font-size: 1.2em
}

.h5,
h5 {
    font-size: 1em
}

.h6,
h6 {
    font-size: .8em
}

body .gform_wrapper .gform_description,
p {
    margin: 0 0 24px
}

.font-sm {
    font-size: .8em
}

.font-lg {
    font-size: 1.2em
}

ol,
ul {
    margin: 0 0 24px
}

a {
    color: #007580;
    font-weight: 700;
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

a:focus,
a:hover {
    color: #00464d
}

b,
strong {
    font-weight: 700
}

.accordion {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 50px !important
}

.accordion div {
    position: relative
}

.accordion div label {
    color: #373737;
    font-weight: 700;
    display: block;
    padding: 12px 4px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.accordion div label:after {
    content: "\e90f";
    font-family: Icomoon;
    transform: rotate(0);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    color: inherit;
    float: right;
    font-size: 1.25em
}

.accordion div input {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.accordion div input:focus+label,
.accordion div input:hover+label {
    color: #00464d;
    background: #f2f2f3
}

.accordion div input:checked+label+.content {
    max-height: 100vh;
    overflow-y: auto;
    padding: 16px 0;
    opacity: 1;
    transition: all .6s cubic-bezier(.19, 1, .22, 1), opacity .2s linear
}

.accordion div input:checked+label:after {
    transform: rotate(45deg)
}

.accordion div .content {
    overflow: hidden;
    max-height: 0;
    padding: 0;
    opacity: 0;
    transition: all .6s cubic-bezier(.19, 1, .22, 1), opacity .2s linear, padding .6s cubic-bezier(.19, 1, .22, 1) .2s
}

.accordion.arrows div label:after {
    content: "\e905"
}

.accordion.arrows div input:checked+label:after {
    transform: rotate(-180deg)
}

.accordion.plus-minus div label:after {
    content: "\e90f"
}

.accordion.plus-minus div input:checked+label:after {
    transform: rotate(45deg)
}

.IE .accordion input,
.ie .accordion input {
    opacity: 0
}

.pdf-list {
    margin-bottom: 40px
}

.pdf-list h3 {
    border-bottom: 2px solid #7fbc03;
    color: #007580;
    padding: 15px;
    margin: 10px 0
}

.pdf-list .row .col {
    margin: 0 40px 40px 0;
    background: #f2f2f3;
    text-align: center
}

.pdf-list .row .col:nth-child(n+4) {
    display: none
}

.pdf-list .row .col p {
    padding: 10px 20px
}

.pdf-list .row .col p:nth-child(2) {
    margin-bottom: 0
}

.pdf-list .more {
    display: block;
    color: #007580;
    padding: 10px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    text-decoration: none
}

.pdf-list .more .toggle {
    display: none
}

.pdf-list .more .toggle.show {
    display: inline-block
}

.pdf-list .more:before {
    transform: rotate(405deg);
    transition: all .8s ease-in-out;
    transform-origin: center center;
    font-weight: inherit;
    margin-right: 15px
}

.pdf-list.open .more:before {
    transform: rotate(0)
}

.slider-block figure {
    position: relative
}

.slider-block figure figcaption {
    background: rgba(0, 0, 0, .5);
    padding: 10px 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    text-align: left
}

.slider-block .slider-controls .next,
.slider-block .slider-controls .prev {
    background: rgba(0, 0, 0, .5);
    width: 48px;
    height: 48px;
    color: #fff;
    font-weight: 400;
    padding: 8px;
    top: calc(50% - 30px)
}

.slider-block .slider-controls .next {
    right: 0
}

.slider-block .slider-controls .prev {
    left: 0
}

.tabs-group {
    margin-bottom: 24px
}

.tabs-group .tabs ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tabs-group .tabs ul:after,
.tabs-group .tabs ul:before {
    content: "";
    display: table
}

.tabs-group .tabs ul:after {
    clear: both
}

.tabs-group .tabs ul>li {
    float: left
}

.tabs-group .tabs ul>li>a {
    display: block;
    padding: 16px 24px;
    background: #007580;
    color: #fff;
    text-decoration: none;
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.tabs-group .tabs ul>li>a.is-active {
    background: #00464d
}

.tabs-group .tabs ul>li>a:focus,
.tabs-group .tabs ul>li>a:hover {
    background: #00464d
}

.tabs-group .tab-content {
    display: none;
    padding: 32px 0
}

.tabs-group .tab-content.is-active {
    display: block;
    animation-name: activate;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-iteration-count: 1;
    animation-fill-mode: both
}

.tabs-group .tab-content :first-child {
    margin-top: 0
}

.tabs-group .tab-content :last-child {
    margin-bottom: 0
}

.recent {
    padding: 20px 30px;
    background: #f2f2f3;
    margin-right: 30px
}

.recent .loop {
    grid-template-columns: 1fr 1fr
}

.recent a {
    color: #373737;
    text-decoration: none;
    line-height: 1.2;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 400
}

.sharer {
    background: #007580;
    color: #fff;
    padding: 20px 60px 20px 100px;
    position: relative;
    text-align: center
}

.sharer h3 {
    margin: 10px auto
}

.sharer .social li {
    margin: 0 6px
}

.sharer .social li a {
    font-size: 1.4em
}

.sharer:before {
    content: url(../images/Catalina_Icon.svg);
    position: absolute;
    top: 10px;
    left: -22px;
    height: 144px;
    width: 144px
}

.single-homes .banner span.bg,
.single-post .banner span.bg,
.single-public-events .banner span.bg {
    padding-top: 14%
}

.single-homes .banner span.bg:after,
.single-post .banner span.bg:after,
.single-public-events .banner span.bg:after {
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .65) 70%);
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .65) 70%)
}

.single-homes .banner .content,
.single-post .banner .content,
.single-public-events .banner .content {
    display: none
}

.single-homes h2,
.single-post h2,
.single-public-events h2 {
    margin-top: 0
}

.single-homes .meta,
.single-post .meta,
.single-public-events .meta {
    text-transform: uppercase;
    margin-bottom: 40px
}

.single-homes .tags,
.single-post .tags,
.single-public-events .tags {
    margin: 60px 0
}

.single-homes .tags a,
.single-post .tags a,
.single-public-events .tags a {
    padding: 10px
}

.pagination {
    margin: 20px auto 40px !important
}

.pagination>* {
    display: inline-block;
    border: 2px solid #7fbc03;
    min-width: 38px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    padding: 0 8px !important;
    text-decoration: none;
    color: #373737
}

.pagination>:focus,
.pagination>:hover {
    background: #f2f2f3
}

.page-numbers {
    padding: 6px;
    margin-right: 5px
}

.page-numbers.current {
    font-weight: 700;
    background: #f2f2f3;
    border: 0
}

.btn,
.tribe-common button.tribe-common-c-btn,
.wp-block-button.btn-primary,
.wp-block-file a.wp-block-file__button,
a.wp-block-button__link.has-green-background-color,
button:not([id*=slick-slide]),
input[type=submit] a.wp-block-button__link.has-brand-background-color {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 1em;
    font-family: parisplus-std, sans-serif;
    font-weight: 700;
    line-height: 1;
    padding: 16px 24px;
    border: 0;
    border-radius: 0;
    margin: 0 8px 0 0;
    opacity: 1 !important;
    box-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    color: #fff;
    background: #007580;
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    min-width: 128px
}

.btn:focus,
.btn:hover,
.tribe-common button.tribe-common-c-btn:focus,
.tribe-common button.tribe-common-c-btn:hover,
.wp-block-button.btn-primary:focus,
.wp-block-button.btn-primary:hover,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
a.wp-block-button__link.has-green-background-color:focus,
a.wp-block-button__link.has-green-background-color:hover,
button:not([id*=slick-slide]):focus,
button:not([id*=slick-slide]):hover,
input[type=submit] a.wp-block-button__link.has-brand-background-color:focus,
input[type=submit] a.wp-block-button__link.has-brand-background-color:hover {
    background: #00464d;
    color: #fff
}

.btn:visited,
.tribe-common button.tribe-common-c-btn:visited,
.wp-block-button.btn-primary:visited,
.wp-block-file a.wp-block-file__button:visited,
a.wp-block-button__link.has-green-background-color:visited,
button:not([id*=slick-slide]):visited,
input[type=submit] a.wp-block-button__link.has-brand-background-color:visited {
    opacity: 1 !important;
    color: #fff
}

.btn-secondary,
.wp-block-button.btn-secondary,
.wp-block-file.btn-secondary a.wp-block-file__button,
a.wp-block-button__link.has-green-background-color,
button.btn-secondary,
input[type=submit].btn-secondary {
    color: #fff;
    background: #6ea303
}

.btn-secondary:focus,
.btn-secondary:hover,
.wp-block-button.btn-secondary:focus,
.wp-block-button.btn-secondary:hover,
.wp-block-file.btn-secondary a.wp-block-file__button:focus,
.wp-block-file.btn-secondary a.wp-block-file__button:hover,
a.wp-block-button__link.has-green-background-color:focus,
a.wp-block-button__link.has-green-background-color:hover,
button.btn-secondary:focus,
button.btn-secondary:hover,
input[type=submit].btn-secondary:focus,
input[type=submit].btn-secondary:hover {
    background: #4c7102;
    color: #fff
}

.wp-block-button.btn-tertiary a,
.wp-block-file.btn-tertiary a.wp-block-file__button,
a.btn-tertiary,
button.btn-tertiary,
input[type=submit].btn-tertiary {
    color: #fff;
    background: #009bd6
}

.wp-block-button.btn-tertiary a:focus,
.wp-block-button.btn-tertiary a:hover,
.wp-block-file.btn-tertiary a.wp-block-file__button:focus,
.wp-block-file.btn-tertiary a.wp-block-file__button:hover,
a.btn-tertiary:focus,
a.btn-tertiary:hover,
button.btn-tertiary:focus,
button.btn-tertiary:hover,
input[type=submit].btn-tertiary:focus,
input[type=submit].btn-tertiary:hover {
    background: #0076a3
}

.wp-block-button.btn-outline a,
.wp-block-button.is-style-outline a,
.wp-block-file.btn-outline a.wp-block-file__button,
a.btn-outline,
button.btn-outline,
input[type=submit].btn-outline {
    color: #007580;
    background: 0 0;
    border: 2px solid #007580;
    padding: 14px 22px
}

.wp-block-button.btn-outline a:focus,
.wp-block-button.btn-outline a:hover,
.wp-block-button.is-style-outline a:focus,
.wp-block-button.is-style-outline a:hover,
.wp-block-file.btn-outline a.wp-block-file__button:focus,
.wp-block-file.btn-outline a.wp-block-file__button:hover,
a.btn-outline:focus,
a.btn-outline:hover,
button.btn-outline:focus,
button.btn-outline:hover,
input[type=submit].btn-outline:focus,
input[type=submit].btn-outline:hover {
    color: #fff !important;
    background: #007580
}

.wp-block-button.btn-outline a:visited,
.wp-block-button.is-style-outline a:visited,
.wp-block-file.btn-outline a.wp-block-file__button:visited,
a.btn-outline:visited,
button.btn-outline:visited,
input[type=submit].btn-outline:visited {
    opacity: 1 !important;
    color: #007580
}

.wp-block-button.btn-outline a:visited:focus,
.wp-block-button.btn-outline a:visited:hover,
.wp-block-button.is-style-outline a:visited:focus,
.wp-block-button.is-style-outline a:visited:hover,
.wp-block-file.btn-outline a.wp-block-file__button:visited:focus,
.wp-block-file.btn-outline a.wp-block-file__button:visited:hover,
a.btn-outline:visited:focus,
a.btn-outline:visited:hover,
button.btn-outline:visited:focus,
button.btn-outline:visited:hover,
input[type=submit].btn-outline:visited:focus,
input[type=submit].btn-outline:visited:hover {
    color: #fff !important
}

a.btn-outline-white {
    opacity: 1 !important;
    color: #fff;
    border: 2px solid #fff
}

a.btn-outline-white:focus,
a.btn-outline-white:hover {
    background: #00464d
}

a.btn-outline-green {
    opacity: 1 !important;
    color: #7fbc03 !important;
    border: 2px solid #7fbc03;
    background: 0 0
}

a.btn-outline-green:focus,
a.btn-outline-green:hover {
    color: #fff !important;
    background: #7fbc03
}

.wp-block-button.btn-disabled a,
.wp-block-file.btn-disabled a.wp-block-file__button,
a.btn-disabled,
button.btn-disabled,
input[type=submit].btn-disabled {
    color: #aaa;
    background: #f2f2f3;
    pointer-events: none
}

.wp-block-button.btn-disabled a:focus,
.wp-block-button.btn-disabled a:hover,
.wp-block-file.btn-disabled a.wp-block-file__button:focus,
.wp-block-file.btn-disabled a.wp-block-file__button:hover,
a.btn-disabled:focus,
a.btn-disabled:hover,
button.btn-disabled:focus,
button.btn-disabled:hover,
input[type=submit].btn-disabled:focus,
input[type=submit].btn-disabled:hover {
    color: #aaa;
    background: #f2f2f3
}

.wp-block-button.btn-disabled a:visited,
.wp-block-file.btn-disabled a.wp-block-file__button:visited,
a.btn-disabled:visited,
button.btn-disabled:visited,
input[type=submit].btn-disabled:visited {
    opacity: 1 !important;
    color: #aaa
}

.wp-block-button.btn-support a,
.wp-block-file.btn-support a.wp-block-file__button,
a.btn-support,
button.btn-support,
input[type=submit].btn-support {
    color: #007580;
    background: 0 0;
    text-decoration: underline
}

.wp-block-button.btn-support a:focus,
.wp-block-button.btn-support a:hover,
.wp-block-file.btn-support a.wp-block-file__button:focus,
.wp-block-file.btn-support a.wp-block-file__button:hover,
a.btn-support:focus,
a.btn-support:hover,
button.btn-support:focus,
button.btn-support:hover,
input[type=submit].btn-support:focus,
input[type=submit].btn-support:hover {
    color: #fff;
    background: #007580
}

.wp-block-button.btn-support a:visited,
.wp-block-file.btn-support a.wp-block-file__button:visited,
a.btn-support:visited,
button.btn-support:visited,
input[type=submit].btn-support:visited {
    opacity: 1 !important;
    color: #007580
}

.wp-block-button.btn-support a:visited:focus,
.wp-block-button.btn-support a:visited:hover,
.wp-block-file.btn-support a.wp-block-file__button:visited:focus,
.wp-block-file.btn-support a.wp-block-file__button:visited:hover,
a.btn-support:visited:focus,
a.btn-support:visited:hover,
button.btn-support:visited:focus,
button.btn-support:visited:hover,
input[type=submit].btn-support:visited:focus,
input[type=submit].btn-support:visited:hover {
    color: #fff
}

a.btn-full {
    width: 100%
}

.wp-block-buttons.directions-btn {
    position: absolute;
    z-index: 100;
    top: 40px
}

.field {
    position: relative;
    margin-bottom: 8px
}

label {
    font-size: 1em;
    display: block;
    margin-bottom: 8px;
    font-weight: 700
}

.gform_wrapper textarea,
.ginput_container_select .customSelect,
.ginput_container_select select,
.select .customSelect,
.select select,
input[type=email],
input[type=tel],
input[type=text],
textarea {
    font-size: 1em;
    line-height: 1.6;
    font-family: sweet-sans-pro, Helvetica, Arial, sans-serif;
    width: 100% !important;
    padding: .75rem .5em;
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 8px;
    -webkit-appearance: none;
    box-shadow: none;
    transition: border .6s cubic-bezier(.19, 1, .22, 1), color .6s cubic-bezier(.19, 1, .22, 1), background-color .6s cubic-bezier(.19, 1, .22, 1), box-shadow .6s cubic-bezier(.19, 1, .22, 1)
}

.gform_wrapper textarea:focus,
.ginput_container_select .customSelect:focus,
.ginput_container_select select:focus,
.select .customSelect:focus,
.select select:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #007580;
    box-shadow: inset 0 -2px 0 0 #007580
}

select:focus+.customSelect {
    border-color: #007580;
    box-shadow: inset 0 -2px 0 0 #007580
}

.gform_wrapper textarea,
textarea {
    overflow: auto;
    height: 5rem;
    min-height: 5rem;
    max-height: 10rem;
    vertical-align: top
}

.gform_wrapper textarea {
    margin: 0
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
    margin-bottom:1rem;
}

.gform-body {
    max-width: 90% !important;
}

button {
    cursor: pointer;
    border: 0;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none
}

input[type=button],
input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0
}

.ginput_container_select,
.select {
    position: relative
}

.ginput_container_select .customSelect,
.ginput_container_select select,
.select .customSelect,
.select select {
    line-height: 1.4;
    font-family: sweet-sans-pro, Helvetica, Arial, sans-serif
}

.ginput_container_select select,
.select select {
    z-index: 999
}

.ginput_container_select .customSelect:after,
.select .customSelect:after {
    content: "\e905";
    font-size: 1.25em;
    position: absolute;
    top: 50%;
    margin-top: -.85rem;
    right: 5px;
    z-index: 1;
    pointer-events: none
}

.ginput_container_select select {
    margin: 0
}

.customSelectInner {
    width: 100% !important
}

input[type=checkbox],
input[type=radio] {
    background: 0 0;
    border: 0
}

body div.gform_wrapper ul.gfield_checkbox li input[type=checkbox],
body div.gform_wrapper ul.gfield_radio li input[type=radio],
form input[type=checkbox],
form input[type=radio] {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 0 3px #fff;
    background: #fff;
    -webkit-appearance: none
}

body div.gform_wrapper ul.gfield_checkbox li input[type=checkbox]+label,
body div.gform_wrapper ul.gfield_radio li input[type=radio]+label,
form input[type=checkbox]+label,
form input[type=radio]+label {
    line-height: 1;
    padding: 0 10px;
    margin: 0
}

body div.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:focus,
body div.gform_wrapper ul.gfield_radio li input[type=radio]:focus,
form input[type=checkbox]:focus,
form input[type=radio]:focus {
    border-color: #666
}

body div.gform_wrapper ul.gfield_checkbox li input[type=checkbox][type=radio],
body div.gform_wrapper ul.gfield_radio li input[type=radio][type=radio],
form input[type=checkbox][type=radio],
form input[type=radio][type=radio] {
    border-radius: 50%
}

body div.gform_wrapper ul.gfield_checkbox li input[type=checkbox][type=checkbox],
body div.gform_wrapper ul.gfield_radio li input[type=radio][type=checkbox],
form input[type=checkbox][type=checkbox],
form input[type=radio][type=checkbox] {
    margin-top: 0
}

body div.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked,
body div.gform_wrapper ul.gfield_checkbox li input[type=checkbox][checked=true],
body div.gform_wrapper ul.gfield_radio li input[type=radio]:checked,
body div.gform_wrapper ul.gfield_radio li input[type=radio][checked=true],
form input[type=checkbox]:checked,
form input[type=checkbox][checked=true],
form input[type=radio]:checked,
form input[type=radio][checked=true] {
    background: #007580
}

.gfield_checkbox li,
.gfield_radio li {
    padding: 8px 0 !important
}

.gfield_checkbox li>*,
.gfield_radio li>* {
    display: inline-block;
    vertical-align: middle
}

.gfield_checkbox li ul li,
.gfield_radio li ul li {
    display: inline-block
}

.gfield_checkbox li ul li>*,
.gfield_radio li ul li>* {
    display: inline-block;
    vertical-align: middle
}

.gfield_checkbox li ul li input[type=text],
.gfield_radio li ul li input[type=text] {
    width: auto !important;
    margin: 0 0 0 5px;
    padding: 6px 10px !important;
    height: auto
}

.gfield_checkbox li li:not(:last-child) label,
.gfield_radio li li:not(:last-child) label {
    margin-right: 5px
}

::-webkit-input-placeholder {
    color: #373737;
    opacity: .6
}

:-moz-placeholder {
    color: #373737;
    opacity: .6
}

::-moz-placeholder {
    color: #373737;
    opacity: .6
}

:-ms-input-placeholder {
    color: #373737;
    opacity: .6
}

.input-group {
    display: flex;
    width: 100%
}

.input-group>button,
.input-group>input {
    margin-bottom: 0
}

.input-group>input {
    flex: 1 1 auto
}

.input-group>.input-group-addon {
    flex: 1 0 auto
}

.input-group>.input-group-addon button {
    height: 100%;
    margin: 0;
    min-width: 1px
}

html.no-flexbox .input-group {
    display: table;
    width: 100%
}

html.no-flexbox .input-group>.input-group-addon,
html.no-flexbox .input-group>input {
    display: table-cell;
    vertical-align: middle
}

body .gform_wrapper:not(.gform_validation_error) .gform_body {
    margin-top: 32px
}

body div.gform_wrapper {
    margin-bottom: 64px
}

body div.gform_wrapper .gform_body>ul>li:first-child label {
    margin-top: 0
}

body div.gform_wrapper ul {
    text-indent: 0
}

body div.gform_wrapper ul.gform_fields {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
    overflow: visible
}

body div.gform_wrapper ul.gfield_checkbox,
body div.gform_wrapper ul.gfield_radio {
    margin: 8px 0 0 0;
    padding: 0
}

body div.gform_wrapper ul.gfield_checkbox>li,
body div.gform_wrapper ul.gfield_radio>li {
    margin-bottom: 8px
}

body div.gform_wrapper form li,
body div.gform_wrapper li {
    margin-left: 0 !important;
    list-style-type: none !important;
    list-style-image: none !important;
    list-style: none !important;
    overflow: visible
}

body div.gform_wrapper ul li.gfield {
    margin: 0 0 8px 0
}

body div.gform_wrapper .gfield_required {
    color: #d24a50;
    margin-left: .2em
}

body div.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0
}

body div.gform_wrapper .top_label .gfield_label,
body div.gform_wrapper label.gfield_label,
body div.gform_wrapper legend.gfield_label {
    display: inline-block;
    margin: 16px 0 0 0;
    clear: both
}

body div.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    margin: 0
}

body div.gform_wrapper .ginput_container.ginput_container_date {
    position: relative
}

body div.gform_wrapper .ginput_container.ginput_container_date img.ui-datepicker-trigger {
    position: absolute;
    right: 0;
    top: 50%;
    height: 1rem;
    margin-top: -.45rem
}

body div.gform_wrapper .gfield_radio>li[class*=gchoice_] input[type=text] ::-webkit-input-placeholder {
    color: #373737;
    opacity: .6
}

body div.gform_wrapper .gfield_radio>li[class*=gchoice_] input[type=text] :-moz-placeholder {
    color: #373737;
    opacity: .6
}

body div.gform_wrapper .gfield_radio>li[class*=gchoice_] input[type=text] ::-moz-placeholder {
    color: #373737;
    opacity: .6
}

body div.gform_wrapper .gfield_radio>li[class*=gchoice_] input[type=text] :-ms-input-placeholder {
    color: #373737;
    opacity: .6
}

body div.gform_wrapper .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

body div.gform_wrapper div.validation_error {
    font-weight: 400;
    padding: 0;
    margin: 32px 0 16px 0;
    color: #d24a50;
    border: 0;
    text-align: inherit
}

body div.gform_wrapper .validation_message {
    color: #d24a50;
    font-weight: 400;
    font-size: .8em;
    margin: 4px 0 0 0
}

body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
body div.gform_wrapper li.gfield.gfield_error {
    margin-bottom: 16px;
    border: 0;
    background: 0 0;
    padding: 0;
    max-width: none
}

body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning label.gfield_label,
body div.gform_wrapper li.gfield.gfield_error label.gfield_label {
    margin-top: 0
}

body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .customSelect,
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning select,
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning textarea,
body div.gform_wrapper li.gfield.gfield_error .customSelect,
body div.gform_wrapper li.gfield.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body div.gform_wrapper li.gfield.gfield_error select,
body div.gform_wrapper li.gfield.gfield_error textarea {
    border-color: #d24a50 !important
}

body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .customSelect:focus,
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning select:focus,
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning textarea:focus,
body div.gform_wrapper li.gfield.gfield_error .customSelect:focus,
body div.gform_wrapper li.gfield.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
body div.gform_wrapper li.gfield.gfield_error select:focus,
body div.gform_wrapper li.gfield.gfield_error textarea:focus {
    box-shadow: inset 0 -2px 0 0 #d24a50
}

body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_checkbox>li[class*=gchoice_] input[id*=choice_]+label:before,
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_radio>li[class*=gchoice_] input[id*=choice_]+label:before,
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input[type=checkbox].custom-checkbox+label:before,
body div.gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input[type=radio].custom-radio+label:before,
body div.gform_wrapper li.gfield.gfield_error .gfield_checkbox>li[class*=gchoice_] input[id*=choice_]+label:before,
body div.gform_wrapper li.gfield.gfield_error .gfield_radio>li[class*=gchoice_] input[id*=choice_]+label:before,
body div.gform_wrapper li.gfield.gfield_error input[type=checkbox].custom-checkbox+label:before,
body div.gform_wrapper li.gfield.gfield_error input[type=radio].custom-radio+label:before {
    border: 1px solid #d24a50;
    background-color: rgba(210, 74, 80, .05)
}

.ui-datepicker {
    width: 216px;
    height: auto;
    font: 0.8em sweet-sans-pro, Helvetica, Arial, sans-serif;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .2), 0 6px 6px rgba(0, 0, 0, .2);
    background: #fff
}

.ui-datepicker a {
    text-decoration: none
}

.ui-datepicker .ui-datepicker[style] {
    margin: 8px auto 0
}

.ui-datepicker .ui-datepicker-header {
    font-weight: 700;
    line-height: 30px;
    height: 30px;
    background-color: #007580;
    color: #fff
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    position: relative
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    position: absolute;
    margin-top: -.5em;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    font-size: 1.1em
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
    display: none
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    float: right
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    float: left
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    text-align: center
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    margin-top: 2.5%
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse
}

.ui-datepicker table.ui-datepicker-calendar {
    margin: 0
}

.ui-datepicker table.ui-datepicker-calendar thead {
    background: #fff;
    border-bottom: 1px solid #ccc
}

.ui-datepicker table.ui-datepicker-calendar thead th {
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0;
    font-size: .563em;
    color: #666;
    text-shadow: none
}

.ui-datepicker table.ui-datepicker-calendar tbody tr {
    border-bottom: 1px solid #ccc
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td {
    padding: 0;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td:last-child {
    border-right: 0
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td a,
.ui-datepicker table.ui-datepicker-calendar tbody tr td span {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable,
.ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-disabled {
    background: #f2f2f3;
    color: #aaa
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td .ui-state-default {
    background: #fff;
    box-shadow: none;
    text-shadow: none;
    color: #373737;
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td .ui-state-default:focus,
.ui-datepicker table.ui-datepicker-calendar tbody tr td .ui-state-default:hover {
    background: #f2f2f3
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-highlight {
    background: #007580;
    color: #fff
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
    border: 0;
    margin: 0;
    background: #fff;
    box-shadow: inset 0 0 0 2px #007580
}

div#gform_confirmation_message_1 {
    text-align: center
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?okah7f);
    src: url(../fonts/icomoon.eot?okah7f#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?okah7f) format("truetype"), url(../fonts/icomoon.woff?okah7f) format("woff"), url(../fonts/icomoon.svg?okah7f#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.customSelect:after,
.ui-datepicker-next:before,
.ui-datepicker-prev:before,
[class*=" icn-"]:before,
[class^=icn-]:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icn-right {
    position: relative
}

.icn-right:before {
    position: absolute;
    margin-top: -.5em;
    top: 50%;
    right: -5px
}

.icn-size:before {
    content: "\e91e"
}

.icn-pdf:before {
    content: "\e916"
}

.icn-book:before {
    content: "\e91c"
}

.icn-home:before {
    content: "\e91d"
}

.icn-garage:before {
    content: "\e91f"
}

.icn-green-check .path1:before {
    content: "\e920";
    color: #d2d3d4
}

.icn-green-check .path2:before {
    content: "\e921";
    margin-left: -1.1005859375em;
    color: #80bc00
}

.icn-bathroom:before {
    content: "\e922";
    font-size: 1.6em
}

.icn-bedroom:before {
    content: "\e923";
    font-size: 1.2em
}

.icn-image:before {
    content: "\e90a"
}

.icn-mail:before {
    content: "\e90b"
}

.icn-pin:before {
    content: "\e90c"
}

.icn-phone:before {
    content: "\e90d"
}

.icn-phone-call:before {
    content: "\e90e"
}

.icn-plus:before {
    content: "\e90f"
}

.icn-arrow-down:before {
    content: "\e900"
}

.icn-arrow-left:before {
    content: "\e901"
}

.icn-arrow-right:before {
    content: "\e902"
}

.icn-arrow-up:before {
    content: "\e903"
}

.icn-calendar:before {
    content: "\e904"
}

.icn-chevron-down:before {
    content: "\e905"
}

.icn-chevron-left:before,
.ui-datepicker-prev:before {
    content: "\e906"
}

.icn-chevron-right:before,
.ui-datepicker-next:before {
    content: "\e907"
}

.icn-chevron-up:before {
    content: "\e908"
}

.icn-star:before {
    content: "\e909"
}

.icn-printer:before {
    content: "\e910"
}

.icn-search:before {
    content: "\e911"
}

.icn-share:before {
    content: "\e912"
}

.icn-user:before {
    content: "\e913"
}

.icn-close:before {
    content: "\e914"
}

.icn-youtube:before {
    content: "\e915"
}

.icn-pin-full:before {
    content: "\e916"
}

.icn-twitter:before {
    content: "\e917"
}

.icn-linkedin:before {
    content: "\e918"
}

.icn-instagram:before {
    content: "\e919"
}

.icn-star-full:before {
    content: "\e91a"
}

.icn-facebook:before {
    content: "\e91b"
}

.icn-slick:before {
    content: "\e948"
}

.icn-pinterest:before {
    content: "\e949"
}

p.icn-size:before {
    display: inline-block;
    margin-right: 10px
}

.slider {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.slider img {
    width: 100%
}

.slider-wrap {
    position: relative
}

.slider-controls {
    text-align: center
}

.slider-controls .next,
.slider-controls .prev {
    z-index: 3;
    font-size: 1.875em;
    line-height: 1;
    width: 30px;
    height: 30px;
    text-decoration: none
}

.homes-gallery-nav,
.slider-carousel {
    position: relative
}

.homes-gallery-nav .slick-slide,
.slider-carousel .slick-slide {
    padding-left: 20px;
    cursor: grab
}

.homes-gallery-nav:before,
.slider-carousel:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 20px;
    background: #fff;
    z-index: 2
}

.pager {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block
}

.pager>li {
    display: inline-block
}

.pager button {
    border: 0;
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, .6);
    background: 0 0;
    margin: 0 8px;
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition-duration: .4s;
    border-radius: 50%;
    padding: 0;
    box-shadow: 0 0 0 2px #7fbc03 inset
}

.pager button:focus,
.pager button:hover {
    box-shadow: 0 0 0 4px #7fbc03 inset
}

.pager .slick-active button {
    transition-duration: .6s;
    box-shadow: 0 0 0 16px #7fbc03 inset
}

.homes-gallery,
.homes-slider,
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.social {
    list-style: none;
    margin: 0;
    padding: 0
}

.social>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px
}

.social a {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #007580;
    position: relative;
    text-decoration: none
}

.social a:before {
    position: absolute;
    margin-top: -.5em;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center
}

.social a:before {
    color: #fff
}

.social a:focus,
.social a:hover {
    background: #00464d
}

.contact-list>div {
    padding-left: 20px
}

.contact-list>div>:before {
    color: #7fbc03;
    float: left;
    margin-left: -20px;
    line-height: 1.6
}

.s-nav .title a {
    text-decoration: none
}

.s-nav li>a {
    display: block;
    text-decoration: none;
    color: #373737;
    padding: 4px 0;
    border-bottom: 1px solid
}

.s-nav li>a:focus,
.s-nav li>a:hover {
    color: #007580
}

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

#map {
    height: 400px;
    width: 100%
}

.wp-block-cover.grid,
.wp-block-media-text.grid {
    padding: 0
}

.wp-block-cover.noflex {
    display: block
}

.wp-block-cover.noflex .wp-block-cover__inner-container {
    width: 100%;
    position: relative;
    height: 100%;
    min-height: inherit
}

.wp-block-columns.align-middle {
    align-items: center
}

.wp-block-columns.align-bottom {
    align-items: flex-end
}

.wp-block-media-text {
    padding: 0 !important
}

.wp-block-file {
    margin: 0 0 24px 0
}

.wp-block-file a:first-child:before {
    content: "";
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #4c7102;
    margin-right: 10px;
    display: inline-block
}

.wp-block-file a[href*=".jpg"]:before,
.wp-block-file a[href*=".png"]:before {
    content: "\e90a"
}

.wp-block-file a[href*=".pdf"]:before {
    content: "\e916"
}

.wp-block-file .wp-block-file__button {
    display: none !important
}

blockquote.wp-block-quote {
    margin: 24px 0;
    padding: 1rem 2rem;
    border-left: 4px solid #007580;
    font-weight: 400;
    font-size: 1.2rem
}

blockquote.wp-block-quote p:last-of-type {
    margin: 0 0 16px
}

blockquote.wp-block-quote p:last-of-type:last-child {
    margin: 0 0 8px
}

blockquote.wp-block-quote cite {
    font-style: normal;
    font-weight: 700;
    font-size: 1rem
}

figure.wp-block-pullquote {
    position: relative;
    padding: 24px 0;
    margin: 0 0 16px
}

figure.wp-block-pullquote:after,
figure.wp-block-pullquote:before {
    display: block;
    position: absolute;
    font-size: 10rem;
    color: #000;
    opacity: .2;
    z-index: -1;
    line-height: 1;
    top: 0
}

figure.wp-block-pullquote:before {
    content: "“";
    left: 0
}

figure.wp-block-pullquote:after {
    content: "”";
    right: 0
}

figure.wp-block-pullquote blockquote {
    font-weight: 400;
    margin: 0;
    padding: 0 4rem
}

figure.wp-block-pullquote blockquote p {
    font-size: 1.6rem
}

figure.wp-block-pullquote blockquote p:last-of-type {
    margin: 0 0 16px
}

figure.wp-block-pullquote blockquote p:last-of-type:last-child {
    margin: 0 0 8px
}

figure.wp-block-pullquote blockquote cite {
    font-style: normal;
    font-weight: 700;
    font-size: 1rem
}

figure.wp-block-image figcaption {
    margin: 8px 0 24px 0;
    text-align: left
}

.wp-block-group__inner-container {
    position: relative
}

figure.wp-block-embed-youtube>div {
    position: relative;
    padding-top: 56%
}

figure.wp-block-embed-youtube>div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

header#header {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 999
}

header#header .hide-md-lg,
header#header .hide-sm {
    display: inline-block
}

header#header .body-font-trigger {
    display: inline-block;
    font-size: .9em;
    text-align: center;
    line-height: 1.2;
    margin-left: 20px
}

header#header .body-font-trigger a {
    padding: 6px 10px !important;
    min-width: 0;
    color: #fff !important
}

header#header .body-font-trigger a:focus,
header#header .body-font-trigger a:hover {
    background: #00aeef
}

header#header .body-font-trigger span {
    font-size: 1.4em
}

header#header .logo {
    display: block;
    width: 154px;
    height: 40px;
    background-image: url(../images/logo.svg);
    background-size: 154px 40px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 10px 0 10px 20px
}

header#header .main-navigation a {
    text-decoration: none
}

header#header .main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

header#header .main-navigation ul:after,
header#header .main-navigation ul:before {
    content: "";
    display: table
}

header#header .main-navigation ul:after {
    clear: both
}

header#header .main-navigation>ul li {
    position: relative;
    width: 100%
}

header#header .main-navigation>ul>li a {
    display: block;
    position: relative;
    padding: 12px;
    z-index: 1
}

.arrow {
    width: 40px;
    height: 40px;
    position: relative;
    color: #fff;
    background: #00464d;
    position: absolute;
    font-size: 1.25em;
    top: 10px;
    right: 20px;
    z-index: 2;
    cursor: pointer;
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.arrow:before {
    position: absolute;
    margin-top: -.5em;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center
}

.arrow:before {
    transform: scaleY(1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.menu-toggle {
    position: absolute;
    top: calc(46px);
    right: calc(36px)
}

.menu-toggle .hamburger {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.menu-toggle .hamburger>.line {
    width: 24px;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    top: 10.5px;
    transform: rotate(0);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), top .3s cubic-bezier(.19, 1, .22, 1) .6s, opacity .3s cubic-bezier(.19, 1, .22, 1) .6s, height .3s cubic-bezier(.19, 1, .22, 1) .3s, width 0s linear .6s
}

.menu-toggle .hamburger>.line1 {
    top: 2.5px
}

.menu-toggle .hamburger>.line2 {
    opacity: 1
}

.menu-toggle .hamburger>.line3 {
    top: 18.5px
}

.menu-toggle .hamburger>.line4 {
    opacity: 0;
    left: 10.5px;
    width: 3px;
    height: 0
}

.menu-open .header .menu-toggle>.hamburger .line {
    transition: transform .3s cubic-bezier(.19, 1, .22, 1) .6s, top .3s cubic-bezier(.19, 1, .22, 1), opacity .3s cubic-bezier(.19, 1, .22, 1), height .3s cubic-bezier(.19, 1, .22, 1) .3s, width 0s linear .3s
}

.menu-open .header .menu-toggle>.hamburger>.line1 {
    top: 10.5px;
    opacity: 0
}

.menu-open .header .menu-toggle>.hamburger>.line2 {
    transform: rotate(45deg)
}

.menu-open .header .menu-toggle>.hamburger>.line3 {
    top: 10.5px;
    opacity: 0
}

.menu-open .header .menu-toggle>.hamburger>.line4 {
    top: 0;
    opacity: 1;
    height: 24px;
    transform: rotate(45deg)
}

.sticky-bits {
    position: fixed;
    bottom: 300px;
    right: 0;
    width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: width .3s cubic-bezier(.19, 1, .22, 1);
    overflow: hidden;
    z-index: 20
}

.sticky-bits.active {
    width: 80px;
}

.sticky-bits a {
    display: block;
    border-radius:7px;
    width: 110px;
    height: 110px;
    text-align: center;
    text-decoration: none;
    font-size: .85em;
    line-height: 1;
    color: #fff;
    background: #8bba3a;
    padding: 10px 6px 10px 2px;
    transition: .3s cubic-bezier(.19, 1, .22, 1);
    display: inline-block;
    transform: translateX(35px) rotate(-90deg);
    transform-origin: center;   
}

.sticky-bits a:before {
    display: none;
    font-size: 2.4em;
    margin-bottom: 6px
}

.sticky-bits a:focus,
.sticky-bits a:hover {
    border-radius: 7px;
    transform: translateX(0px) rotate(-90deg);
    background: #006c76;
}

a#return {
    position: fixed;
    right: .5rem;
    bottom: 2.2rem;
    width: 3rem;
    height: 3rem;
    background: #007580;
    line-height: 1;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    padding: .75rem;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transform: translateY(-16px);
    text-decoration: none;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .3)
}

a#return:focus,
a#return:hover {
    background: #00464d
}

a#return.show {
    opacity: 1;
    pointer-events: all;
    transform: none
}

a#return span {
    text-indent: 100px;
    display: block
}

.footer {
    background: #007580;
    color: #fff;
    position: relative;
    font-weight: 600
}

.footer a {
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 8px 0;
    display: inline-block;
    font-weight: 100;
    letter-spacing: 0.05rem;
}

.footer a:after {
    content: "";
    position: absolute;
    height: 2px;
    bottom: 4px;
    left: 0;
    width: 0;
    background: #7fbc03;
    transition: all .2s cubic-bezier(.19, 1, .22, 1);
    opacity: 0
}

.footer a:focus:after,
.footer a:hover:after {
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
    width: 100%;
    opacity: 1
}

.footer .social a {
    background: #7fbc03;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0;
    font-size: 1.35rem
}

.footer .social a:focus,
.footer .social a:hover {
    background: #6ea303
}

.footer .social a:focus:after,
.footer .social a:hover:after {
    display: none
}

.footer .login {
    text-align: right
}

.footer .login a {
    background: #7fbc03;
    font-size: 0;
    width: 40px;
    height: 40px;
    text-align: center
}

.footer .login a:before {
    font-size: 1.2rem
}

.footer .login a:after {
    display: none
}

.footer .login a:focus,
.footer .login a:hover {
    background: #6ea303
}

.footer>.grid {
    padding: 20px 20px 10px
}

.footer .logo {
    display: block;
    width: 169px;
    height: 60px;
    background-image: url(../images/logo.svg);
    background-size: 169px 60px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 20px;
    display: block
}

.footer a.icn.icn-facebook {
    background: #7fbc03;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0;
    font-size: 1.35rem
}

.footer a.icn.icn-facebook:after {
    display: none
}

.footer a.icn.icn-facebook:focus,
.footer a.icn.icn-facebook:hover {
    background: #6ea303
}

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

.footer .footer-nav ul:after,
.footer .footer-nav ul:before {
    content: "";
    display: table
}

.footer .footer-nav ul:after {
    clear: both
}

.footer .footer-nav ul li {
    display: block
}

.footer .footer-nav ul li a {
    padding: 6px 0
}

.footer .bottom {
    color: #fff;
    padding: 20px 20px 0 0;
    font-size: .8em
}

.footer .bottom .grid {
    padding: 0
}

.footer .bottom .copyright {
    margin: 8px 0
}

.footer .bottom .slickdesign {
    color: inherit;
    transition: color .8s cubic-bezier(.19, 1, .22, 1);
    position: relative;
    padding-right: 25px;
    text-decoration: none
}

.footer .bottom .slickdesign:before {
    position: absolute;
    margin-top: -.5em;
    top: 50%;
    right: 0
}

.footer .bottom .slickdesign:before {
    font-size: 1.25em;
    transition: transform 1.6s cubic-bezier(.19, 1, .22, 1);
    width: 22px;
    height: 18px;
    display: block;
    transform-origin: 11px 9px;
    transform: rotate(0);
    text-align: center
}

.footer .bottom .slickdesign:focus,
.footer .bottom .slickdesign:hover {
    color: rgba(255, 255, 255, .6)
}

.footer .bottom .slickdesign:focus:before,
.footer .bottom .slickdesign:hover:before {
    transform: rotate(360deg)
}

.page-content {
    overflow: hidden
}

.page-content>.content {
    padding: 40px 0 0 0;
}

.page-content>.content>:not(.full):not(.slide):not(.strip):not(#map):not(#download):not(.has-light-background-color) {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

.banner {
    position: relative;
    overflow: hidden
}

.banner>.content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff
}

.banner>.content:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #007580 0, rgba(255, 255, 255, 0) 100%);
    z-index: 1
}

.banner>.content h1 {
    margin: 10px 0;
    position: relative;
    z-index: 3
}

.banner .bg {
    display: block;
    width: 100%;
    min-height: 200px;
    padding-top: 50%;
    background-size: cover;
    background-position: center;
    background-color: #aaa;
    z-index: 1
}

.love-the-lake-visitor-guide .banner .content:after {
    display: none
}

.love-the-lake-visitor-guide .banner h1 {
    font-size: 1rem;
    font-weight: 500;
    font-family: sweet-sans-pro, sans-serif;
    opacity: .8;
    padding-bottom: 20px
}

.thank-you .banner {
    height: 200px;
    position: relative
}

.thank-you .banner h1 {
    display: none
}

.thank-you .banner .bg {
    padding-top: 0;
    height: 100%
}

.thank-you img[src*=Icon_light] {
    opacity: .2;
    margin-left: 10vw
}

nav.breadcrumbs {
    margin-bottom: 40px;
    color: #767676
}

nav.breadcrumbs a {
    color: #767676;
    font-weight: 400;
    text-decoration: none;
    text-decoration: underline
}

nav.breadcrumbs a:focus,
nav.breadcrumbs a:hover {
    color: #007580
}

nav.breadcrumbs span.delim {
    padding: 2px 14px;
    font-size: .8em;
    vertical-align: top;
    display: inline-block
}

.js-accordion .toggle {
    margin: 0
}

.js-accordion .toggle a {
    font-family: sweet-sans-pro, sans-serif;
    display: block;
    padding: 10px 40px 10px 4px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    font-size: 1.3rem;
    color: #373737;
    position: relative;
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.js-accordion .toggle a:after {
    content: "\e90f";
    font-family: Icomoon;
    position: absolute;
    right: 10px;
    bottom: 10px;
    transform: rotate(0);
    transition: transform .3s ease;
    color: inherit
}

.js-accordion .toggle a:focus,
.js-accordion .toggle a:hover {
    background: #f2f2f3;
    color: #007580
}

.js-accordion .content {
    display: none;
    overflow: hidden
}

.js-accordion .content>* {
    margin-top: 10px
}

.js-accordion .content .wp-block-file {
    display: inline-block;
    margin-top: 10px;
    padding: 0 5px
}

.js-accordion.open .toggle a {
    background: #f2f2f3;
    color: #007580
}

.js-accordion.open .toggle a:after {
    transform: rotate(45deg)
}

.wp-block-cover.slide {
    min-height: 100px
}

.wp-block-cover.slide .slide-overlay {
    margin: 36vh 0 10vh;
    margin-left: calc(100% - 680px);
    width: auto;
    height: auto;
    padding: 40px 80px;
    font-weight: 600
}

.wp-block-cover.slide .slide-overlay-left {
    margin: 36vh 0 10vh;
    margin-left: 680;
    width: auto;
    height: auto;
    padding: 40px 80px;
    font-weight: 600
}

.wp-block-cover.slide .slide-overlay.has-black-background-color {
    background: rgba(0, 0, 0, .65)
}

.wp-block-cover.slide .slide-overlay-left.has-black-background-color {
    background: rgba(0, 0, 0, .65)
}

.wp-block-cover.slide .slide-overlay.has-white-background-color {
    background: rgba(255, 255, 255, .85)
}

.wp-block-cover.slide .slide-overlay-left.has-white-background-color {
    background: rgba(255, 255, 255, .85)
}

.wp-block-cover.slide .slide-overlay h3 {
    margin-top: 0
}
.wp-block-cover.slide .slide-overlay-left h3 {
    margin-top: 0
}

div.breadcrumbs+.wp-block-group .wp-block-columns div.wp-block-column:first-child h3:first-child {
    margin-top: 0;
    color: #007580
}

.wp-block-image.svg img {
    height: 100px
}

.free-offer figure {
    background: #f2f2f3
}

.free-offer img {
    max-height: 300px;
    width: auto !important;
    margin: 0 auto;
    display: block
}

ul.stylized {
    list-style: none;
    padding: 0
}

ul.stylized li {
    padding: 0 0 10px 40px
}

ul.stylized.green-check li {
    background: url(../images/tick.svg) left top/30px 30px no-repeat
}

ul.stylized.blue-pin li {
    background: url(../images/pin.svg) left 1px/26px 26px no-repeat
}

ul.stylized.green-x li {
    background: url(../images/x.svg) left 1px/26px 26px no-repeat
}

ol.stylized {
    counter-reset: item;
    list-style: none;
    padding-left: 30px;
    color: #fff
}

ol.stylized li {
    position: relative;
    padding: 6px 0
}

ol.stylized li span {
    padding-left: 12px
}

ol.stylized li:before {
    content: counter(item) " ";
    counter-increment: item;
    position: absolute;
    left: -31px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #7fbc03;
    z-index: 1;
    text-align: center
}

ol.stylized[start="7"] {
    counter-reset: seven 6
}

ol.stylized[start="7"] li:before {
    content: counter(seven) " ";
    counter-increment: seven;
    background: #007580
}

ol.stylized[start="11"] {
    counter-reset: eleven 10
}

ol.stylized[start="11"] li:before {
    content: counter(eleven) " ";
    counter-increment: eleven;
    background: #00aeef
}

.form-wrapper {
    margin-top: 60px;
    background: #f2f2f3;
    text-align: center;
    padding: 60px 0 40px;
    position: relative
}

.form-wrapper:before {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 36px solid #fff;
    content: "";
    position: absolute;
    top: -1px;
    left: calc(50% - 40px);
    z-index: 2
}

.form-wrapper h3 {
    color: #007580
}

.form-wrapper p {
    padding: 0 30px
}

figure.fair-go {
    position: relative;
    height: 100%
}

figure.fair-go img {
    position: absolute;
    left: -25%;
    bottom: 5%
}

.watermark-color {
    position: relative
}

.watermark-color:after {
    content: "";
    position: absolute;
    overflow: hidden;
    background: url(../images/Catalina_Icon.svg) left top/cover no-repeat
}

#map {
    max-width: 100% !important
}

figcaption {
    color: #aaa;
    font-size: .7em
}

figcaption strong {
    color: #373737;
    font-size: 1.5em
}

.loop>div,
.loop>li,
.main .wp-block-latest-posts>div,
.main .wp-block-latest-posts>li {
    text-align: center;
    position: relative;
    width: 100%;
    overflow: hidden
}

.loop>div .featured-image,
.loop>li .featured-image,
.main .wp-block-latest-posts>div .featured-image,
.main .wp-block-latest-posts>li .featured-image {
    background: #aaa;
    background-size: cover;
    background-position: 50%;
    padding-top: 70%;
    position: relative;
    overflow: hidden;
    transition: all .8s ease;
    transform-origin: center center;
    transform: scale(1);
    image-rendering: smooth
}

.loop>div .featured-image:hover,
.loop>li .featured-image:hover,
.main .wp-block-latest-posts>div .featured-image:hover,
.main .wp-block-latest-posts>li .featured-image:hover {
    transform: scale(1.015)
}

.loop>div p,
.loop>li p,
.main .wp-block-latest-posts>div p,
.main .wp-block-latest-posts>li p {
    padding: 10px 20px;
    margin: 0;
    font-weight: 700;
    color: #373737
}

.loop>div a,
.loop>li a,
.main .wp-block-latest-posts>div a,
.main .wp-block-latest-posts>li a {
    text-decoration: none
}

.loop>div.news,
.loop>div.story,
.main .wp-block-latest-posts>div.news,
.main .wp-block-latest-posts>div.story {
    background: #f2f2f3
}

.loop.homes div.home:focus,
.loop.homes div.home:hover,
.main .wp-block-latest-posts.homes div.home:focus,
.main .wp-block-latest-posts.homes div.home:hover {
    background: #f2f2f3
}

.loop.homes div.home .content h3,
.main .wp-block-latest-posts.homes div.home .content h3 {
    margin-bottom: 10px
}

.loop.homes div.home .content p span,
.main .wp-block-latest-posts.homes div.home .content p span {
    display: inline-block;
    margin: 0 15px 10px;
    font-weight: 700;
    color: #767676
}

.loop.homes div.home .content p span:before,
.main .wp-block-latest-posts.homes div.home .content p span:before {
    color: #7fbc03;
    margin-right: 10px
}

.loop.homes div.home .featured-image,
.main .wp-block-latest-posts.homes div.home .featured-image {
    position: relative
}

.loop.homes div.home .featured-image .status-label,
.main .wp-block-latest-posts.homes div.home .featured-image .status-label {
    position: absolute;
    color: #fff;
    padding: .75rem 1.5rem;
    top: .75rem;
    right: .75rem;
    font-size: 1.125rem;
    border-radius: 50vw;
    font-family: parisplus-std, sans-serif
}

.related .loop.homes,
.related .main .wp-block-latest-posts.homes {
    grid-template-columns: 1fr 1fr 1fr
}

.related .loop.homes .home,
.related .main .wp-block-latest-posts.homes .home {
    background: #f2f2f3
}

.loop>li a,
.main .wp-block-latest-posts>li a {
    color: #373737;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 20px;
    display: inline-block
}

.latest .loop>div,
.latest .main .wp-block-latest-posts>div {
    background: 0 0;
    padding-bottom: 20px
}

.latest .loop>div .content .btn,
.latest .main .wp-block-latest-posts>div .content .btn {
    display: none
}

.main .wp-block-latest-posts:after,
.main .wp-block-latest-posts:before {
    display: none
}

.strip {
    min-height: 370px;
    position: relative;
    background-color: #007580;
    color: #fff;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* margin-bottom: 5px; */
    margin-top: 2rem;
    font-weight: 600;
}

.strip:before {
    content: "";
    background: linear-gradient(90deg, #007580 15%, rgba(0, 117, 128, 0) 64%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.strip .grid {
    z-index: 2;
    padding: 20px;
    position: relative
}

.strip .grid .content h3 {
    margin-top: 0
}

.strip .grid .content p {
    margin-bottom: 0
}

.strip .grid .action {
    margin-top: 20px
}

.strip .grid .action div.gform_wrapper {
    margin: 0
}

.strip.share-a-story .grid {
    padding: 60px 20px
}

.strip.share-a-story .grid .content {
    padding-right: 40px
}

.strip.subscribe {
    margin-top: 40px
}

.IE .strip.book-a-tour,
.IE .strip.subscribe,
.ie .strip.book-a-tour,
.ie .strip.subscribe {
    display: block !important
}

.single-homes .banner {
    height: 200px;
    position: relative
}

.single-homes .banner h1 {
    display: none
}

.single-homes .banner .bg {
    background-position: center top
}

.single-homes .content>.grid {
    max-width: 1161.1px !important
}

.single-homes .brief {
    display: flex;
    align-items: flex-end;
    font-size: 1.3em;
    margin-bottom: 20px
}

.single-homes .brief h2 {
    font-size: 2em;
    margin: 0
}

.single-homes .brief p {
    margin: 7px 20px;
    font-weight: 700;
    color: #767676
}

.single-homes .brief p:nth-child(2) {
    margin-right: 40px
}

.single-homes .brief p:before {
    color: #7fbc03;
    margin-right: 10px
}

.single-homes .homes-gallery .slider-controls .next,
.single-homes .homes-gallery .slider-controls .prev,
.single-homes .homes-gallery-nav .slider-controls .next,
.single-homes .homes-gallery-nav .slider-controls .prev,
.single-homes .homes-slider .slider-controls .next,
.single-homes .homes-slider .slider-controls .prev {
    background: rgba(0, 0, 0, .6);
    width: 48px;
    height: 48px;
    color: #fff;
    font-weight: 400;
    padding: 8px;
    top: calc(50% - 30px)
}

.single-homes .homes-gallery .slider-controls .next,
.single-homes .homes-gallery-nav .slider-controls .next,
.single-homes .homes-slider .slider-controls .next {
    right: 0
}

.single-homes .homes-gallery .slider-controls .prev,
.single-homes .homes-gallery-nav .slider-controls .prev,
.single-homes .homes-slider .slider-controls .prev {
    left: 0
}

.single-homes .homes-gallery,
.single-homes .homes-slider {
    margin-bottom: 10px;
    position: relative
}

.single-homes .homes-gallery .status-label,
.single-homes .homes-slider .status-label {
    position: absolute;
    color: #fff;
    padding: .75rem 1.5rem;
    top: .75rem;
    right: .75rem;
    font-size: 1.125rem;
    border-radius: 50vw;
    font-family: parisplus-std, sans-serif;
    z-index: 1
}

.single-homes .homes-gallery figure,
.single-homes .homes-slider figure {
    position: relative;
    max-height: 90vh
}

.single-homes .homes-gallery figure figcaption,
.single-homes .homes-slider figure figcaption {
    background: rgba(0, 0, 0, .6);
    padding: 10px 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.6rem
}

.single-homes .homes-gallery figure figcaption:empty,
.single-homes .homes-slider figure figcaption:empty {
    padding: 0
}

.single-homes .homes-gallery .slick-track,
.single-homes .homes-slider .slick-track {
    overflow: hidden
}

.single-homes .homes-gallery .slick-track img,
.single-homes .homes-slider .slick-track img {
    width: auto !important;
    margin: 0 auto;
    display: block !important
}

.single-homes .homes-gallery .slick-track iframe,
.single-homes .homes-slider .slick-track iframe {
    height: 48vw;
    width: 100%
}

.single-homes .homes-gallery-nav .slick-slide>div {
    position: relative;
    padding-top: 66%;
    overflow: hidden
}

.single-homes .homes-gallery-nav .slick-slide>div>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.single-homes .homes-gallery-nav .video-placeholder {
    background: #f2f2f3;
    width: 100%;
    height: 100%
}

.single-homes .homes-gallery-nav .video-placeholder i {
    font-size: 60px;
    color: #007580;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.single-homes .floorplan {
    padding: 0
}

.single-homes .floorplan .btn {
    display: none
}

.single-homes .home-content {
    background: #f2f2f3;
    padding: 30px 40px
}

.single-homes .documents {
    padding: 20px 30px
}

.single-homes .documents h3 {
    margin: 0 0 10px
}

.single-homes .documents h3:before {
    color: #aefb10;
    margin-right: 10px
}

.single-homes .documents a {
    color: #fff;
    display: block
}

.single-homes .documents a:focus,
.single-homes .documents a:hover {
    color: #aefb10
}

#download {
    position: relative;
    padding: 100px 0 60px !important;
    text-align: center;
    max-width: 100% !important
}

#download .gfield.hidden_label>label {
    display: none
}

.tribe-events header .tribe-events-header__events-bar {
    border: 0 !important
}

.tribe-events header .tribe-events-header__events-bar form {
    border: 1px solid #ccc !important
}

.tribe-events header .tribe-events-header__events-bar form .tribe-common-form-control-text__input {
    padding: 14px 20px 14px 40px
}

.tribe-events header .tribe-events-header__events-bar form button {
    margin: 0;
    height: 100%
}

.tribe-events header .tribe-events-header__events-bar .tribe-events-c-view-selector__list-item-link {
    padding: 12px 0 !important
}

.tribe-events .tribe-common-l-container.tribe-events-l-container {
    padding: 0 !important
}

.post-type-archive-tribe_events header#header,
.single-tribe_events header#header {
    background: #00464d
}

.post-type-archive-tribe_events .tribe-related-events-thumbnail,
.single-tribe_events .tribe-related-events-thumbnail {
    display: none
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
    color: #007580 !important
}

.tribe-events-calendar-day article,
.tribe-events-calendar-list__event-wrapper {
    background: #eee;
    padding: 12px 24px !important
}

.tribe-events-calendar-day article a.tribe-events-calendar-list__event-title-link,
.tribe-events-calendar-day article a.tribe-events-calendar-list__event-title-link:visited,
.tribe-events-calendar-day article h3 a,
.tribe-events-calendar-list__event-wrapper a.tribe-events-calendar-list__event-title-link,
.tribe-events-calendar-list__event-wrapper a.tribe-events-calendar-list__event-title-link:visited,
.tribe-events-calendar-list__event-wrapper h3 a {
    color: #007580;
    text-decoration: underline
}

.tribe-events .tribe-events-calendar-month__calendar-event a {
    color: #007580;
    text-decoration: underline
}

.tribe-events .tribe-events-c-top-bar__datepicker-button:focus,
.tribe-events .tribe-events-c-top-bar__datepicker-button:hover,
.tribe-events-pro .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum,
.tribe-events-pro .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum-link {
    color: #007580 !important
}

section.page-content li.tribe-events-c-view-selector__list-item a.tribe-events-c-view-selector__list-item-link {
    padding: 10px !important
}

div#tribe-events-view-selector-content {
    left: 10px;
    right: 10px
}

.tribe-events .tribe-events-c-ical__link {
    color: #007580 !important;
    border: 1px solid #007580 !important
}

.tribe-events .tribe-events-c-ical__link:before {
    color: inherit !important
}

.tribe-events .tribe-events-c-ical__link:focus,
.tribe-events .tribe-events-c-ical__link:hover {
    color: #fff !important;
    background: #007580 !important
}

.tribe-events-c-ical {
    display: none
}

.single-public-events .banner {
    height: 200px
}

.single-public-events .banner .bg:after {
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .65) 70%)
}

.single-public-events .banner h1 {
    height: 0;
    overflow: hidden;
    margin: 0
}

.single-public-events h2 {
    margin-top: 0
}

.single-public-events .details {
    background: #f2f2f3;
    padding: 40px 40px 30px;
    margin: 40px 0 60px
}

.single-public-events .details p {
    padding-left: 100px;
    position: relative
}

.single-public-events .details p strong {
    color: #007580;
    position: absolute;
    top: 0;
    left: 0
}

.single-public-events .details .title {
    font-size: 1.1em;
    font-weight: 600;
    padding-left: 0
}

body>.pswp {
    margin: 0
}

body>.pswp .pswp__bg {
    background: rgba(0, 0, 0, .6)
}

.page-content .contact-list {
    margin-bottom: 20px
}

.page-content .contact-list a:before {
    margin-right: 10px
}

.page-content .contact-list .hours {
    display: none
}

.about-us .team .wp-block-media-text>* {
    align-self: self-start
}

.about-us .team .wp-block-media-text figure {
    padding-top: 40px
}

.about-us .team .wp-block-media-text .wp-block-button.more {
    margin-bottom: 20px
}

.about-us .team .wp-block-media-text .wp-block-group.more {
    display: none
}

.single-story .page-content>.content>.wp-block-group.has-background>div>* {
    max-width: 1366px;
    margin: auto auto;
    padding: 0 20px
}

button.pswp__button.pswp__button--arrow--left,
button.pswp__button.pswp__button--arrow--right {
    top: calc(50% - 10px) !important;
    position: absolute
}

button.pswp__button.pswp__button--arrow--left {
    left: 0
}

.home .banner {
    height: 400px;
    position: relative;
    background: #f2f2f3
}

.home .banner div {
    height: 100%
}

.home .banner .bg {
    position: relative
}

.home .banner .bg .content {
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 600px;
    max-width: 100%;
    height: auto;
    background: rgba(0, 0, 0, .6);
    padding: 30px 40px;
    color: #fff;
    z-index: 10
}

.home .banner .bg .content img {
    max-width: 80%;
    margin-bottom: 10px
}

.home .banner .slider-controls {
    position: absolute;
    right: 100px;
    bottom: 100px
}

.home .banner .slider-controls .pager li:not(.slick-active) button {
    box-shadow: 0 0 0 2px #fff inset
}

.home .banner .slider-controls .pager li:not(.slick-active) button:focus,
.home .banner .slider-controls .pager li:not(.slick-active) button:hover {
    box-shadow: 0 0 0 4px #7fbc03 inset
}

.home .banner a.icn-chevron-down {
    color: #fff;
    text-decoration: none;
    font-size: 50px;
    font-weight: 400;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 20px);
    animation: subtle-bounce 2.5s infinite
}

.home .banner a.icn-chevron-down:focus,
.home .banner a.icn-chevron-down:hover {
    color: #007580
}

.home .wp-block-image.svg+p {
    max-width: 190px;
    margin: 0 auto
}

.watermark-color:after {
    bottom: -1vw;
    right: 0;
    width: 13vw;
    height: 12vw
}

.wp-block-image.icon-light {
    position: relative
}

.wp-block-image.icon-light figure {
    position: absolute;
    width: 20vw;
    height: 19vw;
    right: 0;
    z-index: 10;
    opacity: .3;
    top: -13vw
}

@media screen and (min-width:768px) {
    .c-1-12 {
        width: 8.333%;
        flex-basis: 8.333%
    }

    .c-1-6,
    .c-2-12 {
        width: 16.666%;
        flex-basis: 16.666%
    }

    .c-1-4,
    .c-2-8,
    .c-3-12 {
        width: 25%;
        flex-basis: 25%
    }

    .c-1-3,
    .c-2-6,
    .c-4-12 {
        width: 33.333333333%;
        flex-basis: 33.333333333%
    }

    .c-5-12 {
        width: 41.666%;
        flex-basis: 41.666%
    }

    .c-1-2,
    .c-3-6,
    .c-4-8,
    .c-6-12 {
        width: 50%;
        flex-basis: 50%
    }

    .c-7-12 {
        width: 58.333%;
        flex-basis: 58.333%
    }

    .c-2-3,
    .c-4-6,
    .c-8-12 {
        width: 66.666666666%;
        flex-basis: 66.666666666%
    }

    .c-3-4,
    .c-6-8,
    .c-9-12 {
        width: 75%;
        flex-basis: 75%
    }

    .c-10-12,
    .c-5-6 {
        width: 83.333%;
        flex-basis: 83.333%
    }

    .c-11-12 {
        width: 91.666%;
        flex-basis: 91.666%
    }

    .c-1-5 {
        width: 20%;
        flex-basis: 20%
    }

    .c-2-5 {
        width: 40%;
        flex-basis: 40%
    }

    .c-3-5 {
        width: 60%;
        flex-basis: 60%
    }

    .c-4-5 {
        width: 80%;
        flex-basis: 80%
    }

    .c-1-8 {
        width: 12.5%;
        flex-basis: 12.5%
    }

    .c-3-8 {
        width: 37.5%;
        flex-basis: 37.5%
    }

    .c-5-8 {
        width: 62.5%;
        flex-basis: 62.5%
    }

    .c-7-8 {
        width: 87.5%;
        flex-basis: 87.5%
    }

    .c-1-1 {
        width: 100%;
        flex-basis: 100%
    }

    .r-g-0 {
        margin-left: 0
    }

    .r-g-0>.col {
        padding-left: 0
    }

    .r-g-1 {
        margin-left: -10px
    }

    .r-g-1>.col {
        padding-left: 10px
    }

    .r-g-2 {
        margin-left: -20px
    }

    .r-g-2>.col {
        padding-left: 20px
    }

    .r-g-3 {
        margin-left: -30px
    }

    .r-g-3>.col {
        padding-left: 30px
    }

    .r-g-4 {
        margin-left: -40px
    }

    .r-g-4>.col {
        padding-left: 40px
    }

    .r-g-5 {
        margin-left: -50px
    }

    .r-g-5>.col {
        padding-left: 50px
    }

    .r-g-6 {
        margin-left: -60px
    }

    .r-g-6>.col {
        padding-left: 60px
    }

    .r-g-7 {
        margin-left: -70px
    }

    .r-g-7>.col {
        padding-left: 70px
    }

    .r-g-8 {
        margin-left: -80px
    }

    .r-g-8>.col {
        padding-left: 80px
    }

    .r-g-9 {
        margin-left: -90px
    }

    .r-g-9>.col {
        padding-left: 90px
    }

    .r-g-10 {
        margin-left: -100px
    }

    .r-g-10>.col {
        padding-left: 100px
    }

    .r-g-11 {
        margin-left: -110px
    }

    .r-g-11>.col {
        padding-left: 110px
    }

    .r-g-12 {
        margin-left: -120px
    }

    .r-g-12>.col {
        padding-left: 120px
    }

    .hide-md-lg {
        display: none
    }

    .nav-flex {
        display: flex
    }

    .nav-flex>li {
        flex: 1 1 auto
    }

    .nav-flex>li:last-of-type {
        flex: 0 0 auto
    }

    body .gform_wrapper .gform_description.lead,
    p.lead {
        font-size: 1.2em
    }

    #gform_1,
    #gform_4,
    #gform_6 {
        max-width: 800px
    }

    #gform_1 .gform_body>ul li.gfield,
    #gform_4 .gform_body>ul li.gfield,
    #gform_6 .gform_body>ul li.gfield {
        padding-right: 0
    }

    #gform_1 .gform_body>ul>li:nth-child(-n+4),
    #gform_4 .gform_body>ul>li:nth-child(-n+4),
    #gform_6 .gform_body>ul>li:nth-child(-n+4) {
        width: 49%;
        display: inline-block
    }

    #gform_1 .gform_body>ul>li:nth-child(-n+4):nth-child(odd),
    #gform_4 .gform_body>ul>li:nth-child(-n+4):nth-child(odd),
    #gform_6 .gform_body>ul>li:nth-child(-n+4):nth-child(odd) {
        margin-right: 2%
    }

    #gform_1 .gform_body>ul li#field_4_9,
    #gform_4 .gform_body>ul li#field_4_9,
    #gform_6 .gform_body>ul li#field_4_9 {
        margin-bottom: 16px
    }

    #gform_1 .gform_body>ul>li:last-child,
    #gform_4 .gform_body>ul>li:last-child,
    #gform_6 .gform_body>ul>li:last-child {
        position: relative;
        min-height: 78px
    }

    #gform_1 .gform_body>ul>li:last-child>label,
    #gform_4 .gform_body>ul>li:last-child>label,
    #gform_6 .gform_body>ul>li:last-child>label {
        height: 50px;
        line-height: 1.5;
        position: absolute;
        z-index: 0
    }

    #gform_1 .gform_body>ul>li:last-child>div,
    #gform_4 .gform_body>ul>li:last-child>div,
    #gform_6 .gform_body>ul>li:last-child>div {
        position: relative;
        z-index: 1;
        margin-top: 16px !important
    }

    #gform_1 .gform_footer,
    #gform_4 .gform_footer,
    #gform_6 .gform_footer {
        padding: 0;
        margin: 0;
        text-align: right;
        margin-top: -60px;
        z-index: 10;
        position: relative;
        width: 50%;
        float: right
    }

    #gform_1 .gform_footer button,
    #gform_4 .gform_footer button,
    #gform_6 .gform_footer button {
        min-width: 240px
    }

    #gform_2 .gform_body,
    #gform_2 .gform_footer {
        display: inline-block;
        vertical-align: middle;
        max-width: 40%;
        margin: 0;
        padding: 0
    }

    /* #gform_2 .gform_body button,
    #gform_2 .gform_body div,
    #gform_2 .gform_body li,
    #gform_2 .gform_footer button,
    #gform_2 .gform_footer div,
    #gform_2 .gform_footer li {
        margin: 0
    } */

    #gform_2 .gform_body button#gform_submit_button_2,
    #gform_2 .gform_footer button#gform_submit_button_2 {
        padding: 25px 80px;
    }

    .ginput_recaptcha,
    .grecaptcha-badge {
        margin-top: -22px !important
    }

    .slider-controls .next,
    .slider-controls .prev {
        position: absolute;
        top: calc(50% - 15px)
    }

    .slider-controls .prev {
        left: -10px
    }

    .slider-controls .next {
        right: -10px
    }

    .homes-gallery-nav,
    .slider-carousel {
        margin-left: -20px
    }

    .homes-gallery-nav .slick-slide,
    .slider-carousel .slick-slide {
        padding-left: 20px
    }

    .homes-gallery-nav .slider-controls a.prev,
    .slider-carousel .slider-controls a.prev {
        left: 20px !important
    }

    .banner .bg {
        padding-top: 36%
    }

    .banner .bg[style*="/Get-together-of-senior-friends-stock-photo-iStock-656071662-e1597370361813.jpg"] {
        background-position: center 20% !important
    }

    .thank-you .banner {
        height: 250px
    }

    .column-2 {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 50px;
        column-gap: 50px;
        margin: 30px 0
    }

    .js-accordion .content .wp-block-file {
        min-width: 49%
    }

    .loop>div.link,
    .loop>li.link,
    .main .wp-block-latest-posts>div.link,
    .main .wp-block-latest-posts>li.link {
        margin: 80px 0;
    }

    .loop>div .btn,
    .loop>li .btn,
    .main .wp-block-latest-posts>div .btn,
    .main .wp-block-latest-posts>li .btn {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%)
    }

    .loop:not(.homes),
    .main .wp-block-latest-posts {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 40px
    }

    .loop-preowned {
        max-width: 900px;
        margin: 0 auto
    }

    .loop.homes.loop-preowned {
        display: block
    }

    .loop.homes.loop-preowned .home {
        width: 100%;
        margin-bottom: 4.5em
    }

    .loop.homes.new {
        display: block
    }

    .loop.homes.new .home {
        width: 100%;
        margin-bottom: 20px
    }

    .IE .loop,
    .ie .loop {
        display: -ms-grid !important;
        -ms-grid-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr 1fr
    }

    .IE .loop>*,
    .ie .loop>* {
        margin: 10px;
        width: calc(100% - 20px)
    }

    .IE .loop>:first-child,
    .ie .loop>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .IE .loop>:nth-child(2),
    .ie .loop>:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-row: 1
    }

    .IE .loop>:nth-child(3),
    .ie .loop>:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }

    .IE .loop>:nth-child(4),
    .ie .loop>:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }

    .IE .loop>:nth-child(5),
    .ie .loop>:nth-child(5) {
        -ms-grid-column: 2;
        -ms-grid-row: 2
    }

    .IE .loop>:nth-child(6),
    .ie .loop>:nth-child(6) {
        -ms-grid-column: 3;
        -ms-grid-row: 2
    }

    .IE .loop>:nth-child(7),
    .ie .loop>:nth-child(7) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .IE .loop>:nth-child(8),
    .ie .loop>:nth-child(8) {
        -ms-grid-column: 2;
        -ms-grid-row: 3
    }

    .IE .loop>:nth-child(9),
    .ie .loop>:nth-child(9) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }

    .IE .loop>:nth-child(10),
    .ie .loop>:nth-child(10) {
        -ms-grid-column: 1;
        -ms-grid-row: 4
    }

    .IE .loop>:nth-child(11),
    .ie .loop>:nth-child(11) {
        -ms-grid-column: 2;
        -ms-grid-row: 4
    }

    .IE .loop>:nth-child(12),
    .ie .loop>:nth-child(12) {
        -ms-grid-column: 3;
        -ms-grid-row: 4
    }

    .IE .loop>div.story,
    .ie .loop>div.story {
        -ms-grid-rows: 1fr 1fr
    }

    .IE .loop.more,
    .ie .loop.more {
        -ms-grid-rows: 1fr
    }

    .IE .loop>div.news,
    .ie .loop>div.news {
        -ms-grid-rows: 1fr 1fr 1fr 1fr
    }

    .IE .loop.homes,
    .ie .loop.homes {
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr 1fr 1fr
    }

    .IE .loop.homes>:first-child,
    .ie .loop.homes>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .IE .loop.homes>:nth-child(2),
    .ie .loop.homes>:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-row: 1
    }

    .IE .loop.homes>:nth-child(3),
    .ie .loop.homes>:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }

    .IE .loop.homes>:nth-child(4),
    .ie .loop.homes>:nth-child(4) {
        -ms-grid-column: 2;
        -ms-grid-row: 2
    }

    .IE .loop.homes>:nth-child(5),
    .ie .loop.homes>:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .IE .loop.homes>:nth-child(6),
    .ie .loop.homes>:nth-child(6) {
        -ms-grid-column: 2;
        -ms-grid-row: 3
    }

    .IE .loop.homes>:nth-child(7),
    .ie .loop.homes>:nth-child(7) {
        -ms-grid-column: 1;
        -ms-grid-row: 4
    }

    .IE .loop.homes>:nth-child(8),
    .ie .loop.homes>:nth-child(8) {
        -ms-grid-column: 2;
        -ms-grid-row: 4
    }

    .IE .loop.homes>:nth-child(9),
    .ie .loop.homes>:nth-child(9) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }

    .IE .loop.homes>:nth-child(10),
    .ie .loop.homes>:nth-child(10) {
        -ms-grid-column: 2;
        -ms-grid-row: 5
    }

    .IE .loop.homes>:nth-child(11),
    .ie .loop.homes>:nth-child(11) {
        -ms-grid-column: 1;
        -ms-grid-row: 6
    }

    .IE .loop.homes>:nth-child(12),
    .ie .loop.homes>:nth-child(12) {
        -ms-grid-column: 2;
        -ms-grid-row: 6
    }

    .IE .related .stories,
    .ie .related .stories {
        -ms-grid-rows: 1fr
    }

    .IE .main .wp-block-latest-posts,
    .ie .main .wp-block-latest-posts {
        display: -ms-grid !important;
        -ms-grid-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr
    }

    .IE .main .wp-block-latest-posts>*,
    .ie .main .wp-block-latest-posts>* {
        padding: 10px
    }

    .IE .main .wp-block-latest-posts>:nth-child(2),
    .ie .main .wp-block-latest-posts>:nth-child(2) {
        -ms-grid-column: 2
    }

    .IE .main .wp-block-latest-posts>:nth-child(3),
    .ie .main .wp-block-latest-posts>:nth-child(3) {
        -ms-grid-column: 3
    }

    .has-background .loop.homes {
        -ms-grid-rows: 1fr
    }

    .strip .grid {
        display: flex;
        align-items: flex-end
    }

    .strip .grid .content {
        flex-basis: 40%
    }

    .strip .grid .action {
        margin-top: 0;
        padding-left: 30px;
        flex-basis: 60%
    }

    .strip.share-a-story .grid {
        align-items: flex-start
    }

    .strip.share-a-story .grid .content {
        flex-basis: 30%
    }

    .strip.share-a-story .grid .action {
        flex-basis: 40%
    }

    .IE .strip.book-a-tour,
    .IE .strip.subscribe,
    .ie .strip.book-a-tour,
    .ie .strip.subscribe {
        max-height: 216px;
        margin:80px 0;
    }

    .single-homes .banner {
        height: 250px
    }

    .single-homes .banner .bg {
        min-height: 250px
    }

    .single-homes .floorplan {
        margin-right: 30px;
        width: calc(33% - 30px)
    }

    .single-homes .floorplan img {
        margin-bottom: 20px
    }

    .single-homes .floorplan .btn {
        display: block
    }

    .single-homes .floorplan .btn:before {
        margin-right: 10px
    }

    .single-homes .documents a {
        padding-right: 30px;
        display: inline-block
    }

    .single-homes .documents a:nth-child(n+3) {
        border-left: 1px solid #fff;
        padding-left: 30px
    }

    #download div.gform_wrapper {
        max-width: 760px;
        min-height: 240px;
        margin: 0 auto;
        position: relative
    }

    #download div.gform_wrapper li {
        width: 48%;
        float: left;
        margin: 5px 1% !important;
        clear: none;
        position: relative
    }

    #download div.gform_wrapper .gform_footer {
        width: 48%;
        float: right;
        clear: none;
        padding: 0;
        margin-right: 1%
    }

    #download div.gform_wrapper .gform_footer button {
        width: 100%;
        padding: 11px !important
    }

    .tribe-events header {
        flex-direction: row-reverse !important
    }

    .tribe-events header .tribe-events-header__events-bar {
        flex-basis: 60%
    }

    .tribe-events header .tribe-events-c-top-bar {
        flex-basis: 40%
    }

    .post-type-archive-tribe_events header#header .logo,
    .single-tribe_events header#header .logo {
        margin: 0 0 40px
    }

    .post-type-archive-tribe_events header#header+div,
    .single-tribe_events header#header+div {
        padding-top: 180px
    }

    .home .banner {
        height: 950px
    }
}

@media screen and (min-width:920px) {
    .sharer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left
    }
}

@media screen and (min-width:1200px) {
    header#header.is-sticky {
        position: fixed;
        background-color: #007580
    }

    header#header.is-sticky .logo {
        display: block;
        width: 200px;
        height: 40px;
        background-image: url(../images/logo.svg);
        background-size: 200px 40px;
        background-position: center;
        background-repeat: no-repeat
    }

    header#header.is-sticky .topbar {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease
    }

    header#header .hide-md-lg {
        display: none
    }

    header#header .topbar {
        text-align: right
    }

    header#header .topbar a {
        text-decoration: none;
        color: #fff;
        padding: 20px 16px 0 40px;
        font-size: .9em;
        display: inline-block;
        transition: color .5s cubic-bezier(.19, 1, .22, 1)
    }

    header#header .topbar a:before {
        color: #7fbc03;
        margin-right: 10px;
        transition: color .5s cubic-bezier(.19, 1, .22, 1)
    }

    header#header .topbar a:focus,
    header#header .topbar a:hover {
        color: rgba(255, 255, 255, .7)
    }

    header#header .topbar a:focus:before,
    header#header .topbar a:hover:before {
        color: #00aeef
    }

    header#header>.grid {
        display: flex;
        align-items: center
    }

    header#header .logo {
        margin: 20px 0;
        vertical-align: middle;
        display: inline-block
    }

    header#header .mobile-menu {
        vertical-align: middle;
        display: inline-block !important;
        flex: 1
    }

    header#header .mobile-menu .main-navigation>ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        padding-left: 36
    }

    header#header .mobile-menu .main-navigation>ul>li {
        width: auto;
        margin-right: 6px
    }

    header#header .mobile-menu .main-navigation>ul>li>a {
        transition: 0.3s ease-in-out;
        position: relative;
        text-transform: capitalize;
        color: #32727e;
    }

    @media only screen and (max-width: 1200px) {
        header#header .mobile-menu .main-navigation>ul>li>a {
            color: white !important;
        }
    }

    header#header .mobile-menu .main-navigation>ul>li>a:after {
        content: "";
        background: #007580;
        position: absolute;
        top: -5px;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: .3s ease-in-out;
        z-index: -1
    }

    header#header .mobile-menu .main-navigation>ul>li.open>a,
    header#header .mobile-menu .main-navigation>ul>li:focus,
    header#header .mobile-menu .main-navigation>ul>li:focus-within>a,
    header#header .mobile-menu .main-navigation>ul>li:hover>a,
    header#header .mobile-menu .main-navigation>ul>li>a:focus,
    header#header .mobile-menu .main-navigation>ul>li>a:hover {
        color: #fff
    }

    header#header .mobile-menu .main-navigation>ul>li.open>a:after,
    header#header .mobile-menu .main-navigation>ul>li:focus-within>a:after,
    header#header .mobile-menu .main-navigation>ul>li:focus:after,
    header#header .mobile-menu .main-navigation>ul>li:hover>a:after,
    header#header .mobile-menu .main-navigation>ul>li>a:focus:after,
    header#header .mobile-menu .main-navigation>ul>li>a:hover:after {
        top: 0;
        opacity: 1
    }

    header#header .mobile-menu .main-navigation>ul>li.open .sub-menu,
    header#header .mobile-menu .main-navigation>ul>li.open+.submenu,
    header#header .mobile-menu .main-navigation>ul>li:focus .sub-menu,
    header#header .mobile-menu .main-navigation>ul>li:focus+.submenu,
    header#header .mobile-menu .main-navigation>ul>li:focus-within .sub-menu,
    header#header .mobile-menu .main-navigation>ul>li:focus-within+.submenu,
    header#header .mobile-menu .main-navigation>ul>li:hover .sub-menu,
    header#header .mobile-menu .main-navigation>ul>li:hover+.submenu,
    header#header .mobile-menu .main-navigation>ul>li>a:focus .sub-menu,
    header#header .mobile-menu .main-navigation>ul>li>a:focus+.submenu,
    header#header .mobile-menu .main-navigation>ul>li>a:hover .sub-menu,
    header#header .mobile-menu .main-navigation>ul>li>a:hover+.submenu {
        opacity: 1;
        left: 0;
        padding-top: 0;
        transition: 0s left linear 0s, .6s padding-top cubic-bezier(.19, 1, .22, 1) 0s, .3s opacity linear 0s
    }

    header#header .mobile-menu .main-navigation>ul .sub-menu {
        position: absolute;
        top: 100%;
        left: -999em;
        width: auto;
        min-width: 270px;
        padding-top: 5px;
        opacity: 0;
        display: block !important;
        transition: 0s left .3s, .3s padding-top 0s, .3s opacity ease-in-out 0s
    }

    header#header .mobile-menu .main-navigation>ul .sub-menu>li>a {
        color: #007580;
        background: #fff
    }

    header#header .mobile-menu .main-navigation>ul .sub-menu>li>a:focus,
    header#header .mobile-menu .main-navigation>ul .sub-menu>li>a:hover {
        color: #fff;
        background: #007580
    }

    header#header .mobile-menu .arrow {
        display: none
    }

    .menu-toggle .hamburger {
        display: none
    }

    .banner .bg:after {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        background: linear-gradient(0deg, transparent 0, transparent 40%, rgba(0, 0, 0, .65) 100%);
        background: linear-gradient(0deg, transparent 0, transparent 40%, rgba(0, 0, 0, .65) 100%)
    }
}

@media screen and (min-width:1200px) and (max-width:1366px) and (min-width:768px) {
    header#header.is-sticky .logo {
        width: 250px;
        height: 50px;
        background-size: 250px 50px
    }
}

@media screen and (min-width:1200px) and (min-width:1367px) {
    header#header.is-sticky .logo {
        width: 250px;
        height: 50px;
        background-size: 250px 50px
    }
}

@media screen and (max-width:1366px) and (min-width:768px) {
    .md-1-12 {
        width: 8.333%;
        flex-basis: 8.333%
    }

    .md-1-6,
    .md-2-12 {
        width: 16.666%;
        flex-basis: 16.666%
    }

    .md-1-4,
    .md-2-8,
    .md-3-12 {
        width: 25%;
        flex-basis: 25%
    }

    .md-1-3,
    .md-2-6,
    .md-4-12 {
        width: 33.333333333%;
        flex-basis: 33.333333333%
    }

    .md-5-12 {
        width: 41.666%;
        flex-basis: 41.666%
    }

    .md-1-2,
    .md-3-6,
    .md-4-8,
    .md-6-12 {
        width: 50%;
        flex-basis: 50%
    }

    .md-7-12 {
        width: 58.333%;
        flex-basis: 58.333%
    }

    .md-2-3,
    .md-4-6,
    .md-8-12 {
        width: 66.666666666%;
        flex-basis: 66.666666666%
    }

    .md-3-4,
    .md-6-8,
    .md-9-12 {
        width: 75%;
        flex-basis: 75%
    }

    .md-10-12,
    .md-5-6 {
        width: 83.333%;
        flex-basis: 83.333%
    }

    .md-11-12 {
        width: 91.666%;
        flex-basis: 91.666%
    }

    .md-1-5 {
        width: 20%;
        flex-basis: 20%
    }

    .md-2-5 {
        width: 40%;
        flex-basis: 40%
    }

    .md-3-5 {
        width: 60%;
        flex-basis: 60%
    }

    .md-4-5 {
        width: 80%;
        flex-basis: 80%
    }

    .md-1-8 {
        width: 12.5%;
        flex-basis: 12.5%
    }

    .md-3-8 {
        width: 37.5%;
        flex-basis: 37.5%
    }

    .md-5-8 {
        width: 62.5%;
        flex-basis: 62.5%
    }

    .md-7-8 {
        width: 87.5%;
        flex-basis: 87.5%
    }

    .md-1-1 {
        width: 100%;
        flex-basis: 100%
    }

    .md-g-0 {
        margin-left: 0
    }

    .md-g-0>.col {
        padding-left: 0
    }

    .md-g-1 {
        margin-left: -10px
    }

    .md-g-1>.col {
        padding-left: 10px
    }

    .md-g-2 {
        margin-left: -20px
    }

    .md-g-2>.col {
        padding-left: 20px
    }

    .md-g-3 {
        margin-left: -30px
    }

    .md-g-3>.col {
        padding-left: 30px
    }

    .md-g-4 {
        margin-left: -40px
    }

    .md-g-4>.col {
        padding-left: 40px
    }

    .md-g-5 {
        margin-left: -50px
    }

    .md-g-5>.col {
        padding-left: 50px
    }

    .md-g-6 {
        margin-left: -60px
    }

    .md-g-6>.col {
        padding-left: 60px
    }

    .md-g-7 {
        margin-left: -70px
    }

    .md-g-7>.col {
        padding-left: 70px
    }

    .md-g-8 {
        margin-left: -80px
    }

    .md-g-8>.col {
        padding-left: 80px
    }

    .md-g-9 {
        margin-left: -90px
    }

    .md-g-9>.col {
        padding-left: 90px
    }

    .md-g-10 {
        margin-left: -100px
    }

    .md-g-10>.col {
        padding-left: 100px
    }

    .md-g-11 {
        margin-left: -110px
    }

    .md-g-11>.col {
        padding-left: 110px
    }

    .md-g-12 {
        margin-left: -120px
    }

    .md-g-12>.col {
        padding-left: 120px
    }

    .hide-md {
        display: none
    }

    .h1,
    h1 {
        font-size: 2em
    }

    .h2,
    h2 {
        font-size: 1.875em
    }

    .h3,
    body .gform_wrapper h3.gform_title,
    h3 {
        font-size: 1.625em
    }

    .wp-block-columns.slider .wp-block-column {
        width: 50%;
        flex-basis: 50% !important
    }

    header#header .logo {
        width: 230px;
        height: 60px;
        background-size: 230px 60px
    }

    .footer .logo {
        width: 169px;
        height: 60px;
        background-size: 169px 60px
    }
}

@media screen and (min-width:1367px) {
    .lg-1-12 {
        width: 8.333%;
        flex-basis: 8.333%
    }

    .lg-1-6,
    .lg-2-12 {
        width: 16.666%;
        flex-basis: 16.666%
    }

    .lg-1-4,
    .lg-2-8,
    .lg-3-12 {
        width: 25%;
        flex-basis: 25%
    }

    .lg-1-3,
    .lg-2-6,
    .lg-4-12 {
        width: 33.333333333%;
        flex-basis: 33.333333333%
    }

    .lg-5-12 {
        width: 41.666%;
        flex-basis: 41.666%
    }

    .lg-1-2,
    .lg-3-6,
    .lg-4-8,
    .lg-6-12 {
        width: 50%;
        flex-basis: 50%
    }

    .lg-7-12 {
        width: 58.333%;
        flex-basis: 58.333%
    }

    .lg-2-3,
    .lg-4-6,
    .lg-8-12 {
        width: 66.666666666%;
        flex-basis: 66.666666666%
    }

    .lg-3-4,
    .lg-6-8,
    .lg-9-12 {
        width: 75%;
        flex-basis: 75%
    }

    .lg-10-12,
    .lg-5-6 {
        width: 83.333%;
        flex-basis: 83.333%
    }

    .lg-11-12 {
        width: 91.666%;
        flex-basis: 91.666%
    }

    .lg-1-5 {
        width: 20%;
        flex-basis: 20%
    }

    .lg-2-5 {
        width: 40%;
        flex-basis: 40%
    }

    .lg-3-5 {
        width: 60%;
        flex-basis: 60%
    }

    .lg-4-5 {
        width: 80%;
        flex-basis: 80%
    }

    .lg-1-8 {
        width: 12.5%;
        flex-basis: 12.5%
    }

    .lg-3-8 {
        width: 37.5%;
        flex-basis: 37.5%
    }

    .lg-5-8 {
        width: 62.5%;
        flex-basis: 62.5%
    }

    .lg-7-8 {
        width: 87.5%;
        flex-basis: 87.5%
    }

    .lg-1-1 {
        width: 100%;
        flex-basis: 100%
    }

    .lg-g-0 {
        margin-left: 0
    }

    .lg-g-0>.col {
        padding-left: 0
    }

    .lg-g-1 {
        margin-left: -10px
    }

    .lg-g-1>.col {
        padding-left: 10px
    }

    .lg-g-2 {
        margin-left: -20px
    }

    .lg-g-2>.col {
        padding-left: 20px
    }

    .lg-g-3 {
        margin-left: -30px
    }

    .lg-g-3>.col {
        padding-left: 30px
    }

    .lg-g-4 {
        margin-left: -40px
    }

    .lg-g-4>.col {
        padding-left: 40px
    }

    .lg-g-5 {
        margin-left: -50px
    }

    .lg-g-5>.col {
        padding-left: 50px
    }

    .lg-g-6 {
        margin-left: -60px
    }

    .lg-g-6>.col {
        padding-left: 60px
    }

    .lg-g-7 {
        margin-left: -70px
    }

    .lg-g-7>.col {
        padding-left: 70px
    }

    .lg-g-8 {
        margin-left: -80px
    }

    .lg-g-8>.col {
        padding-left: 80px
    }

    .lg-g-9 {
        margin-left: -90px
    }

    .lg-g-9>.col {
        padding-left: 90px
    }

    .lg-g-10 {
        margin-left: -100px
    }

    .lg-g-10>.col {
        padding-left: 100px
    }

    .lg-g-11 {
        margin-left: -110px
    }

    .lg-g-11>.col {
        padding-left: 110px
    }

    .lg-g-12 {
        margin-left: -120px
    }

    .lg-g-12>.col {
        padding-left: 120px
    }

    .hide-lg {
        display: none
    }

    .h1,
    h1 {
        font-size: 2.8em
    }

    .h2,
    h2 {
        font-size: 2.5em
    }

    .h3,
    body .gform_wrapper h3.gform_title,
    h3 {
        font-size: 1.875em
    }

    .slider-controls .prev {
        left: -40px
    }

    .slider-controls .next {
        right: -40px
    }

    .homes-gallery-nav:before,
    .slider-carousel:before {
        left: 0
    }

    header#header .logo {
        width: 268px;
        height: 70px;
        background-size: 268px 70px
    }

    .footer .logo {
        width: 197px;
        height: 70px;
        background-size: 197px 70px
    }

    .single-public-events h2 {
        font-size: 2.4rem
    }
}

@media screen and (min-width:1920px) {
    .xl-1-12 {
        width: 8.333%;
        flex-basis: 8.333%
    }

    .xl-1-6,
    .xl-2-12 {
        width: 16.666%;
        flex-basis: 16.666%
    }

    .xl-1-4,
    .xl-2-8,
    .xl-3-12 {
        width: 25%;
        flex-basis: 25%
    }

    .xl-1-3,
    .xl-2-6,
    .xl-4-12 {
        width: 33.333333333%;
        flex-basis: 33.333333333%
    }

    .xl-5-12 {
        width: 41.666%;
        flex-basis: 41.666%
    }

    .xl-1-2,
    .xl-3-6,
    .xl-4-8,
    .xl-6-12 {
        width: 50%;
        flex-basis: 50%
    }

    .xl-7-12 {
        width: 58.333%;
        flex-basis: 58.333%
    }

    .xl-2-3,
    .xl-4-6,
    .xl-8-12 {
        width: 66.666666666%;
        flex-basis: 66.666666666%
    }

    .xl-3-4,
    .xl-6-8,
    .xl-9-12 {
        width: 75%;
        flex-basis: 75%
    }

    .xl-10-12,
    .xl-5-6 {
        width: 83.333%;
        flex-basis: 83.333%
    }

    .xl-11-12 {
        width: 91.666%;
        flex-basis: 91.666%
    }

    .xl-1-5 {
        width: 20%;
        flex-basis: 20%
    }

    .xl-2-5 {
        width: 40%;
        flex-basis: 40%
    }

    .xl-3-5 {
        width: 60%;
        flex-basis: 60%
    }

    .xl-4-5 {
        width: 80%;
        flex-basis: 80%
    }

    .xl-1-8 {
        width: 12.5%;
        flex-basis: 12.5%
    }

    .xl-3-8 {
        width: 37.5%;
        flex-basis: 37.5%
    }

    .xl-5-8 {
        width: 62.5%;
        flex-basis: 62.5%
    }

    .xl-7-8 {
        width: 87.5%;
        flex-basis: 87.5%
    }

    .xl-1-1 {
        width: 100%;
        flex-basis: 100%
    }

    .xl-g-0 {
        margin-left: 0
    }

    .xl-g-0>.col {
        padding-left: 0
    }

    .xl-g-1 {
        margin-left: -10px
    }

    .xl-g-1>.col {
        padding-left: 10px
    }

    .xl-g-2 {
        margin-left: -20px
    }

    .xl-g-2>.col {
        padding-left: 20px
    }

    .xl-g-3 {
        margin-left: -30px
    }

    .xl-g-3>.col {
        padding-left: 30px
    }

    .xl-g-4 {
        margin-left: -40px
    }

    .xl-g-4>.col {
        padding-left: 40px
    }

    .xl-g-5 {
        margin-left: -50px
    }

    .xl-g-5>.col {
        padding-left: 50px
    }

    .xl-g-6 {
        margin-left: -60px
    }

    .xl-g-6>.col {
        padding-left: 60px
    }

    .xl-g-7 {
        margin-left: -70px
    }

    .xl-g-7>.col {
        padding-left: 70px
    }

    .xl-g-8 {
        margin-left: -80px
    }

    .xl-g-8>.col {
        padding-left: 80px
    }

    .xl-g-9 {
        margin-left: -90px
    }

    .xl-g-9>.col {
        padding-left: 90px
    }

    .xl-g-10 {
        margin-left: -100px
    }

    .xl-g-10>.col {
        padding-left: 100px
    }

    .xl-g-11 {
        margin-left: -110px
    }

    .xl-g-11>.col {
        padding-left: 110px
    }

    .xl-g-12 {
        margin-left: -120px
    }

    .xl-g-12>.col {
        padding-left: 120px
    }

    .hide-xl {
        display: none
    }

    .banner .bg {
        height: 670px;
        padding-top: 0
    }
}

@media screen and (max-width:1440px) {
    .footer .bottom .grid {
        padding-right: 50px
    }
}

@media screen and (max-width:1200px) {
    .single-homes .brief {
        flex-wrap: wrap
    }

    .single-homes .brief h1 {
        flex-basis: 100%
    }
}

@media screen and (max-width:1199px) {
    header#header {
        height: calc(106px);
        position: fixed;
        background-color: #007580;
        border-top: 26px solid #fff;
        top: 0;
        padding: 10px
    }

    header#header .hide-sm {
        display: none
    }

    header#header .menu-toggle,
    header#header a.tel {
        position: fixed;
        top: calc(46px);
        width: 40px;
        height: 40px
    }

    header#header .menu-toggle:after,
    header#header .menu-toggle:before,
    header#header a.tel:after,
    header#header a.tel:before {
        position: absolute;
        margin-top: -.5em;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center
    }

    header#header .topbar {
        width: 30%;
        position: absolute
    }

    header#header .topbar a.tel {
        left: 40px;
        font-size: 1.5em;
        color: #fff
    }

    header#header .topbar .body-font-trigger {
        position: absolute;
        left: 42px;
        top: 12px
    }

    header#header .topbar a {
        background: 0 0
    }

    header#header .topbar a:focus,
    header#header .topbar a:hover {
        background: 0 0;
        color: #00aeef !important
    }

    header#header .grid {
        padding: 0
    }

    header#header .logo {
        margin: 0 auto;
        height: 60px
    }

    header#header .mobile-menu {
        position: absolute;
        height: calc(100vh - 80px - 26px);
        border-bottom: 26px solid #32727e;
        overflow-y: auto;
        background: #007580;
        padding: 60px 0 0;
        transition: all .6s cubic-bezier(.19, 1, .22, 1)
    }

    header#header .mobile-menu.fade {
        opacity: 0;
        left: 0;
        right: 0;
        pointer-events: none
    }

    header#header .mobile-menu.fade.open {
        opacity: 1;
        pointer-events: all
    }

    header#header .mobile-menu .main-navigation ul li a {
        color: #32727e;
        font-size: 1em
    }

    header#header .mobile-menu .main-navigation>ul>li a {
        padding: 0 20px
    }

    header#header .mobile-menu .main-navigation>ul>li>a {
        padding: 10px 20px;
        font-size: 1.4rem
    }

    header#header .mobile-menu .main-navigation>ul>li.open>i:before {
        transform: scaleY(-1)
    }

    header#header .mobile-menu .main-navigation>ul .sub-menu {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all .6s cubic-bezier(.19, 1, .22, 1), opacity .2s linear
    }

    header#header .mobile-menu .main-navigation>ul .sub-menu>li a {
        padding: 20px;
        background: #00626c
    }

    header#header .mobile-menu .main-navigation>ul .sub-menu.open {
        max-height: 100vh;
        opacity: 1;
        transition: all 3s cubic-bezier(.19, 1, .22, 1), opacity .2s linear
    }

    main {
        padding-top: 80px
    }
}

@media screen and (max-width:1199px) and (max-width:767px) {
    header#header {
        height: 86px
    }

    header#header .topbar .body-font-trigger {
        top: 4px
    }

    header#header .logo {
        height: 40px
    }

    header#header .menu-toggle,
    header#header a.tel {
        top: calc(36px)
    }

    header#header .mobile-menu {
        height: calc(100vh - 60px - 26px)
    }
}

@media screen and (max-width:1024px) {
    .wp-block-columns.slider {
        flex-wrap: wrap !important
    }

    .wp-block-columns.slider .wp-block-column {
        width: 100%;
        flex-basis: 100% !important;
        margin-left: 0
    }

    .wp-block-columns.slider .wp-block-column ul {
        -moz-column-count: 2;
        column-count: 2
    }

    .wp-block-columns.slider .wp-block-column ul li {
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    .sticky-bits {
        bottom: 100px
    }

    .footer .login a {
        position: absolute;
        top: 100px;
        left: 150px;
        border-radius: 50%;
        width: 36px;
        height: 36px
    }

    .footer .footer-nav ul {
        -moz-column-count: 1;
        column-count: 1;
        margin-left: 20px
    }

    .wp-block-cover.slide .slide-overlay {
        padding: 20px 30px 10px;
        margin-left: calc(100% - 480px)
    }

    .wp-block-cover.slide .slide-overlay-left {
        padding: 20px 30px 10px;
        margin-left: 100px;
    }
}

@media screen and (max-width:900px) {
    .footer .footer-nav {
        font-size: .9em
    }

    .footer .col:first-child {
        width: 30%
    }

    .footer .col:nth-child(2) {
        width: 60%;
        font-size: .9em
    }

    .footer .col:nth-child(4) {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .sm-1-12 {
        width: 8.333%;
        flex-basis: 8.333%
    }

    .sm-1-6,
    .sm-2-12 {
        width: 16.666%;
        flex-basis: 16.666%
    }

    .sm-1-4,
    .sm-2-8,
    .sm-3-12 {
        width: 25%;
        flex-basis: 25%
    }

    .sm-1-3,
    .sm-2-6,
    .sm-4-12 {
        width: 33.333333333%;
        flex-basis: 33.333333333%
    }

    .sm-5-12 {
        width: 41.666%;
        flex-basis: 41.666%
    }

    .sm-1-2,
    .sm-3-6,
    .sm-4-8,
    .sm-6-12 {
        width: 50%;
        flex-basis: 50%
    }

    .sm-7-12 {
        width: 58.333%;
        flex-basis: 58.333%
    }

    .sm-2-3,
    .sm-4-6,
    .sm-8-12 {
        width: 66.666666666%;
        flex-basis: 66.666666666%
    }

    .sm-3-4,
    .sm-6-8,
    .sm-9-12 {
        width: 75%;
        flex-basis: 75%
    }

    .sm-10-12,
    .sm-5-6 {
        width: 83.333%;
        flex-basis: 83.333%
    }

    .sm-11-12 {
        width: 91.666%;
        flex-basis: 91.666%
    }

    .sm-1-5 {
        width: 20%;
        flex-basis: 20%
    }

    .sm-2-5 {
        width: 40%;
        flex-basis: 40%
    }

    .sm-3-5 {
        width: 60%;
        flex-basis: 60%
    }

    .sm-4-5 {
        width: 80%;
        flex-basis: 80%
    }

    .sm-1-8 {
        width: 12.5%;
        flex-basis: 12.5%
    }

    .sm-3-8 {
        width: 37.5%;
        flex-basis: 37.5%
    }

    .sm-5-8 {
        width: 62.5%;
        flex-basis: 62.5%
    }

    .sm-7-8 {
        width: 87.5%;
        flex-basis: 87.5%
    }

    .sm-1-1 {
        width: 100%;
        flex-basis: 100%
    }

    .sm-g-0 {
        margin-left: 0
    }

    .sm-g-0>.col {
        padding-left: 0
    }

    .sm-g-1 {
        margin-left: -10px
    }

    .sm-g-1>.col {
        padding-left: 10px
    }

    .sm-g-2 {
        margin-left: -20px
    }

    .sm-g-2>.col {
        padding-left: 20px
    }

    .sm-g-3 {
        margin-left: -30px
    }

    .sm-g-3>.col {
        padding-left: 30px
    }

    .sm-g-4 {
        margin-left: -40px
    }

    .sm-g-4>.col {
        padding-left: 40px
    }

    .sm-g-5 {
        margin-left: -50px
    }

    .sm-g-5>.col {
        padding-left: 50px
    }

    .sm-g-6 {
        margin-left: -60px
    }

    .sm-g-6>.col {
        padding-left: 60px
    }

    .sm-g-7 {
        margin-left: -70px
    }

    .sm-g-7>.col {
        padding-left: 70px
    }

    .sm-g-8 {
        margin-left: -80px
    }

    .sm-g-8>.col {
        padding-left: 80px
    }

    .sm-g-9 {
        margin-left: -90px
    }

    .sm-g-9>.col {
        padding-left: 90px
    }

    .sm-g-10 {
        margin-left: -100px
    }

    .sm-g-10>.col {
        padding-left: 100px
    }

    .sm-g-11 {
        margin-left: -110px
    }

    .sm-g-11>.col {
        padding-left: 110px
    }

    .sm-g-12 {
        margin-left: -120px
    }

    .sm-g-12>.col {
        padding-left: 120px
    }

    .hide-sm {
        display: none
    }

    body {
        font-size: 15px;
        margin: 19.5px 0
    }

    body.font-lg {
        font-size: 20px
    }

    /* body>* {
        margin: 0 19.5px
    } */

    .btn,
    .tribe-common button.tribe-common-c-btn,
    .wp-block-button.btn-primary,
    .wp-block-file a.wp-block-file__button,
    a.wp-block-button__link.has-green-background-color,
    button:not([id*=slick-slide]),
    input[type=submit] a.wp-block-button__link.has-brand-background-color {
        width: 100%;
        margin: 0 0 16px 0
    }

    .slider .slick-slide {
        cursor: grab
    }

    .slider-controls .next,
    .slider-controls .prev {
        display: none !important
    }

    .homes-gallery-nav:before,
    .slider-carousel:before {
        display: none
    }

    .homes-gallery-nav,
    .slider-carousel {
        margin-left: -20px
    }

    .homes-gallery-nav .slick-slide,
    .slider-carousel .slick-slide {
        padding-left: 20px
    }

    .homes-gallery-nav .slider-controls a.prev,
    .slider-carousel .slider-controls a.prev {
        left: 20px !important
    }

    .pager button {
        width: 12px;
        height: 12px
    }

    .pager .slick-active button {
        box-shadow: 0 0 0 12px #7fbc03 inset
    }

    figure.wp-block-pullquote:after,
    figure.wp-block-pullquote:before {
        font-size: 7rem;
        line-height: 1.3
    }

    figure.wp-block-pullquote blockquote {
        padding: 0 2rem
    }

    figure.wp-block-pullquote blockquote p {
        font-size: 1.2rem
    }

    figure.wp-block-image {
        text-align: center
    }

    .sticky-bits {
        display: none
    }

    .footer .col:first-child,
    .footer .col:nth-child(2) {
        width: 100%;
        font-size: .8em;
        margin-bottom: 20px;
        word-break: break-word
    }

    .footer .bottom {
        padding: 0;
        font-size: .8em
    }

    .footer .bottom * {
        float: none;
        text-align: left
    }

    main {
        padding-top: 60px
    }

    .thank-you img[src*=Icon_light] {
        margin-left: 20vw
    }

    .wp-block-cover.slide .slide-overlay {
        margin-left: calc(100% - 360px);
        margin-bottom: 30px
    }

    .wp-block-cover.slide .slide-overlay-left {
        margin-left: 360px;
        margin-bottom: 30px
    }

    .wp-block-image.svg img {
        height: 60px
    }

    figure.fair-go {
        display: none
    }

    .loop>div,
    .loop>li,
    .main .wp-block-latest-posts>div,
    .main .wp-block-latest-posts>li {
        margin-bottom: 20px
    }

    .loop>div .btn,
    .loop>li .btn,
    .main .wp-block-latest-posts>div .btn,
    .main .wp-block-latest-posts>li .btn {
        width: auto
    }

    .related .loop.homes .home .featured-image,
    .related .main .wp-block-latest-posts.homes .home .featured-image {
        margin-bottom: 20px
    }

    .single-homes .brief {
        align-items: space-between
    }

    .single-homes .brief p {
        margin: 7px
    }

    .single-homes .brief p:nth-child(2) {
        margin-right: 14px
    }

    .single-homes .homes-gallery .slick-track,
    .single-homes .homes-slider .slick-track {
        max-height: 60vh;
        min-height: 200px
    }

    .single-homes .homes-gallery .slick-track img,
    .single-homes .homes-slider .slick-track img {
        max-height: 60vh
    }

    .home .banner {
        height: auto;
        background: #32727e
    }

    .home .banner .bg {
        padding-top: 30vh;
        background-size: auto 30vh !important;
        background-position: center top !important
    }

    .home .banner .bg .content {
        padding: 20px 24px 10px;
        position: relative;
        bottom: auto;
        line-height: 1.4;
        background-color: transparent
    }

    .home .banner .bg .content a.btn {
        width: calc(100% - 140px)
    }

    .home .banner .bg:after {
        display: none
    }

    .home .banner .slider-controls {
        right: 24px;
        bottom: 36px
    }

    .home .banner a.icn-chevron-down {
        left: 50%;
        bottom: -60px;
        color: #32727e
    }
}

@media screen and (max-width:600px) {
    .thank-you img[src*=Icon_light] {
        display: none
    }
}

@media screen and (max-width:400px) {
    .xs-1-12 {
        width: 8.333%;
        flex-basis: 8.333%
    }

    .xs-1-6,
    .xs-2-12 {
        width: 16.666%;
        flex-basis: 16.666%
    }

    .xs-1-4,
    .xs-2-8,
    .xs-3-12 {
        width: 25%;
        flex-basis: 25%
    }

    .xs-1-3,
    .xs-2-6,
    .xs-4-12 {
        width: 33.333333333%;
        flex-basis: 33.333333333%
    }

    .xs-5-12 {
        width: 41.666%;
        flex-basis: 41.666%
    }

    .xs-1-2,
    .xs-3-6,
    .xs-4-8,
    .xs-6-12 {
        width: 50%;
        flex-basis: 50%
    }

    .xs-7-12 {
        width: 58.333%;
        flex-basis: 58.333%
    }

    .xs-2-3,
    .xs-4-6,
    .xs-8-12 {
        width: 66.666666666%;
        flex-basis: 66.666666666%
    }

    .xs-3-4,
    .xs-6-8,
    .xs-9-12 {
        width: 75%;
        flex-basis: 75%
    }

    .xs-10-12,
    .xs-5-6 {
        width: 83.333%;
        flex-basis: 83.333%
    }

    .xs-11-12 {
        width: 91.666%;
        flex-basis: 91.666%
    }

    .xs-1-5 {
        width: 20%;
        flex-basis: 20%
    }

    .xs-2-5 {
        width: 40%;
        flex-basis: 40%
    }

    .xs-3-5 {
        width: 60%;
        flex-basis: 60%
    }

    .xs-4-5 {
        width: 80%;
        flex-basis: 80%
    }

    .xs-1-8 {
        width: 12.5%;
        flex-basis: 12.5%
    }

    .xs-3-8 {
        width: 37.5%;
        flex-basis: 37.5%
    }

    .xs-5-8 {
        width: 62.5%;
        flex-basis: 62.5%
    }

    .xs-7-8 {
        width: 87.5%;
        flex-basis: 87.5%
    }

    .xs-1-1 {
        width: 100%;
        flex-basis: 100%
    }

    .xs-g-0 {
        margin-left: 0
    }

    .xs-g-0>.col {
        padding-left: 0
    }

    .xs-g-1 {
        margin-left: -10px
    }

    .xs-g-1>.col {
        padding-left: 10px
    }

    .xs-g-2 {
        margin-left: -20px
    }

    .xs-g-2>.col {
        padding-left: 20px
    }

    .xs-g-3 {
        margin-left: -30px
    }

    .xs-g-3>.col {
        padding-left: 30px
    }

    .xs-g-4 {
        margin-left: -40px
    }

    .xs-g-4>.col {
        padding-left: 40px
    }

    .xs-g-5 {
        margin-left: -50px
    }

    .xs-g-5>.col {
        padding-left: 50px
    }

    .xs-g-6 {
        margin-left: -60px
    }

    .xs-g-6>.col {
        padding-left: 60px
    }

    .xs-g-7 {
        margin-left: -70px
    }

    .xs-g-7>.col {
        padding-left: 70px
    }

    .xs-g-8 {
        margin-left: -80px
    }

    .xs-g-8>.col {
        padding-left: 80px
    }

    .xs-g-9 {
        margin-left: -90px
    }

    .xs-g-9>.col {
        padding-left: 90px
    }

    .xs-g-10 {
        margin-left: -100px
    }

    .xs-g-10>.col {
        padding-left: 100px
    }

    .xs-g-11 {
        margin-left: -110px
    }

    .xs-g-11>.col {
        padding-left: 110px
    }

    .xs-g-12 {
        margin-left: -120px
    }

    .xs-g-12>.col {
        padding-left: 120px
    }

    .hide-xs {
        display: none
    }

    .wp-block-columns.slider .wp-block-column ul {
        -moz-column-count: 1;
        column-count: 1
    }

    .wp-block-cover.slide {
        background-size: auto 26vh !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        padding: 1px 16px
    }

    .wp-block-cover.slide .slide-overlay {
        margin: 26vh 0 0 !important;
        padding: 20px 20px 10px
    }

    .wp-block-cover.slide .slide-overlay-left {
        margin: 26vh 0 0 !important;
        padding: 20px 20px 10px
    }

    .wp-block-cover.slide .slide-overlay.has-white-background-color {
        background: #f2f2f3
    }

    .wp-block-cover.slide .slide-overlay-left.has-white-background-color {
        background: #f2f2f3
    }

    .wp-block-cover.slide .wp-block-cover__inner-container {
        margin: -1px -20px;
        width: calc(100% + 40px)
    }

    .wp-block-cover.slide .wp-block-cover__inner-container>p {
        display: none
    }
}

@media print {

    body.residents-only #return,
    body.residents-only .banner,
    body.residents-only .breadcrumbs,
    body.residents-only .grid>.wp-block-group__inner-container>:not(.tribe-events),
    body.residents-only .sticky-bits,
    body.residents-only .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav,
    body.residents-only .tribe-events-header--has-event-search .tribe-events-header__events-bar,
    body.residents-only a[class*=today-button],
    body.residents-only button[class*=datepicker-button]:after,
    body.residents-only footer,
    body.residents-only header#header,
    body.residents-only nav {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: 1000%
    }

    body.residents-only button[class*=datepicker-button] {
        padding: 0 !important
    }

    body.residents-only .main,
    body.residents-only .tribe-events-header__top-bar {
        margin: 0 !important
    }

    body.residents-only .grid {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important
    }

    body.residents-only h3 {
        margin: 0 !important
    }

    body.residents-only .tribe-events .tribe-common-l-container.tribe-events-l-container {
        padding: 0 !important
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spin-dots {

    0%,
    80%,
    to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

@keyframes activate {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes subtle-bounce {
    0% {
        transform: translate(-50%, 0)
    }

    50% {
        transform: translate(-50%, 0)
    }

    80% {
        transform: translate(-50%, 6px)
    }

    to {
        transform: translate(-50%, 0)
    }
}

.myHomesSlider .swiper-slide {
    width: 50%
}

@media screen and (min-width:601px) and (max-width:930px) {
    .myHomesSlider .swiper-slide {
        width: 70%
    }

    .new-home-carousel-item {
        padding: 1em !important;
        margin: 1em !important;
        -webkit-box-shadow: 0 1px 6px 0 #aeaeae;
        box-shadow: 0 1px 6px 0 #aeaeae
    }
}

@media screen and (max-width:600px) {
    .myHomesSlider .swiper-slide {
        width: 100%
    }

    .new-home-carousel-item {
        padding: 1em !important;
        margin: 1em !important;
        -webkit-box-shadow: 0 1px 6px 0 #aeaeae;
        box-shadow: 0 1px 6px 0 #aeaeae
    }
}

.new-home-carousel-item {
    padding: 2em;
    margin: 1em;
    -webkit-box-shadow: 0 1px 6px 0 #aeaeae;
    box-shadow: 0 1px 6px 0 #aeaeae
}

.new-home-carousel-item h4 {
    margin-bottom: .2em !important
}

.new-home-carousel-item .icn-bathroom::before {
    font-size: 1.2em !important
}

.new-home-carousel-item .icn-bedroom::before {
    font-size: 1.1em !important
}

.new-home-carousel-item .icn-garage::before {
    font-size: .9em !important
}

.swiper-pagination {
    padding: 1.5em 0
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    background: #fff !important;
    border: 1px solid #8bba3a !important;
    opacity: 1 !important
}

.swiper-pagination-bullet-active {
    background: #8bba3a !important
}

.teal-bg-strip {
    --band-h: 260px;
    --band-h: clamp(260px, 55vh, 520px);
    background-image: linear-gradient(#32727e, #32727e);
    background-repeat: no-repeat;
    background-size: 100% var(--band-h);
    background-position: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-block: 4rem;
    overflow: visible
}

@media (max-width:782px) {
    .teal-bg-strip {
        background-image: none;
        background-color: #32727e;
        background-size: auto;
        background-position: initial
    }
}

.hide-group {
    display: none !important
}

.bg-propellor {
    background-image: url(https://dev.catalinavillage.com.au/wp-content/uploads/2025/09/catalina-propellor.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 350px
}

.banner {
    position: relative
}

.banner .video-btn {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -200%);
    z-index: 5;
    display: inline-block
}

.banner .video-btn img {
    width: 80px;
    height: auto;
    cursor: pointer
}

@media (max-width:850px) {
    .banner .video-btn img {
        width: 45px;
        height: auto;
        cursor: pointer
    }
}

@media (max-width:563px) {
    .banner .video-btn {
        position: absolute;
        left: 50%;
        top: -30%;
        transform: translate(-50%, -50%);
        z-index: 5;
        display: inline-block
    }
}

/* chab additions */
.block-shadow {
    box-shadow: 5px 5px 15px #ccc;
}

.mr-5r {
    margin-right:5rem;
}


/* .uagb-post__inner-wrap img {
    border-top-left-radius: 2rem; 
    border-top-right-radius: 2rem;
} */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#navigation {
    --primary: #32727e;
    /* adjust to match your green */
    --text-primary: #32727e;
}

/* GREEN BAR */
#navigation .nav-green {
    background: var(--primary);
}

#navigation .nav-green__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 18px 0;
}

#navigation .nav-logo img {
    width: 16rem;
    height: auto;
    display: block;
}

#navigation .nav-phone {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 300;
}

#navigation .nav-phone__icon {
    width: 26px;
    height: 26px;
    display: block;
}

/* WHITE BAR */
#navigation .nav-white {
    background: #fff;
}

#navigation .nav-white__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    position: relative;
}

#navigation .primary-nav {
    width: 100%;
}

#navigation ul.navigation-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 12px;
}

#navigation ul.navigation-items>li {
    margin: 0;
    padding: 0;
}

#navigation ul.navigation-items>li>a {
    color: var(--text-primary);
    text-decoration: none;
    font-size: 1rem;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    font-weight: 400;
    padding: 10px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* dropdown support (WP default uses .menu-item-has-children + .sub-menu) */
#navigation .menu-item-has-children {
    position: relative;
}

#navigation .menu-item-has-children > a {
    @media only screen and (max-width: 1200px) {
            color: white !important;
    }
}
#navigation .menu-item > a {
    @media only screen and (max-width: 1200px) {
            color: white !important;
    }
}

#navigation .menu-item-has-children>a::after {
    /* content: "▾"; */
    font-size: 0.85em;
    line-height: 1;
}

#navigation .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 10px 0;
    min-width: 240px;
    z-index: 50;
}

#navigation .sub-menu li a {
    display: block;
    padding: 10px 16px;
    color: var(--text-primary);
    text-transform: capitalize;
    text-decoration: none;
    font-size: 0.95rem;
    @media only screen and (max-width: 1200px) {
        color: white !important;
    }
}

#navigation .menu-item-has-children:hover>.sub-menu {
    display: block;
}

/* burger (mobile) */
#navigation .nav-burger {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--text-primary);
    padding: 8px;
}

/* responsive */
@media (max-width: 991px) {
    #navigation .nav-green__inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #navigation .nav-burger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    #navigation ul.navigation-items {
        display: none;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0;
        padding: 12px 0;
    }

    #navigation ul.navigation-items>li>a {
        width: 100%;
        justify-content: center;
    }

    #navigation.open ul.navigation-items {
        display: flex;
    }

    /* dropdowns on mobile: make them flow */
    #navigation .sub-menu {
        position: static;
        border: 0;
        padding: 0;
        min-width: 0;
    }

    #navigation .menu-item-has-children:hover>.sub-menu {
        display: none;
        /* disable hover open on touch */
    }

    #navigation .menu-item-has-children.open>.sub-menu {
        display: block;
    }
}
/* --- Subscribe Strip --- */
.subscribe {
    padding: 80px 20px;
    color: #ffffff;
    background-color: #2f6f77;
    background-size: cover;
    background-position: center;
}

/* Grid layout */
.subscribe .grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    align-items: center;
}

/* Left Content */
.subscribe .content h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #8bba3a;
}

.subscribe .content p {
    max-width: 420px;
    font-size: 16px;
    line-height: 1.6;
    color: #e6f2f3;
}

/* Gravity Form */
.subscribe .action {
    width: 100%;
}

.subscribe .gform_wrapper {
    margin: 0;
    max-width: none;
    /* fix desktop width issue */
    width: 100%;
}

.subscribe .gform_body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.subscribe .gfield--type-email {
    grid-column: 1 / -1;
}

.subscribe input[type="text"],
.subscribe input[type="email"] {
    width: 100%;
    padding: 16px 18px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    background: #ffffff;
    color: #333;
}

.subscribe input::placeholder {
    color: #777;
}

.subscribe .gfield_label {
    display: none;
}

.subscribe .gform_footer {
    margin-top: 30px;
    text-align: right;
}

.subscribe input[type="submit"] {
    background: #8bba3a;
    color: #ffffff;
    border: none;
    padding: 16px 36px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.subscribe input[type="submit"]:hover {
    background: #78a532;
}

/* --- Mobile --- */
@media (max-width: 900px) {
    .subscribe .grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .subscribe .gform_body {
        grid-template-columns: 1fr;
    }

    .subscribe .gform_footer {
        text-align: left;
    }
}


.sweet-sans {
    font-family: 'sweet-sans-pro';

    >span {
        font-family: 'sweet-sans-pro';

        >span {
            font-family: 'sweet-sans-pro';
        }
    }
}

.good-karma {
    font-family: 'good-karma-smooth-regular';

    >span {
        font-family: 'good-karma-smooth-regular';

        >span {
            font-family: 'good-karma-smooth-regular';
        }
    }
}

.wp-block-cb-slide-v2 {
    margin-bottom: 24px;
    margin-top: 24px;
}

.cb-slide {
    display: flex;
    flex-direction: column;
    flex: 1;
}

uagb-post__image {
    height: 380px !important;
}

.cb-carousel-block .swiper {
    height: 100%;
}

.cb-carousel-block .swiper-wrapper {
    align-items: stretch !important;
}

.cb-carousel-block .swiper-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column;
}

.cb-carousel-block .wp-block-image {
    height: 260px;
    overflow: hidden;
}

.cb-carousel-block .wp-block-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cb-carousel-block .swiper-slide p {
    margin-top: auto;
}

.custom {
    border-bottom: 8px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(126, 194, 70), rgb(23, 184, 144));
    border-image-slice: 1;
    width: 100%;
}
.wp-image-34518 {
    width: 100% !important;
}