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

:root {
  /* Primary */
	--primary:        hsla(194, 63%, 82%, 1);/* #b4e0ee */
	--primary-5:     hsla(194, 63%, 82%, .05);
	--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(309, 15%, 19%, 1); /* #372935 */
	--secondary-5:   hsla(309, 15%, 19%, .05);
	--secondary-10:   hsla(309, 15%, 19%, .1);
	--secondary-20:   hsla(309, 15%, 19%, .2);
	--secondary-30:   hsla(309, 15%, 19%, .3);
	--secondary-40:   hsla(309, 15%, 19%, .4);
	--secondary-50:   hsla(309, 15%, 19%, .5);
	--secondary-60:   hsla(309, 15%, 19%, .6);
	--secondary-70:   hsla(309, 15%, 19%, .7);
	--secondary-80:   hsla(309, 15%, 19%, .8);
	--secondary-90:   hsla(309, 15%, 19%, .9);

	/* Link */
	--accent: hsla(91, 65%, 40%, 1); /* #64A824 */
	--accent-hover: hsla(91, 65%, 50%, 1); /* #64A824 light */
	--link: var(--accent);
	--link-hover: var(--accent-hover);

	/* White */
  --white: hsla(330, 0%, 100%, 1);
  --white-5: hsla(330, 0%, 100%, .05);
	--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-5: hsla(0, 0%, 0%, .05);
	--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: #555;
	--gray-light: #e0e0e0;
	--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);

	/* Main Content Area Background */
	--main-content-bg: var(--light);
	--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;
	line-height: 1.4;
}

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

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

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

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

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

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 1rem;
	font-weight: 600;
	line-height: 2;
}

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

a img {
    border: none;
}


#wpadminbar {
	top: -200%;
}

@media (min-width: 768px){
	#wpadminbar {
		top: -200%;
	}
}

h1, h2, h3, h4, h5, h6,
#logoContainer > a,
#subMenuWrapper,
.entry-content,
#LAUNCHRENTALAPP {
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

p {
	margin-bottom: 0.625rem;
	line-height: 2;
}

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

a img {
    border: none;
}

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

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

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;
}

input:not([type=radio]),
input:not([type=button]),
input:not([type=submit]),
textarea,
select {
	font-size: .875rem !important;
	border: 0.063rem solid var(--black-40) !important;
}

input:not([type=radio]),
input:not([type=button]),
input:not([type=submit]),
select {
	height: 2rem;
  text-indent: 0.25rem;
}

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

hr {
	border-top: 0.063rem solid var(--black-20);
	margin: 1.75rem 5%;
	clear: both;
	display: block;
}

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

*:focus {
	outline: var(--primary) auto 0.063rem;
	box-shadow: 0 0 0 .25rem var(--white), 0 0 .75rem .625rem var(--primary-40);
	border-radius: .25rem;
}

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

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

a:link {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {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;
}

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

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

blockquote {
	quotes: none;
}

blockquote:before,
blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

a:link {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}

/* Suffix */
[id$="-wrapper"]: :after,
[id*="-wrapper "]: :after,
[class$="-wrapper"]: :after,
[class*="-wrapper "]: :after,
[class$="-row"]: :after,
[class*="-row "]: :after,
[class$="-content"]: :after,
[class*="-content "]: :after {
	content: ".";
	visibility: hidden;
	display: block;
	font-size: 0rem;
	line-height: 0rem;
	height: 0rem;
	clear: both;
}

.icon-DottedCircles {
	font-size: 2.25rem;
	font-weight: 100;
	color: var(--primary-dark);
	margin-bottom: 1rem;
	display: inline-block;
}

.swiper-container, .swiper-wrapper, .swiper-slide {
	position: relative;
	width: 100%;
	height: auto;
}

.rel {
	position: relative;
}

.cvHead {
	padding: 0rem 0rem 0.625rem 0rem;
}

.contentBG {
	position: relative;
	padding: 2rem 0rem 0rem;
	text-align: center;
	z-index: 999;
}

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

.entry-content {
	position: relative;
	display: block;
	margin: 0 auto;
	line-height: 1.75rem;
  font-size: 1.125rem;
}

@media (min-width: 768px) {
	.entry-content {
		width: 90%;
	}
}

@media (min-width: 768px) {
	.entry-content {
	}
}

.maxWidth {
	max-width: 1200px;
	margin: 0rem auto;
}

.hiddenImage {
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}


/* ------------------- 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: 9999;
	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%);
	}
}


#headerCustom,
#header,
#content,
#footer,
#subFooter,
.lightdark-toggle-switch {
	opacity: 0;
	visibility: hidden;
	filter: blur(4px) brightness(0);
}


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



/* ------------------------- CONTAINER WIDTHS -------------------------- */

#menu-menu,
#subMenuContainer,
#hero,
#overview_wrapper,
#colbox_wrapper,
#footerContainer,
#fpContainer,
#featuresContent,
#galContainer,
#reviewSlider,
#reviewArrows {
  max-width: calc(100% - 2rem);
  margin: 0rem auto;
}

@media (min-width: 576px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 1160px;
	}
}

@media (min-width: 1400px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 1280px;
	}
}

@media (min-width: 1500px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 1440px;
	}
}

@media (min-width: 1800px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 1680px;
	}
}

@media (min-width: 2400px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 2160px;
	}
}

@media (min-width: 3600px) {
	#menu-menu,
	#subMenuContainer,
	#hero,
	#overview_wrapper,
	#colbox_wrapper,
	#footerContainer,
	#fpContainer,
	#featuresContent,
	#galContainer,
	#reviewSlider,
	#reviewArrows {
		max-width: 3240px;
	}
}


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

#header {
	position: fixed;
	top: 0rem;
	left: 0rem;
	width: 100%;
	background: var(--white);
	z-index: 10;
	display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
	#header {
	    transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    left: 50%;
	}
}

#mobileMenu,
#menuCloseBtn {
	position: absolute;
	left: 0rem;
	cursor: pointer;
	font-size: 1.313rem;
	color: var(--black-80);
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	z-index: 999;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#mobileMenu {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: var(--black-80);
}

#menuCloseBtn {
	top: 0rem;
    color: var(--white);
}

@media (min-width: 414px) {
	#mobileMenu,
	#menuCloseBtn {
		font-size: 1.75rem;
	}
}

@media (min-width: 1200px) {
	#mobileMenu,
	#menuCloseBtn {
		display: none;
	}
}

#logoContainer {
	position: relative;
	display: inline-flex;
	margin: 0 auto;
	align-items: center;
}


@media (min-width: 320px) {
    #logoContainer {
        height: 4rem;
    }
}

@media (min-width: 1200px) {
    #logoContainer {
        height: 6rem;
    }
}

#logoContainer a:link, #logoContainer a:visited {
	color: var(--font-color);
}

#logoContainer > a {
	position: relative;
	display: flex;
	width: 70%;
	height: 100%;
	margin: 0rem auto;
	font-weight: 500;
	font-size: 1.25rem;
	justify-content: center;
	align-items: center;
	text-align: center;
}

@media (min-width: 1200px) {
	#logoContainer > a {
		width: 100%;
		font-size: 2.25rem;
	}
}

#logoImage {
    max-height: 72%;
    width: auto;
    display: inline-block;
}

#phoneIcon {
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
    font-size: 1.313rem;
    color: var(--black-80);
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
}

@media (min-width: 414px) {
	#phoneIcon {
		font-size: 1.75rem;
	}
}

@media (min-width: 1200px) {
	#phoneIcon {
		display: none;
	}
}

#propNumber {
	color: var(--white);
	margin-right: 1.5rem;
	display: none;
}

@media (min-width: 768px) {
	#propNumber {
		display: inline;
	}
}

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

#menuContainer {
	position: fixed;
	top: 0rem;
	width: 100%;
	height: 100%;
	z-index: 7999;
	display: none;
	background: var(--secondary); /* PURPLE */
}


#menuContainer.active {
	display: block;
	overflow: auto;
	height: 100vh;
}

@media (min-width: 1200px) {
	#menuContainer.active {
    overflow: visible;
    height: auto;
	}
}

@media (min-width: 1200px) {
	#menuContainer {
		padding-top: 0rem;
		position: relative;
		height: auto;
		width: 100%;
		display: block;
		border-top: 0.063rem solid var(--light);
		background: var(--white);
	}
}

@media (min-width: 1300px) {
	#menuContainer {
		overflow: none;
		height: auto;
	}
}

.menu-menu-container {
	margin-top: 2.75rem;
	background-color: var(--secondary);
}

@media (min-width: 1200px) {
	.menu-menu-container {
		margin: 0rem;
		background-color: transparent;
	}
}

.menu-menu-container ul {
    text-align: center;
    font-weight: 400;
}

.menu-menu-container ul li {
	border: none;
	list-style-type: none;
}

@media (min-width: 1200px) {
	.menu-menu-container ul li {
		position: relative;
		display: inline-block;
		margin: 0rem auto;
	}
}

.menu-menu-container ul li a {
	font-size: 1rem;
	font-weight: 600;
	color: var(--font-color);
	padding: 1rem 1.25rem;
	display: inline-flex;
	white-space: nowrap;
	margin: 0.25rem;
	border-radius: 0.125rem;
	width: 100%;
  justify-content: center;
	box-shadow: inset 0rem -0.375rem 0rem var(--black-10);
}

@media (min-width: 320px) {
	.menu-menu-container .current_page_item a,
	.menu-menu-container .current_page_item a:hover,
	.menu-menu-container ul li a:hover {
		box-shadow: inset 0rem -0.375rem 0rem var(--primary);
	}
}

@media (min-width: 768px) {
	.menu-menu-container .current_page_item a,
	.menu-menu-container .current_page_item a:hover,
	.menu-menu-container ul li a:hover {
		background: linear-gradient(0deg, var(--black-10) 0%, transparent 20%);
	}
}

@media (min-width: 1200px) {
	.menu-menu-container ul li a {
		border-radius: 0.25rem 0.25rem 0 0;
		margin-bottom: .25rem;
		color: var(--black-80) !important;
	}
	.menu-menu-container .current_page_item a,
	.menu-menu-container .current_page_item a:hover,
	.menu-menu-container ul li a:hover {
		color: var(--black-80);
	}
}

@media (max-width: 1280px) {
	.menu-menu-container ul li a {
		color: var(--white);
	}
}




.menu-menu-container ul li .sub-menu {
	position: relative;
	padding: 0.5rem;
	background-color: var(--black-10);
}


.menu-menu-container ul li .sub-menu li {
	display: block;
}

@media (min-width: 1200px) {
	.menu-menu-container ul li .sub-menu {
		display: none;
		position: absolute;
    top: 4rem;
    left: 50%;
    padding: 0.75rem;
    background-color: var(--white);
    z-index: 999;
    box-shadow: 0rem 0.75rem 1rem 0rem var(--black-20);
    transform: translateX(-50%);
	}

	.menu-menu-container ul li:hover .sub-menu {
		display: block;
	}
}


@media (min-width: 1200px) {
	.sub-menu li a:link, .sub-menu li a:visited {
		color: var(--font-color) !important;
		box-shadow: inset 0rem -0.125rem 0rem var(--black-10) !important;
	}

	.sub-menu li.current-menu-item a:link,
	.sub-menu li.current-menu-item a:visited,
	.sub-menu li.current-menu-item a:hover {
		box-shadow: inset 0rem -0.125rem 0rem var(--black-10), inset 0rem -0.375rem 0rem var(--primary) !important;
	}

	.sub-menu li a:link:last-child,
	.sub-menu li a:visited:last-child {
		box-shadow: none;
	}

	.sub-menu li a:hover,
	.sub-menu .current_page_item a {
		color: var(--black-80) !important;
	}
}

#subMenuWrapper {
	display: flex;
	justify-content: space-between;
	height: auto;
	margin: 0rem auto;
	background: var(--secondary); /* PURPLE */
}


	#subMenuContainer {
		display: flex;
		flex-basis: 100%;
		gap: 0.5rem;
		white-space: nowrap;
		flex-wrap: wrap;

		display: flex;
    flex-direction: column;
    width: 100%;
	}

@media (min-width: 1200px) {
	#subMenuContainer {
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-between;
		width: 100%;
		flex-direction: row;
	}
}

#subMenuWrapper {
	padding-bottom: 1rem;
}

@media (min-width: 1200px){
	#subMenuContainer {
    flex-direction: row;
    width: auto;
	}

	#subMenuWrapper {
		padding-bottom: 0rem;
	}
}


#subMenuWrapper a:link,
#subMenuWrapper a:visited {
	font-size: .875rem;
	font-weight: 600;
	color: var(--white);
	border: 0.063rem solid var(--white-40);
  box-shadow: 0rem 0rem 1rem 0rem var(--black-40);
	border-radius: 0.188rem;
	white-space: nowrap;

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

@media (min-width: 320px) {
	#subMenuWrapper a:link,
	#subMenuWrapper a:visited {
		display: block;
    padding: 0.625rem;
	}
}

@media (min-width: 1280px){
	#subMenuWrapper a:link,
	#subMenuWrapper a:visited {
	    width: auto;
	}
}


#subMenuWrapper #applyNowBtn:hover,
#LAUNCHRENTALAPP:hover,
#subMenuWrapper a:hover {
	background-color: var(--white-10);
	border-color: var(--white-90);
}

@media screen only and (min-width: 1200px) {
	#subMenuWrapper #applyNowBtn,
	#LAUNCHRENTALAPP,
	#subMenuWrapper a:link,
	#subMenuWrapper a:visited {
		display: inline-flex;
		padding: 0.5rem 1rem;
	}
}

#subMenu_left,
#subMenu_right {
	gap: 0.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

@media (min-width: 1200px) {
	#subMenu_left,
	#subMenu_right {
		flex-direction: row;
	}
}

/*
@media (max-width: 1280px){
	#subMenu_left,
	#subMenu_right {
		flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
	}
}

@media (min-width: 1200px) {
	#subMenu_left,
	#subMenu_right {
		flex-direction: row !important;
	}
}


@media (min-width: 1280px) and (max-width: 1920px) {
	#subMenu_left,
	#subMenu_right {
		flex-direction: row !important;
	}
}*/


.separator {
	color: var(--white-20);
}

@media (min-width: 320px) {
	.separator {
		display: none;
	}
}

@media (min-width: 1200px) {
	.separator {
		display: inline-block;
	}
}

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

  #LAUNCHRENTALAPP {
    cursor: pointer;
    background: none;
    color: var(--white);
  }
}



/* ------------------------- Content ------------------------- */

#content {
	display: inline-block;
	width: 100%;
	text-align: center;
	background: var(--main-content-bg);
}

#content:after {
	content: '';
	position: fixed;
	background-image: url(images/overview-bg.png);
	background-attachment: fixed;
	box-shadow: inset 0rem 0rem 4rem var(--main-content-bg);
	z-index: 0;
	top: 0rem;
	left: 0rem;
	bottom: 0rem;
	right: 0rem;
	opacity: 0.4;
}

#content > div {
	z-index: 1;
}

#content #home,
#content #colbox_wrapper,
#content #colbox_wrapper,
#footer,
#subFooter {
	position: relative;
}

@media (min-width: 320px) {
	#content {
		margin-top: 1.25rem;
	}
}

@media (min-width: 1024px) {
	#content {
		margin-top: 1.75rem;
	}
}

@media (min-width: 1200px) {
	#content {
		margin-top: 11.25rem;
	}
}

.pgtopLinks_cnt {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	overflow-x: auto;
	overflow-y: hidden;
	position: sticky;
	top: 3.875rem;
	z-index: 2;
	background-color: var(--white-90);
	backdrop-filter: blur(5px);
	white-space: nowrap;
	padding: 0.75rem;
	margin: 0rem -1rem 1rem;
}

@media (min-width: 1200px) {
	.pgtopLinks_cnt {
		top: 13.5rem;
		margin: 0rem 0rem 0.75rem;
	}
}


.pgtopLinks {
  padding: 0.5rem 0.7rem;
  display: inline-block;
  color: var(--font-color);
	font-size: 1rem;
  font-weight: 600;
	border-bottom: 0.375rem solid var(--black-10)
}

.pgtopLinks:hover {
  color: var(--black-80);
}

.tp_active,
.tp_active:hover {
    border-bottom: 0.375rem solid var(--primary);
    color: var(--black-70);
}


.instopimg {
    position: relative;
height: auto;
z-index: 1;
width: 100%;
overflow: hidden;
}

@media (min-width: 768px) {
.instopimg {
    position: absolute;
height: 21.875rem;
z-index: 1;
width: 100%;
overflow: hidden;
}
}

#contactContent {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 18.75rem;
}

@media only screen and (min-width: 768px) {
	#contactContent .col_01,
	#contactContent .col_02 {
	}
}

.borderContainers {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0.625rem 0rem;
}

.borderContainers img {
	display: inline-block;
	margin: 0rem auto;
	width: 6.25rem;
	height: auto;
	margin: 0.625rem;
	background-size: cover;
	background-position: top center;
	vertical-align: bottom;
}

@media only screen and (min-width: 768px) {
	.borderContainers img {
		width: 9.375rem;
		height: auto;
		margin: 0rem 0.625rem;
	}
}


/* ------------------------- PAGE OVERVIEW : : START -------------------------- */


#overview_wrapper {
	position: relative;
	padding: 3%;
	margin: 4% auto 2rem;
	color: var(--font-color);
	text-align: center;
	border: 0.063rem solid var(--gray-light);
	background-color: var(--white);
  font-weight: normal;
	/*background-image: url('images/overview-bg.png');*/
	z-index: 2;
}

#contact #overview_wrapper {
	background-image: none;
}

#overview_wrapper:before {
	content: '';
	border-bottom: 0.188rem dotted var(--primary);
	position: absolute;
	bottom: -0.5rem;
	left: 0rem;
	width: 100%;
}

#home #overview_wrapper .img {
  display: inline-block;
  width: 9.375rem;
  height: 9.375rem;
  background: var(--light);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: .25rem solid var(--gray-light);
  margin: -6rem auto 2rem;
  z-index: 1;
	background-size: cover;
	overflow: hidden;
}

#home #overview_wrapper .img img {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: auto;
}

@media only screen and (min-width: 320px) {
  #overview_wrapper {
     padding: 8%;
  }
}

@media only screen and (min-width: 768px) {
    #overview_wrapper {
			padding: 4%;
			min-height: 50vh;
    	box-shadow: 0.5rem 0rem 0rem 0rem var(--secondary-80), -0.5rem 0rem 0rem 0rem var(--secondary-80);
    }
}

#overview_wrapper:after,
#overview_wrapper .overview_content:after {
    content: '';
    position: relative;
    width: 90%;
    height: 0rem;
    display: block;
    clear: both;
}

@media only screen and (min-width: 768px) {
	#overview_wrapper:after,
	#overview_wrapper .overview_content:after {
	    content: '';
	    position: relative;
	    width: 80%;
	    height: 0rem;
	    display: block;
	    clear: both;
	}
}


#overview_wrapper .overview_content,
#home #overview_wrapper .overview_content {
	position: relative;
	text-align: center;
	display: grid;
	grid-template-columns: 100%;
}

@media only screen and (min-width: 768px) {
		#overview_wrapper .overview_content {
			position: relative;
			text-align: center;
			display: grid;
			grid-template-columns: 56% 44%;
			column-gap: 3rem;
			justify-content: space-evenly;
			width: calc(100% - 3rem);
			margin: 0 auto;
    }

		#contact #overview_wrapper .overview_content {
			grid-template-columns: 40% 60%;
		}
}

.overview_content .txt {
	overflow: hidden;
    /*font-size: 1.125rem;
    line-height: 1.925rem;*/
}

.overview_content .txt a,
#footer a:not(.socIcons),
#featuresContent a {
  color: var(--accent);
  text-decoration: underline;
	text-underline-offset: 0.25rem;
}

.overview_content .txt a:hover {
    color: var(--accent-hover);
		text-decoration: none;
}

.title {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: normal;
  font-size: 2.25rem;
  color: var(--black-80);
  line-height: normal;
}

@media only screen and (min-width: 768px) {
    .title {
        font-size: 2.5rem;
    }
}


.overview_content .title {
  font-weight: normal;
  font-size: 2.5rem;
  color: var(--black-80);
  line-height: normal;
}

@media only screen and (min-width: 768px) {
    .overview_content .title {
    }
}

@media only screen and (min-width: 1200px) {
    .overview_content .title {
        text-align: left;
    }
}

#home .overview_content .title {
	text-align: center;
}

.titleline {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 3.125rem;
  height: 0.188rem;
  vertical-align: middle;
  background-color: var(--primary);
  margin: 1rem 0rem 1rem 0rem;
}

.subtitle {
	font-size: 1.5rem;
	color: var(--black-70);
	line-height: normal;
}

.overview_content .col_01 {
    position: relative;
    text-align: center;
}

@media only screen and (min-width: 320px) {
    .overview_content .col_01 {
        padding-top: 5rem;
    }
		#contact .overview_content .col_01 {
				padding-top: 0rem;
		}
}

@media only screen and (min-width: 768px) {
    .overview_content .col_01 {
        padding-top: 0rem;
				text-align: left;
    }
}


@media only screen and (min-width: 1200px) {
    .overview_content .col_01 {
    }
}



@media only screen and (min-width: 1200px) {
    .overview_content .col_01 {
    }
}

@media only screen and (min-width: 1920px) {
    .overview_content .col_01 {

    }
}

.overview_content .col_02 {

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .overview_content .col_02 {

    }
}

@media only screen and (min-width: 1200px) {
    .overview_content .col_02 {

    }
}

@media only screen and (min-width: 1920px) {
    .overview_content .col_02 {

    }
}

.overview_content .col_02 .vid {
	position: absolute;
	top: -6rem;
	display: inline-block;
	width: 8.125rem;
	height: 8.125rem;
	background: var(--gray-light);
	border-radius: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border: var(--white) 0.25rem solid;
	z-index: 999;
	transform: scale(1.325) translateX(-38%);
	transform-origin: center;
}



@media only screen and (min-width: 768px) {
	.overview_content .col_02 .vid {
		width: 32vw;
		height: 32vw;
		right: 0;
		transform: scale(1);
		transform-origin: top right;
		left: initial;
	}
}

@media only screen and (min-width: 1200px) {
	.overview_content .col_02 .vid {
		width: 25vw;
		height: 25vw;
	}
}

.vid img {
	width: 100%;
	height: auto;
	opacity: 0.0;
}

.btn,
.gform_wrapper input[type="submit"],
.gform_wrapper .gform_footer input[type=submit],
.gform_next_button,
.button {
  margin: 0rem 0rem 1rem 0rem;
  padding: 0.5rem 1rem;
	height: auto;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  white-space: nowrap;
  background-color: var(--secondary);
  color: var(--black-80);
  color: var(--white);
  border: 0.063rem solid var(--white-40);
  box-shadow: 0rem 0rem 0.25rem 0rem var(--black-20);
  border-radius: 0.188rem;
}

@media only screen and (min-width: 768px) {
    .btn,
    .gform_wrapper .gform_footer input[type=submit] {
      display: inline-block;
      width: auto;
    }
}

@media only screen and (min-width: 1600px) {
    .btn,
    .gform_wrapper .gform_footer input[type=submit] {
      font-size: 1.125rem;
    }
}



/* ------------------------- DEFAULT -------------------------- */

.page-template-default h2 {
    padding: 0.625rem 0rem;
}

#default #overview_wrapper .overview_content {
    text-align: left;
}

@media only screen and (min-width: 768px) {
	#default .col_01 {
		font-size: 1rem;
	}
}

#default .entry-content {
	margin: 0rem;
	width: 100%;
	max-width: none !important;
}

@media only screen and (min-width: 768px) {
	#default .entry-content {
		font-size: 1.125rem;
	}
}

@media only screen and (min-width: 1600px) {
	#default .entry-content {
	}
}

#default ul {
    padding-left: 1rem;
    margin-bottom: 0.625rem;
    list-style-position: inside;
}

#default ul li {
	margin-bottom: 0.625rem;
}

#default ul.gform_fields {
	padding: 0rem;
}

#mainContentPlaceholder_C017_Col00 h2,
#mainContentPlaceholder_C017_Col00 h3,
#mainContentPlaceholder_C017_Col00 h4 {
	color: var(--secondary); /* PURPLE */
}


/* ------------------------- HERO ---------------------------- */

#hero {
	position: relative;
	display: grid;
	margin-top: 0.75rem;
	margin-bottom: 6.5rem;
	grid-gap: 0.5rem;
	grid-template-columns: 100%;
}

@media only screen and (min-width: 320px) {
	#hero {
		height: 56vh;
		grid-template-rows: 70% 29%;
    grid-template-columns: 50%;
	}
}

@media only screen and (min-width: 768px) {
	#hero {
		height: 69.66vh;
		grid-template-rows: none;
		grid-template-columns: 33.33%;
		margin-bottom: 6.5rem;
	}
}

@media only screen and (min-width: 1366px) {
	#hero {
	}
}

#hero img {
	visibility: hidden;
	opacity: 0.0;
	-webkit-opacity: 0.0;
	-ms-opacity: 0.0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

#hero .img01,
#hero .img02,
#hero .img03 {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.img01 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

@media only screen and (max-width: 960px) {
	#hero .img01 {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		grid-column-start: 1;
    grid-column-end: 3;
	}

	#hero .img02 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 2;
	}

	#hero .img03 {
		grid-row-start: 2;
		grid-row-end: 2;
	}
}

@media only screen and (min-width: 1024px) {
	#hero .img01 {
		grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
		display: inline-flex;
		align-items: center;
    justify-content: center;
	}

	#hero .img02 {
		top: 0%;
	}

	#hero .img03 {
	    bottom: 0%;
	}

	#hero .img02,
	#hero .img03 {
		display: block;
	}
}

/* Large Hero Image Overlay
#hero .img01:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	background-color: rgba(0,0,0,0.2);
}
*/

#hero .txt {
	color: var(--white);
	line-height: normal;
	max-width: 90%;
	z-index: 2;
	text-shadow: 0rem 0rem 0.5rem var(--black-40), 0rem 0.125rem 0rem var(--black-20);
}

#hero .txt .title {
  font-weight: 400;
	color: var(--white);
	padding: 0rem;
	line-height: normal;
  letter-spacing: -0.025rem;
}

@media only screen and (min-width: 320px) {
	#hero .txt .title {
		font-size: 8.5vw;
	}
}

@media only screen and (min-width: 768px) {
	#hero .txt .title {
		font-size: 7vw;
	}
}

@media only screen and (min-width: 1024px) {
	#hero .txt .title {
		font-size: clamp(2rem, 4vw, 5rem);
	}
}

#hero .txt .tagline {
  font-weight: 500;
}

@media only screen and (min-width: 320px) {
	#hero .txt .tagline {
		font-size: 4.5vw;
	}
}

@media only screen and (min-width: 768px) {
	#hero .txt .tagline {
		font-size: 3vw;
	}
}

@media only screen and (min-width: 1024px) {
	#hero .txt .tagline {
		font-size: 1.5vw;
	}
}

#hero .arrow-downbox {
	width: 4.5rem;
	text-align: center;
	display: inline-block;
	position: absolute;
	bottom: -3.5rem;
	left: 50%;
	transform: translate(-50%,-50%) scale(.64);
	-webkit-transform: translate(-50%,-50%) scale(.64);
	-ms-transform: translate(-50%,-50%) scale(.64);
}

#hero .arrow-down {
	width: 0;
	height: 0;
	margin-top: -0.031rem;
	border-left: 2.25rem solid transparent;
	border-right: 2.25rem solid transparent;
	border-top: 1.125rem solid var(--secondary);
}

#hero .arrow-downtxt {
	background: var(--secondary);
	color: var(--white);
	height: 2rem;
	width: 100%;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 0.188rem;
	box-shadow: 0.25rem 0.25rem 1rem var(--black-20);
}

#hero .arrow-downtxt i {
	position: absolute;
	display: block;
	width: 100%;
	top: 45%;
	transform: translateY(-50%) rotate(-90deg);
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
}

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

#home {
	/* do nothing */
}

/* Column Box
*********************************************************************/

#colbox_wrapper {

}

#colbox_wrapper .colbox_content {
	display: grid;
	width: 100%;
	grid-column-gap: 2rem;
	grid-row-gap: 1rem;
	justify-content: space-evenly;
}

@media only screen and (min-width: 1024px) {
    #colbox_wrapper .colbox_content {
			padding: 0rem 2rem;
      grid-template-columns: 33.33% 33.33% 33.33%;
    }
}

#colbox_wrapper .col {
	position: relative;
	background-color: var(--white);
	border: 0.063rem solid var(--gray-light);
	width: 100%;
	text-align: center;
	position: relative;
	padding-bottom: 1rem;
	box-shadow: 0.5rem 0rem 0rem 0rem var(--white-50), -0.5rem 0rem 0rem 0rem var(--white-50);
}

#colbox_wrapper .col:before {
    content: '';
    border-bottom: 0.188rem dotted var(--primary);
    position: absolute;
    bottom: -0.5rem;
    left: 0rem;
    width: 100%;
}


@media only screen and (min-width: 320px) {
    #colbox_wrapper .col {
			margin-bottom: 1rem;
			padding-bottom: 2rem;
    }
}

@media only screen and (min-width: 1024px) {
    #colbox_wrapper .col {
    }
}

#colbox_wrapper .col_01 {
}
#colbox_wrapper .col_02 {
}
#colbox_wrapper .col_03 {
}


#colbox_wrapper .colbox_item {
    position: relative;
    display: block;
    margin: 0%;
    text-align: center;
}

#colbox_wrapper .colbox_item .img {
  overflow: hidden;
  margin: -0.063rem;
	box-shadow: 0rem 0.25rem 0rem 0rem var(--primary-30);
}

#colbox_wrapper .colbox_item .img img {
  width: 100%;
  height: auto;
	display: block;
}

#colbox_wrapper .colbox_item .txt {
  text-align: center;
  padding: 8% 12%;
  position: relative;
}

#colbox_wrapper .colbox_item .title {
    padding-bottom: 0rem;
}

#colbox_wrapper .colbox_item p {
    margin-bottom: 30%;
}

@media only screen and (min-width: 320px) {
    #colbox_wrapper .colbox_item p {
        margin-bottom: 0%;
    }
}

@media only screen and (min-width: 768px) {
    #colbox_wrapper .colbox_item p {
        margin-bottom: 10%;
    }
}

@media only screen and (min-width: 1024px) {
    #colbox_wrapper .colbox_item p {
        margin-bottom: 30%;
    }
}

#colbox_wrapper .btn {
    margin: 0rem;
}

@media only screen and (min-width: 320px) {
    #colbox_wrapper .btn {
        max-width: 70%;
        margin: 0 auto 10%;
    }
}

@media only screen and (min-width: 768px) {
    #colbox_wrapper .btn {
        position: absolute;
        width: auto;
        max-width: inherit;
        margin: 0rem;
        bottom: 5%;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}


/* ------------------------- LEASE & TERMS -------------------------- */

#LTerms {
	position: relative;
	height: auto;
	text-align: left;
	padding: 1rem;
	min-height: 40vh;
}

@media only screen and (min-width: 768px) {
  #LTerms {
    margin-top: 0.625rem;
    min-width: 40.625rem;
    padding: 2rem;
  }
}

@media only screen and (min-width: 980px) {
  #LTerms {
    margin-top: 1rem;
    min-width: 52.188rem;
  }
}

#LTerms h2 {
	display: inline-block;
	font-size: 1.625rem;
	line-height: normal;
}

@media only screen and (min-width: 768px) {
  #LTerms h2 {
    font-size: 2.375rem;
  }
}

@media only screen and (min-width: 980px) {
  #LTerms h2 {
    font-size: 3rem;
  }
}

#LTerms h3 {
  display: inline-block;
  font-size: 1.125rem;
  line-height: normal;
	margin: 0;
}

@media only screen and (min-width: 768px) {
  #LTerms h3 {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 980px) {
  #LTerms h3 {
    font-size: 1.5rem;
  }
}

#LTermsSub {
  display: block;
  font-weight: 600;
  margin: 0.625rem 0rem 1rem;
}

@media only screen and (min-width: 768px) {
	#LTermsSub {
		font-size: 1.125rem;
		margin: 0.625rem .25rem 2.188rem;
	}
}

#LTerms ul {
  list-style-position: inside;
	margin: 1rem 0.125rem;
}

#LTerms .termsContent {
	display: grid;
	grid-template-columns: 100%;
	grid-row-gap: 1rem;
	overflow-y: auto;
}



@media only screen and (min-width: 768px) {
	#LTerms .termsContent.lease-terms-modal-columns-one,
	#LTerms .termsContent.lease-terms-modal-columns-two {
		grid-column-gap: 1rem;
		grid-row-gap: 0rem;
	}

	#LTerms .termsContent.lease-terms-modal-columns-one {
		grid-template-columns: repeat(1, calc(100% - 2rem));
	}

	#LTerms .termsContent.lease-terms-modal-columns-two {
		grid-template-columns: repeat(2, calc(50% - 2rem));
	}
}

#LTerms .leftCol {

}

#LTerms .rightCol {

}

/* ------------------------- FLOORPLANS -------------------------- */

/* FLOOR PLAN Fancybox custom links in the Features & Amentities section */
a.faPictures {
	display: inline-block;
}

/* FLOOR PLAN MENU */
#fpMenu {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: center;
	display: block;
	margin: 0rem auto 0.625rem;
}

#fpMenu li {
	font-size: .875rem;
	cursor: pointer;
	list-style: none;
	width: 30%;
	display: inline-block;
	position: relative;
}

#fpMenu li.drop {
	position: relative;
}

#fpMenu > li {
	display: inline-block;
}

#fpMenu li a {
	width: 100%;
	min-height: 9.375rem;
	color: var(--gray);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out; /**/

	text-align: center;

	line-height: 1;
}
#fpMenu li a:hover {
	color: var(--gray-light);
}

.fpmIcons {
	position: relative;
	top: 0rem;
	margin: 0rem auto;
	width: 2.75rem;
	height: 2.5rem;
	padding: 1.25rem 0rem 0.625rem;
}

@media (min-width: 768px) {
	.fpmIcons {
		width: 3.125rem;
		height: 2.75rem;
	}
}

@media (min-width: 980px) {
	.fpmIcons {
		width: 4.688rem;
		height: 4.125rem;
	}
}

#fpMenu li .fpmIcons {
	-webkit-transition: all .75s ease !important;
    -moz-transition: all .75s ease !important;
    -o-transition: all .75s ease !important;
    -ms-transition: all .75s ease !important;
    transition: all .75s ease !important;
}

#fpMenu  li:hover .fpmIcons {
	top: -1.125rem;
}

#fpMenu .fpmText {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: .875rem;
	color: var(--secondary);
	letter-spacing: .5px;
	text-transform: uppercase;
	line-height: 1.7;
}

@media (min-width: 768px) {
	#fpMenu .fpmText {
		font-size: 1rem;
		letter-spacing: 0.125rem;
	}
}

@media (min-width: 980px) {
	#fpMenu .fpmText {
		font-size: 1.25rem;
		letter-spacing: 0.188rem;
	}
}

@media (min-width: 1200px) {
	#fpMenu .fpmText {
		font-size: 1.5rem;
		letter-spacing: 0.188rem;
	}
}

#fpMenu li:hover .fpmText {
	color: var(--primary-dark);
}

.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: .5rem solid transparent;
	border-right: .5rem solid transparent;
	border-bottom: .5rem solid white;
	top: -.5rem;
	left: 50%;
	margin-left: -.5rem;
}

.dropdownContain {
	width: 10rem;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -5rem; /* half of width */
	top: -2500rem;
}

.dropOut {
	width: 10rem;
	background: white;
	float: left;
	position: relative;
	margin-top: 0rem;
	opacity: 0;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	-webkit-box-shadow: 0 0.063rem 0.625rem rgba(0,0,0,.20);
	-moz-box-shadow: 0 0.063rem 0.625rem rgba(0,0,0,.20);
	box-shadow: 0 0.063rem 0.625rem rgba(0,0,0,.20);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

#fpMenu .dropOut ul {
	float: left;
	padding: 0.625rem 0;
}

#fpMenu .dropOut ul li {
	text-align: left;
	float: left;
	width: 7.813rem;
	padding: .75rem 0 0.625rem 1rem;
	margin: 0rem 0.625rem;
	color: var(--gray);
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}

#fpMenu .dropOut ul li:hover {
	background: var(--light);
}


#fpMenu li:hover a { color: white; }

#fpMenu li:hover .dropdownContain {
	top: 6.875rem;
}

@media (min-width: 768px) {
	#fpMenu li:hover .dropdownContain {
		top: 7.5rem;
	}
}
@media (min-width: 980px) {
	#fpMenu li:hover .dropdownContain {
		top: 10rem;
	}
}
@media (min-width: 1200px) {
	#fpMenu li:hover .dropdownContain {
		top: 10.625rem;
	}
}

#fpMenu li:hover .underline {
	border-bottom-color: var(--gray);
}

#fpMenu li:hover .dropOut {
	opacity: 1;
	margin-top: .5rem;
}

#datePicker {
	cursor: pointer;
}

#fpMenu #date {
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}


/* FLOORPLANS FILTERS */
#filters {
	position: relative;
	padding: 0rem 0.625rem;
	margin: 0rem auto;
	min-height: 1.125rem;
}

@media (min-width: 768px) {
	#filters {
		width: 98%;
	}
}

#filters div {
	position: relative;
	display: block;
	margin: 0rem;
}

@media (min-width: 768px) {
	#filters div {
		display: inline-block;
	}
}

#filters a {
	position: relative;
	display: block;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: .75rem;
	color: var(--secondary);
	letter-spacing: 0.063rem;
	text-transform: uppercase;
	line-height: 1.7;
	display: none;

}

@media (min-width: 768px) {
	#filters a {
		vertical-align: top;
	}
}

#filters a span {
	margin: 0rem 0.625rem;
	color: var(--black-80);
	display: none;
}

@media (min-width: 768px) {
	#filters a span {
		display: inline-block;
	}
}

#filters .filterClose {
	color: var(--black-80);
	margin: 0rem;
	display: inline-block !important;
}

#change {
	margin-top: 1rem;
	font-size: 0.625rem;
}

/* THE REST OF FLOORPLANS */
#fpChooseFrom {
	max-width: 25rem;
	margin: 0rem auto;
	width: 80%;
}

#fpContainer {
	position: relative;
	width: 100%;
	min-height: 31.25rem;
	margin-bottom: .25rem;
}

#fpList {
	position: relative;
	margin: 0rem auto;
	display: grid;
	gap: 2rem;
	justify-content: space-evenly;
}

@media (min-width: 768px) {
	#fpList {
		grid-template-columns: 33.33% 33.33% 33.33%;
		padding: 0 2.25rem;
	}
}

.fpItem {
	background-color: var(--white);
	border: 0.063rem solid var(--gray-light);
	width: 100%;
	text-align: center;
	position: relative;
	padding-bottom: 1rem;
	box-shadow: 0.5rem 0rem 0rem 0rem var(--white-50), -0.5rem 0rem 0rem 0rem var(--white-50);
}

.fpItem:before {
    content: '';
    border-bottom: 0.188rem dotted var(--primary);
    position: absolute;
    bottom: -0.5rem;
    left: 0rem;
    width: 100%;
}


.fpBGcolor {
	position: absolute;
	top: 0rem;
	left: 2%;
	width: 96%;
	height: 100%;
}

.fpBg {
	position: relative;
	width: 96%;
	margin: 0rem auto 3%;
	padding: 1.125rem 0 .25rem;

}

@media (max-width: 1399px) {
	.fpBg {
		margin: 0rem auto 4%;
	}
}

@media (min-width: 1400px) {
	.fpBg {
		margin: 0rem auto 6%;
	}
}

.fpItem img {
	width: 80%;
	border: 0rem;
}

.fpImageGradient {
	position: absolute;
	top: 0rem;
	left: 0.063rem;
	width: 100%;
	height: 100%;

	/* Permalink - use to edit and share this gradient: http: //colorzilla.com/gradient-editor/var(--white)+1,000000+100&0+72,0.85+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 1%, rgba(72,72,72,0) 72%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 1%,rgba(72,72,72,0) 72%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 1%,rgba(72,72,72,0) 72%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
	opacity: 0.16;
}

.bottomInfo {
	position: absolute;
	bottom: 0.625rem;
	left: 0.625rem;
	width: 100%;
	color: var(--white);
	text-align: center;
}

@media (min-width: 980px) {
	.bottomInfo {
		bottom: 0.625rem;
		left: 1.25rem;
	}
}

.priceInfo {
	position: relative;
	font-size: 1.25rem;
	line-height: 1.2;
min-height: auto;
}

@media (min-width: 768px) {
	.priceInfo {
		font-size: 1.5rem;
		min-height: auto;
	}
}

@media (min-width: 980px) {
	.priceInfo {
		font-size: 1.75rem;
		min-height: 2.5rem;
	}
}

@media (min-width: 1200px) {
	.priceInfo {
		font-size: 2rem;
		min-height: 2.5rem;
	}
}

@media (min-width: 1400px) {
	.priceInfo {
		font-size: 2.25rem;
		min-height: 2.5rem;
	}
}

.unitInfo {
	font-size: .75rem;
}

@media (min-width: 768px) {
	.unitInfo {
		font-size: .875rem;
	}
}

@media (min-width: 980px) {
	.unitInfo {
		font-size: 0.875rem;
	}
}

@media (min-width: 1200px) {
	.unitInfo {
		font-size: 1rem;
	}
}

@media (min-width: 1400px) {
	.unitInfo {
		font-size: 1.125rem;
	}
}

.fpInfos {
	position: relative;
	text-align: center;
	margin: 0rem auto;
	padding: 0rem 0rem 1rem;
	display: flex;
	width: 100%;
	flex-direction: column-reverse;
}

.fpTitles {
	position: relative;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: capitalize;
	font-size: 1.25rem;
}

@media (min-width: 768px) {
	.fpTitles {

	}
}

@media (min-width: 1200px) {
	.fpTitles {
		font-size: 1.5rem;
    font-weight: 600;
	}
}

.fpHR {
	border: 0rem solid var(--primary);
	height: 0.188rem;
	background: var(--primary);
	width: 3.125rem;
	margin: .5rem 0;
}

.fpLinks {
	position: relative;
	margin: 0rem auto;
	display: grid;
	grid-template-columns: 50% 50%;
	justify-content: space-evenly;
	gap: 0.5rem;
  padding: 0rem 0.875rem;
}

.fpLinks a {
	margin-bottom: 0rem;
}

.fpLinks span {
	color: var(--secondary);
	margin: 0rem .25rem;
}


#loading {
	position: fixed;
	top: 49%;
	left: 49%;
	z-index: 999;
}

#disclaimer {
	position: relative;
	text-align: center;
}

.lineMiddle {
	background: var(--gray-light);
	height: 100%;
	width: 0.063rem;
	position: absolute;
	top: 0rem;
	left: 50%;
}



/* ------------------------- SINGLE FLOORPLANS -------------------------- */
#singleFP {
	position: reletive;
	background: #var(--gray-light);
	width: 100%;
	min-height: 6.25rem;
	text-align: center;
	padding-bottom: 5rem;
}

#sfpLinks a {
	color: var(--secondary);
	margin: 0rem .5rem;
}

#sfpLinks a:hover {
	color: var(--black-80);
}

.sfpImage {
	width: 90%;
	max-width: 50rem;
	margin: 0rem auto;
}

#availList {
	width: 90%;
	max-width: 62.5rem;
	margin: 0rem auto;
	position: relative;
	text-align: left;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	overflow: hidden;
}

.sfpHR {
	width: 200%;
	height: 0.063rem;
	border: 0rem;
	background: var(--primary);
	margin: 1rem auto;
}

#availList .rows:last-child .sfpHR {
	width: 200%;
}

#availList .rows {
	position: relative;
	width: 100%;
	text-align: center;
}

@media (min-width: 768px) {
	#availList .rows {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
}

#availList .rowContainer {
	position: relative;
	display: inline-block;
}

#availList .cols {
	position: relative;
	top: 0rem;
	left: 0rem;
	z-index: 9;
	float: inherit;
	box-sizing: border-box;
}

#availList .padding {
	padding-left: 8.125rem;
	font-size: .75rem;
	line-height: 1.5;
	text-align: left;
}

@media (min-width: 530px) {
	#availList .padding {
		padding-left: 9.688rem;
		font-size: 0.875rem;
	}
}

@media (min-width: 768px) {
	#availList .padding {
		padding-left: 10.625rem;
		font-size: 1rem;
		line-height: 1.8;
	}
}

@media (min-width: 980px) {
	#availList .padding {
		padding-left: 12.5rem;
		font-size: 1rem;
		line-height: 1.8;
	}
}

@media (min-width: 1200px) {
	#availList .padding {
		padding-left: 15rem;
	}
}

.availImage {
	width: 7.5rem;
	float: left;
	box-sizing: border-box;
}

@media (min-width: 530px) {
	.availImage  {
		width: 8.438rem;
	}
}

@media (min-width: 768px) {
	.availImage  {
		width: 9.375rem;
	}
}

@media (min-width: 980px) {
	.availImage  {
		width: 11.25rem;
	}
}

@media (min-width: 1200px) {
	.availImage  {
		width: 13.75rem;
	}
}

.sfpPrice {
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

#availList a {
	color: var(--secondary);
	display: block;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 0.625rem;
}

#availList a:hover {
	color: var(--black-80);
}

@media (min-width: 768px) {
	#availList a {
		display: inline-block;
		margin-right: 1.25rem;
		letter-spacing: 0rem;
	}
}

@media (min-width: 980px) {
	#availList a {
		display: inline-block;
		margin-right: 1.25rem;
		letter-spacing: 0.063rem;
	}
}


/* ------------------------- VIEW LARGE -------------------------- */
#viewLarge {
	position: fixed;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	background: var(--black-80);
	background: rgba(0,0,0,.65);
	overflow: auto;
	z-index: 8000;
	display: none;
}

#vlContainer {
	position: relative;
	top: 10%;
	width: 90%;
	margin: 0rem auto;
	margin-bottom: 10%;
	background: #var(--gray-light);
	padding: 1.25rem 0rem;
	text-align: center;
	max-width: 76.875rem;
}

@media (min-width: 768px) {
	#vlContainer {
		width: 80%;
		top: 5%;
	}
}

@media (min-width: 980px) {
	#vlContainer {
		width: 70%;
	}
}

#closeVL {
	position: absolute;
	top: 0rem;
	right: 0rem;
	padding: 1.25rem;
	color: var(--black-80);
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 1rem;
}

@media (min-width: 980px) {
	#closeVL:hover {
		color: var(--secondary);
	}
}

#imageVL {
	width: 80%;
}

@media (min-width: 768px) {
	#imageVL {
		width: 75%;
	}
}

#infoVL {
	position: relative;
	text-align: center;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	width: 96%;
	margin: 0rem auto;
	font-size: .75rem;
	line-height: 1.6;
	padding-bottom: 1.25rem;
}

@media (min-width: 768px) {
	#infoVL {
		font-size: 0.875rem;
		line-height: 1.7;
	}
}

@media (min-width: 980px) {
	#infoVL {
		font-size: 1rem;
		line-height: 1.8;
	}
}

/* ------------------------- FEATURES ---------------------------- */


#featuresContent {
	padding: 8%;
	min-height: 40vh;
	margin: 0rem auto;
	background-color: var(--white);
	border: 0.063rem solid var(--gray-light);
	position: relative;
	box-shadow: 0.5rem 0rem 0rem 0rem var(--white-50), -0.5rem 0rem 0rem 0rem var(--white-50);
}

@media (min-width: 768px) {
	#featuresContent {
		padding: 4%;
	}
}

#featuresContent:before {
  content: '';
  border-bottom: 0.188rem dotted var(--primary);
  position: absolute;
  bottom: -0.5rem;
  left: 0rem;
  width: 100%;
}

.petPolicy {
	padding: 5% 4% !important;
}

.instopimg .swiper-container, .swiper-wrapper, .swiper-slide {
	top: 0rem;
}

.instopimg .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
}

@media (min-width: 768px) {
	.instopimg .swiper-container,
	.swiper-wrapper, .swiper-slide {
		top: -17%;
	}
}

.overblack {
	display: none;
	background-color: var(--white-20);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
}

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

#featuresContent:after {
    content: '';
    position: relative;
    width: 100%;
    height: 0rem;
    display: block;
    clear: both;
}

#featuresContent ul {
	position: relative;
	list-style: none;
	list-style-position: inside;
	margin-bottom: 2rem;
	/* border-bottom: 0.063rem solid var(--gray-light);*/
}

.faleft .faText:last-child ul {
    border-bottom: none !important;
}


#featuresContent li {
	padding-left: 1.5rem;
	padding-bottom: 1rem;
	line-height: 1.5;
}

#featuresContent li:before {
    content: "- ";
    position: absolute;
    display: inline-block;
    left: .125rem;
}

/***************************************
	Features & Amenties Content Section
****************************************/
#featsec {
	display: flex;
	flex-direction: column;
	text-align: left;
}

@media (min-width: 1024px){
	#featsec {
		display: grid;
		grid-template-columns: repeat(auto-fill, calc(50% - 0.5rem));
		grid-column-gap: 5rem;
		text-align: left;
	}
}

.faDisclaimer {
	font-size: 1rem;
	font-weight: 600;
	margin: 0;
	position: relative;
	text-align: left;
	grid-column-start: 1;
	grid-column-end: 3;
}

@media only screen and (min-width: 1024px) {
	.faDisclaimer {
		margin-top: 2rem;
	}
}

.faText {
}

.faleft {
  display: inline-block;
  text-align: left;
	position: relative;
}


@media only screen and (min-width: 768px) {
  .faleft {
  	text-align: left;
  }

	#featuresContent .faleft ul:first-child {
		border-bottom-width: 0rem;
	}
}

#featsec .faText:nth-child(3) {
	order: 2;
}

@media only screen and (min-width: 1024px) {
	#featsec .faText {
		position: relative;
	}

	#featsec .faText:nth-child(3) {
		order: initial;
	}

  #featsec .faText:nth-child(3):after,
	#featsec .faText:nth-child(4):after {
		content:'';
		position: absolute;
		width: 1px;
		top:0;
		bottom: 0;
		left: -2.5rem;
  	border-left: 1px solid var(--black-10);
	}

	#featsec .faText:nth-child(4):after {
		left: inherit;
		right: -2.5rem;
	}
}

.faright {
  border-left: none;
  text-align: left;
	position: relative;
}


#faBottomContent {
	border-top: 1px solid var(--black-10);
	text-align: left;
	font-weight: 300;
	padding: 1.5rem;
}


#featuresContent .faright ul:last-child {
    border-bottom-width: 0rem;
}


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

  }
}

.farightText h2, .farightText h3,
.farightText h4, .farightText h5 {
	color: var(--black-80);
}


#featsec .section-title {
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--black-90);
}

#featsec h1,
#featsec h2,
#featsec h3,
#featsec h4,
#featsec h5,
#featsec h6  {
	font-size: 1.25rem;
	font-weight: 600;
}

.petpoLeft .entry-content {
	margin: 0rem;
}

/* ------------------------- GALLERY -------------------------- */

#gallery {
    position: relative;
    width: 100%;
}

#galContainer {
    display: block;
    border-bottom: 1.25rem solid var(--main-content-bg);
    text-align: center;
}


@media (min-width: 768px) {
	#galContainer {
		padding: 2.5rem 0rem;
	}
}

@media (min-width: 980px) {
    #galContainer {
        display: block;
        padding: 3.125rem 0rem;
    }
}

#galNav,
.allContent {
	position: relative;
	display: grid;
	gap: 0.5rem;
	justify-content: flex-start;
	grid-template-columns: 100%;
}

@media (min-width: 768px) {
	#galNav,
	.allContent {
		grid-template-columns: repeat(auto-fill, calc(50% - 0.5rem)) !important;
	}
}

@media (min-width: 1024px) {
	#galNav,
	.allContent {
		grid-template-columns: repeat(auto-fill, calc(25% - 0.5rem)) !important;
	}
}

#galNav > a,
.allContent > a {
	display: flex;
  position: relative;
  height: 26vh;
  width: 100%;
}

@media (min-width: 320px) {
    #galNav > a, .allContent > a {

    }

    #locBottomimages #galNav > a,
		#locBottomimages .allContent > a {
        display: none;
    }

    #locBottomimages #galNav > a:first-child,
    #locBottomimages .allContent > a:first-child {
        display: block;
    }
}

@media (min-width: 736px) {
    #galNav > a, .allContent > a {

    }

    #locBottomimages #galNav > a,
    #locBottomimages .allContent > a {

    }

    #locBottomimages #galNav > a:first-child,
    #locBottomimages #galNav > a:first-child + a,
    #locBottomimages #galNav > a:first-child + a + a,
    #locBottomimages #galNav > a:first-child + a + a + a {
        display: block;
    }
}

@media (min-width: 768px) {
    #galNav > a, .allContent > a {
    }

    #locBottomimages #galNav > a,
		#locBottomimages .allContent > a {
       display: block;
    }
}

#locBottomimages {
	margin-bottom: -1rem;
}

@media (min-width: 768px) {
    #locBottomimages {
			margin-bottom: -1.25rem;
    }
}

@media (min-width: 1024px) {
    #locBottomimages {
			margin-bottom: -1.5rem;
    }
}

@media (min-width: 1280px) {
    #galNav > a, .allContent > a {
    }

    #locBottomimages #galNav > a, #locBottomimages .allContent > a {

    }
}

@media (min-width: 1680px) {
    #galNav > a, .allContent > a {
    }

    #locBottomimages #galNav > a, #locBottomimages .allContent > a {

    }
}

@media (min-width: 1920px) {
    #galNav > a, .allContent > a {
    }

    #locBottomimages #galNav > a, #locBottomimages .allContent > a {

    }
}


#galNav a .box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 99%;
    height: 99%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.allContent a .box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 99%;
    height: 99%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#fpCatSelector,
.galCatSelector,
#fpCatFilterButtons {
	position: relative;
	width: 100%;
	margin: 0rem auto 0rem;
  display: flex;
  flex-wrap: wrap;
  padding: 0% 0% 2%;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	font-size: .875rem;
	color: var(--secondary);
	flex-direction: row;
	margin-bottom: 1rem;
}

/* ------------------------- GALLERY WITH CATEGORY FILTERS -------------------------- */

#fpCatSelector select,
.galCatSelector select {
	font-size: .875rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	background-color: transparent;
	padding: 0.25rem 1.5rem 0.25rem 0.5rem;
  text-indent: 0;
}

#fpCatSelector select,
.galCatSelector select {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='17px' viewBox='0 0 32 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='_UI-Inventory' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components' transform='translate(-597.000000 -597.000000)' fill='%23030707'%3E%3Cg id='03_UI-Comps/Icon/DownArrow' transform='translate(597.000000 589.000000)'%3E%3Cpath d='M15.9999914 20.2707181 L3.3609022 8.53441302 C2.55148086 7.78280749 1.28601855 7.82967646 0.534413017 8.6390978 C-0.217192514 9.44851914 -0.170323539 10.7139815 0.639097801 11.465587 L14.6390978 24.465587 C15.4064601 25.1781377 16.5935399 25.1781377 17.3609022 24.465587 L31.3609022 11.465587 C32.1703235 10.7139815 32.2171925 9.44851914 31.465587 8.6390978 C30.7139815 7.82967646 29.4485191 7.78280749 28.6390978 8.53441302' id='Path-6-Copy'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
	background-position-x: calc(100% - 0.5rem);
	background-position-y: center;
	background-size: 0.75rem;
	opacity: 0.7;
}

#fpCatSelector select:focus,
.galCatSelector select:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='32px' height='17px' viewBox='0 0 32 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E03_UI Comps/Icon/UpArrow%3C/title%3E%3Cg id='_UI-Inventory' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components' transform='translate(-797.000000  -677.000000)' fill='%23030707'%3E%3Cg id='03_UI-Comps/Icon/UpArrow' transform='translate(797.000000  669.000000)'%3E%3Cpath d='M15.9999914 20.2707181 L3.3609022 8.53441302 C2.55148086 7.78280749 1.28601855 7.82967646 0.534413017 8.6390978 C-0.217192514 9.44851914 -0.170323539 10.7139815 0.639097801 11.465587 L14.6390978 24.465587 C15.4064601 25.1781377 16.5935399 25.1781377 17.3609022 24.465587 L31.3609022 11.465587 C32.1703235 10.7139815 32.2171925 9.44851914 31.465587 8.6390978 C30.7139815 7.82967646 29.4485191 7.78280749 28.6390978 8.53441302' id='Path-6-Copy' transform='translate(16.000000  16.499996) scale(1  -1) translate(-16.000000  -16.499996) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


/*
#fpCatSelector .catSelectorSelect,
.galCatSelector .catSelectorSelect {
	border-bottom: 0.063rem solid var(--secondary-50);
	margin: 0 .125rem;
	position: relative;
}

#fpCatSelector .catSelectorSelect:after,
.galCatSelector .catSelectorSelect:after {
	content: '›';
	color: var(--secondary-50);
	font-size: 1.25rem;
	position: absolute;
	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;
	top: 0.425rem;
}

*/


@media (min-width: 768px) {
	#fpCatSelector,
	.galCatSelector,
	#fpCatFilterButtons {
		font-size: 1rem;
	}

	#fpCatSelector select,
	.galCatSelector select,
	#fpCatFilterButtons a {
		font-size: 1rem;
		color: var(--secondary);
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border: none;
		background-color: transparent;
		z-index: 1;
	}
}

#fpCatSelector .fpCatSelectorLabel {
	display: none;
}

#fpCatSelector .fpCatSelectorOptions {
	display: none;
}

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


.gallery-wrapper .image-group {
	display: none;
	visibility: hidden;
	list-style-type: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	grid-template-columns: repeat(auto-fill, 100%);
	gap: 1rem;
	padding: 0% 0% 2%;
}

@media (min-width: 600px) {
	.gallery-wrapper .image-group {
		grid-template-columns: repeat(auto-fill, calc(50% - 1rem));
	}
}

@media (min-width: 1024px) {
	.gallery-wrapper .image-group {
		grid-template-columns: repeat(auto-fill, calc(33.33% - 1rem));
	}
}

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

.image-group li {
	height: 100%;
}

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

	}
}

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

	}
}

.image-group li .image-group-item {
	height: 100%;
}

.image-group .image-group-item .image-group-item-img {
	background-size: contain;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	transition: all;
	box-shadow: inset 0rem -0.5rem 2rem 0.125rem var(--secondary-10);
}

.image-group .image-group-item-img img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: 100%;
	display: block;
}

.image-group .image-group-item .image-group-item-img video,
.image-group .image-group-item .image-group-item-img svg {
	width: 100%;
	height: 100%;
	transition: all;
}

.image-group .image-group-item .image-group-item-img .iconPlay {
    position: absolute;
    fill: white;
    box-shadow: 0rem 0rem 0rem 0rem red;
    background: var(--black-50);
    padding: 1rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
}

.image-group .image-group-item .image-group-item-img:hover img,
.image-group .image-group-item .image-group-item-img:hover video {
	transform: scale(1.04);
	transition: all .6s;
}

.image-group .image-group-item .image-group-item-title {
	position: absolute;
	bottom: 0.75rem;
	left: 0;
	right: 0;
	font-size: .875rem;
	color: var(--white);
	background-color: var(--secondary);
	padding: 0.25rem;
	box-shadow: inset 0rem -0.5rem 2rem 0.125rem var(--secondary-10);
}

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



/* ------------------------- NEIGHBORHOOD -------------------------- */


#exploremap {
	text-align: center;
	position: relative;
	background: url(images/mapbg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
	padding: 0%;
	margin: 4% 0;
}

#exploremapbox_outer {
  background-image: url(images/bentoLocationContentBG.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}

@media screen and (min-width: 320px) {
  #exploremapbox_outer {
  	margin: -1.25rem 0rem -2.5rem;
    width: 17.5rem;
    height: 18.5rem;
  }
}

@media screen and (min-width: 414px) {
  #exploremapbox_outer {
  	margin: -1.25rem 0rem -2.5rem;
    width: 24.375rem;
    height: 25.75rem;
  }
}

@media screen and (min-width: 768px) {
  #exploremapbox_outer {
  	margin: -1.25rem 0rem -2.5rem;
    width: 26.25rem;
    height: 27.813rem;
  }
}

@media screen and (min-width: 1200px) {
  #exploremapbox_outer {
  	margin: -1.25rem 0rem -2.5rem;
    width: 30.125rem;
    height: 31.875rem;
  }
}

#exploremapbox {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 80%;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}

.exploremapbox_point {
  border-left: 3.75rem solid transparent;
  border-right: 3.75rem solid transparent;
  border-top: 0.875rem solid rgba(0, 0, 0, 0.7);
  height: 0;
  width: 0;
}

.icon-PinPoint {
	font-size: 3.25rem;
	display: inline-block;
	color: var(--primary);
	margin: 0% 0% 8%;
}

@media screen and (min-width: 320px) {
	.icon-PinPoint {
		font-size: 2.25rem;
	}
}

#exploremapbox .title {
    display: block;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 500;
    color: var(--white);
    margin: 0rem;
    padding: 0rem;
}

@media screen and (min-width: 320px) {
    #exploremapbox .title {
			margin-bottom: 1.25rem;
    }
}

@media screen and (min-width: 414px) {
    #exploremapbox .title {
			margin-bottom: 0rem;
    }
}

#exploremapbox .txt {
  font-size: 0.875em;
  color: var(--white);
  padding: 4% 6% 8%;
  margin: 0rem;
}

@media screen and (min-width: 320px) {
  #exploremapbox .txt {
		display: none;
  }
}

@media screen and (min-width: 414px) {
  #exploremapbox .txt {
		display: block;
  }
}

#exploremapbox .btn {
	border-color: var(--white);
	color: var(--white);
	background-color: transparent;
	margin: 0rem;
	border-top: 0.063rem solid;
	border-left: 0.063rem solid;
	border-right: 0.063rem solid;
}

@media screen and (min-width: 320px) {
  #exploremapbox .btn {
    width: auto !important;
    display: inline-block !important;
  }
}

#poimapcont {
	display: none;
	max-width: 100%;
	min-width: 31.25rem;
	height: auto;
}

#infoBox {
  display: none;
}

#gmapcont {
	display: none;
	visibility: hidden;
}

.fancybox__container #gmapcont {
	display: block;
	visibility: visible;
}

.fancybox__container #gmapcont iframe {
  width: 80vw;
  height: 70vh;
}

/* Location Page
*********************************************************************/

#features #colbox_wrapper {
	width: 100%;
	padding: 0%;
	margin: 0 auto 2%;
	position: relative;
}

@media only screen and (min-width: 320px) {
	#features #colbox_wrapper {
		/*margin: 0% 0% 2%;*/
	}
}

#features .col {
}

#features .colbox_item {
    margin: 0%;
}
#features .colbox_item .txt {
    border-width: 0rem;
}
#features .colbox_item p {
    margin-bottom: 0%;
}

#features #colbox_wrapper .colbox_item p {
	margin-bottom: 0% !important;
}

#petpo {
	padding: 1%;
}

.locBoxes a, .locBoxes p {
	display: block;
}

/* ------------------------- CONTACT ---------------------------- */

#contact .entry-content {
	margin: 1.25rem 0rem 0rem;
}

#formEmail {
	position: relative;
	display: block;
	margin: 0.625rem 0rem 0rem
}

/* Contact Page
*********************************************************************/

#contactForm {
    display: none;
}

html.with-fancybox .fancybox__container #contactForm {
	display: block !important;
}

@media (max-width: 768px) and (orientation: landscape){
	#contactForm {
	  display: block !important;
	}

	.fancybox__container #contactForm {
	  display: none !important;
	}
}

#contactForm .gfield_label {
    display: none;
}

#contactBtn {
    display: block;
    margin-top: 1.25rem;
    text-decoration: none;
}

#contactBtn:link, #contactBtn:visited {
	color: var(--white);
}

#closeBtn {
    position: absolute;
    width: 1.25rem;
    top: 0.625rem;
    right: .5rem;
    background: url('images/closeBtn.png') no-repeat center top;
    background-size: 100%;
}

@media only screen and (min-width: 768px) {
    #contact .col_02:before {
        display: block;
        content: '';
        width: 0.063rem;
        height: 100%;
        position: absolute;
        top: 0rem;
        background-color: var(--gray-light);
    }

    #contactForm {
			display: block !important;
			margin-left: 4%;
    }

    #contactBtn {
      display: none !important;
    }
}

#contactForm h3 {
	color: var(--black-80);
	line-height: 1.5;
}

#contact #overview_wrapper {
   border-bottom: none;
}

#contact #overview_wrapper {
   border-bottom: none;
}

#contact .overview_content .title {
}


#contact .col_01 {
}

.thankyou {
  margin-top: 1.25rem;
  text-align: center;
  font-weight: 600;
}

.thankyou h1 {
}

#contactTy {
  min-width: 12.5rem;
  max-width: 34.375rem;
  height: auto;
  padding: 2% 3%;
  font-size: .75rem;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 300;
}

#contactTy h1 {
  font-size: 2rem;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}

.thankYou {
    padding: .5rem .25rem 2rem;
}

@media only screen and (min-width: 533px) {
    #contactTy {
      min-width: 18.75rem;
    }
}

@media only screen and (min-width: 768px) {
    #contactTy {
	    padding: 8% 8% 12%;
	    min-width: 27.688rem;
	    font-size: 1.125rem;
    }

    #contactTy h1 {
			font-size: 3rem;
    }

    .smallTxt {
      display: block;
      margin-top: 0.625rem;
      letter-spacing: 0.063rem;
    }
}

@media only screen and (min-width: 980px) {
    #contactTy {
      padding: 10%;
      min-width: 30.625rem;
    }
}

#thankyouMain {
  display: none;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
    #thankyouMain {
      display: block;
      font-size: 1.125rem;
    }

    #thankyouMain h1 {
    	text-transform: capitalize;
      font-weight: 500;
      font-size: 3rem;
    }
}


/* ------------------------- GRAVITY FORMS OVERRIDES -------------------------- */


.gform_wrapper h3.gform_title {
    font-size: 1.75rem !important;
    margin: 0rem 0rem 1.5rem !important;
}

.gform_wrapper span.gform_description {
    font-weight: 400;
    font-size: 1.125rem;
}

.gform_wrapper .gform_footer {
    clear: both;
    margin: 0 !important;
    padding: 1em 0 0.625em !important;
    text-align: right;
}


.gform_wrapper input[type="text"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="file"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="range"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="time"],
.gform_wrapper input[type="week"],
.gform_wrapper textarea,
.gform_wrapper select {
  text-indent: 4%;
  border: 0.063rem solid #888 !important;
  -webkit-appearance: none !important;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="file"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="range"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="time"],
.gform_wrapper input[type="week"] {
  line-height: 2.5rem !important;
  text-indent: 4% !important;
  background-color: var(--white) !important;
}

.gform_wrapper select {
    height: 2.5rem !important;
    border-radius: 0rem;
}

.gform_wrapper textarea {
    padding: 2% !important;
    line-height: normal !important;
    width: 100% !important;
    text-indent: 0rem !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half input.large,
.gform_wrapper .top_label li.gfield.gf_left_half input.medium,
.gform_wrapper .top_label li.gfield.gf_left_half select.large,
.gform_wrapper .top_label li.gfield.gf_left_half select.medium,
.gform_wrapper .top_label li.gfield.gf_right_half input.large,
.gform_wrapper .top_label li.gfield.gf_right_half input.medium,
.gform_wrapper .top_label li.gfield.gf_right_half select.large,
.gform_wrapper .top_label li.gfield.gf_right_half select.medium {
  width: 100% !important;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium,
.gform_wrapper .top_label textarea.medium {
  width: 100% !important;
}

.gform_wrapper .top_label textarea {
  width: 99.2% !important;
}

/* I'm Interested in AND Move-in Date labels */
.gform_wrapper #field_1_7 .gfield_label,
.gform_wrapper #field_1_8 .gfield_label {
  display: none !important;
}


@media (min-width: 320px) {
  .gform_wrapper li.gf_left_half,
  .gform_wrapper li.gf_right_half {
  	width: 100% !important;
  }
}

@media (min-width: 768px) {
  .gform_wrapper li.gf_left_half,
  .gform_wrapper li.gf_right_half {
    width: 49% !important;
  }
}

/* ------------------------ REVIEWS -------------------------- */

.page-template-page-templateshome-temp-php #homeBottom {
	padding-bottom: 0rem;
}

#reviewContainer {
	position: relative;
	width: 100%;
	color: var(--gray);
	text-align: center;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}

#reviewContainer p {
	width: 70%;
	line-height: 1.5;
	margin: 0rem auto;
}

@media (min-width: 768px) {
	#reviewContainer p {
		width: 70%;
	}
}

@media (min-width: 1200px) {
	#reviewContainer p {
		width: 40%;
	}
}

.authors {
	display: inline-block;
	margin-top: 0.625rem;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}

#reviewSlider {

}

@media (min-width: 768px) {
	#reviewSlider {
		margin: 4% auto 2rem;
	}
}

#reviewSlider:before {
  content: '';
  border-bottom: 0.188rem dotted var(--primary);
  position: absolute;
  bottom: -0.5rem;
  left: 0rem;
  width: 100%;
}

.reviews {
	opacity: 0 !important;
	visibility: hidden !important;
	position: relative;
	padding: 3%;
	width: 100%;
	color: var(--font-color);
	text-align: center;
	border: 0.063rem solid var(--gray-light);
	background-color: var(--white);
	font-weight: normal;
	z-index: 2;
	padding-bottom: 3rem;
}

.reviews.cycle-slide-active {
	opacity: 1 !important;
	visibility: visible !important;
}

@media (min-width: 768px) {
	.reviews {
		margin-bottom: 2.188rem;
		padding-bottom: 0rem;
	}
}

.reviews h3 {
	margin-bottom: 1.875rem;
	display: block;
	font-size: 1.375rem;
	color: var(--black-80);
  font-weight: 600;
}

.ratingStars {
	display: inline-block;
	width: 1.25rem;
	height: auto;
	margin-right: .25rem;
	margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
	.ratingStars {
		width: 2.5rem;
	}
}

#reviewArrows {
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	padding: 0 0.5rem;
	font-size: 2rem;
}

@media (min-width: 768px) {
	#reviewArrows {
		padding: 0 2rem;
		font-size: 3rem;
	}
}

.r_Arrows {
	color: var(--secondary);
	cursor: pointer;
}

@media (min-width: 768px) {
	.r_Arrows {

	}
}

.ratingStars img {
	width: 100%;
	height: auto;
}

#r_leftArrow {

}

#r_rightArrow {

}

.reviewLogo {
	margin: 0rem auto 1rem;
	display: block;
	max-width: 9.375rem;
}

@media (min-width: 768px) {
	.reviewLogo {
		max-width: 12.5rem;
	}
}

.thoughtBubble {
	display: block;
	width: 6.125rem;
	height: 6.125rem;
	line-height: 7.125rem;
	border-radius: 100%;
	font-size: 3.5rem;
	color: var(--font-color);
	border: 0.063rem solid var(--gray-light);
	margin: 0 auto 1rem;
}

.thoughtBubble .icon-ThoughtBubble {

}

.cycle-pager {
	position: absolute;
	bottom: 0.75rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}

.cycle-pager span {
	width: .75rem;
	height: .75rem;
	padding: 0rem .125rem;
	display: inline-block;
	background-size: cover;
	background: url('images/pagination.png') no-repeat;
}

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

.cycle-pager-active {
	background-size: cover;
	background: url(images/pagination-active.png) no-repeat !important;
}

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

#footer {
	width: 100%;
	height: auto;
	margin-top: 2rem;
	background: var(--white);
	border-top: 0.063rem solid var(--gray-light);
	border-bottom: 0.063rem solid var(--gray-light);
	text-align: left;
}

#footerContainer {
	display: flex;
	justify-content: space-between;
	padding: 1rem 0rem;
	flex-direction: column;
  row-gap: 1rem;
}

@media (min-width: 768px){
	#footerContainer {
		flex-direction: row;
	}
}

#socialIcons,
#footerIcons {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--secondary-70);
	gap: 0.5rem;
}

.socIcons {
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	background-color: var(--secondary-70);
	border-radius: 100%;
	align-items: center;
	justify-content: center;
}

.socIcons svg {
	width: 1rem;
	height: 1rem;
	object-fit: contain;
}

.socIcons svg,
.socIcons svg path {
	fill: var(--white);
}

.socIcons:hover {
	color: var(--secondary);
}

.customSoc {
	display: inline-block;
	vertical-align: bottom;
}

.footerIcons.icon-WheelChair {
}

.footerIcons.icon-EqualHousing {
}

.footerIcons.icon-AF {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.9rem;
	margin-right: 0;
	vertical-align: top;
	width: 2rem;
}

.footerIcons.icon-ApartmentsLogoInsignia {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.9rem;
	margin-right: 0;
	width: 2rem;
}

#eqHouse {
	position: relative;
	width: 2rem;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

#eqHouse img {
	width: 100%;
}

#pmcLink {
	max-width: 5rem;
	max-height: 1.5rem;
	height: auto;
	white-space: nowrap;
}

#pmc-logo {
	width: 100%;
	height: auto;
}

#aptFinder {
	position: relative;
	width: 2rem;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

#coStarLogo {
	position: relative;
	width: 1.5rem;
	height: auto;
	padding-left: .25rem;
	display: inline-block;
	vertical-align: top;
}

#subFooter {
	padding: 0.5rem 0;
	text-align: center;
	color: var(--white);
	font-size: .75rem;
	background: var(--secondary);
}

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

#subFooter a:hover {
	color: var(--white-80);
	text-decoration: none;
}

/* ------------------------- THANK YOU -------------------------- */

#thankyou {
	position: relative;
	text-align: center;
	color: var(--black-80);
	line-height: 1.5;
}

#thankyou h2,
#thankyou .overview_content {
	color: var(--black-80);
	line-height: 1.5;
}