/* ------------------- ROOT -------------------- */

:root {
/* Primary */
--primary:        hsla(194, 63%, 82%, 1);/* #b4e0ee */
--primary-10:     hsla(194, 63%, 82%, .1);
--primary-20:     hsla(194, 63%, 82%, .2);
--primary-30:     hsla(194, 63%, 82%, .3);
--primary-40:     hsla(194, 63%, 82%, .4);
--primary-50:     hsla(194, 63%, 82%, .5);
--primary-50:     hsla(194, 63%, 82%, .6);
--primary-60:     hsla(194, 63%, 82%, .7);
--primary-80:     hsla(194, 63%, 82%, .8);
--primary-90:     hsla(194, 63%, 82%, .9);
--primary-dark:    hsla(194, 63%, 46%, 1);

/* Secondary */
--secondary:      hsla(40, 4%, 27%, 1); /* #494743 */
--secondary-10:   hsla(40, 4%, 27%, .1);
--secondary-20:   hsla(40, 4%, 27%, .2);
--secondary-30:   hsla(40, 4%, 27%, .3);
--secondary-40:   hsla(40, 4%, 27%, .4);
--secondary-50:   hsla(40, 4%, 27%, .5);
--secondary-60:   hsla(40, 4%, 27%, .6);
--secondary-70:   hsla(40, 4%, 27%, .7);
--secondary-80:   hsla(40, 4%, 27%, .8);
--secondary-90:   hsla(40, 4%, 27%, .9);

/* Link */
--accent: hsla(210, 100%, 56%, 1); /* dogderblue */
--accent-hover: hsla(210, 100%, 66%, 1); /* dogderblue light */
--link: var(--accent);
--link-hover: var(--accent-hover);

/* White */
--white: hsla(330, 0%, 100%, 1);
--white-10: hsla(330, 0%, 100%, .1);
--white-20: hsla(330, 0%, 100%, .2);
--white-30: hsla(330, 0%, 100%, .3);
--white-40: hsla(330, 0%, 100%, .4);
--white-50: hsla(330, 0%, 100%, .5);
--white-60: hsla(330, 0%, 100%, .6);
--white-70: hsla(330, 0%, 100%, .7);
--white-80: hsla(330, 0%, 100%, .8);
--white-90: hsla(330, 0%, 100%, .9);

/* Black */
--black: hsla(0, 0%, 0%, 1);
--black-10: hsla(0, 0%, 0%, .1);
--black-20: hsla(0, 0%, 0%, .2);
--black-30: hsla(0, 0%, 0%, .3);
--black-40: hsla(0, 0%, 0%, .4);
--black-50: hsla(0, 0%, 0%, .5);
--black-60: hsla(0, 0%, 0%, .6);
--black-70: hsla(0, 0%, 0%, .7);
--black-80: hsla(0, 0%, 0%, .8);
--black-90: hsla(0, 0%, 0%, .9);

/* Gray */
--gray: #333; /*#333*/
--gray-light: #ccc;
--gray-dark: #222;

/* Light & Dark */
--light: #f0f0f0;
--dark: #4c4c4c;

/* Breakpoint */
--breakpoint-xs: 0;
--breakpoint-sm: 530px;/* 576px */
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-xl-02: 1400px;
--breakpoint-xl-03: 1600px;
--breakpoint-xxl: 1920px;
--breakpoint-xxxl: 2400px;


/*****************************************
	Dark & Light Mode Toggle Styling
******************************************/

/* Body Color */
--body-bg: var(--main-content-bg);

/* Font Color */
--font-color: var(--gray-dark);

/* Main Content Area Background */
--main-content-bg: var(--white);
--main-content-bg-inset-shadow-01: var(--white-90);
--main-content-bg-inset-shadow-02: var(--white-40);
--main-content-bg-inset-shadow-03: var(--primary-40);
}

/* ------------------- BASE -------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

* {
font-family: 'Open Sans', sans-serif;/*via Google Fonts */
box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-webkit-tap-highlight-color: var(--white);
letter-spacing: .04rem;
}

html, body {
width:100%;
height:100%;
background: var(--body-bg);
line-height: normal;
font-size: 16px;
position: relative;
color: var(--font-color);
}

@media (min-width: 1920px) {
html, body {
	font-size: 18px;
}
}

@media (min-width: 2400px) {
html, body {
	font-size: 24px;
}
}

@media (min-width: 3600px) {
html, body {
	font-size: 48px;
}
}

video {
	width: 100%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, p {
	clear: both;
	font-weight: normal;
	margin-bottom: 1rem;
}

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

a img {
	border: none;
}

.entry-content img {
display: block;
border: .25rem solid transparent;
box-shadow: 0rem 0rem 0rem 0.25rem var(--black-10);
max-width: 100%;
}

img.aligncenter {
margin: 0 auto 1rem;
}

img.alignnone {
margin-bottom: 2rem;
}

.entry-content li {
color: var(--font-color);
}

div, input, p, textarea {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn-primary,
.btn-primary-outline,
button[role=button] {
font-size: 1rem;
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
height: auto !important;
}

.btn-primary,
.btn-primary-outline,
button:not([role=button]),
input:not([type=radio]),
input:not([type=button]),
input:not([type=submit]),
textarea,
select {
font-size: 1rem;
border: 1px solid var(--black-40);
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
}


input:not([type=radio]),
input:not([type=button]),
input:not([type=submit]),
select {
min-height: 2.75rem !important;
background-color: transparent;
}

input[type=radio],
input[type=checkbox] {
width: 1.25rem;
	height: 1.25rem;
	appearance: revert;
	-webkit-appearance: revert;
	-moz-appearance: revert;
	position: relative;
	top: -0.125rem;
}

textarea {
height: 6rem;
resize: none;
}

hr {
border-top: 1px solid var(--black-20);
margin: 2rem auto;
clear: both;
display: block;
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}

*:focus {
outline: var(--primary-10) auto 1px;
box-shadow: 0 0 0 0.25rem var(--main-content-bg), 0 0 0.75rem 0.625rem var(--primary-10);
}

::-moz-selection {
background-color: var(--primary-30);
}

::selection {
background-color: var(--primary-30);
}

a { color: var(--link); }
a:link {text-decoration:none;}
a:hover {text-decoration:none;color: var(--link);}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}

a:not([class]),
a[role=link][class=openPetPolicyModal],
a[role=link][class=openPrivacyPolicyModal],
a[role=link][class=openMaintenanceFormModal],
a:not([role=link])[class=openPetPolicyModal],
a:not([role=link])[class=openPrivacyPolicyModal],
a:not([role=link])[class=openMaintenanceFormModal],
a[role=link]:not([class]) {
color: var(--link);
font-weight: 500;
text-underline-offset: 0.25rem;
text-decoration: underline;
}

a:not([class]):hover,
a[role=link]:not([class]):hover {
color: var(--link-hover);
text-decoration: none;
}

.effect { /* ENABLES ALL CSS TRANSITION FOR THAT NODE/TAG */
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.noEffect { /* DISABLE ALL CSS TRANSITION FOR THAT NODE/TAG */
	-webkit-transition: none 0s ease !important;
	-moz-transition: none 0s ease !important;
	-o-transition: none 0s ease !important;
	-ms-transition: none 0s ease !important;
	transition: none 0s ease !important;
}

.clear {
clear: both;
}

.map-content {
width: 98%;
}
.gm-style-iw {
color: var(--secondary) !important;
}


.edit-link {
display: block;
max-width: 86%;
margin: 0 auto 1rem;
}

html {
margin-top: 0 !important;
}

#wpadminbar {
/* display: none; */
position: fixed;
top: 0;
}

/* ------------------- HEADER -------------------- */

#wpbigbg {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
z-index:1;
overflow: hidden;
}
#wpbigbg img,
#wpbigbg picture {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
z-index:0;
}
#wpbigbg video {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
#wpbigbg:after {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
box-shadow: inset 0rem 0rem 4rem .25rem var(--black-20);
z-index:1;
}


#header {
position: fixed;
top: 0rem;
min-height: 3.125rem;
width: 100%;
overflow: visible;
z-index: 2;
padding: 1rem 0rem;
background-color: var(--main-content-bg);
box-shadow: 0rem 0.125rem 0.5rem var(--main-content-bg);
}

body.logged-in #header {
top: 1.425rem;
}

@media (max-width: 767px) {
#header {
	/*backdrop-filter: blur(4px);*/
}
}

@media (min-width: 768px) {
#header {

}
}


#logoContainer {
position: relative;
text-align: center;
/*background: var(--main-content-bg);
box-shadow: inset 0rem 0rem 0.75rem var(--main-content-bg-inset-shadow-01), inset 0rem -4rem 2.25rem var(--main-content-bg-inset-shadow-02), 0rem 0rem 0.25rem var(--main-content-bg-inset-shadow-03);*/
border-radius: .125rem;
display: inline-flex;
padding: 1rem;
justify-content: center;
}



@media (width < 767px) {
#logoContainer {
	max-width: 72%;
}
}

@media (min-width: 768px) {
#logoContainer {
}
}

@media (min-width: 992px) {
#logoContainer {

}
}

@media (min-width: 1200px) {
#logoContainer {

}
}

#logoContainer > a {
display: flex;
backdrop-filter: blur(4px);
}



.Logo-image {
position: relative;
width: 100%;
max-width: 12.625rem;
height: auto;
max-height: 3rem;
margin: 0rem 0rem 0rem 0rem;
display: block;
z-index: 1;
}

@media (min-width: 767px) {
.Logo-image {
	max-width: 15.625rem;
	max-height: 5.5rem;
}
}

#logoContainer a:focus #titleContainer,
#logoContainer a:hover #titleContainer {
transform: scale(1.05);
transform-origin: center;
}

#titleContainer {
min-width: 6.25rem;
font-size: 2rem;
color: var(--font-color);
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}

#titleTop {
font-size: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--primary);
}

#titleTop.has_long_text {
	font-size: .925rem;
}


@media (width < 767px) {
	#titleTop {
		max-width: 90%;
	}
}

@media (width > 767px) {
	#titleTop {
		font-size: 1.5rem;
	}
	#titleTop.has_long_text {
		font-size: 1.25rem;
	}
}

#titleBottom {
display:block;
padding-top: .625rem;
font-size: .75rem;
}

.nav-wrapper {
position: relative;
display: inline-flex;
}

@media (min-width: 991px) {
.nav-wrapper {

}
}

@media (max-width: 990px) {
body.mobileMenuIsVisible {
	overflow: hidden;
}
body.mobileMenuIsVisible .nav-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		height: 100vh;
		width: 100vw;
		background: var(--main-content-bg);
}
}

.navbar-toggler {
position: fixed;
top: 2.625rem;
right: 1.5rem;
display: inline-flex;
gap: 0.5rem;
justify-content: space-around;
padding: 0;
background-color: transparent;
border: none !important;
}

@media (min-width: 992px) {
.navbar-toggler {
	display:none;
}
}

.navbar-toggler-icon {
}

.navbar-toggler-icon-line {
position: relative;
height: 0.25rem;
width: 100%;
background-color: var(--primary);
display: block;
margin: 0.25rem auto;
border-radius: 2px;
width: 2rem;
transition-duration: .16s;
}

body.mobileMenuIsVisible .navbar-toggler-icon-line {
background-color: var(--primary);
box-shadow: none;
}

body.mobileMenuIsVisible .navbar-toggler-icon-line:nth-child(1) {
transform-origin: left center;
transform: translateY(-4px) rotate(38deg);
}

body.mobileMenuIsVisible .navbar-toggler-icon-line:nth-child(2) {
opacity: 0;
}

body.mobileMenuIsVisible .navbar-toggler-icon-line:nth-child(3) {
transform-origin: left bottom;
transform: translate(2px) rotate(318deg);
}

.navbar-toggler-label {
position: relative;
top: 0.25rem;
left: 2px;
display: inline-block;
vertical-align: top;
color: var(--font-color);
font-size: 1rem;
}

#headerPhone {
position: absolute;
top: 1rem;
right: 1rem;
display: inline-block;
float: right;
color: var(--primary);
font-size: 1rem;
}

@media (min-width: 768px) {
#headerPhone{
	right: 1.875rem;
}
}

@media (min-width: 992px) {
#headerPhone {
	display:none;
	right: 1.875rem;
}
}


@media (max-width: 768px) {
body.mobileMenuIsVisible #headerPhone {
	visibility: hidden;
	opacity: 0;
	right: -100%;
}
body.mobileMenuIsVisible #topContainer {
	visibility: hidden;
	opacity: 0;
}
body.mobileMenuIsVisible #navbar {
	visibility: visible;
	opacity: 1;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
body.mobileMenuIsVisible #navbar ul.navbar-nav {
	display: block;
}
body.mobileMenuIsVisible #navbar ul.navbar-nav li > a {
	text-align: center;
}

body.mobileMenuIsVisible #navbar ul.navbar-nav li a:after,
body.mobileMenuIsVisible #navbar ul.navbar-nav li.current_page_item > a:after,
body.mobileMenuIsVisible #navbar ul.navbar-nav li.current_page_ancestor > a:after {
	width: 90%;
}

body.mobileMenuIsVisible #navbar ul.navbar-nav li a:hover:after,
body.mobileMenuIsVisible #navbar ul.navbar-nav li.current_page_item > a:after,
body.mobileMenuIsVisible #navbar ul.navbar-nav li.current_page_ancestor > a:after,
body.mobileMenuIsVisible #navbar ul.navbar-nav li.current_page_item > a:hover:after,
body.mobileMenuIsVisible #navbar ul.navbar-nav li.current_page_ancestor > a:hover:after {
	width: 60%;
}
}

#topContainer {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
white-space: nowrap;
gap: 0.5rem;
left: 50%;
transform: translateX(-50%);
}

@media (min-width: 768px) {
#topContainer {
	top: 4.688rem;
	width: 80%;
	justify-content: flex-end;
}
}

@media (min-width: 992px) {
#topContainer {
	top: 4.688rem;
}
}

@media (min-width: 1200px) {
#topContainer {
}
}

@media (min-width: 1400px) {
#topContainer {
	right: 10%;
}
}


a.btn-primary {

}

.btn-primary,
.btn-primary-outline,
button[role=button],
input[type=button],
input[type=submit],
.edit-link .post-edit-link {
border: 1px solid transparent;
font-size: 1rem;
font-weight: 600;
padding: 0.5rem;
color: var(--font-color);
backdrop-filter: blur(4px);
background-color: var(--primary);
text-transform: capitalize;
display: inline-flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
text-shadow: -2px 1px 0px var(--white-40), 0px 2px 1px var(--white-40), 0px -2px 1px var(--white-40), 1px -1px 1px var(--white-40);
}




body.site-name-meadowsofgahlterrace .btn-primary,
body.site-name-meadowsofgahlterrace button[role=button],
body.site-name-meadowsofgahlterrace input[type=button],
body.site-name-meadowsofgahlterrace input[type=submit],
body.site-name-meadowsofgahlterrace .edit-link .post-edit-link,

body.site-name-washingtonestates .btn-primary,
body.site-name-washingtonestates button[role=button],
body.site-name-washingtonestates input[type=button],
body.site-name-washingtonestates input[type=submit],
body.site-name-washingtonestates .edit-link .post-edit-link,

body.site-name-wilmingtoncourt .btn-primary,
body.site-name-wilmingtoncourt button[role=button],
body.site-name-wilmingtoncourt input[type=button],
body.site-name-wilmingtoncourt input[type=submit],
body.site-name-wilmingtoncourt .edit-link .post-edit-link {
	color: var(--white);
	text-shadow: -2px 1px 0px var(--black-40), 0px 2px 1px var(--black-40), 0px -2px 1px var(--black-40), 1px -1px 1px var(--black-40);
}


body.site-name-sierravistasenior .btn-primary,
body.site-name-sierravistasenior .btn-primary-outline,
body.site-name-sierravistasenior button[role=button],
body.site-name-sierravistasenior input[type=button],
body.site-name-sierravistasenior input[type=submit],
body.site-name-sierravistasenior .edit-link .post-edit-link,


body.site-name-reesecourtvillas .btn-primary,
body.site-name-fijisenior .btn-primary,
body.site-name-ewingvillas .btn-primary,
body.site-name-alsburyvillas .btn-primary,
body.site-name-bachontownhomes .btn-primary,
body.site-name-harmonvillas .btn-primary,
body.site-name-luxarvillas .btn-primary,
body.site-name-villasofvanstonpark .btn-primary,

body.site-name-reesecourtvillas .btn-primary-outline,
body.site-name-fijisenior .btn-primary-outline,
body.site-name-ewingvillas .btn-primary-outline,
body.site-name-alsburyvillas .btn-primary-outline,
body.site-name-bachontownhomes .btn-primary-outline,
body.site-name-harmonvillas .btn-primary-outline,
body.site-name-luxarvillas .btn-primary-outline,
body.site-name-villasofvanstonpark .btn-primary-outline,

body.site-name-reesecourtvillas button[role=button],
body.site-name-fijisenior button[role=button],
body.site-name-ewingvillas button[role=button],
body.site-name-alsburyvillas button[role=button],
body.site-name-bachontownhomes button[role=button],
body.site-name-harmonvillas button[role=button],
body.site-name-luxarvillas button[role=button],
body.site-name-villasofvanstonpark button[role=button],

body.site-name-reesecourtvillas input[type=button],
body.site-name-fijisenior input[type=button],
body.site-name-ewingvillas input[type=button],
body.site-name-alsburyvillas input[type=button],
body.site-name-bachontownhomes input[type=button],
body.site-name-harmonvillas input[type=button],
body.site-name-luxarvillas input[type=button],
body.site-name-villasofvanstonpark input[type=button],

body.site-name-reesecourtvillas input[type=submit],
body.site-name-fijisenior input[type=submit],
body.site-name-ewingvillas input[type=submit],
body.site-name-alsburyvillas input[type=submit],
body.site-name-bachontownhomes input[type=submit],
body.site-name-harmonvillas input[type=submit],
body.site-name-luxarvillas input[type=submit],
body.site-name-villasofvanstonpark input[type=submit],

body.site-name-reesecourtvillas .edit-link .post-edit-link,
body.site-name-fijisenior .edit-link .post-edit-link,
body.site-name-ewingvillas .edit-link .post-edit-link,
body.site-name-alsburyvillas .edit-link .post-edit-link,
body.site-name-bachontownhomes .edit-link .post-edit-link,
body.site-name-harmonvillas .edit-link .post-edit-link,
body.site-name-luxarvillas .edit-link .post-edit-link,
body.site-name-villasofvanstonpark .edit-link .post-edit-link {
color: var(--white);
text-shadow: -2px 1px 0px var(--black-40), 0px 2px 1px var(--black-40), 0px -2px 1px var(--black-40), 1px -1px 1px var(--black-40);
}

body.site-name-sierravistasenior .btn-primary:active,
body.site-name-sierravistasenior .btn-primary-outline:active,
body.site-name-sierravistasenior button[role=button]:active,
body.site-name-sierravistasenior input[type=button]:active,
body.site-name-sierravistasenior input[type=submit]:active,
body.site-name-sierravistasenior .edit-link .post-edit-link:active,
body.site-name-sierravistasenior .btn-primary:focus,
body.site-name-sierravistasenior .btn-primary-outline:focus,
body.site-name-sierravistasenior button[role=button]:focus,
body.site-name-sierravistasenior input[type=button]:focus,
body.site-name-sierravistasenior input[type=submit]:focus,
body.site-name-sierravistasenior .edit-link .post-edit-link:focus,
body.site-name-sierravistasenior .btn-primary:hover,
body.site-name-sierravistasenior .btn-primary-outline:hover,
body.site-name-sierravistasenior button[role=button]:hover,
body.site-name-sierravistasenior input[type=button]:hover,
body.site-name-sierravistasenior input[type=submit]:hover,
body.site-name-sierravistasenior .edit-link .post-edit-link:hover,


body.site-name-reesecourtvillas .btn-primary:active,
body.site-name-fijisenior .btn-primary:active,
body.site-name-ewingvillas .btn-primary:active,
body.site-name-alsburyvillas .btn-primary:active,
body.site-name-bachontownhomes .btn-primary:active,
body.site-name-harmonvillas .btn-primary:active,
body.site-name-luxarvillas .btn-primary:active,
body.site-name-villasofvanstonpark .btn-primary:active,
body.site-name-reesecourtvillas .btn-primary-outline:active,
body.site-name-fijisenior .btn-primary-outline:active,
body.site-name-ewingvillas .btn-primary-outline:active,
body.site-name-alsburyvillas .btn-primary-outline:active,
body.site-name-bachontownhomes .btn-primary-outline:active,
body.site-name-harmonvillas .btn-primary-outline:active,
body.site-name-luxarvillas .btn-primary-outline:active,
body.site-name-villasofvanstonpark .btn-primary-outline:active,
body.site-name-reesecourtvillas button[role=button]:active,
body.site-name-fijisenior button[role=button]:active,
body.site-name-ewingvillas button[role=button]:active,
body.site-name-alsburyvillas button[role=button]:active,
body.site-name-bachontownhomes button[role=button]:active,
body.site-name-harmonvillas button[role=button]:active,
body.site-name-luxarvillas button[role=button]:active,
body.site-name-villasofvanstonpark button[role=button]:active,
body.site-name-reesecourtvillas input[type=button]:active,
body.site-name-fijisenior input[type=button]:active,
body.site-name-ewingvillas input[type=button]:active,
body.site-name-alsburyvillas input[type=button]:active,
body.site-name-bachontownhomes input[type=button]:active,
body.site-name-harmonvillas input[type=button]:active,
body.site-name-luxarvillas input[type=button]:active,
body.site-name-villasofvanstonpark input[type=button]:active,
body.site-name-reesecourtvillas input[type=submit]:active,
body.site-name-fijisenior input[type=submit]:active,
body.site-name-ewingvillas input[type=submit]:active,
body.site-name-alsburyvillas input[type=submit]:active,
body.site-name-bachontownhomes input[type=submit]:active,
body.site-name-harmonvillas input[type=submit]:active,
body.site-name-luxarvillas input[type=submit]:active,
body.site-name-villasofvanstonpark input[type=submit]:active,
body.site-name-reesecourtvillas .edit-link .post-edit-link:active,
body.site-name-fijisenior .edit-link .post-edit-link:active,
body.site-name-ewingvillas .edit-link .post-edit-link:active,
body.site-name-alsburyvillas .edit-link .post-edit-link:active,
body.site-name-bachontownhomes .edit-link .post-edit-link:active,
body.site-name-harmonvillas .edit-link .post-edit-link:active,
body.site-name-luxarvillas .edit-link .post-edit-link:active,
body.site-name-villasofvanstonpark .edit-link .post-edit-link:active,


body.site-name-reesecourtvillas .btn-primary:focus,
body.site-name-fijisenior .btn-primary:focus,
body.site-name-ewingvillas .btn-primary:focus,
body.site-name-alsburyvillas .btn-primary:focus,
body.site-name-bachontownhomes .btn-primary:focus,
body.site-name-harmonvillas .btn-primary:focus,
body.site-name-luxarvillas .btn-primary:focus,
body.site-name-villasofvanstonpark .btn-primary:focus,
body.site-name-reesecourtvillas .btn-primary-outline:focus,
body.site-name-fijisenior .btn-primary-outline:focus,
body.site-name-ewingvillas .btn-primary-outline:focus,
body.site-name-alsburyvillas .btn-primary-outline:focus,
body.site-name-bachontownhomes .btn-primary-outline:focus,
body.site-name-harmonvillas .btn-primary-outline:focus,
body.site-name-luxarvillas .btn-primary-outline:focus,
body.site-name-villasofvanstonpark .btn-primary-outline:focus,
body.site-name-reesecourtvillas button[role=button]:focus,
body.site-name-fijisenior button[role=button]:focus,
body.site-name-ewingvillas button[role=button]:focus,
body.site-name-alsburyvillas button[role=button]:focus,
body.site-name-bachontownhomes button[role=button]:focus,
body.site-name-harmonvillas button[role=button]:focus,
body.site-name-luxarvillas button[role=button]:focus,
body.site-name-villasofvanstonpark button[role=button]:focus,
body.site-name-reesecourtvillas input[type=button]:focus,
body.site-name-fijisenior input[type=button]:focus,
body.site-name-ewingvillas input[type=button]:focus,
body.site-name-alsburyvillas input[type=button]:focus,
body.site-name-bachontownhomes input[type=button]:focus,
body.site-name-harmonvillas input[type=button]:focus,
body.site-name-luxarvillas input[type=button]:focus,
body.site-name-villasofvanstonpark input[type=button]:focus,
body.site-name-reesecourtvillas input[type=submit]:focus,
body.site-name-fijisenior input[type=submit]:focus,
body.site-name-ewingvillas input[type=submit]:focus,
body.site-name-alsburyvillas input[type=submit]:focus,
body.site-name-bachontownhomes input[type=submit]:focus,
body.site-name-harmonvillas input[type=submit]:focus,
body.site-name-luxarvillas input[type=submit]:focus,
body.site-name-villasofvanstonpark input[type=submit]:focus,
body.site-name-reesecourtvillas .edit-link .post-edit-link:focus,
body.site-name-fijisenior .edit-link .post-edit-link:focus,
body.site-name-ewingvillas .edit-link .post-edit-link:focus,
body.site-name-alsburyvillas .edit-link .post-edit-link:focus,
body.site-name-bachontownhomes .edit-link .post-edit-link:focus,
body.site-name-harmonvillas .edit-link .post-edit-link:focus,
body.site-name-luxarvillas .edit-link .post-edit-link:focus,
body.site-name-villasofvanstonpark .edit-link .post-edit-link:focus,


body.site-name-reesecourtvillas .btn-primary:hover,
body.site-name-fijisenior .btn-primary:hover,
body.site-name-ewingvillas .btn-primary:hover,
body.site-name-alsburyvillas .btn-primary:hover,
body.site-name-bachontownhomes .btn-primary:hover,
body.site-name-harmonvillas .btn-primary:hover,
body.site-name-luxarvillas .btn-primary:hover,
body.site-name-villasofvanstonpark .btn-primary:hover,
/*body.site-name-reesecourtvillas .btn-primary-outline:hover,
body.site-name-fijisenior .btn-primary-outline:hover,
body.site-name-ewingvillas .btn-primary-outline:hover,
body.site-name-alsburyvillas .btn-primary-outline:hover,
body.site-name-bachontownhomes .btn-primary-outline:hover,
body.site-name-harmonvillas .btn-primary-outline:hover,
body.site-name-luxarvillas .btn-primary-outline:hover,
body.site-name-villasofvanstonpark .btn-primary-outline:hover,*/
body.site-name-reesecourtvillas button[role=button]:hover,
body.site-name-fijisenior button[role=button]:hover,
body.site-name-ewingvillas button[role=button]:hover,
body.site-name-alsburyvillas button[role=button]:hover,
body.site-name-bachontownhomes button[role=button]:hover,
body.site-name-harmonvillas button[role=button]:hover,
body.site-name-luxarvillas button[role=button]:hover,
body.site-name-villasofvanstonpark button[role=button]:hover,
body.site-name-reesecourtvillas input[type=button]:hover,
body.site-name-fijisenior input[type=button]:hover,
body.site-name-ewingvillas input[type=button]:hover,
body.site-name-alsburyvillas input[type=button]:hover,
body.site-name-bachontownhomes input[type=button]:hover,
body.site-name-harmonvillas input[type=button]:hover,
body.site-name-luxarvillas input[type=button]:hover,
body.site-name-villasofvanstonpark input[type=button]:hover,
body.site-name-reesecourtvillas input[type=submit]:hover,
body.site-name-fijisenior input[type=submit]:hover,
body.site-name-ewingvillas input[type=submit]:hover,
body.site-name-alsburyvillas input[type=submit]:hover,
body.site-name-bachontownhomes input[type=submit]:hover,
body.site-name-harmonvillas input[type=submit]:hover,
body.site-name-luxarvillas input[type=submit]:hover,
body.site-name-villasofvanstonpark input[type=submit]:hover,
body.site-name-reesecourtvillas .edit-link .post-edit-link:hover,
body.site-name-fijisenior .edit-link .post-edit-link:hover,
body.site-name-ewingvillas .edit-link .post-edit-link:hover,
body.site-name-alsburyvillas .edit-link .post-edit-link:hover,
body.site-name-bachontownhomes .edit-link .post-edit-link:hover,
body.site-name-harmonvillas .edit-link .post-edit-link:hover,
body.site-name-luxarvillas .edit-link .post-edit-link:hover,
body.site-name-villasofvanstonpark .edit-link .post-edit-link:hover,


body.site-name-reesecourtvillas .btn-primary:visited,
body.site-name-fijisenior .btn-primary:visited,
body.site-name-ewingvillas .btn-primary:visited,
body.site-name-alsburyvillas .btn-primary:visited,
body.site-name-bachontownhomes .btn-primary:visited,
body.site-name-harmonvillas .btn-primary:visited,
body.site-name-luxarvillas .btn-primary:visited,
body.site-name-villasofvanstonpark .btn-primary:visited,
/*body.site-name-reesecourtvillas .btn-primary-outline:visited,
body.site-name-fijisenior .btn-primary-outline:visited,
body.site-name-ewingvillas .btn-primary-outline:visited,
body.site-name-alsburyvillas .btn-primary-outline:visited,
body.site-name-bachontownhomes .btn-primary-outline:visited,
body.site-name-harmonvillas .btn-primary-outline:visited,
body.site-name-luxarvillas .btn-primary-outline:visited,
body.site-name-villasofvanstonpark .btn-primary-outline:visited,*/
body.site-name-reesecourtvillas button[role=button]:visited,
body.site-name-fijisenior button[role=button]:visited,
body.site-name-ewingvillas button[role=button]:visited,
body.site-name-alsburyvillas button[role=button]:visited,
body.site-name-bachontownhomes button[role=button]:visited,
body.site-name-harmonvillas button[role=button]:visited,
body.site-name-luxarvillas button[role=button]:visited,
body.site-name-villasofvanstonpark button[role=button]:visited,
body.site-name-reesecourtvillas input[type=button]:visited,
body.site-name-fijisenior input[type=button]:visited,
body.site-name-ewingvillas input[type=button]:visited,
body.site-name-alsburyvillas input[type=button]:visited,
body.site-name-bachontownhomes input[type=button]:visited,
body.site-name-harmonvillas input[type=button]:visited,
body.site-name-luxarvillas input[type=button]:visited,
body.site-name-villasofvanstonpark input[type=button]:visited,
body.site-name-reesecourtvillas input[type=submit]:visited,
body.site-name-fijisenior input[type=submit]:visited,
body.site-name-ewingvillas input[type=submit]:visited,
body.site-name-alsburyvillas input[type=submit]:visited,
body.site-name-bachontownhomes input[type=submit]:visited,
body.site-name-harmonvillas input[type=submit]:visited,
body.site-name-luxarvillas input[type=submit]:visited,
body.site-name-villasofvanstonpark input[type=submit]:visited,
body.site-name-reesecourtvillas .edit-link .post-edit-link:visited,
body.site-name-fijisenior .edit-link .post-edit-link:visited,
body.site-name-ewingvillas .edit-link .post-edit-link:visited,
body.site-name-alsburyvillas .edit-link .post-edit-link:visited,
body.site-name-bachontownhomes .edit-link .post-edit-link:visited,
body.site-name-harmonvillas .edit-link .post-edit-link:visited,
body.site-name-luxarvillas .edit-link .post-edit-link:visited,
body.site-name-villasofvanstonpark .edit-link .post-edit-link:visited {
color: var(--white) !important;
}


.btn-primary-outline,
body.site-name-sierravistasenior .btn-primary-outline,
body.site-name-villasofvanstonpark .btn-primary-outline,
body.site-name-reesecourtvillas .btn-primary-outline,
body.site-name-fijisenior .btn-primary-outline,
body.site-name-ewingvillas .btn-primary-outline,
body.site-name-alsburyvillas .btn-primary-outline,
body.site-name-bachontownhomes .btn-primary-outline,
body.site-name-harmonvillas .btn-primary-outline,
body.site-name-luxarvillas .btn-primary-outline,
body.site-name-villasofvanstonpark .btn-primary-outline {
color: var(--font-color) !important;
background-color: var(--main-content-bg) !important;
border: 1px solid var(--primary) !important;
}

body.site-name-sierravistasenior [class*=btn-primary],
body.site-name-villasofvanstonpark [class*=btn-primary],
body.site-name-reesecourtvillas [class*=btn-primary],
body.site-name-fijisenior [class*=btn-primary],
body.site-name-ewingvillas [class*=btn-primary],
body.site-name-alsburyvillas [class*=btn-primary],
body.site-name-bachontownhomes [class*=btn-primary],
body.site-name-harmonvillas [class*=btn-primary],
body.site-name-luxarvillas [class*=btn-primary],
body.site-name-villasofvanstonpark [class*=btn-primary] {
text-shadow: -2px 1px 0px var(--black-20), 0px 2px 1px var(--black-20), 0px -2px 1px var(--black-20), 1px -1px 1px var(--black-20) !important;
}


body.site-name-reesecourtvillas [class*=btn-primary],
body.site-name-reesecourtvillas [class*=gform_button],
body.site-name-fijisenior [class*=btn-primary],
body.site-name-fijisenior [class*=gform_button],
body.site-name-ewingvillas [class*=btn-primary],
body.site-name-ewingvillas [class*=gform_button],
body.site-name-alsburyvillas [class*=btn-primary],
body.site-name-alsburyvillas [class*=gform_button],
body.site-name-bachontownhomes [class*=btn-primary],
body.site-name-bachontownhomes [class*=gform_button],
body.site-name-harmonvillas [class*=btn-primary],
body.site-name-harmonvillas [class*=gform_button],
body.site-name-luxarvillas [class*=btn-primary],
body.site-name-luxarvillas [class*=gform_button],
body.site-name-villasofvanstonpark [class*=btn-primary],
body.site-name-villasofvanstonpark [class*=gform_button] {
/*box-shadow: 0rem 0rem 0rem 0.125rem var(--black-80);*/
border-color: var(--black);
}

body.site-name-sierravistasenior [class*=btn-primary-],
body.site-name-sierravistasenior [class*=btn-primary-]
body.site-name-villasofvanstonpark [class*=btn-primary-],
body.site-name-reesecourtvillas [class*=btn-primary-],
body.site-name-fijisenior [class*=btn-primary-],
body.site-name-ewingvillas [class*=btn-primary-],
body.site-name-alsburyvillas [class*=btn-primary-],
body.site-name-bachontownhomes [class*=btn-primary-],
body.site-name-harmonvillas [class*=btn-primary-],
body.site-name-luxarvillas [class*=btn-primary-],
body.site-name-villasofvanstonpark [class*=btn-primary-] {
text-shadow: none !important;
border-color: var(--primary);
}

@media (min-width: 768px) {
.btn-primary,
.btn-primary-outline,
button[role=button],
input[type=button],
input[type=submit],
.edit-link .post-edit-link {
	font-size: 1rem;
	padding: 0.875rem 0.75rem;
}
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary-outline:hover,
.btn-primary-outline:focus,
button[role=button]:hover,
button[role=button]:focus,
input[type=button]:hover,
input[type=button]:focus {
color: var(--font-color);
background: var(--primary-80);
cursor: pointer;
}

@media (min-width: 768px) {
.specialCorp {
	padding: 0rem .5rem;
}
}

/*
.btn-primary:after,
.btn-primary-outline:after,
#contact input[type=button]:after,
#contact input[type=submit]:after,
.edit-link .post-edit-link:after {
content: '›';
color: var(--black-50);
display: inline-flex;
justify-content: center;
align-items: stretch;
align-content: center;
margin-left: 0.5rem;
font-weight: 800;
padding: 0;
line-height: 1.25;
}*/

#contact input[type=button]:hover,
#contact input[type=submit]:hover,
.edit-link .post-edit-link:hover {
background: var(--primary);
transform: translateY(-0.25rem);
}


#LAUNCHRENTALAPP {
display:block;
position:relative;
width:90%;
margin: .75rem auto;
background: var(--primary-80);
padding: .25rem 1.25rem;
font-weight: 100;
text-transform: capitalize;
text-align:left;
font-size: 1.375rem;
letter-spacing: 1px;
color:var(--black);
border:0rem;
}

@media (min-width: 768px) {
#LAUNCHRENTALAPP{
	display:inline-block;
	vertical-align:top;
	float:right;
	padding: 2px 1.25rem;
	font-size: 1.375rem;
	text-transform: capitalize;
	font-weight: 100;
	margin:0rem 0rem 0rem 1rem;
	width: auto;
}

#topContainer form {
	display:inline-block;
	vertical-align:top;
	float:right;
}
}



/* PAY PORTAL */
#payPortal  {
display:block;
position:relative;
width:90%;
margin: .75rem auto;
background: var(--primary-80);
color: var(--white);
padding: .25rem 0rem;
font-weight: 100;
text-transform: capitalize;
font-size: 1.375rem;
letter-spacing: 1px;
}

@media (min-width: 768px) {
#payPortal{
	position:relative;
	top:0rem;
	right:0rem;
	width:10.625rem;
	padding: .25rem 0rem;
	letter-spacing: 1px;
	margin: 0rem 0rem 0rem 1rem;
	float:right;
	display:inline-block;
}
}

@media (min-width: 992px) {
#payPortal{
	position:relative;
	top:0rem;
	right: 0rem;
	margin: 0rem 1rem 0rem 0rem;
}
}

#payPortal:hover {
background: var(--primary-dark); /* LIGHT BLUE */
}

@media (min-width: 768px) {
.payPortalCorp{
	margin-top: 1rem !important;
}
}

@media (min-width: 992px) {
.payPortalCorp{
	position:relative;
	top:0rem;
	right: 0rem;
	margin: 1rem 0rem 1rem 0rem !important;
}
}

@media (min-width: 1200px) {
.payPortalCorp{
	position:relative;
	top:0rem;
	right: 0rem;
	margin: 0rem 1rem 0rem 0rem !important;
}
}

#payPortal-text {
padding: 0rem 1.25rem;
}

#payPortal span {
position:absolute;
top: 0.375rem;
right: 4%;
color:var(--white);
line-height:1;
}

#ppIframe {
border: 0rem;
min-height: 15.625rem;
}









/* ------------------------------ MENU ----------------------------- */

.mobileMenu{
display: block;
}

@media (min-width: 768px) {
.mobileMenu{
	display: none;
}
}

.mainMenu{
display: none;
}

@media (min-width: 768px) {
.mainMenu{
	display: block;
}
}

#menuBtn {
position:relative;
display: block;
padding: 8px;
z-index: 999;
background: #48c1cc; /* TURQ */
background-color: var(--primary);
}

@media (min-width: 768px) {
#menuBtn{
	display: none;
}
}

.menuLine {
position:relative;
height: 5px;
width: 100%;
background: var(--white-90);/* BLUE */
display:block;
margin: 3px auto;
border-radius: 2px;
width: 30px;
}

#menu {
position:fixed;
top: 135px;
width: 100%;
height: 100%;
background: var(--white);
background: rgba(255,255,255,.9);
display:none;
z-index: 6999;
}

@media (min-width: 533) {
#menu {
	top: 115px;
}
}

@media (min-width: 768px) {
#menu {
	display:block !important;
	position: relative;
	width: 100%;
	height: auto;
	top: 72px;
	top: 0px;
	text-align: center;
	overflow:visible;
	background: #48c1cc; /* TURQ */
	background-color: var(--primary);
}
}

#menuScroll {
position:relative;
width: 100%;
height: 100%;
overflow:auto;
}

@media (min-width: 980px) {
#menuScroll {
	overflow: visible;
}
}


#menu ul {

}

#menu ul li {
position:relative;
padding: 3px 6px;
list-style:none;
}

@media (min-width: 980px) {
#menu ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0px;
}
}

#menu ul li a{
position:relative;
display:block;
width: 100%;
color: var(--white-90);/* BLUE */
text-align: center;
padding: 10px 0px;
font-family: 'montserrat';
font-size: 12px;
text-transform: uppercase;
cursor: pointer;
}

@media (min-width: 980px) {
#menu ul li a{
	text-align: center;
	/*padding: 40px 6px;*/
	min-width: 77px;
}
}


@media (min-width: 1200px) {
#menu ul li a{
}
}

#menu ul li a:hover,
#menu ul li.current-menu-item a,
#menu ul li.current_page_item a{
color: var(--white-90);/* BLUE */
}

@media (min-width: 980px) {

#menu ul li ul {
	position:absolute;
	top: 100px;
	text-align: center;
	width: 130%;
	left:-15%;
	background: var(--white);
	background: rgba(255,255,255,.9);
	padding: 0 5px 5px;
	display:none;
}
#menu ul li:hover ul {
	display:block;
}
}

@media (min-width: 980px) {
#menu ul li ul li {
	text-align: center;
	display: block;
	margin: -2px 0px;
	padding: 0px;
	height: auto;
}
}

#menu ul li ul li a {

}

@media (min-width: 980px) {
#menu ul li ul li a {
	border-top: 2px solid #4a98b7; /* BLUE */
	border-bottom: 2px solid #4a98b7; /* BLUE */
	padding: 8px 0px;
	color: #40424a; /* GRAY */
	background: transparent !important;
}
}

#menu ul li.current-menu-ancestor ul li a {
color: #40424a;/* GRAY */
}

@media (min-width: 980px) {
#menu ul li ul li a:hover {
	color: #4a97b7;/* BLUE */
	background: transparent;
}


#menu ul li#menu-item-24 ul {
	width: 200%;
	left: -50%;
}

#menu ul li#menu-item-25 ul {
	width: 160%;
	left: -30%;
}

}


/* --------------------------- TOP SLIDER -------------------------- */

#wpbigbg {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
z-index:1;
}
#wpbigbg img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
z-index:1;
}

/* ------------------- NAVIGATION -------------------- */
#navbar {
visibility: hidden;
opacity: 0;
position: absolute;
top: 3rem;
left: 0;
width: 100%;
}

@media (min-width: 992px) {
#navbar {
	position:relative;
	z-index: 1;
	left: 0rem;
	background:none;
	padding:0rem;
	visibility: visible;
	opacity: 1;
	top: 0rem;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
}

@media (min-width: 992px) {
.nav-wrapper .mobileMenu {
	display:none;
}
}

#navbar ul.navbar-nav {
position: relative;
margin: 0rem auto;
padding: 1.875rem 0rem 0rem 1.875rem;
list-style: none;
overflow-y: auto;
display: inline-flex;
gap: 0.75rem;
justify-content: space-evenly;
align-items: center;
}

@media (min-width: 992px) {
#navbar ul.navbar-nav  {
	padding: 0rem;
	width: auto;
	overflow: visible;

}
}

#navbar ul.navbar-nav li a {
position: relative;
display:block;
max-width:100%;
text-align:left;
color: var(--font-color);
font-size: .75rem;
font-weight: 600;
padding-bottom: 1.25rem;
}

@media (max-width: 992px) {
#navbar ul.navbar-nav {
	padding:0rem;
}
#navbar ul.navbar-nav li a {
	font-size: 0.875rem;
	padding: 1.25rem;
	border-bottom: 1px solid var(--black-40);
}
#navbar ul.navbar-nav li a:hover,
#navbar ul.navbar-nav li.current_page_item > a,
#navbar ul.navbar-nav li.current_page_ancestor > a {

}

#navbar ul.navbar-nav li a:after {
	display: none;
}

#insideRightcol {
	width: 100%;
}
}

@media (min-width: 992px) {
#navbar ul.navbar-nav li  {
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:0rem;
	overflow:visible;
}

#navbar ul.navbar-nav li a {
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:0rem;
	padding: 1rem .25rem;
	font-size: 0.875rem;
}

#navbar ul.navbar-nav li:first-child {
	padding-left: .25rem;
}

#navbar ul.navbar-nav li:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	right: -0.425rem;
	top: 50%;
	transform: translateY(-50%);
	height: 1.75rem;
	width: 1px;
	background-color: var(--black-10);
}
}

@media (min-width: 1200px) {
#navbar ul.navbar-nav li a {
	padding: 1rem 0.625rem;
}

#navbar ul.navbar-nav li:first-child {
	padding-left: .625rem;
}

.sub-menu li:first-child {
	padding-left: 0rem !important;
}
}

@media (min-width: 1400px) {
#navbar ul.navbar-nav li a {
	padding: 0.875rem 0.5rem;
	font-size: 1rem;
}

#navbar ul.navbar-nav li:first-child {
	padding-left: 0.813rem;
}

.sub-menu li:first-child {
	padding-left: 0rem !important;
}
}

@media (min-width: 1600px) {
#navbar ul.navbar-nav li a {
	padding: 0.875rem;
	font-size: 1rem;
}

#navbar ul.navbar-nav li:first-child {
	padding-left: 1.25rem;
}

.sub-menu li:first-child {
	padding-left: 0rem !important;
}
}

@media (min-width: 1900px) {
#navbar ul.navbar-nav li a {
	padding: 0.875rem 1.5rem;
}

#navbar ul.navbar-nav li:first-child {
	padding-left: 1.688rem;
}

.sub-menu li:first-child {
	padding-left: 0rem !important;
}
}

#navbar ul.navbar-nav li ul {
padding: 0rem 0rem 0rem 1rem;
}

#navbar ul.navbar-nav li ul li a {
color: var(--primary);
}

#navbar ul.navbar-nav li a:hover,
#navbar ul.navbar-nav li.current_page_item > a,
#navbar ul.navbar-nav li.current_page_ancestor > a {
color:var(--font-color);
}

#navbar ul.navbar-nav li a:after,
#navbar ul.navbar-nav li.current_page_item > a:after,
#navbar ul.navbar-nav li.current_page_ancestor > a:after {
content: '';
position: absolute;
height: 0px;
width: 20%;
bottom: 0.375rem;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition-duration: .4s;
border: 1px solid var(--primary-40);
}

#navbar ul.navbar-nav li a:after {
opacity: 0.3;
}

#navbar ul.navbar-nav li a:hover:after {
opacity: 1;
width: 10%;
bottom: 0.625rem;
}

#navbar ul.navbar-nav li.current_page_item > a:after,
#navbar ul.navbar-nav li.current_page_ancestor > a:after,
#navbar ul.navbar-nav li.current_page_item > a:hover:after,
#navbar ul.navbar-nav li.current_page_ancestor > a:hover:after {
border: 2px solid var(--primary);
width: 100%;
opacity: 1;
bottom: 0.125rem;
height: calc(100% - 0.425rem);
background-color: transparent;
}


@media (min-width: 992px) {
#navbar ul.navbar-nav li ul {
	position:absolute;
	top:3.25rem;
	left: 0;
	display:none;
	margin-left: 0rem;
	height: auto;
	max-height: auto;
	padding: 0rem;
}
#navbar ul.navbar-nav li:hover ul {
	display:block;
}

#navbar ul.navbar-nav li ul li {
	display:block;
	margin-left: 0rem;

	text-align:center;
	width: 100%;
}

#navbar ul.navbar-nav li ul li a {
	display:inline-block;
	position:relative;
	left:-4px;
	text-align:left;
	width: 100%;
	min-width: 6.250rem;
	padding: 1rem 0.625rem;
	background: var(--secondary-90);
}
}

/* ---------- BODY CONTENT ----------- */

#page {
position:relative;
top: 1rem;
/*padding: 20rem 0rem 2.5rem 0rem;*/
z-index:1;
margin: 0rem auto;
max-width: 100%;
min-height: 88.75vh;
display: flex;
align-items: center;
}

@media (min-width: 768px) {
#page {
	top: 0rem;
	/*padding: 16.5rem 0rem 0rem 0rem;*/
}
}

.wrapper {
position:relative;
max-width:100%;
max-height:100%;
width: 100%;
justify-content: center;
display: flex;
flex-direction: column;
}

#content {
min-height:20rem;
left: 0;
margin: 0;
top: 0;
width: 100%;
}

.entry-header {
padding:0rem 1.25rem 1.75rem;
position: relative;
}

@media (min-width: 768px) {
.entry-header {
	padding:0rem 1.875rem 2rem;
}
}

.entry-header:after {
	content: '';/*§*/
	position: absolute;
	height: 2px;
	width: clamp(4rem, 4vh, 8rem);
	bottom: .5rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--primary);
	/*box-shadow: 0rem 0rem 0rem 0.125rem var(--white-30);*/
}

@media (min-width: 768px) {
.entry-header:after {
	bottom: 1rem;
}
}


.entry-title {
font-size: clamp(1.5rem, 8vh, 12vw);
background: none;
line-height: normal;
text-shadow: -1px 1px 1px var(--white-80), -1px 1px 3px var(--white-10);
}

@media (min-width: 768px) {
.entry-title {
	font-size: clamp(1.5rem, 7vh, 4.5rem);
}
}

.entry-content {
min-height:0rem;
height:100%;
line-height: 1.75;
letter-spacing: .075rem;
padding:.625rem 1.25rem;
position:relative;
color: var(--gray);
text-shadow: -1px 1px 1px var(--white-80), -1px 1px 3px var(--black-10);
}

@media (min-width: 768px) {
.entry-content {
	padding:.625rem 1.875rem;
}
}

.entry-content h2 {
font-weight: 600;
color:var(--secondary);
}

h2 a,
.entry-content a {
font-weight: normal;
color:var(--link);
text-decoration: underline;
}

.entry-content a {
font-weight: 500;
}

h2 a:hover,
.entry-content a:hover {
color:var(--link-hover);
text-decoration: none;
}

.entry-content a {
color:var(--link);
text-decoration: underline;
}

ul,
.entry-content ul {
font-size: 1rem;
margin-left: 1rem;
margin-bottom: 1rem;
line-height: 2;
}

p,
.entry-content p {
font-size: 1rem;
margin: 0 auto 1.5rem;
line-height: 2;
}

.entry-content > p {
max-width: 90%;
}

.entry-content p:only-of-type {
margin: 0 auto;
}

/* ------------------- PAGE LOADER JAVASCRIPT DOM INSERTED ELEMENT via 'a functions file' -------------------- */

#pageLoaderElement {
opacity: 1;
visibility: visible;
position: fixed;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 3rem;
height: 3rem;
display: block;
z-index: 99;
transition-delay: 3s;
padding: 0.5rem;
transform-origin: center;
}

body.noscript-page-has-loaded #pageLoaderElement,
body.page-has-loaded #pageLoaderElement {
top: 150%;
opacity: 0;
visibility: hidden;
display: none;
z-index: -1;
animation: initPageLoaderAnimation 3s backwards;
background-color: var(--primary);
border-radius: 100%;
}

#pageLoaderElement svg {
object-fit: contain;
width: 100%;
height: auto;
fill: var(--primary-dark);
}

@keyframes initPageLoaderAnimation {
from {
	opacity: 1;
	transform: translate(-50%, -100%);
}
to {
	opacity: 0;
	transform: translate(-50%, -100%);
}
}

/* ------------------- HOME -------------------- */

#header,
.section-wrapper,
#footer,
.lightdark-toggle-switch {
opacity: 0;
visibility: hidden;
transition-delay: 1s;
transition-duration: 1s;
filter: blur(8px) brightness(.8);
-webkit-transform: translate(0,0);
animation-direction: normal;
}

#footer {
bottom: -100%;
}

body.page-has-loaded #footer {
bottom: .75rem;
}

/*
body.page-template-gallery .section-wrapper {
max-height: 64vh;
}

body.page-template-gallery-with-category-filters .section-wrapper {
max-height: initial !important;
}
*/

body.noscript-page-has-loaded #header,
body.noscript-page-has-loaded .section-wrapper,
body.noscript-page-has-loaded #footer,
body.noscript-page-has-loaded .lightdark-toggle-switch,
body.page-has-loaded #header,
body.page-has-loaded .section-wrapper,
body.page-has-loaded #footer,
body.page-has-loaded .lightdark-toggle-switch {
opacity: 1;
visibility: visible;
filter: blur(0px) brightness(1);
}


/************************************************
Header & Section: Wrappers and Containers
*************************************************/

.section-wrapper {
position:relative;
z-index:999;
padding: 1.75rem 0rem;
color: var(--font-color);
width: 100%;
}

@media (min-width: 768px) {
.section-wrapper {
}
}

@media (min-width: 1600px) {
.section-wrapper {

}
}

.header-wrapper-container,
.footer-wrapper-container {
justify-content: space-between;
display: flex;
padding: 0 !important;
}

.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
max-width: calc(100% - 2rem);
margin: 0 auto;
padding: 0rem 1.75rem;
}

@media (min-width: 576px) {
.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
	max-width: 540px;
}
}

@media (min-width: 768px) {
.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
	max-width: 720px;
	padding: 0rem 2.75rem;
}
}

@media (min-width: 992px) {
.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
	max-width: 960px;
}
}

@media (min-width: 1200px) {
.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
	max-width: 1160px;
}
}

@media (min-width: 1500px) {
.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
	max-width: 1440px;
}
}

@media (min-width: 1800px) {
.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
	max-width: 1680px;
}
}

@media (min-width: 2400px) {
.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
	max-width: 2160px;
}
}

@media (min-width: 3600px) {
.header-wrapper-container,
.section-wrapper-container,
.footer-wrapper-container {
	max-width: 3240px;
}
}

.section-wrapper-row {
position: relative;
display: flex;
justify-content: space-evenly;
align-items: flex-start;
flex-wrap: nowrap;
flex-direction: column;
row-gap: 2rem;
}

@media (min-width: 992px) {
.section-wrapper-row {
	flex-direction: row !important;
}
}

.section-wrapper-col {
width: 100%;
}

@media (min-width: 992px) {
.welcome-section .section-wrapper-row .section-wrapper-col:nth-child(2) .img {
	top: 4rem;
}
}

.section-wrapper-title {
display: inline-flex;
gap: 1rem;
}

.section-wrapper-title,
.section-wrapper-body {
line-height: 1.75;
}

.section-wrapper-body ul {
list-style-position: inside;
list-style-type: circle;
}

.section-wrapper-body ul.flex-columns {
display: flex;
flex-wrap: wrap;
}

.section-wrapper-body ul.flex-columns li {
	flex-basis: 50%;
}

/*-- Section utitlty classes -----------------------------------------*/

.inset-container {
background-color: var(--main-content-bg);
padding: 1.5rem;
margin: 0rem auto;
max-width: calc(100% - 10%);
box-shadow: 0rem 0.75rem 2rem var(--black-10);
background-image: linear-gradient(268deg, var(--black-10), transparent 20%);
}

@media (min-width: 576px) {
.inset-container {
	max-width: calc(540px - 1rem);
}
}

@media (min-width: 768px) {
.inset-container {
	max-width: calc(720px - 1rem);
}
}

@media (min-width: 992px) {
.inset-container {
	 max-width: calc(960px - 1rem);
}
}

@media (min-width: 1200px) {
.inset-container {
	 max-width: calc(1160px - 1rem);
}
}

@media (min-width: 1500px) {
.inset-container {
	 max-width: calc(1440px - 1rem);
}
}

@media (min-width: 1800px) {
.inset-container {
	 max-width: calc(1680px - 1rem);
}
}

@media (min-width: 2400px) {
.inset-container {
	 max-width: calc(2160px - 1rem);
}
}

@media (min-width: 3600px) {
.inset-container {
	 max-width: calc(3240px - 1rem);
}
}



.overlap-top {
margin-top: -3.75rem;
}

.overlap-bottom {
margin-bottom: -3.75rem;
}

.underlap-top {
padding-top: 5.25rem;
}

.underlap-bottom {
padding-bottom: 5.25rem;
}

.img {
position: relative;
}

/*-- Welcome (section) -----------------------------------------*/

.welcome-section {
color: var(--font-color);
align-items: center;
display: flex;
/* min-height: 80vh; */
background-image: linear-gradient(0deg, var(--black-10), transparent 80%);
background-color: var(--main-content-bg);
padding: 12rem 0rem 8rem;
margin-top: 1.5rem;
}

@media (min-width: 768px){
.welcome-section {
	padding: 12rem 0rem;
	margin-top: 2.75rem;
}
}

@media (min-width: 922px){
.welcome-section {
	margin-top: -0.25rem;
}
}


.welcome-section .section-wrapper-container {

}

.welcome-section .section-wrapper-row {
/* gap: 8%; */
row-gap: 5rem;
flex-direction: column-reverse;
}

@media (min-width: 992px){
.welcome-section .section-wrapper-row {
	gap: 8%;
	flex-direction: column;
}
.welcome-section .section-wrapper-title,
.welcome-section .section-wrapper-body {
	max-width: 84%;
}
}

.welcome-section .section-wrapper-body p:not(:last-child) {
margin-bottom: 1.5rem;
}

.section-wrapper-actions {
gap: 0.75rem;
display: flex;
flex-direction: column;
}

@media (min-width: 992px){
.section-wrapper-actions {
	flex-direction: row;
}
}


.welcome-section .img img {
z-index: 2;
position: relative;
transform-origin: right;
transform: scale(1);
filter: brightness(1.04);
box-shadow: -0.125rem 0.125rem var(--white), -0.5rem 0.5rem var(--black-80);
width: 100%;
height: auto;
}

.welcome-section .img:before {
content: '';
top: 0rem;
left: 1rem;
right: 2rem;
bottom: 1rem;
position: absolute;
transform: rotate(90deg) translateY(-48%) scale(.88);
z-index: 0;
opacity: 0.8;
border: 0.125rem solid var(--black);
}

@media (min-width: 992px){
.welcome-section .img:before {
	transform: rotate(90deg) translateY(-48%) scale(1);
}
}

.welcome-section .img:after {
content: '';
top: 1rem;
left: -2rem;
right: 1rem;
bottom: 2rem;
position: absolute;
transform: rotate(90deg) translateY(-60%) scale(.86);
z-index: -1;
background-color: var(--primary);
opacity: 1;
background-image: radial-gradient(var(--black-60) 0.5px, transparent 0.5px), radial-gradient(var(--black-40) 0.5px, transparent 0.5px);
background-size: .625rem 1.25rem;
background-position: 0 0,.625rem 1.875rem;
}

@media (min-width: 992px){
.welcome-section .img:after {
	transform: rotate(90deg) translateY(-60%) scale(.96);
}
}

/*-- Features & Amenities (section) -----------------------------------------*/

.featuresandamenities-section {
}

.featuresandamenities-section ::marker {
color: var(--secondary);
font-size: 1.2rem;
content:'❏     ';
}

.featuresandamenities-section .section-wrapper-row .section-wrapper-col:first-child {
padding-bottom: 1.5rem;
border-bottom: 1px dotted var(--black-20);
}

@media (min-width: 768px){
.featuresandamenities-section .section-wrapper-row .section-wrapper-col:first-child {
	padding-bottom: 0rem;
	border-bottom: none;
}
.featuresandamenities-section .section-wrapper-row:after {
	height: auto;
	width: 1px;
	left: 48%;
	top: 0rem;
	bottom: 0rem;
}
}

.featuresandamenities-section [class^="icon-"] {
font-size: 1rem;
color: var(--black-30);
display: inline-block;
}

.featuresandamenities-section .section-wrapper-row {
align-items: flex-start;
}

.featuresandamenities-section .section-wrapper-title {
display: inline-flex;
gap: 1rem;
align-items: center;
margin-bottom: 1.75rem;
}

.featuresandamenities-section .section-wrapper-title h2,
.featuresandamenities-section .section-wrapper-title h3,
.featuresandamenities-section .section-wrapper-title h4 {
margin-bottom: 0rem;
}

/*-- Gallery (section) -----------------------------------------*/

.gallery-section {
background-color: var(--primary);
background-image: radial-gradient(var(--black-60) 0.5px, transparent 0.5px), radial-gradient(var(--black-40) 0.5px, transparent 0.5px);
background-size: .625rem 1.25rem;
background-position: 0 0,.625rem 1.875rem;
position: relative;
}

.gallery-section:before,
.contactus-section:before {
content: '';
top: -4rem;
left: 0.5rem;
bottom: 1rem;
height: calc(100% + 2rem);
width: calc(50% + 2rem);
position: absolute;
z-index: -1;
opacity: 0.8;
border: 0.125rem solid var(--black);
}

@media (min-width: 768px) {
.gallery-section:before,
.contactus-section:before {
	left: calc(100vw - 98%);
}
}

@media (min-width: 992px) {
.gallery-section:before,
.contactus-section:before {
	 left: calc(100vw - 98%);
}
}

@media (min-width: 1200px) {
.gallery-section:before,
.contactus-section:before {
	 left: calc(100vw - 97%);
}
}

@media (min-width: 1300px) {
.gallery-section:before,
.contactus-section:before {
	 left: calc(100vw - 94%);
}
}

@media (min-width: 1500px) {
.gallery-section:before,
.contactus-section:before {
	 left: calc(100vw - 98%);
}
}

@media (min-width: 1800px) {
.gallery-section:before,
.contactus-section:before {
	 left: calc(100vw - 95%);
}
}

@media (min-width: 2400px) {
.gallery-section:before,
.contactus-section:before {
	 left: calc(100vw - 94%);
}
}

@media (min-width: 3600px) {
.gallery-section:before,
.contactus-section:before {
	 left: calc(100vw - 95%);
}
}


.gallery-section .section-wrapper-container {
box-shadow: 0.25rem 0.125rem var(--white), 0.625rem 0.5rem var(--black-80);
}

.gallery-section .entry-title {
font-size: clamp(1.5rem, 8vh, 3rem);
}

/*-- Location (section) -----------------------------------------*/

.location-section {
padding: 0rem;
padding-bottom: 7rem;
background-image: linear-gradient(0deg, var(--black-10), transparent 80%);
background-color: var(--main-content-bg);
}

.location-section .entry-title {
font-size: clamp(1.5rem, 8vh, 3rem);
text-shadow: none;
}

@media (min-width: 768px){
.location-section .entry-title {
	font-size: clamp(1.5rem, 8vh, 4rem);
}
}

.location-section .section-wrapper-container {
/*max-width: calc(100%);
padding: 0;*/
}

.gmapiframe-wrapper {
background-color: var(--primary);
background-image: radial-gradient(var(--black-60) 0.5px, transparent 0.5px), radial-gradient(var(--black-40) 0.5px, transparent 0.5px);
background-size: .625rem 1.25rem;
background-position: 0 0,.625rem 1.875rem;
}

.gmapiframe-wrapper iframe {
height: 50vh;
}

@media (min-width: 768px) {
.gmapiframe-wrapper iframe {
		height: 66vh;
}
}

.gmapiframe-wrapper .gmapiframe-controls {
position: absolute;
bottom: 2.5rem;
right: 1rem;
z-index: 99;
display: flex;
gap: 0.5rem;
left: 3.5rem;
}

.gmapiframe-wrapper .gmapiframe-controls * {
font-size: .75rem;
}

@media (min-width: 768px) {
.gmapiframe-wrapper .gmapiframe-controls {
	left: 4.5rem;
	bottom: 1.75rem;
}
}

.gmapiframe-wrapper #gmapIframeRefreshButton,
.gmapiframe-wrapper #gmapIframeNewWindowButton {
width: auto;
background-color: var(--black);
color: #fff;
padding: 0.5rem 0.75rem;
font-size: .75rem;
font-weight: 600;
cursor: pointer;
transition: all .5s ease;
text-decoration: none;
align-items: center;
display: inline-flex;
}

.gmapiframe-wrapper #gmapIframeRefreshButton:hover,
.gmapiframe-wrapper #gmapIframeNewWindowButton:hover {
background-color: var(--black);
transform: scale(1.04);
transform-origin: left;
}

.gmapiframe-wrapper #gmapIframeTouchOverlay {
position: absolute;
background-color: var(--black-80);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
backdrop-filter: blur(0.125rem);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all .5s ease;
flex-direction: column;
row-gap: 1rem;
padding: 1rem;
background-image: radial-gradient(var(--black-40) 0.5px, transparent 0.5px), radial-gradient(var(--black-30) 0.5px, transparent 0.5px);
background-size: .625rem 1.25rem;
background-position: 0 0,.625rem 1.875rem;
text-decoration: none;
}

.gmapiframe-wrapper #gmapIframeTouchOverlay:hover,
.gmapiframe-wrapper #gmapIframeTouchOverlay:focus,
.gmapiframe-wrapper #gmapIframeTouchOverlay:focus-within {
background-color: var(--black-60);
outline: var(--primary-80) auto 10px;
}

.gmapiframe-wrapper #gmapIframeTouchOverlay:hover #gmapIframeTouchOverlayTitleContent,
.gmapiframe-wrapper #gmapIframeTouchOverlay:focus #gmapIframeTouchOverlayTitleContent,
.gmapiframe-wrapper #gmapIframeTouchOverlay:focus-within #gmapIframeTouchOverlayTitleContent {
transform-origin: center;
transform: scale(1.1);
}
.gmapiframe-wrapper #gmapIframeTouchOverlay:hover #gmapIframeTouchOverlayButton,
.gmapiframe-wrapper #gmapIframeTouchOverlay:focus #gmapIframeTouchOverlayButton,
.gmapiframe-wrapper #gmapIframeTouchOverlay:focus-within #gmapIframeTouchOverlayButton {
transform-origin: center;
transform: scale(1.1);
}


#gmapIframeTouchOverlayImgContent {

}

#gmapIframeTouchOverlayImgContent img {
width: 100%;
height: auto;
max-width: 16vw;
}

#gmapIframeTouchOverlayTitleContent,
#gmapIframeTouchOverlayBodyContent {
color: #fff;
text-align: center;
}

#gmapIframeTouchOverlayTitleContent {

}

#gmapIframeTouchOverlayBodyContent {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
max-width: 25.875rem;
}

/*
#gmapIframeTouchOverlay #gmapIframeTouchOverlayButton {
padding: 1rem 2rem;
border: 0.063rem solid transparent;
text-transform: uppercase;
color: #fff;
font-family: 'Jost', sans-serif;
font-size: .75rem;
font-weight: 600;
letter-spacing: .125rem;
background-color: #f59297;
box-shadow: 0rem 0rem 0rem .25rem #f7f5f1, 0rem 0rem 0rem 0.25rem #f59297, 0rem 0rem 0.125rem 0rem #f59297;
cursor: pointer;
transition: all .5s ease;
}

#gmapIframeTouchOverlay:hover #gmapIframeTouchOverlayButton {
background: #DE6E71;
color: #fff;
box-shadow: 0rem 0rem 0rem 0.375rem #f7f5f1, 0rem 0rem 0rem .5rem #f59297, 0rem 0rem 0.125rem 0.063rem #f59297;
transform: scale(1.02);
}
*/

/*-- Contact -----------------------------------------*/

.contactus-section {
background-color: var(--primary);
background-image: radial-gradient(var(--black-60) 0.5px, transparent 0.5px), radial-gradient(var(--black-40) 0.5px, transparent 0.5px);
background-size: .625rem 1.25rem;
background-position: 0 0,.625rem 1.875rem;
position: relative;
}

.contactus-section .section-wrapper-container {
box-shadow: 0.25rem 0.125rem var(--white), 0.625rem 0.5rem var(--black-80);
}

.contactus-section .section-wrapper-row {
align-items: flex-start;
gap: 2rem;
}

.contactus-section h3 {
margin-bottom: 0rem;
}

.contactus-section .entry-title {
font-size: clamp(1.5rem, 8vh, 3rem);
}

.contactus-section .section-wrapper-row:after {
display: none;
}

@media (min-width: 768px){
.contactus-section .section-wrapper-row:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	left: 48%;
	top: 0;
	bottom: 0rem;
	border-left: 1px dotted var(--black-20);
}
}

@media (max-width: 767px){
.gform-wrapper {
	border-top: 1px dotted var(--black-20);
}
}

.contactus-section a[role=link]:not([class]) {
	white-space: nowrap;
}

.contactus-section .btn-getdirections, .contactus-section .btn-applynow {
margin-top: 0.75rem;
}

/*****************
Gallery
******************/

.galCatSelector {
width: 100%;
margin: 0rem auto 0rem;
display: flex;
flex-wrap: wrap;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
justify-content: flex-start;
align-items: center;
gap: 0.5rem;
font-size: .875rem;
color: #574D4B;
flex-direction: row;
margin-bottom: 1rem;
}

.galCatSelector select {
font-family: 'Jost', sans-serif;
font-size: .875rem;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
background-color: transparent;
}

.galCatSelector .catSelectorSelect {
border-bottom: 0.063rem solid #AEA6A4;
margin: 0 .125rem;
position: relative;
}

.galCatSelector .catSelectorSelect:after {
content: '›';
color: #AEA6A4;
font-size: 1.25rem;
position: absolute;
z-index: -1;
height: 1.125rem;
display: inline-flex;
justify-content: center;
align-items: center;
transform: rotate(90deg);
transform-origin: center;
text-indent: 0.25rem;
margin-left: 0.5rem;
z-index: -1;
right: 0;
}

@media (min-width: 768px) {
.galCatSelector {
	font-size: 1rem;
}
.galCatSelector select {
	font-size: 1rem;
	color: #574D4B;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	background-color: transparent;
	z-index: 1;
}
}




/** Tabs **/

.gallery-tabs-wrapper {
white-space: nowrap;
width: calc(100% + 3rem);
overflow-y: hidden;
overflow-x: auto;
padding: 0 1rem;
position: sticky;
top: 6.75rem;
background-color: var(--main-content-bg);
background-image: linear-gradient(268deg, var(--black-10), transparent 20%);
z-index: 2;
}

body.logged-in .gallery-tabs-wrapper {
top: 7.75rem;
}

@media (min-width: 767px) {
.gallery-tabs-wrapper {
		top: 8.5rem;
}

body.logged-in .gallery-tabs-wrapper {
	top: 9.75rem;
}
}

.gallery-tabs-wrapper ul {
display: flex;
padding: 0;
margin: 0;
list-style-type: none;
align-items: center;
justify-content: flex-start;
}

@media (min-width: 767px) {
.gallery-tabs-wrapper ul {
	 justify-content: center;
}
}

.gallery-tabs-wrapper li {

}

.gallery-tabs-wrapper li .cta {
display: inline-block;
color: var(--font-color);
cursor: pointer;
font-size: 1.25rem;
font-weight: 600;
padding: 0.75rem 1.5rem;
border-bottom: 4px solid transparent;
}

.gallery-tabs-wrapper li.active .cta {
color: var(--font-color);
border-bottom: 4px solid var(--primary);
}

.gallery-tabs-wrapper li .cta:hover,
.gallery-tabs-wrapper li.active .cta:hover {
color: var(--font-color);
}

/** Tab Group **/
.gallery-item-wrapper ul.image-group {
display: none;
}

.gallery-item-wrapper ul.image-group.active {
display: block;
}

.gallery-item-wrapper ul.image-group li {
/*float: left;
width: 25%;*/
}


.gallery-wrapper {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
flex-direction: column;
}

@media (min-width: 992px) {
.gallery-wrapper {
	text-align: center;
}
}

.gallery-wrapper .image-group {
display: none;
visibility: hidden;
list-style-type: none;
width: 100%;
margin: 0;
line-height: normal;
grid-template-columns: repeat(1, 100%);
justify-content: space-between;
}

@media (min-width: 690px) {
.gallery-wrapper .image-group {
	grid-template-columns: repeat(2, 50%);
}
}

@media (min-width: 1024px) {
.gallery-wrapper .image-group {
	grid-template-columns: repeat(4, 25%);
}
}

.gallery-wrapper .image-group.image-group-fullwidth {
grid-template-columns: repeat(1, 100%);
}

.gallery-wrapper .image-group.active {
display: grid;
visibility: visible;
}



body.site-name-reesecourtvillas .gallery-wrapper .image-group[class*=-floor-plans].active,
body.site-name-fijisenior .gallery-wrapper .image-group[class*=-floor-plans].active,
body.site-name-ewingvillas .gallery-wrapper .image-group[class*=-floor-plans].active,
body.site-name-alsburyvillas .gallery-wrapper .image-group[class*=-floor-plans].active,
body.site-name-bachontownhomes .gallery-wrapper .image-group[class*=-floor-plans].active,
body.site-name-harmonvillas .gallery-wrapper .image-group[class*=-floor-plans].active,
body.site-name-luxarvillas .gallery-wrapper .image-group[class*=-floor-plans].active,
body.site-name-villasofvanstonpark .gallery-wrapper .image-group[class*=-floor-plans].active {
display: flex;
flex-wrap: wrap;
justify-content: center;
}


.gallery-wrapper .image-group.image-group-fullwidth li {
padding-left: 0rem;
padding-right: 0rem;
}

body.site-name-reesecourtvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-fijisenior .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-ewingvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-alsburyvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-bachontownhomes .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-harmonvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-luxarvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-villasofvanstonpark .gallery-wrapper .image-group[class*=-floor-plans] li {
flex-basis: 100%;
}

.image-group li {
padding: 0.5rem;
}

@media (min-width: 690px) {
.image-group li {
}

body.site-name-reesecourtvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-fijisenior .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-ewingvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-alsburyvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-bachontownhomes .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-harmonvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-luxarvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-villasofvanstonpark .gallery-wrapper .image-group[class*=-floor-plans] li {
	flex-basis: 50%;
}
}

@media (min-width: 980px) {
.image-group li {

}

body.site-name-reesecourtvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-fijisenior .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-ewingvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-alsburyvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-bachontownhomes .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-harmonvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-luxarvillas .gallery-wrapper .image-group[class*=-floor-plans] li,
body.site-name-villasofvanstonpark .gallery-wrapper .image-group[class*=-floor-plans] li {
	flex-basis: 25%;
}
}

.image-group li .image-group-item {
}

.image-group .image-group-item .image-group-item-img {
background-size: cover;
display: flex;
width: 100%;
height: 20vh;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-position: center;
box-shadow: inset 0rem -0.5rem 2rem 0.125rem rgb(86 76 74 / 12%);
}

@media (min-width: 690px) {
.image-group .image-group-item .image-group-item-img {
	height: 24vh;
}
}

.image-group .image-group-item-img img {
opacity: 0;
width: 100%;
height: auto;
}

.image-group .image-group-item .image-group-item-title {
position: absolute;
bottom: 0.75rem;
left: 0;
right: 0;
font-family: 'Jost', sans-serif;
font-size: .875rem;
font-weight: 500;
color: var(--white);
background-color: var(--secondary-70);
padding: 0.25rem;
box-shadow: inset 0rem -0.5rem 2rem 0.125rem rgb(86 76 74 / 12%);
}

.image-group .image-group-item .image-group-item-title:empty {
display: none;
}

/* Fancybox */
.fancybox__container {
z-index: 99999 !important;
}

.fancybox__caption {
text-align: center;
}



/* Rental Model via Apartments.com Data Feed */

.rental-model-controls {
padding: 0.75rem 0;
position: sticky;
top: 10.875rem;
background-color: var(--main-content-bg);
background-image: linear-gradient(268deg, var(--black-10), transparent 20%);
z-index: 2;
width: calc(100% + 3rem);
transform: translateX(-1.5rem);
display: flex;
justify-content: center;
}

body.logged-in .rental-model-controls {
top: 11.875rem;
}

@media( min-width: 767px){
	.rental-model-controls {
		top: 12.625rem;
	}
	body.logged-in .rental-model-controls {
		top: 13.925rem;
	}
}

@media (min-width: 960px){
	body.logged-in .rental-model-controls {
			top: 14rem;
	}
}

.image-group li .image-group-item .rental-model {
border: 1px solid var(--gray-light);
padding: 1rem;
margin: 1rem auto;
text-align: left;
background-color: var(--main-content-bg);
border: 0.125rem solid var(--black);
}

@media( min-width: 1200px){
.image-group li .image-group-item .rental-model {
	max-width: 80%;
}
}

.rental-model table {
border-collapse: collapse;
width: 100%;
}

.rental-model table th {
padding: .25rem;
white-space: nowrap;
}


@media( max-width: 767px){
.rental-model table th {
	font-size: .75rem;
}
}

.rental-model table td:first-child {
white-space: nowrap;
text-overflow: ellipsis;
max-width: 15vw;
overflow: hidden;
padding-right: 1rem;
}

.rental-model table th:last-child {
width: 16.66%;
}

.rental-model table td {
padding: 0.5rem 0rem;
}

.rental-model table tr:not(:last-child) td {
border-bottom: 1px solid var(--black-20);
}

.rental-model table tr td:nth-child(4) {
min-width: 10vw;
}

@media (min-width: 1024px) {
.rental-model table tr td:nth-child(4) {
	min-width: 16vw;
}
}

.rental-model table tr td:last-child {
padding-left: 0.5rem;
}

.rental-model table td button,
.rental-model .rental-model-units-count button {
width: 100%;
justify-content: center;
display: inline-flex;
white-space: nowrap;
}

.rental-model table td button img,
.rental-model .rental-model-units-count button img {
height: 1.5rem;
width: auto;
}

@media (min-width: 1024px) {
.rental-model table td button img,
.rental-model .rental-model-units-count button img {
	display: none;
}
}


.rental-model table td button .text,
.rental-model .rental-model-units-count button .text {
display: none;
}

@media (min-width: 1024px) {
.rental-model table td button .text,
.rental-model .rental-model-units-count button .text {
	display: inline;
}
}

.rental-model-name {
position: sticky;
top: 14.66rem;
background-color: var(--main-content-bg);
box-shadow: 0rem 0.25rem 1rem var(--main-content-bg);
z-index: 1;
border: 0.125rem solid var(--black-80);
border-bottom: 0rem;
margin: -1.125rem -1.125rem 0.5rem;
padding: 1rem 1rem 0.5rem;
}

body.logged-in .rental-model-name {
top: 15.66rem;
}

@media (min-width: 767px) {
	.rental-model-name {
		top: 17.125rem;
	}

	body.logged-in .rental-model-name {
		top: 18.425rem;
	}
}

@media (min-width: 960px){
	body.logged-in .rental-model-name {
	    top: 18.525rem;
	}
}

.rental-model-summary {
padding: 0rem 0rem 1rem;
}

.rental-model-units-count {
padding: 1rem 0rem;
border-top: 1px solid var(--gray-light);
border-bottom: 1px solid var(--gray-light);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.rental-model-units-count button {
flex-basis: 20%;
}





/* ------------------------- FORM -------------------------- */

.gform_wrapper select {
	-webkit-appearance: initial;
	-moz-appearance: initial;
	appearance: initial;
	font-weight: 100;
	width: 100%;
}

/* First name field*/
.gform_wrapper .name_first {
width: 50.25%;
padding: 0 5px 0 0;
margin-bottom: 0;
}

/* Last name field*/
.gform_wrapper .name_last {
padding: 0;
margin-bottom: 0;
width: 49.9%;
}

.gform_wrapper .name_last input[type="text"] {
width: 100%;
}

/* Phone field*/
.gform_wrapper #field_1_5,
.gform_wrapper #field_2_5 {
grid-column: span 6;
}

.gform_wrapper #field_1_5 > div,
.gform_wrapper #field_2_5 > div {
padding: 0;
margin: 0;
width: 100%;
}

.gform_legacy_markup_wrapper #field_1_5 > div input,
.gform_legacy_markup_wrapper #field_2_5 > div input,
.gform_legacy_markup_wrapper #field_1_4 > div input,
.gform_legacy_markup_wrapper #field_2_4 > div input {
width: 97.5%;
}

/* Email field*/
.gform_wrapper #field_1_4,
.gform_wrapper #field_2_4 {
grid-column: span 6;
}

body.site-name-sierravistasenior .gform_wrapper #field_1_3,
body.site-name-sierravistasenior .gform_wrapper #field_1_4 {
grid-column: span 6;
}

.gform_wrapper #field_1_4 > div,
.gform_wrapper #field_2_4 > div {
padding: 0;
margin: 0;
}

.gform_legacy_markup_wrapper #field_1_4 > div input,
.gform_legacy_markup_wrapper #field_2_4 > div input {
width: 100%;
}

input[type="submit"] {
width: 100%;
font-weight: 600;
margin-top: 0;
justify-content: center;
}

input[type="text"],
#rightContent input[type="text"] {
border: 1px solid #ccc;
}

.gform_wrapper select {
margin-top: 10px;
}

body .gform_wrapper label.gfield_label+div.ginput_container {
margin-top: 0px;
display: flex;
position: relative;
}

.ginput_container_select select {
z-index: 1;
}

.ginput_container_select:after {
content: '›';
color: #AEA6A4;
font-size: 1.75rem;
position: absolute;
z-index: 0;
height: 1.125rem;
display: inline-flex;
justify-content: center;
align-items: center;
transform: rotate(90deg);
transform-origin: center;
text-indent: 0.25rem;
right: 0.5rem;
top: 0.75rem;
}

li.gfield_error,
li.gfield_error .gfield_label,
.gform_legacy_markup_wrapper li.gfield.gfield_error,
.gform_legacy_markup_wrapper li.gfield.gfield_error  .gfield_label {
	padding: 0;
	margin: 0;
	background: transparent;
	border-width: 0rem;
}

.gform_wrapper div.validation_error {
	color: hsl(357deg 83% 17%);
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 1.5rem;
	border-top: 0.125rem solid #f59297;
	border-bottom: 0.125rem solid #f59297;
	padding: 1rem 0;
	clear: both;
	width: 100%;
	text-align: center;
	background-color: #f59297;
}

.gform_wrapper .validation_message {
padding-top: 0.5rem;
color: #4f070b;
background-color: #f59297;
padding: 0.125rem !important;
}

.gform_confirmation_message {
text-align: center;
font-size: 1.5rem;
}

.gform_confirmation_message h1,
.gform_confirmation_message h2,
.gform_confirmation_message h3,
.gform_confirmation_message h4,
.gform_confirmation_message h5,
.gform_confirmation_message h6 {
font-size: 1.75rem;
margin: 0;
}

/* ------------------------- FOOTER -------------------------- */

#footer {
font-size: .875rem;
padding: 1rem 0rem;
}

.footer-wrapper-container {
display: flex;
justify-content: space-between;
align-items: center;
}

@media (max-width: 590px) {
.footer-wrapper-container {
	flex-direction: column;
	row-gap: 1rem;
	padding: 1rem 0 !important;
}
}

.footer-wrapper-col {
display: inline-flex;
flex-wrap: wrap;
}

#footer a:link,
#footer a:visited {
text-decoration:underline;
color: var(--font-color);
}

.footer-page-links-separator {
margin:0rem .25rem;
color: var(--font-color);
}

.footer-pmc {
width: 100%;
margin-top: 0.5rem;
}

.pmc-logo {
height: auto;
width: auto;
max-width: 3.5rem;
max-height: 0.875rem;
display: inline-block;
position: relative;
top: 0.125rem;
filter: grayscale(1);
}

.pmc-logo-link,
.pmc-logo-link a:link,
.pmc-logo-link a:visited,
.pmc-logo-link a:hover,
.pmc-logo-link a:active {
text-decoration:underline;
color:var(--white);
}

.footer-copyright {

}

.footer-page-links {

}

.footer-icons {
/*max-width:70px; */
min-width:1.875rem;
position:relative;
margin-top:.5rem;
padding:0px 0px .625rem 0px;
display:inline-block;
vertical-align:top;
text-align:right;
width: 100%;
}

@media only screen and (min-width: 768px) {
.footer-icons {

}

.footer-icons.standard {

}

.footer-icons.property {
}
}

@media only screen and (min-width: 1200px) {
.footer-icons {

}
}

.footer-icons {
flex-wrap: nowrap;
display: flex;
gap: 0.5rem;
align-items: center;
}

.footer-icons > a,
.footer-icons .handicap,
.footer-icons .eho {
display: inline-flex;
}

.footer-icons img {
width: 1.313rem;
height: 1.313rem;
position:relative;
border:none;
display: inline-flex;
}

.footer-icons > a {
width: 2rem;
height: 2rem;
background-color: var(--white);
justify-content: center;
align-items: center;
border: 1px solid var(--black-40);
}

.footer-icons > a:hover {
background-color: var(--black-90);
}

.footer-icons > a:hover img {
filter: invert(1);
}

.footer-icons .handicap,
.footer-icons .eho {
opacity: 0.5;
}

.footer-icons .eho {
margin-left: .5rem;
}

/******************/
/**	Back to Top **/
/******************/

.backtotop {
bottom: -100%;
right: 4%;
font-size: 1.5rem;
cursor: pointer;
transition: all 1s ease;
-webkit-transition: all 1s ease;
position: fixed;
z-index: 1;
text-align: center;
width: 3rem !important;
height: 3rem !important;
display: inline-block;
cursor: pointer;
color: var(--white);
background-color: var(--black-90) !important;
border-width: 0rem;
box-shadow: 0rem 0rem 1rem var(--black-40);
}

.backtotop:after {
content: '›';
border-right: 2px solid var(--white-90);
height: 1.125rem;
width: 1rem;
display: flex;
align-items: flex-start;
font-size: 2.25rem;
line-height: 0.8rem;
color: var(--white-90);
transform: rotate(-90deg) translate(-0.125rem,0.5rem);
transform-origin: center;
}

.backtotop.active {
bottom: 5rem;
}

/* ------------------------- SOCIAL MEDIA -------------------------- */



/* ------------------------- PET POLICY -------------------------- */

ul.pet-policy-photos {
	list-style-type: none;
	margin: 2rem auto;
	padding: 0;
	display: table;
	width: auto;
	text-align: center;
	border-collapse: collapse;
}

ul.pet-policy-photos li {
	display: table-cell;
	margin: 0;
	padding: 0;
}

ul.pet-policy-photos img {
	width: 100%;
	height: auto;
	display: block;
}

/* ------------------------- MODALS -------------------------- */

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	background-color: var(--black-40);
}

.fade,
.show {
	transition: opacity 0.15s linear !important;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-sheet-medium-detent.fade.show,
.modal-sheet-large-detent.fade.show {
	display: flex !important;
	align-items: flex-end;
}

/* ------------------------- MODALS: DIALOG -------------------------- */

.modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
}

@media (min-width: 576px){
.modal-dialog {
		width: 40vw;
		max-width: 500px;
		margin: 1.75rem auto;
}
}

.modal-sheet-medium-detent.fade.show .modal-dialog,
.modal-sheet-large-detent.fade.show .modal-dialog {
	margin-bottom: 0;
	transform: translateY(0%);
	align-items: flex-end;
	display: flex;
	opacity: 1;
	transform: translate(0, 0%);
}

.modal.show .modal-dialog {
	transform: none;
}
.modal.fade .modal-dialog {
	transition: transform 1.3s ease-out;
	transform: translate(0, -50px);
}
.modal-sheet-medium-detent .modal-dialog,
.modal-sheet-large-detent .modal-dialog {
	transform: translateY(0%);
	height: 100%;
}

/* ------------------------- MODALS: CONTENT -------------------------- */

.modal-sheet-medium-detent .modal-content,
.modal-sheet-large-detent .modal-content {
	border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.modal-content {
	border-radius: 0;
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(16,24,32,0.2);
	border-radius: 0.3rem;
	outline: 0;
}

/* ------------------------- MODALS: HEADER -------------------------- */

.modal-sheet-medium-detent .modal-header,
.modal-sheet-large-detent .modal-header {
	display: flex;
	flex-direction: column;
}

.modal-header {
	border-width: 0rem;
}
.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}

.modal .close {
	display: none;
}
.modal-sheet-medium-detent .close,
.modal-sheet-large-detent .close {
	display: inline-flex;
	margin: 0;
	padding: 0;
	width: 2rem;
	height: 2rem;
	align-content: center;
	align-items: center !important;
	justify-content: center !important;
	display: inline-flex !important;
	border-radius: 100%;
	transition: all .3s ease-in-out;
	background-color: transparent;
	border: none;
	right: 1rem;
	top: 1rem;
	position: relative;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}
.modal .close [aria-hidden="true"] {
	display: inline-flex;
}
.modal-sheet-medium-detent .close [class^="icon-"],
.modal-sheet-medium-detent .close .form-check-label-checkbox:before,
.modal-sheet-medium-detent .close [class*=" icon-"],
.modal-sheet-medium-detent .close .form-check-label-checkbox:before,
.modal-sheet-large-detent .close [class^="icon-"],
.modal-sheet-large-detent .close .form-check-label-checkbox:before,
.modal-sheet-large-detent .close [class*=" icon-"],
.modal-sheet-large-detent .close .form-check-label-checkbox:before {
	font-size: 1.25rem;
}

.modal-sheet-medium-detent .modal-title,
.modal-sheet-large-detent .modal-title {
	font-size: 2rem !important;
	font-weight: 900;
}

.modal-title {
	font-size: 1.25rem !important;
	font-weight: 700;
	margin: 0rem !important;
	line-height: 1.5;
}

/* ------------------------- MODALS: BODY -------------------------- */

.modal-sheet-medium-detent .modal-body, .modal-sheet-large-detent .modal-body {
padding: 1rem;
max-height: 80vh;
overflow-y: auto;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}

.modal-sheet-medium-detent .modal-content p,
.modal-sheet-large-detent .modal-content p {
	margin-bottom: 1rem;
}

/* ------------------------- MODALS: FOOTER -------------------------- */

.modal-sheet-medium-detent .modal-footer,
.modal-sheet-large-detent .modal-footer {
	flex-wrap: wrap;
}

.modal-footer {
	justify-content: space-between;
	flex-wrap: nowrap;
	border-width: 0rem;
}

.modal-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: 0.75rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}


/* ------------------------- GLOBAL FONT UPDATES -------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato',sans-serif !important;
}
h1{
	font-weight:300;
}
		
h2{
	font-weight:300;
}
		
p{
	margin-bottom: 1rem;
	font-weight:400;
	line-height:2;
		
	}


a {
    font-family: 'Lato',sans-serif !important;
}


#gform_submit_button_1{
    border: 1px solid transparent;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem;
    background-color: var(--primary);
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1rem;
    padding: 1rem;	
    border-radius: 1px;

}