/*
	Google Web Fonts:
	- Great Vibes, Jost, Open Sans

@import url('https: //fonts.googleapis.com/css2?family=Jost: wght@100;200;300;400;500;600;700;800;900&family=Merriweather: wght@300;400;700;900&family=Mrs+Saint+Delafield&display=swap');

*/

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');



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

:root {
  /* Primary */
	--primary:        hsla(47, 87%, 48%, 1);/* #E3B514 */
	--primary-5:     hsla(47, 87%, 48%, .05);
	--primary-10:     hsla(47, 87%, 48%, .1);
	--primary-20:     hsla(47, 87%, 48%, .2);
	--primary-30:     hsla(47, 87%, 48%, .3);
	--primary-40:     hsla(47, 87%, 48%, .4);
	--primary-50:     hsla(47, 87%, 48%, .5);
	--primary-50:     hsla(47, 87%, 48%, .6);
	--primary-60:     hsla(47, 87%, 48%, .7);
	--primary-80:     hsla(47, 87%, 48%, .8);
	--primary-90:     hsla(47, 87%, 48%, .9);
	--primary-light:    hsla(47, 87%, 58%, 1);
  --primary-dark:    hsla(47, 87%, 38%, 1);

	/* Secondary */
	--secondary:      hsla(215, 64%, 27%, 1); /* #193D71 */
	--secondary-5:   hsla(215, 64%, 27%, .05);
	--secondary-10:   hsla(215, 64%, 27%, .1);
	--secondary-20:   hsla(215, 64%, 27%, .2);
	--secondary-30:   hsla(215, 64%, 27%, .3);
	--secondary-40:   hsla(215, 64%, 27%, .4);
	--secondary-50:   hsla(215, 64%, 27%, .5);
	--secondary-60:   hsla(215, 64%, 27%, .6);
	--secondary-70:   hsla(215, 64%, 27%, .7);
	--secondary-80:   hsla(215, 64%, 27%, .8);
	--secondary-90:   hsla(215, 64%, 27%, .9);
  --secondary-dark:   hsla(215, 64%, 17%, .9);
  --secondary-darker:   hsla(215, 64%, 7%, .9);

	/* Link */
	--accent: hsla(212, 100%, 57%, 1); /* #258AFF */
	--accent-hover: hsla(212, 100%, 60%, 1); /* #57A4FF 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: #333;

	/* Light & Dark */
	--light: #f7f5f1;
	--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);/*--secondary*/

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

.hide-menu-item-md {
	display: inline-flex;
}

@media (min-width:960px){
	#menu .menu-menu-container ul li.hide-menu-item-md {
		display: none !important;
	}
}

/* ------------------- 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;
	image-rendering: crisp-edges;
	image-rendering: -moz-crisp-edges;          /* Firefox */
	image-rendering: -o-crisp-edges;            /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming)*/
	-ms-interpolation-mode: nearest-neighbor;   /* IE (non-standard property) */
	-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-20);
	letter-spacing: .04rem;
	line-height: 1.4;
}

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

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

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

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

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,
.authors {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

h4,
h5 {
	font-family: 'Open Sans', sans-serif;
}

#content {
	font-weight: normal;
}

p {
	font-weight: normal;
	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: 0.188rem 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]),
input[type=tel],
textarea,
select {
	font-size: .875rem !important;
	border: 0.063rem solid var(--black-40) !important;
}

input:not([type=radio], [type=button], [type=submit], [type=tel]),
select {
  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-50) auto 0.063rem;
	box-shadow: 0 0 0 .25remvar(--white), 0 0 .5rem var(--primary-50);
	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;}

a.faPictures,
a:not([class],[id]) {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

a.faPictures,
.overview_content .txt a,
#footerContainer a,
#footerBottom a,
#content a:not([class],[id]),
a:not([class],[id]){
	color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
	position: relative;
	display: inline-flex;
}

a:hover.faPictures,
.overview_content .txt a:hover,
#footerContainer a:hover,
#footerBottom a:hover,
#content a:not([class],[id]):hover,
a:not([class],[id]):hover {
	color: var(--accent-hover);
	position: relative;
	text-decoration: none;
	transform: scale(.96);
	transform-origin: center;

}

.overview_content .txt a:active,
#footerContainer a:active,
#footerBottom a:active,
#content a:not([class],[id]):active,
a:not([class],[id]):active {
	transform: scale(.88);
	transform-origin: center;
}

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

.effect2 { /* ENABLES ALL CSS TRANSITION FOR THAT NODE/TAG */
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s 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;
}

.rel {
	position: relative;
}

.map-content {
	width: 98%;
}

.gm-style-iw {
	color: var(--gray) !important;
}

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

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

#container {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 30;
  margin: 0 auto;
  background-color: var(--white);
}

/* ------------------- 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 1s backwards;
	background-color: var(--primary);
	border-radius: 100%;
}

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

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


#container,
#header,
.lightdark-toggle-switch {
	opacity: 0;
	visibility: hidden;
}

body.noscript-page-has-loaded #header,
body.page-has-loaded #header,
body.noscript-page-has-loaded #container,
body.noscript-page-has-loaded .lightdark-toggle-switch,
body.page-has-loaded #container,
body.page-has-loaded .lightdark-toggle-switch {
	opacity: 1;
	visibility: visible;
}



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


.menu-menu-container,
#menu-secondary,
#overview_wrapper,
#colbox_wrapper .colbox_content,

#fpList,
#featuresContent,
#galContainer,
#propertiesContainer,
#locBottomimages #galNav,
#reviewSlider,
#reviewArrows {
  max-width: calc(100% - 2rem);
  margin: 0rem auto;
}

@media (min-width: 576px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,
  
  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,
  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,
 
  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,
  
  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 1160px;
	}
}

@media (min-width: 1400px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,

  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 1280px;
	}
}

@media (min-width: 1500px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,
 
  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 1440px;
	}
}

@media (min-width: 1800px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,
  
  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 1680px;
	}
}

@media (min-width: 2400px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,

  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 2160px;
	}
}

@media (min-width: 3600px) {
  .menu-menu-container,
  #menu-secondary,
  #overview_wrapper,
  #colbox_wrapper .colbox_content,

  #fpList,
  #featuresContent,
  #galContainer,
	#propertiesContainer,
  #locBottomimages #galNav,
  #reviewSlider,
  #reviewArrows {
		max-width: 3240px;
	}
}

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


#header {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  height: auto;
  background-color: var(--black-60);
  z-index: 40;
}

#header.onTop {
  background-color: var(--black-80);
	box-shadow: 0rem 0rem 0.75rem var(--black-80);
  transition: all 1.5s ease !important;
}

#header.onTop {
  background-color: var(--black-80);
	box-shadow: 0rem 0rem 0.75rem var(--black-80);
  transition: all 1.5s ease !important;
}

body[class*=page-template-gallery] #header,
body[class*=slider-type-none] #header {
  position: sticky;
   /* Permalink - use to edit and share this gradient: http: //colorzilla.com/gradient-editor/var(--secondary)+0,14315b+64,0c1e37+100 */
  background: var(--secondary); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  var(--secondary) 0%, var(--secondary-dark) 64%, var(--secondary-darker) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover,  var(--secondary) 0%,var(--secondary-dark) 64%, var(--secondary-darker) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center,  var(--secondary) 0%,var(--secondary-dark) 64%, var(--secondary-darker) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--secondary)', endColorstr='var(--secondary-darker)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body[class*=page-template-gallery] #header.onTop,
body[class*=slider-type-none] #header.onTop {
  position: fixed !important;
}

#headerContent {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

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

@media (min-width: 320px){
  #logoContainer,
  #header.onTop #logoContainer {
    height: 6rem;
  }
}

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

  #header.onTop #logoContainer {
    height: 4rem;
  }
}

@media (min-width: 1600px){
  #logoImage {
    height: 10.75rem;
  }
}

#logoContainer > a {
  position: relative;
  display: flex;
	align-items: center;
	justify-content: center;
  height: 40%;
	text-decoration: none;
}

body.site-name-marvingrealestate #logoContainer > a {
	height: 70%;
}

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

@media (min-width: 320px){
  #logoImage
  #header.onTop #logoImage {
    height: 4rem;
  }
}

@media (min-width: 1280px){
  #logoImage {
    /*max-height: 5.313rem;*/
  }

  #header.onTop #logoImage {
    /*max-height: 4.313rem;*/
		transform: scale(.75);
    transform-origin: center;
  }

}

@media (min-width: 1600px){
  #logoImage {
    height: 5.625rem;
  }

  #header.onTop #logoImage {
    /*max-height: 4.313rem;*/
  }
}

#logoText {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--white);
	font-size: clamp(3vh, 1.75rem, 4vh);
	max-width: 30rem;
	width: 100%;
	transform: scale(.5);
}

@media (min-width: 1200px){
	#logoText {
		transform: scale(1);
	}
	#header.onTop #logoText {
		transform: scale(.8);
	}
}


#logoText .site-name {
	font-size: clamp(3vh, 3.25rem, 6vh);
	font-weight: 300;
	letter-spacing: -.04rem;
	line-height: normal;
}

#logoText .site-description {
	font-size: clamp(1vh, 1rem, 1.75vh);
	font-weight: 700;
	color: var(--white-70);
	line-height: normal;
}

.mobileAndTabletOnly,
.customIconForMobileOnly,
#phoneIcon {
  display: inline-flex;
}

.customIconForMobileOnly {
	font-style: normal;
	font-size: 1.5rem;
	line-height: normal;
}

@media (min-width: 1280px){
	.mobileAndTabletOnly,
  .customIconForMobileOnly {
    display: none !important;
  }
}

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


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

#mobileMenu {
  position: absolute;
  display: block;
  width: 2rem;
  height: auto;
  top: 1.25rem;
  left: 1.5rem;
	z-index: 1;
}

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

#menuBtn {
  position: relative;
  display: block;
  width: 2rem;
  height: auto;
}

.menuLine {
  position: relative;
  display: block;
  margin-bottom: .5rem;
  width: 2rem;
  height: .125rem;
  background-color: var(--white);
}

#menu {
  display: none;
  width: 100%;
  background-color: var(--secondary);
  z-index: 20;
}

@media (min-width: 320px){
  #menu {
    position: fixed;
    top: 0rem;
    bottom: 0rem;
    width: 100vw;
    height: 100vh;
  }
}

@media (min-width: 1300px){
  #menu {
    position: relative;
    top: inherit;
    height: auto;
    width: auto;
    display: block;
    background-color: transparent;
    padding: 0;
    position: relative;
    border-top: .063rem solid var(--white-50);
    border-bottom: .125rem solid var(--white);
  }
	#header.onTop #menu {
    border-bottom-color: transparent;
  }
}

#closeMenu {
    color: var(--white);
    font-size: 1.75rem;
    position: absolute;
    display: block;
    top: 1.25rem;
    left: 1.25rem;
    width: 1.875rem;
    height: 1.875rem;
    z-index: 999;
}


.currentpg {
    position: absolute;
    text-align: center;
    padding: 0;
    left: 50%;
    top: 0rem;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--white);
    height: .25rem;
    display: none;
}

@media (min-width: 1300px){
    #closeMenu {
        display: none;
    }
}

#menu .menu-menu-container {
    display: table;
    width: 100%;
    text-align: center;
}

@media (min-width: 320px){
   #menu .menu-menu-container {
        padding-top: 5rem;
    }
}

@media (min-width: 1300px){
   #menu .menu-menu-container {
       padding-top: 0rem;
    }
}

#menu .menu-menu-container ul {
    position: relative;
    display: table-row;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#menu .menu-menu-container ul li {
    position: relative;
    display: table-cell;
    list-style-type: none;
}

@media (min-width: 320px){
   #menu .menu-menu-container ul li {
        display: block;
    }
}

@media (min-width: 1300px){
   #menu .menu-menu-container ul li {
       display: table-cell;
    }
}

#menu .menu-menu-container a {
  font-size: 1.125rem;
	text-shadow: 0rem 0.08rem var(--black-40);
}

@media (min-width: 1300px){
  #menu .menu-menu-container a {
      font-size: 1rem;
			white-space: nowrap;
  }

	/* Solution for really long menu items */
	body.site-name-kensingtonmanor #menu .menu-menu-container a {
    white-space: nowrap;
    font-size: .875rem;
	}
}

#menu .menu-menu-container ul li a {
  position: relative;
  display: block;
  color: var(--white-90);
  text-align: center;
  line-height: 3rem;
}

#menu .menu-menu-container ul ul li a {
	white-space: break-spaces;
	line-height: normal;
}

@media (min-width: 1300px){
    #menu .menu-menu-container ul li a {
      font-weight: 600;
      text-decoration: none;
    }

		#header.onTop #menu .menu-menu-container ul li a {
		  line-height: 2.5rem;
		}
}

#menu .menu-menu-container ul li a:hover,
#menu .menu-menu-container ul li:not(.current-menu-item) a:hover,
#menu .sub-menu li.current-menu-item a,
#menu .sub-menu li.current-menu-item a:hover {
	color: var(--white-90) !important;
	background-color: var(--primary-90) !important;
	text-shadow: 0rem 0.08rem var(--primary-10);
}

#menu .menu-menu-container > ul > li:not(:last-child) a:hover:after {
	color: var(--white-10);
}

#menu .menu-menu-container ul li:hover.current-menu-item a:hover .currentpg,
#menu .menu-menu-container ul li:hover.current-menu-item a:hover .currentpg:after {
	border-color: var(--black-90) !important;
}

@media (min-width: 1300px){
  #menu .menu-menu-container > ul > li:not(:last-child) a:after {
    content: ".....";
    position: absolute;
    display: block;
    -ms-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    letter-spacing: .063rem;
    top: 41%;
    right: -0.395rem;
    line-height: 0rem;
    height: 0.75rem;
		font-weight: 400;
		color: var(--white-60);
  }

  #menu .menu-menu-container ul li:last-child a:after {
    content: none;
  }
}


#menu .menu-menu-container ul li.current-menu-item .currentpg {
  display: none;
}

#menu .menu-menu-container ul li.current-menu-item a {
  color: var(--black-90);
	background: var(--white);
}

@media (min-width: 1300px){
 	#menu .menu-menu-container ul li.current-menu-item a {
    color: var(--white);
		background: transparent;
	}

	#menu .menu-menu-container ul li.current-menu-item .currentpg,
	#menu .menu-menu-container ul li.current-menu-ancestor .currentpg {
		display: inline-flex;
    border-top: 0.125rem solid var(--primary);
    width: 64px;
    justify-content: center;
    align-items: center;
  }

	#menu .menu-menu-container ul li.current-menu-item .currentpg:after,
	#menu .menu-menu-container ul li.current-menu-ancestor .currentpg:after {
    content:'';
		width: 0;
		height: 0;
		border-width: 8px 6px 0 6px;
		border-color: var(--primary) transparent transparent transparent;
		border-style: solid;
  }
}

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

@media (min-width: 1300px){
    #menu .menu-menu-container ul li .sub-menu {
        display: none;
        position: absolute;
        text-align: center;
        background-color: var(--black-50);
        border-left: .125rem solid var(--white);
        border-right: .125rem solid var(--white);
    }

		.sub-menu li {
        display: block !important;
        width: 100%;
    }

		.sub-menu li .currentpg {
        display: none !important;
    }

		.sub-menu li a {
				padding: 0.75rem;
    }


    .sub-menu li a:before {
			width: 100%;
	    content: "....." !important;
	    position: absolute !important;
	    display: block;
	    -ms-transform: none !important;
	    transform: translateX(-50%) !important;
	    letter-spacing: .063rem;
	    top: -0.375rem;
	    left: 50%;
	    line-height: 0rem;
	    height: 0.125rem;
	    padding: 0;
			color: var(--white-60);
    }

		.sub-menu > li:first-child a:before {
			display: none;
    }

    .sub-menu li a:after {
        content: none !important;
    }

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

@media (max-width: 680px) {
	#menu .menu-menu-container ul ul li a {
		line-height: normal;
	}
}


@media (max-width: 1300px) {

	#menu {
		overflow-x: hidden;
		overflow-y: auto;
		padding-bottom: 3rem;
	}

	#menu .menu-menu-container > ul > li:not(:first-child) {
		border-top: 1px solid var(--white-10);
	}

	#menu .menu-menu-container ul ul li a {
		white-space: break-spaces;
    line-height: normal;
    min-height: 2.5rem;
	}

	#menu .menu-menu-container ul li:not(:hover) .sub-menu {

	}

	#menu .menu-menu-container ul li .sub-menu {
	    /*position: relative;
			max-height: 80vh;
			overflow-x: hidden;
			overflow-y: auto;*/
			box-shadow: inset 0px 0px 0px 1px var(--white-10);
    	padding: 0 1rem;
	}

	#menu .menu-menu-container ul li:not(:last-child) .sub-menu {
	    padding-top: .75rem;
			padding-bottom: .75rem;
	}

	#menu .menu-menu-container .sub-menu a {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.75rem 0;
	}

}

.extraMenuLinks {
	position: relative;
	display: inline-flex;
	text-align: center;
	color: var(--white);
	padding: 0.25rem;
	text-decoration: none;
	justify-content: center;
	align-items: center;
}

@media (min-width: 1300px){
    .extraMenuLinks {
        font-weight: 600;
    }
}

@media (min-width: 1300px){

	body.site-name-marvingrealestate #applyNow,
	#residents,
	#phoneNumber,
	#specialOffers {
		position: relative;
		text-shadow: 0rem 0.08rem var(--black-40);
	}

	body.site-name-marvingrealestate #applyNow:hover,
	#residents:hover,
	#phoneNumber:hover,
	#specialOffers:hover {
		transform: scale(.96);
		transform-origin: center;
	}

	body.site-name-marvingrealestate #applyNow:active,
	#residents:active,
	#phoneNumber:active,
	#specialOffers:active {
		transform: scale(.88);
		transform-origin: center;
	}

	body.site-name-marvingrealestate #applyNow:before,
	#residents:before,
	#phoneNumber:before,
	#specialOffers:before {
		content: '';
		height: .125rem;
		width: 100%;
		position: absolute;
		left: 0rem;
    bottom: -0.5rem;
    background-color: transparent;
	}

	body.site-name-marvingrealestate #applyNow:hover:before,
	#residents:hover:before,
	#phoneNumber:hover:before,
	#specialOffers:hover:before {
    bottom: -0.25rem;
    background-color: var(--white-90);
		box-shadow: 0rem 0.08rem 0rem var(--black-40);
	}
}

@media (min-width: 1300px){
    #specialOffers:after,
		#applyNow:after {
			content: ".....";
			position: absolute;
			display: inline-block;
			transform: rotate(90deg);
			letter-spacing: .063rem;
			font-size: 1rem;
			line-height: 0;
			height: 0.625rem;
			left: -1.425rem;
			font-weight: 400;
			color: var(--white-60);
    }
		#applyNow:after {
			top: .875rem;
    }
}

@media (min-width: 1300px){
    #specialOffers {
    }
}

@media (min-width: 1600px){
    #specialOffers {
    }
}

@media (min-width: 768px){
  #applyNow {
		margin: 0 0 0 1rem;
  }
  #LAUNCHRENTALAPP {
    position: absolute;
    right: 1.125rem;
    top: -8.125rem;
    padding: .75rem 1.125rem;
    background-color: var(--white);
    color: var(--grey);
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius:0.188rem;
    cursor: pointer;
  }
}

#phoneNumber {
	font-weight: 600;
	font-size: 1.5rem;
	color: var(--white);
	text-decoration: none;
	position: relative;
	top: 0.5rem;
}

@media (min-width: 1300px){
	#phoneNumber {
		font-size: 1rem;
		top: 0;
	}
}


#phoneNumber .phoneNumber-label {
  display: none;
}

@media (min-width: 1300px){
  #phoneNumber .phoneNumber-label {
		display: inline-flex;
  }
}

#applyNow {
	display: none !important;
}

@media (min-width: 1300px){
  #applyNow {
		display: inline-flex !important;
  }
}



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

#menu-secondary {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: .5rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}


@media (min-width: 1300px){
	#menu-secondary {
		/*justify-content: space-between;*/
	}
}

#menu-secondary .menu-secondary-col {
	justify-content: space-between;
	gap: 1rem;
}

#menu-secondary .menu-secondary-col-01 {
	display: none;
}

@media (min-width: 1300px){
	#menu-secondary .menu-secondary-col-01 {
		display: inline-flex;
		position: absolute;
		left: 0;
	}
}


/* ------------------------- BODY/SHARED CLASSES -------------------------- */


#content {
  position: relative;
  display: block;
  z-index: 10;
  color: var(--font-color);
}

.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 1rem;
	margin: 0rem -1rem 1rem;
}

@media (min-width: 768px) {
	.pgtopLinks_cnt {
		justify-content: center;
		padding: 0.75rem;
	}
}

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

.pgtopLinks {
  text-decoration: none;
  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(--gray-dark);
}

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

.fancybox-skin {
  border-radius: 0rem !important;
}


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

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

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

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

#default .txt {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  line-height: auto;
}

#default .txt p, #default .txt ul {
  margin-bottom: 1%;
}

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

.hm_tag {
  position: absolute;
  display: block;
  bottom: 8%;
  width: 100%;
  z-index: 50;
  text-align: center;
	text-shadow: 0rem 0.08rem var(--black-40);
}

.hmbig_tag_big {
  font-family: 'Great Vibes', cursive;
  color: var(--white);
  line-height: normal;
  display: block;
}

@media (min-width: 320px){
  .hmbig_tag_big {
    font-size: 9vw;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
	.hmbig_tag_big {
    font-size: 5vw;
  }
}

@media (min-width: 768px){
  .hmbig_tag_big {
    font-size: 6vw;
  }
}

.hmbig_tag_small {
  line-height: normal;
  display: block;
  color: var(--white);
	font-weight: normal;
}

@media (min-width: 320px){
  .hmbig_tag_small {
    font-size: 3.25vw;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
	.hmbig_tag_small {
    font-size: 1.5vw;
  }
}

@media (min-width: 768px){
  .hmbig_tag_small {
    font-size: 1.5vw;
  }
}

#shwMore {
  background: url('images/arrow-down.png') 98% 36% no-repeat;
}

#shwLess {
  background: url('images/arrow-up.png') 0% 36% no-repeat;
}

.morecontent .less {
  display: none;
}

.morecontent p {
  display: block;
}

.more {
  display: block;
}

.morelink {
  display: inline-block;
  color: var(--secondary);
  font-weight: 600;
  cursor: pointer;
  text-transform: capitalize;
}

/* ------------------------- HERO SLIDER :: START -------------------------- */

.swiper-container {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

@media (min-width: 320px){
  body.home .swiper-container {
    height: 50vh;
  }

  .swiper-container {
    height: 65vh;
  }

  .swiper-wrapper {
    position: absolute;
    height: 100% !important;
    overflow: hidden;
    top: 0rem;
    left: 0rem;
  }

  body.home .swiper-wrapper .swiper-slide {
    position: relative;
  }

  .swiper-wrapper .swiper-slide {
    height: 100% !important;
    overflow: hidden;
  }
}

@media (min-width: 768px){
  body.home .swiper-container {
    height: 50vh;
  }

  .swiper-container {
    height: 50vh;
  }
}

/* Ipad */

@media (min-width: 768px) and (min-height: 1024px){
  body.home .swiper-container {
    height: 60vh;
  }

  .swiper-container {
    height: 40vh;
  }
}

@media (min-width: 1024px) and (min-height: 768px){
  body.home .swiper-container {
    height: 80vh;
  }

  .swiper-container {
    height: 60vh;
  }
}

/* Ipad Pro */
@media (min-width: 1024px) and (min-height: 1366px){
  body.home .swiper-container {
    height: 70vh;
  }

  .swiper-container {
    height: 50vh;
  }
}

@media (min-width: 1366px) and (min-height: 1024px){
  body.home .swiper-container {
    height: 80vh;
  }

  .swiper-container {
    height: 60vh;
  }
}

@media (min-width: 1280px){
  body.home .swiper-container {
    height: 90vh;
  }
}

@media (min-width: 1440px){
  body.home .swiper-container {
    height: 92vh;
  }
}

@media (min-width: 1680px){
  body.home .swiper-container {
    height: 84vh;
  }
}

.swiper-container .swiper-slide .img {
  text-align: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-container .swiper-slide .img img {
  width: 100%;
  height: auto;
  -webkit-opacity: 0;
  opacity: 0;
}

.swiper-wrapper:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 31%, var(--black-30) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 31%, var(--black-30) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 31%, var(--black-30) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--black)00', endColorstr='#b3000000',GradientType=0 );
}

/* ------------------------- HERO SLIDER :: END -------------------------- */


/* ------------------------ SPECIAL OFFER POP UP ------------------------- */

    #sopContainer {
      position: fixed;
      top: 0rem;
      left: 0rem;
      width: 100%;
      height: 100%;
      background-color: var(--black-80);
      z-index: 7999;
      overflow: auto;
      display: none;
    }

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

    @media (min-width: 980px){
      #sopContainer {
      }
    }

    #sopContent {
      position: relative;
      top: 10%;
      left: -100%;
      width: 80%;
      max-width: 43.75rem;
      margin: 0rem auto;
      background-color: var(--white-90);
      padding: .625rem;
      line-height: normal;
		border-style: double;
		border-width: thick;
    }

    @media (min-width: 768px){
      #sopContent {
        width: 85%;
      }
    }

    #sopContent a {
      color: var(--black);
    }

    #sopClose {
      position: absolute;
      top: -.08rem;
      right: -.08rem;
      font-weight: 600;
      font-size: 1.5rem;
      color: var(--black-60);
      border: .15rem solid var(--black-60);
      padding: .125rem .375rem;
      z-index: 99;
      background-color: white;
    }

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

    @media (min-width: 980px){
      #sopClose {
      }
    }

    #sopImage {
      position: relative;
      background-size: cover;
      background-position: center center;
    }

    #sopImage img {
      opacity: 0;
      filter: alpha(opacity=0);
      width: 100%;
      min-height: 21.875rem;
    }

    #sopLogo {
      position: absolute;
      top: 2.5rem;
      left: 0rem;
      width: 100%;
      width: 96%;
      text-align: center;
      z-index: 9;
      height: 3.125rem;
      margin: 0rem auto;
      margin-bottom: .25rem;
      color: var(--white);
      text-shadow: .063rem .063rem .25rem var(--black);
    }

    @media (min-width: 530px){
      #sopLogo {
        top: 3.125rem;
      }
    }

    @media (min-width: 768px){
      #sopLogo {
        float: left;
        top: 3.75rem;
      }
    }

    #sopLogo #titleName {
      line-height: 1;
      font-size: 1.25rem;
      font-family: serif;
      font-family: 'Georgia';
      text-transform: uppercase;
    }

    @media (min-width: 530px){
      #sopLogo #titleName {
        font-size: 1.875rem;
      }
    }

    @media (min-width: 768px){
      #sopLogo #titleName {
        font-size: 2.5rem;
      }
    }

    @media (min-width: 980px){
      #sopLogo #titleName {
        font-size: 3.125rem;
      }
    }

    #sopLogo #titleName ,
    #sopLogo .title span {
      color: var(--white);
    }

    #sopLogo-image {
      position: relative;
      left: 0;
      width: 12.5rem;
    }

    @media (min-width: 530px){
      #sopLogo-image {
        width: 60%;
        max-width: 18.75rem;
      }
    }

    #sopC2 {
      position: absolute;
      bottom: 1.25rem;
      left: 0rem;
      width: 100%;
      z-index: 10;
    }

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

    #sopC2bg {
      position: relative;
      width: 75%;
      background-color: var(--secondary-80);
      margin: 0rem auto;
	  border-style: solid;
      border-width: medium;
      box-shadow: 0.1rem 0.1rem 0.8rem;
    }

    @media (min-width: 768px){
      #sopC2bg {
        width: 65%;
      }
    }

    #sopText {
      font-size: .875rem;
      font-weight: 600;
      color: var(--white);
      text-align: center;
      line-height: 1.4;
      padding: 1.25rem .625rem .25rem;
      max-width: 38.75rem;
      margin: 0rem auto;
      text-transform: uppercase;
    }

    @media (min-width: 530px){
      #sopText {
        font-size: 1rem;
        padding: 1.25rem 1.25rem .25rem;
      }
    }

    @media (min-width: 768px){
      #sopText {
        font-size: 1.125rem;
        padding: 1.25rem 1.25rem .625rem;
      }
    }

    @media (min-width: 980px){
      #sopText {
        font-size: 1.375rem;
      }
    }

    @media (min-width: 1200px){
      #sopText {
        font-size: 1.375rem;
        padding: 1.875rem 1.25rem .625rem;
      }
    }

    #sopText2 {
      padding-top: 0rem;
      text-align: center;
      font-size: .75rem;
      padding: 0rem 1.875rem 1.25rem;
      color: var(--white);
      line-height: 1.5;
    }

    @media (min-width: 530px){
      #sopText2 {
        font-size: .75rem;
        padding: 0rem 0rem 1.25rem;
      }
    }

    @media (min-width: 768px){
      #sopText2 {
        font-size: .75rem;
        padding: 0rem 0rem 1.25rem;
      }
    }

    @media (min-width: 980px){
      #sopText2 {
        font-size: .875rem;
        padding: 0rem 0rem 1.25rem;
      }
    }

    @media (min-width: 1200px){
      #sopText2 {
        font-size: 1rem;
        padding: 0rem 0rem 1.875rem;
      }
    }

    #sopFooter {
      position: relative;
      border-top: .063rem solid var(--white);
      text-align: center;
      padding: .625rem 0rem .75rem;
      margin: 0rem .625rem;
    }

    @media (min-width: 768px){
      #sopFooter {
        letter-spacing: .063rem;
      }
    }

    #sopFooter .cols {
      position: relative;
      display: block;
      color: var(--white);
      font-weight: 600;
      text-transform: uppercase;
      text-align: center;
      font-size: .75rem;
      padding: .25rem 0rem;
      text-align: center;
    }

    #sopFooter .cols span {
      color: var(--white);
    }

    @media (min-width: 768px){
      #sopFooter .cols {
        font-size: 1.125rem;
        padding: 0rem .75rem;
        display: inline-block;
        vertical-align: top;
      }

      #sopFooter .cols span {
        position: relative;
        top: .063rem;
      }
    }

    @media (min-width: 980px){
        #sopFooter .cols {
            font-size: 1.125rem;
            padding: 0rem 1rem;
        }

        #sopFooter .cols span {
            position: relative;
            top: .125rem;
        }
    }

    @media (min-width: 1200px){
        #sopFooter .cols {
            padding: 0rem 1.125rem;
        }
    }

    #sopFooter .cols span p {
        display: inline-block;
        margin: 0rem;
        padding: 0rem;
        cursor: default;
        color: var(--white);
    }

    #sopFooter a .cols {
        color: var(--white);
    }
    @media (min-width: 980px){
        #sopFooter a:hover  .cols {
            color: var(--black-10);
        }
    }

    #sopFooter a {
        color: var(--white);
    }

    #sopFooter .arrows {
        position: relative;
        top: 0rem;
        display: inline-block;
        vertical-align: top;
        color: var(--white);
        width: auto;
        padding: 0rem .25rem 0rem 0rem;
        opacity: 1 !important;
        line-height: 1;
    }

    @media (min-width: 768px){
        #sopFooter .arrows {
            font-size: 1.5rem;

        }
    }

    @media (min-width: 980px){
        #sopFooter .arrows {
            font-size: 1.5rem;
            padding: 0rem .625rem 0rem 0rem;
        }
    }

    #sopPropTitle {
        color: #026072;
        font-size: 1.5rem;
        display: inline-block;
    }

    #sopPropTitle span {
        font-size: 1rem;
}

/* ------------------------- TOP VIDEO -------------------------- */

#homeTopVideo {
	overflow: hidden;
	position: relative;
	height: 80vh;
}

@media (min-width: 320px) {
 	#homeTopVideo.home {
    /* height: 90vh; */
	}
}

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

	}
	#homeTopVideo.home {

	}
}

@media (min-width: 980px) {
 	#homeTopVideo.home {
		/* height: 92vh; */
	}
}

@media (min-width: 1200px){
	#homeTopVideo.home {
	}
}

#homeTopVideo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

#homeTopVideo iframe.video {
		width: 100%;
		height: 100%;
		transform: translateX(-50%);
		left: 50%;
		position: absolute;
		z-index: -1;
}

@media (min-aspect-ratio: 16/9) {
	#homeTopVideo  iframe.video {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}

@media (max-aspect-ratio: 16/9) {
	#homeTopVideo  iframe.video {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
		height: 113%;

	}
}


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

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

.pattern {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	filter: alpha(opacity=20);
	opacity: .2;
	background:url('images/homePattern.png') repeat center center;
}

.overlay {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#topSlider-bottom {
	position:relative;
	width: 100%;
	height: 1.25rem;
	overflow:hidden;

}

@media (min-width: 768px) {
	#topSlider-bottom {
		height: 2.188rem;
	}
}

@media (min-width: 980px) {
	#topSlider-bottom {
		height: 2.5rem;
	}
}

#tsbImage {
	position:relative;
	width: 100%;
	height: 3.438rem;
	background-position:top center;
	background-repeat:repeat;
	background-size: 82.5rem 3.438rem;
	/*background-image: url('images/topSliderBottom.jpg');*/
}


@media (min-width: 768px) {
	#tsbImage {
		height: 6rem;
		background-size: 91.875rem 6rem;
	}
}

@media (min-width: 980px) {
	#tsbImage {
		height: 6.875rem;
		background-size: 105rem 6.875rem;
	}
}


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

#overview_wrapper {
 border-bottom: .063rem solid var(--gray-light);
 padding: 8% 0%;
}

body.home #overview_wrapper {
 border-bottom: .063rem solid var(--primary);
}

@media only screen and (min-width: 768px){
  #overview_wrapper {
   padding: 4% 0%;
  }
}

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

#overview_wrapper .overview_content {
  position: relative;
  text-align: center;
  display: grid;
  grid-template-columns: 100%;
  margin: 0 auto;
	column-gap: 1.5rem;
}

@media only screen and (min-width: 768px){
  #overview_wrapper .overview_content {
    column-gap: 3.5rem;
    width: calc(100% - 3.5rem);
    justify-content: space-evenly;
    grid-template-columns: 60% 40%;
  }

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

@media only screen and (min-width: 1920px){
  #overview_wrapper .overview_content {
    grid-template-columns: 70% 30%;
  }
}

.overview_content .txt {
}

.overview_content .txt a {
}

.overview_content .txt a:hover {
  text-decoration: none;
}

.title {
  font-weight: 300;
  font-size: 2rem;
  font-size: 1.5rem;
  color: var(--secondary);
  line-height: normal;
}

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

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

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

.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-weight: 900;
  font-size: inherit;
  color: var(--font-color);
  line-height: normal;
}

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

.overview_content .col_02 {
  position: relative;
  text-align: left;
  display: none;
}

#contact #overview_wrapper .overview_content .col_02 {
	display: block;
}

@media only screen and (min-width: 960px){
  .overview_content .col_02 {
    display: block;
  }
}

.overview_content .col_02 .vid {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  margin-block-start: 1em;
}

.btn,
.gform_wrapper .gform_footer input[type=submit] {
  display: block !important;
  margin: 0rem .625rem 1.25rem 0rem;
  padding: 0.5rem 1rem;
  width: 100% !important;
  font-size: 1rem !important;
  font-weight: 500;
  text-align: center;
  color: var(--secondary-90);
  background-color: var(--white);
  cursor: pointer;
  border: .063rem solid var(--black-30);
  border-top: .25rem solid var(--black-10);
	border-radius: 0.125rem;
  -webkit-appearance: none;
  white-space: nowrap;
  text-decoration: none;
}

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

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

.btn:hover,
.gform_wrapper .gform_footer input[type=submit]:hover {
	color: var(--secondary);
	transform: scale(1.04);
	transform-origin: center;
	border-color: var(--primary);
}

.btn:active,
.gform_wrapper .gform_footer input[type=submit]:active {
	transform: scale(1);
}


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

#contactAddress .rows {
  line-height: 1.4;
}

#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, #contactForm .ginput_counter {
  display: none !important;
}

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

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

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

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

  #contactBtn {
    display: none !important;
  }
}

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

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

.thankyou {
  margin-top: 1.125rem;
  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;
}

#contactTy h1 {
  font-size: 1.875rem;
  font-weight: 600;
}

.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%;
        min-width: 27.688rem;
        font-size: 1.125rem;
    }

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

    .smallTxt {
        display: block;
        margin-top: .625rem;
        letter-spacing: .063rem;
    }
}

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

#thankyouMain {
    display: none;
    font-weight: 300;
}

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

    #thankyouMain h1 {
      font-size: 3rem;
      font-weight: 600;
    }
}


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

#colbox_wrapper {
    display: table;
    padding: 2.5%;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

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

@media only screen and (min-width: 768px){
    #colbox_wrapper {
        border-spacing: .625rem;
        margin-right: -.063rem;
    }
}

@media only screen and (min-width: 1200px){
    #colbox_wrapper {
        padding: 2.5%;
        border-spacing: .625rem;
    }
}

#colbox_wrapper .colbox_content {
  display: grid;
  grid-template-columns: 100%;
  justify-content: space-evenly;
  row-gap: 2rem;
	/*margin-bottom: 1rem;*/
}

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

#colbox_wrapper .col {
  display: block;
  position: relative;
  width: 100%;
  border: 0.063rem solid var(--gray-light);
}

@media only screen and (min-width: 1024px){

  #colbox_wrapper .colbox_content {
    grid-template-columns: 33.33% 33.33% 33.33%;
    /*margin-bottom: 3rem;*/
  }

  #colbox_wrapper .col {
    border: .063rem solid var(--gray-light);
  }
}

#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;
  line-height: normal;
}

#colbox_wrapper .royalstar {
  margin: 0.75rem 0rem;
  color: var(--primary);
  font-size: 0.75rem;
}

#colbox_wrapper .colbox_item .img {
  overflow: hidden;
  margin: -.063rem;
}

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

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

@media only screen and (min-width: 768px){
  #colbox_wrapper .colbox_item .txt {
    text-align: center;
    padding: 8% 12%;
    position: relative;
  }
}

#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: 40%;
  }
}

@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%);
  }
}

#colbox_wrapper .btn:hover {
  transform: translateX(-50%) scale(1.04);
}


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

#features #colbox_wrapper {
  padding: 0%;
  position: relative;
  border-spacing: 0rem;
}

#features .col {
}

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

#features .colbox_item p img {
    width: 100%;
}

/* ------------------------- PAGE OVERVIEW :: END -------------------------- */



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

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

@media only screen and (min-width: 768px) {
	#LTerms .termsContent {
		grid-template-columns: repeat(auto-fill, calc(50% - 2rem));
		grid-column-gap: 1rem;
		grid-row-gap: 0rem;
	}
}

#LTerms .leftCol {

}

#LTerms .rightCol {

}

/* ------------------------- AMENITIES -------------------------- */


#featuresContent {
  padding: 0% 4%;
}

#featuresContent ul {
  padding-bottom: 1rem;
  padding-left: 1rem;
}

ul li,
#officeHrs ul li, {
	line-height: 1.4;
}

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


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

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

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





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

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

#propertiesContainer,
#galContainer {
    display: block;
}

#galContainer {
    text-align: center;
}

@media (min-width: 768px) {
	#propertiesContainer,
	#galContainer {
		padding: 4% 0rem;
	}
}

@media (min-width: 980px) {
		#propertiesContainer,
    #galContainer {
      display: block;
    }
}

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

@media (min-width: 667px) {
	#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 (max-width: 768px) and (orientation: landscape) {
	#galNav > a, .allContent > a {
		height: 40vh;
	}
}

@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.75rem;
    }
}

@media (min-width: 1024px) {
    #locBottomimages {
			margin-bottom: 2.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 -------------------------- */

@media only screen and (min-width: 768px){
    /*.page-template-location #overview_wrapper {
        padding: 1.5%;
    }*/
}

#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: 4%;
}

#exploremapbox {
    background-color: var(--black-70);
    display: inline-block;
    position: relative;
    min-width: 20.625rem;
    max-width: 31.25rem;
    width: 100%;
    outline: solid var(--primary) .063rem;
    outline-offset: .25rem;
    text-align: center;
    margin: 0 auto;
}

@media screen and (min-width: 320px){
  #exploremapbox {
    padding: 6%;
  }
}


@media screen and (min-width: 768px){
  #exploremapbox {
    padding: 3%;
  }
}

.expmappin {
  display: inline-block;
  padding: .625rem 0rem .125rem 0rem;
  vertical-align: top;
  max-height:13vh;
}

.expmaptext {
  display: block;
  padding: .125rem 0rem;
  font-weight: 600;
  font-size: 1.875rem;
  color: var(--white);
}

.expmaptextsm {
  padding: 4% 4% 8%;
  color: var(--white);
  line-height: 1.5rem;
}

#exploremapbox .btn {
  border-color: var(--white);
  color: var(--white);
  background-color: transparent;
  margin-bottom: 0rem;
}

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

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

.page-template-location .overview_content .col_02 .vid {
  width: 95%;
  margin-left: 7%;
  margin-block-start: 1em;
}

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

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

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

/* ------------------------- CONTACT -------------------------- */
.clear {
  clear: both;
}


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

#reviewContainer {
  position: relative;
  display: block;
  color: var(--white);
  text-align: center;
  z-index: 20;
  width: 100%;
  height: auto;
  padding: 2.75rem 0;
  overflow: hidden;

  /* Permalink - use to edit and share this gradient: http: //colorzilla.com/gradient-editor/var(--secondary)+0,14315b+64,0c1e37+100 */
  background: var(--secondary); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  var(--secondary) 0%, var(--secondary-dark) 64%, var(--secondary-darker) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover,  var(--secondary) 0%,var(--secondary-dark) 64%,var(--secondary-darker) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center,  var(--secondary) 0%,var(--secondary-dark) 64%,var(--secondary-darker) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--secondary)', endColorstr='var(--secondary-darker)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@media (min-width: 768px){
  #reviewContainer {
    padding: 5rem 0 7rem;
  }
}

#reviewTop {
  position: relative;
  display: block;
	font-size: 3rem;
  margin: 0 auto;
}

#reviewImage {
  width: 100%;
  height: auto;
}

.reviews {
  position: relative;
  width: 100%;
  margin: 0 auto;
	visibility: hidden !important;
	opacity: 0 !important;
}

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

#reviewSlider {
  position: relative;
  display: block;
  width: 90%;
  margin: 0rem auto;
  height: auto;
  overflow: visible !important;
}

.ratingStars {
	display: inline-flex;
	gap: 0.5rem;
	font-size: 1.5rem;
	color: var(--primary);
	padding: 1rem 0rem;
}

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

.reviewComments {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 2.25rem;
	position: relative;
	font-size: 1.25rem;
}

@media (min-width: 768px){
  .reviewComments {
		width: 60%;
  }
}

.authors {
  font-weight: 600;
	position: relative;
}

#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 {
	font-size: 2rem;
	color: var(--white-60);
	cursor: pointer;
	background-color: var(--black-10);
	padding: 0.75rem;
	border-radius: 100%;
}

.r_Arrows:hover i {
	color: var(--primary-light);
	transform: scale(.9);
	transform-origin: center;
}

.r_Arrows:active i {
	transform: scale(.8);
	transform-origin: center;
}

.r_Arrows {
  display: none;
}

@media (min-width: 768px){
  .r_Arrows {
		display: flex;
  }
}

.cycle-pager {
	margin-top: 4rem;
	font-size: 2.125rem;
	display: inline-flex;
	cursor: pointer;
	color: var(--white);
}

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

.cycle-pager span {
	font-size: 3.125rem;
	cursor: pointer;
	color: var(--white);
}

.cycle-pager-active {
  color: var(--primary-dark) !important;
}

.swiper-pagination-bullet {
  /* Stylize pagination button: */
  background: var(--black) none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  height: .625rem;
  opacity: 0.2;
  width: .625rem;
  border: .063rem solid var(--white); /* GREY */
  margin:0.188rem;
}

.swiper-pagination-bullet-active {
  background-color: var(--white);
  opacity: 1;
}

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

div#footer {
  position: relative;
  display: block;
  width: 100vw;
  height: auto;
  border-top: .25rem solid var(--black-10);
  margin: 0;
}

#footerContainer {
	width:100vw;
	background-color: var(--white);
	display: flex;
	justify-content: space-between;
	padding-left: 1rem ;
	padding-right: 1rem ;
	flex-direction: column;
	margin:0;
	
}

@media (min-width: 980px){
  #footerContainer {
    height: 3.625rem;
		flex-direction: row;
  }
}

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

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

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

body.site-name-marvingrealestate .socIcons[href*="facebook.com"] {
	background-color: #4267B2;
}

body.site-name-marvingrealestate .socIcons[href*="facebook.com"]:hover {
	background-color: #385999;
}

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

.socIcons:hover svg {
	transform: scale(.9);
	transform-origin: center;
}

.socIcons:active svg {
	transform: scale(.8);
	transform-origin: center;
}

.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;
  vertical-align: top;
  width: 2rem;
}

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

#pmcLink {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: .875rem;
}

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

#pmcText {
  position: relative;
  display: inline-block;
  width: 6.563rem;
  height: auto;
  top: -.5rem;
  vertical-align: top;
  color: var(--black);
  font-size: .625rem;
  line-height: .75rem;
}

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

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

#pmcText a {
  color: var(--black);
}

#footerBottom {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: .625rem 0 .75rem;
  text-align: center;
  font-size: .625rem;
  background-color: var(--light);
  color: var(--gray); /* DARK GREY */
  border-top: .25rem solid var(--gray-light) /* LIGHT GREY */
}

@media (min-width: 980px){
  #footerBottom {
    font-size: .75rem;
  }
}

.footerLine {
  color: var(--black-80); /* GREY */
}

#privacyPolicy, #accessLink, .customLinks {
  text-decoration: underline !important;
  color: var(--gray); /* DARK GREY */
}


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

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

@media (min-width: 980px){
  .gform_wrapper h3.gform_title {
    font-size: 1.5rem !important;
    font-weight: 600 !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="submit"] {
  margin: .25rem 1.125rem 1.5rem 0rem;
  padding: .625rem 1.875rem .625rem 1.875rem;
  border: .063rem solid var(--gray);
  display: inline-block;
  color: var(--secondary);
  background-color: var(--white);
  cursor: pointer;
  -webkit-appearance: none;
}

.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 input[type="tel"],
.gform_wrapper textarea,
.gform_wrapper select {
  text-indent: 4%;
  -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"],
.gform_wrapper input[type="tel"] {
  line-height: 2.5rem !important;
  text-indent: 4% !important;
  background-color: var(--white) !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield {
	padding: 0rem;
}

.gform_wrapper select {
  height: 3.25rem !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;
  }
}

.g_form_move select, .g_form_interest select {
  color: var(--font-color);
  text-indent: 1rem !important;
  padding: .313em 0 !important;
  width: 100% !important;
  margin: 0rem !important;
}

.g_form_move select:after {
  content: " > ";
  background-color: var(--secondary);
  height: 3.25rem;
  width: 1.875rem;
  position: absolute;
  right: 0rem;
}

.gform_confirmation_message {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}

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

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

#fpList .unitInfo {
  font-size: 0.875rem;
}

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

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

@media (min-width: 1600px){
  #fpList .unitInfo {
      font-size: 1.25rem;
  }
}

#fpList .fpImageGradient {
  position: absolute;
  top: 0rem;
  left: .063rem;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--black-60) 90%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%, var(--black-60) 90%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--black-60) 90%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9000000',GradientType=0 );
}

#fpList .fpLinks a {
  position: relative;
  color: var(--secondary);
  margin: 0rem 0rem 0rem 0rem;
  display: inline-block;
  vertical-align: top;
  padding: .75rem 0rem .75rem;
  font-weight: 500;
  text-align: center;
  float: left;
  width: 50%;
  font-size: 0.875rem;
  border-top: .25rem solid var(--gray-light);
	text-decoration: none;
}

@media (min-width: 1250px){
  #fpList .fpLinks a {
    font-size: inherit;
  }
}
@media (min-width: 1100px){
  #fpList .fpLinks a {
    font-size: inherit;
  }
}
@media (min-width: 980px){
  #fpList .fpLinks a {
    font-size: inherit;
  }
}
@media (min-width: 800px){
  #fpList .fpLinks a {
    font-size: inherit;
  }
}
@media (min-width: 768px){
  #fpList .fpLinks a {
    font-size: inherit;
  }
}

#fpList .fpTitles {
  position: relative;
  padding: .5rem 0 0rem;
  margin: 0rem auto0.188rem;
  display: block;
  vertical-align: top;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .063rem;
}

@media (min-width: 768px){
  #fpList .fpTitles {
   font-size: inherit;
  }
}

@media (min-width: 1200px){
  #fpList .fpTitles {
      font-size: inherit;
  }
}

#fpList .fpInfos {
  position: relative;
  text-align: left;
  width: 86%;
  margin: 0rem auto;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0rem 0rem 1.25rem;
}

@media (min-width: 980px){
  #fpList .fpInfos {
    font-size: inherit;
}
}

@media (min-width: 1600px){
  #fpList .fpInfos {
    font-size: inherit;
  }
}

.fpItem {
  width: 100%;
  text-align: center;
  float: left;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 2%;
  overflow: hidden;
}

@media (min-width: 1024px){
  .fpItem {
    width: 33.3% !important;
  }
}


/* --------------------------- LEGACY CORP PIONEER PROPERTIES PAGE TEMPLATE -------------------------- */


#property_list {
}

#property_list img {
  display: block;
  border: 0;
  max-width: 100%;
  height: auto;
}

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

.community_label{
  float:left;
  width:60%;
  padding: 0 0 0 5px;
}

.proplocation_label{
  float:right;
  width:30%;
}

#property_list ul {
	list-style:none;
	padding: 0px;
}

#property_list li {
	display: block;
  line-height: normal;
}

#property_list ul li:not(:last-child) {
	border-bottom: .125rem solid var(--black-20);
}

.community a {
  color: var(--font-color);
}

.community a:hover {
  color: var(--font-color);
}

.proplocation{
  color: var(--black-60);
}

.proplocation_label{
width: 30%;
}

#property_list ul{
  list-style:none;
  padding: 0px;
}

.community a {
  color: var(--link);
}

.community a:hover,
.proplink:hover .propname,
.proplinkveiw,
.proplinkveiw:hover {
  color: var(--link-hover);
	font-weight: 500;
}

.proplinkveiw {
  display: block;
}

.propname {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--font-color);
}

.proplink,
.proplink .propname {
	color: var(--link);
	display: block;
	margin-bottom: 0.25rem;
}

.separator{
  padding: 2px 0;
  background: var(--black);
  color: var(--white);
	text-align: center;
}

.separator span{
  margin-left: 10px;
}

.proplocation{
  float:left;
  width:100%;
}

.row2{
  margin: 15px 0;
  padding: 22px 0 0 0;
  position: relative;
  display: block;
  vertical-align: top;
}

.propImg {
  width: 100%;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: top;
}

@media (min-width: 768px) {
	.propImg {
    width: 30%;
	}
}

@media (min-width: 980px) {
	.propImg{
	  width: 30%;
	}
}

.proplocation {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
.proplocation{
    float:right;
    width:30%;
}
}

@media (min-width: 980px) {
	.proplocation{
	    float:right;
	    width:30%;
	}
}

#property_list li .property_list_item {
	display: flex;
	flex-direction: column;
	padding: 1.25rem 0rem;
  text-align: left;
	width: 100%;
}

@media (width > 767px) {
	#property_list li .property_list_item {
		flex-direction: row;
	}
}

#property_list li .property_list_item_content {
	display: grid;
  grid-template-rows: min-content auto min-content min-content;
	padding: 0.75rem 1rem 0rem;
}

@media (width > 767px) {
	#property_list li .property_list_item_content {
	  padding: .75rem 1.5rem;
	}

	#property_list li .property_list_item .propImg {
		width: 33.33%;
	}

	#property_list li .property_list_item_content {
		width: 66.66%;
	}
}

#property_list .row2 ul{
  display: inline-block;
  width: 65%;
  padding: 15px 0 0 0;
  color: #666;
  position: relative;
  vertical-align: top;
  margin-left: 4%;
  list-style: none outside none;
  font-size: 12px;
  top: 0;
}

@media (min-width: 768px) {
#property_list .row2 ul{
  width: 28%;
    padding: 0;
}
}

@media (min-width: 980px) {
#property_list .row2 ul{
  width: 25%;
    padding: 0;
}
}

#property_list .row2 ul li{
  border: 0;
  line-height: 14px;
}

#property_list .row2 ul li:before{
  content: '-';
  margin: 0 4px 0 0;
}

.propPhone{
	color: var(--black-60);
	display: inline-block;
	padding-bottom: 1rem;
}

.pagination{
position: relative;
width:100%;
height:60px;
text-align: center;
}

.pagination a, .pagination span{
font-size: 18px;
}

.pagination span{
color: #666;
}

@media (min-width: 768px) {
.pagination a, .pagination span{
  font-size: 22px;
}
}

@media (min-width: 980px) {
.pagination a, .pagination span{
  font-size: 25px;
}
}

.previous{
margin-right: 5px;
}

.next{
margin-left: 5px;
}



/* ------------------------- HERO SLIDER (lite):: START -------------------------- */

.swiper-container {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

@media (min-width: 320px){
  body.home .swiper-container {
    height: 50vh;
  }

  .swiper-container {
    height: 65vh;
  }

  .swiper-wrapper {
    position: absolute;
    height: 100% !important;
    overflow: hidden;
    top: 0rem;
    left: 0rem;
  }

  body.home .swiper-wrapper .swiper-slide {
    position: relative;
  }

  .swiper-wrapper .swiper-slide {
    height: 100% !important;
    overflow: hidden;
  }
}

@media (min-width: 768px){
  body.home .swiper-container {
    height: 50vh;
  }

  .swiper-container {
    height: 50vh;
  }
}

/* Ipad */

@media (min-width: 768px) and (min-height: 1024px){
  body.home .swiper-container {
    height: 60vh;
  }

  .swiper-container {
    height: 40vh;
  }
}

@media (min-width: 1024px) and (min-height: 768px){
  body.home .swiper-container {
    height: 80vh;
  }

  .swiper-container {
    height: 60vh;
  }
}

/* Ipad Pro */
@media (min-width: 1024px) and (min-height: 1366px){
  body.home .swiper-container {
    height: 70vh;
  }

  .swiper-container {
    height: 50vh;
  }
}

@media (min-width: 1366px) and (min-height: 1024px){
  body.home .swiper-container {
    height: 80vh;
  }

  .swiper-container {
    height: 60vh;
  }
}

@media (min-width: 1280px){
  body.home .swiper-container {
    height: 90vh;
  }
}

@media (min-width: 1440px){
  body.home .swiper-container {
    height: 92vh;
  }
}

@media (min-width: 1680px){
  body.home .swiper-container {
    height: 84vh;
  }
}

.swiper-container .swiper-slide .img {
  text-align: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-container .swiper-slide .img img {
  width: 100%;
  height: auto;
  -webkit-opacity: 0;
  opacity: 0;
}

.swiper-wrapper:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 31%, var(--black-30) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 31%, var(--black-30) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 31%, var(--black-30) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--black)00', endColorstr='#b3000000',GradientType=0 );
}

/* ------------------------- HERO SLIDER :: END -------------------------- */



/* ------------------------- Overview Lite :: START -------------------------- */
.lite-over{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 2rem;
	width:100%;
	
}

div.overview_cont_lite{
	display:grid;
	grid-template-columns: 40% 60%;
	column-gap:6%;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.overview_cont_lite .col_02 .vid {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-block-start: 1em;
}

div#lite_tag{
    
    display: block;
    bottom: 8%;
    width: 100%;
    z-index: 50;
    text-align: center;
    text-shadow: 0rem 0.08rem var(--black-40);	
}

span#lite_tag_big {
    color: var(--secondary);
    line-height: normal;
    display: block;
    font-size: 8rem;
	font-family: 'Mrs Saint Delafield', cursive;
	padding-top: 0;
	margin-top: 0;


}

.subtitle-lite{
	margin-bottom: 0.5rem;
    font-weight: 300;
	text-transform: uppercase;
	font-size: 1.32rem
    line-height: 1.5;
	letter-spacing:.05rem;
	color: var(--primary);
	text-shadow: 0rem 0.08rem var(--black-40);
}

@media (max-width: 856px){
	div.overview_cont_lite{
		display:grid;
		grid-template-columns:1fr;
		row-gap: 4%;
}
}


@media (max-width: 768px){
    span#lite_tag_big {
    	font-size: 4rem;
	}
    h2.subtitle-lite {
	font-size:1.32rem;
        }
}


@media (max-width: 320px){
    span#lite_tag_big {
       font-size: 3rem;
    }
      h2.subtitle-lite {
	font-size:1.32rem;
        }
}



/* ------------------------- Our Community Lite :: START-------------------------- */


section.overview_wrapper_lite {
	padding: 8%;
	padding-top: 2%;
	padding-bottom: 3%;
	margin-top: 2rem;
	border:none;
	outline:none;
	border-bottom: 0.063rem solid var(--gray-light);

}

section#home {
	padding: 8%;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-top: 2rem;	
	border-bottom: 0.063rem solid var(--gray-light);
	width: 100vw;

}


section#gallery.overview_wrapper_lite{
	
	padding: 8%;
	padding-top: 3%;
	padding-bottom: 3%;	
	border:none;
	outline:none;
   	border-bottom: 0.063rem solid var(--gray-light);

 
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 31%, var(--black-5) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 31%, var(--black-5) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 31%, var(--black-5) 100%);
}




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

.tagline{
	
    color: var(--primary);
    line-height: normal;
	width: 100%;
	justify-self: center;
	align-self:center;
	
}

span.tag{
	font-family: 'Zilla Slab Highlight', serif;


/* 	font-family: 'Merriweather',serif !important; */
	text-transform: uppercase;
	justify-content: center;
	align-self:center;
	font-size:4.32rem;
	display:flex;  
    transition-duration: 4s;
    font-weight: 500;
    letter-spacing: .25rem;
	text-align:center;
    line-height: 1.25;
}


section#lite-menu{
	width: 100vw;
	background-color:  var(--primary);
	margin-bottom:4rem;
	
}

/* ------------------------- Overview Lite :: END -------------------------- */




.col_01_lite{
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items:left;
	padding-bottom:1rem;
}


/* ------------------------- Our Community Lite :: END -------------------------- */

/* ------------------------- Gallery Lite :: START -------------------------- */
#gallery-section{
	scroll-margin-top: 14vh;

}
#galContainer_lite.contentBG {
	padding:4%;
}



   

/* ------------------------- Gallery Lite :: END -------------------------- */

/* ------------------------- Features & Amenities Lite :: START -------------------------- */
#amenities{
	 scroll-margin-top: 17vh;}

#featuresHome{
	display:flex;
	justify-content: center;

	margin: .5rem .5rem .5rem .5rem;
}



.amenity-continer{
	display:flex;
	flex-direction:column !important;
	
	align-self: center;
	 
}

.main-amenities{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.fa-title{
	text-align: left;
}

div.features-section{
	width:50%;
	padding-right: 5%;
	border-right: 0.063rem solid var(--gray-light);


}

div.features-section.amenities{
	width:50%;
	padding-left: 5%;
	border:none;
}


.apt-amenities-list{
	justify-content: left;
	max-width:100%;
	padding-top: 2rem;
	padding-left:2rem;
	padding-right:2rem;
	columns: 2;
	column-gap: 30px;
}

.apt-features-list{
	padding-top: 2rem;
	justify-content: left;
	max-width:100%;
	padding-left:2rem;
	padding-right:2rem;
	columns: 2;
	column-gap: 30px;
}

.fees-section{
	margin-top: 2rem;
	padding-top:1rem;
	border-top: 1px solid  var(--black-10);
	
}

.closebtn{
  
    padding: 0.3rem 0.3rem;
	padding-left:0;
    font-size: 1rem !important;
    font-weight: 600;
    text-align: center;
    color: var(--secondary-90);
    background-color: var(--white);
    cursor: pointer;
    border-bottom: 0.0625rem solid var(--black-10);
    -webkit-appearance: none;
    white-space: nowrap;
    text-decoration: none;
}


#addFeat{
	display:none;
}

.policyLinks {
    text-decoration: none;
    padding: 0.3rem 0.3rem;
	padding-left:0;
	padding-top:2rem;
    display: inline-block;
    color: var(--secondary));
    font-size: 1rem;
    font-weight: 500;
	border-bottom: 0.0625rem solid var(--black-10);
}

div.amenity-button {
	display:flex;
	justify-content: center;
	background-color: var(--primary));
	outline: solid 3px var(--primary));
	outline-offset: 8px;
	width: 100%;
}


a#amenityBtn.btn{
	padding: 2rem;
	padding-left: 15%;
	padding-right:15%;
	background-color: var(--primary);
	color: white;
	border: 3px solid white;
	margin-bottom: 0.5rem;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.32rem line-height: 2;
    letter-spacing: .05rem;
    color: white;
    text-shadow: 0rem 0.08rem var(--black-40);
	outline: solid 3px var(--primary);
	outline-offset: 8px;
	border-radius: 2px;
	


}





@media (max-width: 856px) {
  .main-amenities{
	display: flex;
	flex-direction: column;
	  width:100%;	}
	
  .amenity-continer{
	display:flex;
	flex-direction:column !important;
	justify-content: center;
	padding:2rem;
	 max-width:98vw;
}
.amenities{
		margin-top: 3rem;
	width: 100%;
	}
	
.apt-amenities-list{
	justify-content: center;
	max-width:100%;
	padding: 1rem;
	columns: 1;
	width:100%;

}

.apt-features-list{
	justify-content: center;
	max-width:100%;
	padding: 1rem;
	columns: 1;
	width:100%;
}

	.features-section{
		max-width:100vw;
		width:100%;
	}
	
	.subtitle-lite{
	margin-bottom: 0.5rem;
    font-weight: 300;
	text-transform: uppercase;
	font-size: 1rem
    line-height: 2;
	letter-spacing:.03rem;
	color: var(--secondary);
}

	
}


/* ------------------------- Features & Amenities Lite :: END -------------------------- */


/* ------------------------- Floorplans Lite:: START -------------------------- */
section#fp-section{
	background:white;
	scroll-margin-top: 14vh;

}
/* ------------------------- Floorplans Lite:: END -------------------------- */


/* ------------------------- Contact Lite:: START -------------------------- */
section#contact-us{
	padding:3%;
	padding-left:4%;
	padding-right: 4%;
	padding-top:4%;
	display: flex;
	background-color: var(--light);
	scroll-margin-top: 14vh;

}

a#phoneDynamic.phone{
	    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 0.25rem;
    position: relative;
    display: inline-flex;
}

div.contact-location{
	display: flex;
	justify-content: space-between; 
	flex-dirrection: row;
	width: 100%;
	
	
}

div.contact{
	display:flex;
	flex-direction:column !important;
	width:30%;
	justify-content: space-between; 
	padding-right: 2rem;
	border-right: 0.063rem solid var(--gray-light);

	
}

div.location{
	display:flex;
	flex-direction:column !important;
	width:30%;
	justify-content: space-between; 
	padding-right: 1rem;
	padding-left: 1rem;
	border-right: 0.063rem solid var(--gray-light);

}

div.tx{
	justify-content: space-between;
	
}

div.contact-text{
	padding-bottom: 5%;
	justify-content: space-between;

}

a#messageBtn.btn{
	align:baseline;
	margin-top: 10%;
        background-color: var(--secondary);
	color: white;



}


a#locationBtn.btn{
	align:baseline;
	margin-top: 10%;
	background-color: var(--secondary);
	color: white;
}


a#messageBtn.btn:hover{
	align:baseline;
	margin-top: 10%;
        background-color: var(--primary);
	color: white;



}


a#locationBtn.btn:hover{
	align:baseline;
	margin-top: 10%;
	background-color: var(--primary);
	color: white;



}



div.map-image-lite{
	display:flex;
	align-items:space-evenly;
	
	width:30vw;
	height:auto;
	
	
	padding-left: 2rem;
	
 	

}

img#map-img.vid{
	width: 100%;
	height: 100%;
	object-fit: cover;
	align: center;
	outline: solid 2px var(--primary);
	outline-offset: 8px;

}

@media (max-width: 856px) {

	section#contact-us{
		display:flex;
		flex-direction: column;
		max-height:none;
		align-content: space-between;
		padding: 8%;
	}

	div.contact-location{
		margin-top 3.4rem;
		display:flex;
		flex-direction: column;
		max-height:none;		
		width:100%;
		justify-content: space-between;
		
	}


div.contact{
	margin-top 3.4rem;
	display:flex;
	flex-direction:column !important;
	width:100%;
	border-bottom: 0.063rem solid var(--gray-light);
	border-right:none;
	padding-bottom:2rem;
	padding-top: 2rem;
	
}
div.location{
	margin-top 3.4rem;
	display:flex;
	flex-direction:column !important;
	width:100%;
	border-bottom: 0.063rem solid var(--gray-light);
	border-right:none;
	padding-bottom:2rem;
	padding-top: 2rem;
}

div.map-image-lite{
	display:flex;
	margin-top 3.4rem;
	justify:center;
	align:center;
	width:100%;
	height:25vh;
	min-height:30vh;
	
	border-right:none;
	padding-bottom:2rem;
	padding-top: 2rem;
	padding-left: 0;
	 	

}



}


	



/* ------------------------- Contact Lite:: END -------------------------- */

#footer{   
background-color: white;
margin-top:0;
	

}