/* RESET
======================================================= */
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, main {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html{font-size: var(--rem);}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;}
section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}
body {line-height: 1;} 
a {color:inherit;}
main section a[href*="faq"]{text-decoration:underline;}
/*section#page{overflow: clip;}*/
img {max-width:100%;}
ol:not(.list), ul:not(.list) {list-style: none;} ol { padding-left: 1em !important; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
p { margin-bottom: 1em; /*letter-spacing: 0.010em;*/}
.center:not(.a) { text-align: center; }
.left:not(.a) { text-align: left; }
.softhide {display:none;}
u {text-decoration:underline;}
iframe {position: absolute; border:0; outline: none; transform:scale(1.015);}
/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; color:var(--fc1); background: var(--bg);}
b, strong { font-weight:600; }
h1, .h1:not(.a) {font:var(--h1);margin-bottom:var(--66px);}
h1.mb20, .h1.mb20:not(.a) {margin-bottom:var(--20px);}
h2, .h2:not(.a), div.h2 > p {font:var(--h2);margin-bottom:var(--35px);}
p, .p1:not(.a) {font:var(--p1);}
p.p2:not(.a) {font:var(--p2);}
p.p3:not(.a) {font:var(--p3);}
.nav:not(.a) {font:var(--nav);}
.tm:not(.a) {font:var(--tm);}
span.p1 {display:inline-block;}
@media(max-width:768px) and (orientation:portrait) {
	h2, h2 + p:last-child {margin-bottom:var(--24px);}	
	h1:not(.a):not(.a), 
	h2:not(.a):not(.a), 
	p:not(.a):not(.a), 
	.copy:not(.a):not(.a) {text-align: center;}
	h1, .h1:not(.a) {margin-bottom:var(--30px);}
	body main {letter-spacing: var(--ls);}
}
h2 + .copy {margin-bottom:var(--45px);max-width: var(--1100px)}
section * p:last-child {margin-bottom: 0;}

.mb20:not(.a):not(.a) {margin-bottom:var(--mb20);}
.mb30:not(.a):not(.a) {margin-bottom:var(--mb30);}
.mb40:not(.a):not(.a) {margin-bottom:var(--mb40);}

/* COLOURING IN
======================================================= */
.lgreen-bg, .lgreen-bg .anim::before, .lgreen-bg .anim::after, .lgreen-bg.vw-slider-block::before { background-color: var(--lgreen); }
.dgreen-bg,	.dgreen-bg .anim::before, .dgreen-bg .anim::after, .dgreen-bg.vw-slider-block::before { background-color: var(--dgreen); }
.pgreen-bg,	.pgreen-bg .anim::before, .pgreen-bg .anim::after, .pgreen-bg.vw-slider-block::before { background-color: var(--pgreen); }
.ggreen-bg,	.ggreen-bg .anim::before, .ggreen-bg .anim::after, .ggreen-bg.vw-slider-block::before { background-color: var(--ggreen); }
.lblue-bg, .lblue-bg .anim::before, .lblue-bg .anim::after, .lblue-bg.vw-slider-block::before { background-color: var(--lblue); }
.dblue-bg, .dblue-bg .anim::before, .dblue-bg .anim::after, .dblue-bg.vw-slider-block::before { background-color: var(--dblue); }
.gold-bg, .gold-bg .anim::before, .gold-bg .anim::after, .gold-bg.vw-slider-block::before { background-color: var(--gold); }
.cream-bg, .cream-bg .anim::before, .cream-bg .anim::after, .cream-bg.vw-slider-block::before { background-color: var(--cream); }
.dcream-bg, .dcream-bg .anim::before, .dcream-bg .anim::after, .dcream-bg.vw-slider-block::before { background-color: var(--dcream); }
.grey-bg, .grey-bg .anim::before, .grey-bg .anim::after, .grey-bg.vw-slider-block::before { background-color: var(--grey); }
.white-bg, .white-bg .anim::before, .white-bg .anim::after, .white-bg.vw-slider-block::before { background-color: var(--white);}
.darkgreen-bg,	.darkgreen-bg .anim::before, .darkgreen-bg .anim::after, .darkgreen-bg.vw-slider-block::before { background-color: var(--darkgreen); }
.lime-bg,	.lime-bg .anim::before, .lime-bg .anim::after, .lime-bg.vw-slider-block::before { background-color: var(--lime); }

div[class$="-bg"] *, section[class$="-bg"] * {color: var(--fc1);}

div.dgreen-bg *, 
section.dgreen-bg *,
div.darkgreen-bg *, 
section.darkgreen-bg *, 
div.dblue-bg *, 
section.dblue-bg * {color: var(--fc2);}
section.dgreen-bg td{color:#000;}

@media(max-width:768px) {
	.pccfm1 {background-color: #EFD7C3;}
	.pccfm2 {background-color: #F2E6DD;z-index:-1;}	
}

.vw-slider-block::before {
	content: '';
	width: 100%;
	display: block;
	position: relative;
	top: var(--n1px);
	height: var(--2px);
}

main {overflow: hidden;}

/* HEROS
======================================================= */
section[class*="-hero"] > div {height:var(--hero);}


/* SNAP
======================================================= */

.anim::before, .anim::after {transition:1.5s ease;content:'';position: absolute;width:100%; height: 100%;top: 0;}
.anim::before {left: 0%;transform-origin: left; display:none;}
.anim::after {right: 0;transform-origin: right;}
.anim {position: relative;overflow: hidden;}
.anim.revealed::before, .anim.revealed::after {width: 0;}

@keyframes revealAnimation {
	0% {width: 0;transform:translateX(0%);}
	100% {width: 100%;transform: translateX(100%);}
}

.anim.i2::before, .anim.i2::after {transition-delay: .2s;}
.anim.i3::before, .anim.i3::after {transition-delay: .4s;}
.anim.i4::before, .anim.i4::after {transition-delay: .6s;}

@media(max-width:768px) {
	.item1 {order:1;}
	.item2 {order:2;}
	.item3 {order:3;}
	.item4 {order:4;}
	.item5 {order:5;}
	.item6 {order:6;}
	.item7 {order:7;}
	.item8 {order:8;}
}

/* STRUCTURE
======================================================= */
section > div {width:100%;}
section > div.pad {padding:var(--vpad) var(--hpad);}
section > div.contact-top {padding-top: calc(var(--vpad) * 3);}
section.reverse > div, section.reverse:not(a) > div {flex-flow: row-reverse wrap;}
section.centered > div {display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative;height:100%;}
section.centerhz > div {display:flex;align-items:center;position:relative;}
section.centervt > div {display:flex;justify-content:center;position:relative;height:100%;}
section.padding > div {padding: var(--vpad) var(--hpad);}
section.rows > div {display:flex;justify-content:center;align-items:center;position:relative;}
section.columns-block.rows > div {flex-flow: column nowrap;}
section.columns-block.rows > div > .columns {display:flex;flex-wrap:var(--flex-wrap,no-wrap);}
section.wrap > div {flex-wrap: wrap; }
section.p0 > div {padding: 0;}
section.pt0 > div {padding-top: 0;}
section.pb0 > div {padding-bottom: 0;}
section.pr0 > div {padding-right: 0;}
section.pl0 > div {padding-left: 0;}
section.fh > div {min-height:var(--fh);}

a.anchor {display: block;position: relative;visibility: hidden;z-index:-1;}
.row {display:flex;flex-wrap: wrap;justify-content:center;align-items:center;position:relative;}
.row.nowrap {flex-wrap: nowrap;}
.row.start {justify-content: flex-start;}
.row.end {justify-content: flex-end;}
.col {display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}
.col.start {align-items:flex-start;}

.icon.dark {filter:brightness(0);}

@media (min-width:769px) {
	.icon-block .icon {width: var(--64px);}
	.hero-block + section.default-block > div.row:first-child {padding-top:calc(var(--vpad) * 1.1);}
	.row.mobwrap {flex-wrap: nowrap;}
}


.enquire-fixed {display:flex;justify-content: center;align-items: center;width:var(--124px);height:var(--124px);position:fixed; top:calc(100vh - var(--152px)); right:var(--65px); width:var(--100px); height:var(--100px);border-radius: 50%;border:var(--border3);border-color: var(--lgreen); font:var(--nav); z-index:1000; text-align:center;color:var(--white);}

@media (max-width:768px) {
	.enquire-fixed {right:var(--18px); top:calc(100vh - var(--98px)); width:var(--80px); height:var(--80px);}
}
/*
.enquire-fixed {display:flex;justify-content: center;align-items: center;width:var(--124px);height:var(--124px);position: sticky;bottom:var(--72px);border-radius: 50%;background: var(--dgreen);border:var(--border3);border-color: var(--lgreen);}
.enquire-fixed a {text-align: center;color:var(--lgreen)font:var(--nav);}
*/

/* BLOCKS
======================================================= */
.facts-wrap {padding: var(--vpad) var(--hpad);display:flex;flex-wrap: wrap;justify-content:center;align-items:flex-start;position:relative;}
.facts-wrap > div:first-child {flex: 7;}
.facts-wrap > div:last-child {flex: 5;}
.facts-wrap .list {font:var(--p);}
.facts-wrap .list + p {font:var(--tiny); margin-top:var(--30px);}

.fact-btns {display: flex; gap:calc(var(--107px) + var(--bgwidth));width: 100%;}
.fact-btns > a {text-transform: uppercase;font:var(--btns);transition: .3s ease;position: relative;}
.fact-btns > a:hover {}
.fact-btns > a::before {content: '';width:var(--bgwidth);height:var(--bgheight);position: absolute;background: var(--bgimg);top:17.5%;right: calc(var(--n25px) - var(--bgwidth));}

@media(min-width:769px) {
	.facts-wrap h1/*, .h1:not(.a)*/ {margin-bottom:var(--106px);}
	#interior-design-new-homes .h1:not(.a) {margin-bottom:var(--20px);}
}

/*MEDIA ICONS BLOCK*/
.media-icons {padding: var(--vpad) var(--hpad);}
.seefaq {font:var(--tiny);}
.media-icons .image-wrap {margin-bottom: var(--vpad);}
.media-icons .image-wrap {display:flex;width: 100%;height:fit-content;}


.iconset {display: flex;gap:var(--gap);flex-wrap: wrap;justify-content:center;align-items:center;position:relative;height: var(--142px);}
.iconset > div {flex:1 ;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;height: 100%;}
.iconset > div p {font:var(--font);text-transform: uppercase;text-align: center;font-weight: bold;margin-bottom: 0;letter-spacing: calc(var(--ls) * 2);}
.iconset > div img {max-width: var(--90px);max-height: var(--70px);}

@media(min-width:769px) {
	.basic-block .iconset{margin:0 auto var(--100px);gap:0;max-width:var(--960px);}
	.perks-block .row > div:first-child {transform:translate(0, var(--n38px));} 
	.facts-block .copy + .fact-btns {display: none;}
	.seefaq + a {transform:translate(var(--n80px));}
	.media-icons .image-wrap img{object-fit: cover;}
}

@media (max-width:768px) {
	.media-icons {padding: var(--60px) var(--hpad);}
	.media-icons .image-wrap img{height:var(--228px);object-fit: cover;}
	.media-icons h2.h1:not(.a){margin-bottom:var(--67px);}
	.fact-btns > a::before {right: calc(var(--n9px) - var(--bgwidth));}
	.facts-wrap:not(.a) > div:not(.a) {flex:100%;}
	.facts-block h1 + .fact-btns {display:none;}
	.facts-block .fact-btns:not(.a) {gap:0; margin-top:var(--48px); justify-content: flex-start;flex-direction: column;align-items: flex-start;}
	.facts-block .fact-btns > a {width: var(--140px);display: block;margin-bottom:var(--gap)}
	.facts-block ul{margin-left:var(--11px);}
	#next .col:last-child {margin-bottom:0;}
	.facts-wrap {padding:var(--58px) var(--hpad) 0;}
	body.shop .iconset > div:nth-child(5) {margin-left: var(--38px);}
	body.shop .iconset > div:nth-child(7) {margin-right: var(--38px);}
	body[class^="apartment"]:not(.overview) .iconset > div:nth-child(1) {margin-left: var(--38px);}
	body[class^="apartment"]:not(.overview) .iconset > div:nth-child(3) {margin-right: var(--38px);}
	body.shop .iconset {margin-bottom: var(--40px);}
	#intro-shop {padding-bottom: calc(var(--vpad) * .85);}
	#intro-shop .h1.center.w8.mah {width: 84%;}
	body.perks .iconset > div {flex:28%;}
	body.perks .iconset {gap: var(--40px) var(--24px);}
}

/*PERKS BLOCK*/
.perks-block .row {align-items: flex-end;justify-content: space-between;margin-bottom: var(--100px);}
.perks-block .copy {max-width: var(--370px);margin-bottom: var(--gap);}
.perks-block .iconset {width: var(--620px);gap:var(--gap);margin:0;}
.perks-block .iconset > div {flex-basis:calc(25% - var(--gap));}
.perks-block .iconset > div img {max-width:var(--90px);max-height:var(--70px);}
.perks-block .icon-wrap {height: var(--590px);}

@media(max-width:768px) {
	.perks-block .row{margin-bottom:var(--60px);}
	section.perks-block > div{padding:var(--60px) 0;}
	.perks-block h2 br{display:none;}
	.perks-block h2{padding: 0 var(--56px);}
	.iconset {height: auto; gap:var(--8px) ;margin-bottom: var(--65px);}
	body.perks .iconset{margin-bottom:var(--10px);margin-top:var(--40px)}
	.iconset > div {height: var(--105px);margin:0 var(--4px) var(--24px)}
	.perks-block .iconset > div:nth-child(4n + 1) {margin-left:0;}
	.perks-block .iconset > div:nth-child(3n + 4) {margin-right:0;}
	body.shop .iconset > div img {max-width: var(--50px);max-height: var(--50px);}
	.perks-block .iconset {width: var(--260px); gap:var(--45px) var(--30px); margin:0 auto;}
	.perks-block .icon-wrap {height: auto;}
	.perks-block .iconset > div {flex:22%; margin:0 var(--15px) var(--45px);}
	.perks-block .iconset > div:nth-child(3n + 1) {margin-left:0;}
	.perks-block .iconset > div:nth-child(3n + 3) {margin-right:0;}
	.perks-block .iconset > div img {max-width:var(--60px);max-height:var(--60px);}
	.iconset > div img {max-width:var(--60px);max-height:var(--60px);}
	.vw-slider {max-height: var(--320px);overflow: hidden;}
	.perks-block .copy{width: var(--260px);margin: 0 auto;}
	.perks-block .copy + a {pointer-events: none;opacity: 0;margin-bottom: var(--35px);}
	.perks-block .iconset + a {margin-top: var(--10px);} 
	body[class^="apartment"] .iconset {gap: 0;}
	body[class^="apartment"] .iconset > div {margin:0 var(--12px) var(--42px);}
	body[class^="apartment"] .iconset > div:nth-child(3n + 1) {margin-left:0;}
	body[class^="apartment"] .iconset > div:nth-child(3n + 3) {margin-right:0;}
	body[class^="apartment"] .iconset + a{margin-top:var(--13px);}
}
@media(min-width:769px) {
	.landlord .a3-col {padding-bottom: var(--172px);}
	#intro-perks a.arrowd{width: var(--bgwidth);height: var(--bgheight);}
	#intro-perks a.arrowd:before{bottom: 0;}
}

@media(max-width:768px) {
	#intro-perks > div {display: flex;flex-flow: column nowrap;} 
	#intro-perks h1 {order:1;}
	#intro-perks a {order:2;}
	#intro-perks .iconset {order:3;}
	#intro-perks a::before {bottom: calc(0px + (var(--bgheight) * 2));}
}
/*3 COL BLOCK*/
.a3-col {padding: var(--vpad) var(--hpad);}
.a3-col > div.tall {height: var(--662px);display: flex;gap:var(--gap);margin-bottom: var(--125px);flex-flow: row nowrap;}
.a3-col .caption {font: var(--nav);letter-spacing: calc(var(--ls) * 2.5);}
div.tall + h2 {max-width: var(--960px);margin: 0 auto var(--72px);}
.col.captions img {height: var(--662px); object-fit:cover;margin-bottom: var(--8px);}
.col.captions p {font: var(--nav);letter-spacing: var(--ls2);text-align: left;align-self: flex-start;}

/*DEFAULT BLOCK*/
.default-block .copy {text-align: center;width:var(--620px);max-width:calc(100% - var(--hpad) );margin:0 auto var(--54px);}
.default-block .copy p {font:var(--h2);}
.default-block h2 {font:var(--h1);text-align:center;clear: both;}
.default-block .left h2 {text-align:left;}

/*BASIC BLOCK*/
.basic-block h2.h1.center {margin-bottom:var(--32px);}
.basic-block .hfrt {width:var(--530px);margin:0 auto;max-width:calc(100% - (var(--hpad) * 2) );}
.basic-block .hfrt p {font:var(--h2);margin-bottom:var(--47px);text-align:center;}
.basic-block .hfrt a.btn {width:var(--201px);display: block;}
.seefaqs {padding-top: var(--72px);flex-flow:row nowrap;}

#coming-soon-studio.basic-block > div {padding-top:var(--40px);padding-bottom:var(--97px);}
#coming-soon-studio.basic-block .iconset {display:none;}
#coming-soon-studio.basic-block h1.h1:not(.a) {order:0;margin-bottom:var(--25px);}
#coming-soon-studio.basic-block p {order:1;margin-bottom:var(--30px);}
#coming-soon-studio.basic-block a {order:2;margin-bottom:var(--77px);}
#coming-soon-studio.basic-block picture {order:3;}
#coming-soon-studio.basic-block img {width:var(--265px);width:var(--326px);}

@media(max-width:768px) {
	#coming-soon-studio.basic-block img {width: var(--222px); height: var(--273px);}
	#coming-soon-studio.basic-block a {margin-bottom:var(--35px);}
	#coming-soon-studio.basic-block p {max-width:var(--220px);}
	.distance-calc h2.h1 {width: 80%;margin: 0 auto var(--30px);}
	.distance-calc .copy {width: 100%;}
	.distance-calc #dc-form button.submit {margin:var(--18px) var(--8px) 0;}
	.distance-calc #dc-form > div {display: flex; flex-flow: wrap; width:100%;}
}

.block1 {
	--col1:270;
	--col2:365;
	--col3:270;
}

@media(max-width:768px) {
	.a3-col > div.tall {height: auto;flex-flow: row wrap;}
	.col.captions img {height: var(--302px);width: 100%;}
	.col.captions {width: 100%;}
	.a3-col {
		--gap:var(--37px);
	}
	.seefaqs {flex-flow:column;gap:var(--20px);padding-top:0;}
	.seefaq {font:var(--p3);}
	
	#intro-landlord .a3-col > div.tall {margin-bottom: var(--78px);}
	#intro-landlord h2.h1:not(.a){margin-bottom:var(--44px);}
	#intro-landlord .a3-col {padding-bottom: var(--83px);}
}

/*body.shop .basic-block picture{
	--imgw:var(--222px); --imgh:var(--273px);
	--mb:var(--34px);
}

body.shop .basic-block img{
	width:var(--imgw);height:var(--imgh);margin-bottom:var(--mb);
}
*/
/*COLUMNS BLOCK*/
.columns {gap:var(--gap);}
.columns > div {flex:var(--col1);display:var(--col-display,initial);padding:var(--col-padding, 0);}
.columns > div:nth-child(2) {flex:var(--col2);}
.columns > div:nth-child(3) {flex:var(--col3);}
.columns .copy {margin-bottom: var(--mb30);}

body.retail {
	--imgw: var(--299px); 
	--imgh: var(--312px);
	--gap:var(--24px); 
	--mb:var(--32px);
	--flex:var(--612px); 
	--flex2:var(--380px);
	--imgsrXY:var(--25px);
	--gap2:8%;
}
body.home { 
	--double-img-flex-flow:row wrap;
	--imgw: var(--352px); 
	--imgh: var(--315px);
	--gap:var(--16px); 
	--imgsXY: var(--n25px); 
	--imgsrXY: var(--35px);
	--img1XY: var(--n65px); 
	--img2XY: var(--n25px);
	--img1rXY: var(--65px); /*--img2rXY: var(--n25px);*/
	--flex:52%; 
	--flex2:46%;
}
body.shop { 
	--imgw: var(--304px);	
	--imgh: var(--454px);
	--gap:var(--24px); 
	--mb:var(--48px); 
	--img1rXY: 0; 
	--img2rXY:0 var(--83px);
	--flex:1.33; 
	--flex2:.75;
	--gap2:var(--90px);
	--dir:row;
	--swap-images-translate:0, var(--n83px);
}
@media(max-width:768px) {
	body.retail {
		--imgw: var(--299px); 
		--imgh: var(--312px);
		--gap:0; 
		--mb:var(--32px);
		--flex:100%; 
		--flex2:.75;
		--double-img-flex-flow:column nowrap;
		--imgsrXY:0;
		--img-margin-bottom:var(--24px);
	}
	body.home { 
		--double-img-flex-flow:column nowrap;
		--imgw: var(--192px);
		--imgh: var(--171px);
		--gap:0; 
		--imgsXY: var(--25px); 
		--imgsrXY: var(--35px);
		--img1XY: var(--n65px); 
		--img2XY: var(--n25px);
		--img1rXY: var(--65px); /*--img2rXY: var(--n25px);*/
		--flex:100%; 
		--flex2:100%;
		--mb:var(--36px);
		--double-img-inner-align-items:center;
		--img-margin-bottom:var(--12px);
	}
	body.shop { 
		--imgw: var(--221px);	
		--imgh: var(--217px);
		--gap:0; 
		--mb:var(--48px); 
		--img1rXY: 0; 
		--img2rXY:0 var(--83px);
		--flex:1.33; 
		--flex2:.75;
		--gap2:var(--90px);
		--flow:column;
		--double-img-flex-flow:column nowrap;	
		--double-img-inner-align-items:center;
		--images-reverse-justify-content:center;
		--swap-images-translate:0;
		--img-margin-bottom:var(--24px)
	}
	.double-img-block .images {margin:0 auto;width: 100%;}
	.double-img-block .texts {text-align:center;}
	body.home .double-img-block.reverse .images {transform:translate(var(--n10px));}
	body.home .double-img-block .images {width: 62%;}
	body.home h1.center:not(.a) {max-width:82%;}
}
#pineapple-shop picture img {width:var(--222px);height:var(--273px);margin-bottom: var(--33px);}
@media(max-width:768px) {
	body.shop .texts {display: none;}
	body.home .double-img-block .images {margin-bottom: 30px;}
	body.home .double-img-block .copy {max-width: var(--225px);}
	body.home .double-img-block .texts h2 {max-width: var(--235px);}
	body.shop .double-img-block:not(#space-shop) > div {padding-bottom: 0;}	
	.double-img-block img:first-child {align-self: flex-start;margin-bottom: var(--32px);}
	.double-img-block img:last-child {align-self: flex-end;}
	body.retail .double-img-block img:first-child {align-self: center;}
	body.retail .double-img-block img:last-child {align-self: center;}
	body.shop .copy {max-width: var(--218px);margin-bottom: var(--32px);}
	body.shop h2.h1 {margin-bottom: var(--4px);}
	#pineapple-shop picture img {margin-bottom: var(--60px);}
	#pineapple-shop h2 br {display: none;}
	#pineapple-shop h2 {max-width: var(--254px);}
	body.home .double-img-block h2 + .copy {margin-bottom: var(--20px);}
	body.home .double-img-block h2 {margin-bottom: var(--33px);}
}



/*DOUBLE IMAGE BLOCK*/
/*.double-img-block > div > div {flex:1;}*/
section.double-img-block > div:not(.a) { display: flex; flex-flow: var(--double-img-flex-flow, row wrap); justify-content: space-between; align-items: center; gap: var(--gap2);} 
section.double-img-block.reverse > div:not(.a) { flex-flow: var(--double-img-reverse-flex-flow, row-reverse wrap); } 
.double-img-block > div > div { display: flex; flex-flow: column; justify-content: flex-start; align-items: var(--double-img-inner-align-items, flex-start); } 
.double-img-block .images { position: relative; gap:var(--gap); align-items: center; flex: var(--flex); transform:translate(var(--imgsXY));} 
.double-img-block .images img:first-child,.double-img-block.reverse images img:last-child{margin-bottom:var(--img-margin-bottom,0);}
.double-img-block .texts h2 {margin-bottom: var(--mb);}
.double-img-block a:not(:last-child){margin-bottom:var(--10px);}

.double-img-block img { width:var(--imgw); height:var(--imgh); object-fit: cover; }
.double-img-block > div:last-child {align-items: center;}
.double-img-block .texts {flex:var(--flex2);}

.double-img-block.reverse .images {transform:translate(var(--imgsrXY, unset));}
.double-img-block img:first-child { transform:translate(var(--img1XY));}
.double-img-block.reverse img:first-child {transform:translate(var(--img1rXY));}


body.shop .double-img-block .images {flex-flow:var(--flow);justify-content: var(--images-justify-content, unset);}
body.shop .double-img-block img:first-child, 
body.shop .swap.double-img-block.reverse img:last-child {transform:translate(var(--swap-images-translate));}
body.shop .double-img-block img:last-child, 
body.shop .swap.double-img-block.reverse img:first-child {transform:translate(0 var(--8px));}

body.shop .double-img-block.reverse .images {justify-content: var(--images-reverse-justify-content);}

.h1-top.double-img-block h1 {width:100%;}
.h1-top.double-img-block > div {flex-wrap:wrap;}
.h1-top > div > div {flex-flow: row-reverse;justify-content: flex-end;transform:translate(0);}
.h1-top .texts {flex-flow: column !important;}
.h1-top .images {display: flex;}
.h1-top .images {justify-content: flex-end;}

.h1-top .copy {margin-bottom: var(--mb);} 
.h1-top.double-img-block img:first-child {transform:translate(0);}
@media(max-width:768px) {
	.h1-top > div > div {flex-flow: column wrap;}
}

@media(min-width:769px) {
	.panel p {padding-right: var(--25px)}
}

/*PANEL BLOCK*/
.panels {display: flex;justify-content: center;align-items: stretch;flex-flow: row wrap;}
.panel {flex:1;padding:var(--64px);display: flex;justify-content: center;align-items: center;}
.panel h2.h1 {margin-bottom: var(--mb40);}
.panel.text-right, .panel.text-left {justify-content: flex-end;padding:var(--vpad) var(--hpad);}
.panel.text-left {justify-content: flex-start;}
.panel.text-right > div, 
.panel.text-left > div {width:30%;}
.panel.dcream > div {color:var(--dcream);}
.panel.videobg video {
	object-fit: cover;
	height: var(--768px);
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.panel.span-1 {flex:33.33%;max-width: 33.33%;}
.panel.span-2 {flex:66.67%;max-width: 66.67%;}
.panel.span-2 .slick-slide, .panel.span-2 .slick-slider, .panel-slider2 .slick-slide, .panel-slider2 .slick-slider {max-width: 100%;}
.panel.panel-slider, .panel.panel-slider2 {padding:0;}
.panel-slider > div, .panel-slider .slick-slide, .panel-slider2 > div, .panel-slider2 .slick-slide {height: var(--fh);}
.panel-slider2 .slick-slide, .panel-slider2 > div {width:var(--1366px) !important;height:var(--fh) !important;}
.panel-slider2 + .slider-text-wrap {position: absolute;left:var(--hpad); top:0;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;padding-left: var(--39px);height: 100%;opacity:1;transition:opacity 0.3s;}
.panel-slider2 + .slider-text-wrap.hide-text{opacity:0}
.panel-slider2 + .slider-text-wrap p {max-width: var(--330px);}
.panel-slider2 + .slider-text-wrap * {color:var(--dcream);}
.panel-slider img {object-fit: cover;width: 100%;height: 100%;}
.panel.reset-padding {padding: var(--64px);}
.panel.reset-padding > div {width:auto;}
.panel.texture-bg {background: #2A4557 url("../images/shared/texture-bg.jpg") center / cover no-repeat; background-blend-mode: multiply;}
.panels .panel.vimeo * {height: var(--fh) !important;}
.panels .panel.vimeo {display: flex;align-items: center;justify-content: center;height: var(--fh);overflow: hidden;}
.panels .panel.vimeo .video iframe {transform: scale(1.505);}
/*.panel.videobg.span-2 {}*/
.panel-slider2 button.slick-arrow {top: 50%;}
.panel-slider2 button.slick-next {right: var(--37px);}
.panel-slider2 button.slick-prev {left: var(--37px);}

@media(max-width:768px) {
	.panel-slider2 button.slick-next {right: var(--12px);}
	.panel-slider2 button.slick-prev {left: var(--12px);}
	.panel-slider2 + .slider-text-wrap {left: auto;	align-items: center;padding-left: 0;user-select: none;}
	.panel-slider2 .slick-slide, .panel-slider2 > div, .panel-slider2 {width:var(--375px) !important;height:var(--fh) !important;}
	.panel-slider .slick-slider .slick-list, .panel-slider2 .slick-slider .slick-list {width:var(--375px) !important;}
	.panel-slider2 + .slider-text-wrap p {max-width: var(--240px);}
	.panel-slider .slick-track {/*width:var(--375px) !important;*/}
	.panel.bg.panel-slider:not(.text-right):not(.text-left) {height: var(--302px);width:var(--375px) !important;}
	.panel-slider > div, .panel-slider .slick-slide {height: var(--302px);width:var(--375px) !important;}
	.panel.span-1, .panel.span-2 {flex:100%;max-width: 100%;}
	.panel.text-right.span-1 {min-height: var(--302px); height:unset;}
	.panels .panel.vimeo .video iframe {transform: scale(1.905);}
	.panel.reset-padding {padding: var(--vpad) var(--hpad);}
	.panel {flex-basis:100%;padding:var(--64px) var(--38px) var(--38px);text-align: center;align-items: center;}
	.panel h2 br {display: none;}
	.panel > div {align-items: center;display: flex;flex-flow: column nowrap;}
	.panel:not(.bg) p {padding-right:0;max-width: var(--160px);padding-bottom: var(--60px);}
	.panel.bg p {max-width: var(--240px)}
	.panel.text-right, .panel.text-left {height:var(--621px)}
	.panel.text-right > div, .panel.text-left > div {width:100%;justify-content: flex-start;height:100%;}
	.panel.bg:not(.text-right):not(.text-left) {height: var(--187px);}
	.panel.inset img {margin-top:var(--n100px);}
	#lounge-perks .panel:nth-child(1) {order:2;}
	#lounge-perks .panel:nth-child(2) {order:3;}
	#lounge-perks .panel:nth-child(3) {order:1;}
	#lounge-perks .panel p, 
	#roof-terraces-perks .panel p {max-width: var(--260px);}
	#hi-tech-gym-perks .bg {background-position: 75% !important;}
	.panel.videobg video {height:100%;}
	.panel h2.h1 {margin-bottom: var(--mb30);}
	#roof-terraces-perks .panel.videobg video { object-position: 100% 60%; }
}

@media(min-width:769px) {
	.sml-sq > .col:last-child {transform:translate(var(--65px));}
	section.reverse .sml-sq > .col:last-child {transform:translate(var(--n65px));}
}
@media(max-width:768px) {
	.icon-block h2.h1 br/*,
	.facts-block h1 br*/ {display:none;}
	.fact-btns {order:1;}
	.list-set > .tm {order:2;}
	.facts-block ul.list {padding-left:0;}
}

.image-row + .bottom-text {padding-top:0;}
.image-row {padding-top:var(--vpad);padding-bottom:var(--vpad);}

.icon-grid {width:100%;display: flex;justify-content: center; flex-wrap: wrap;gap:calc(var(--119px) - 2em) var(--78px);}
.icon-group {max-width: var(--502px);flex-wrap: nowrap;gap:var(--51px);align-items: flex-start;}
.icon-text {max-width: var(--369px);}
.icon-text p {font:var(--tm);text-align: left;} 
.icon-text h3 {font:var(--tm);font-weight: 600;margin-bottom: var(--16px);}

@media(max-width:768px) {
	.icon-group:not(.a) {flex-wrap: wrap;justify-content: center;text-align: center;}
	.icon-group:not(.a) p {text-align: center;}
}

.img-pad.intro {
	--img-down:var(--77px) 0; --block-pb:var(--155px);
	--img-width:var(--340px); --img-height:var(--444px);
	--a-mb:var(--32px); --text-mb:var(--100px);
	--text-width:var(--620px); --btnX:var(--n50px); --a-ml:auto; --header-mb:var(--43px);
}
.img-pad.council {
	--img-width:var(--270px); --img-height:var(--208px);
	--block-pb:var(--120px); --mb:var(--32px);--text-width:var(--620px);
	--a-ml:0;
}

.tib .img { transform:translate(var(--img-down, 0));width:var(--img-width, 100%);height:var(--img-height, 100%);}
.tib .text {flex-basis:var(--text-width, auto);}

.tib .text a {margin-bottom:var(--a-mb, 1em);margin-left:var(--a-ml);transform:translate(var(--btnX));}
.tib .copy {margin-bottom:var(--text-mb, 1em);}

.tib .text h2,.tib .text h1 {margin-bottom:var(--header-mb, 1em);}
.tib {padding-bottom:var(--block-pb, var(--vpad));justify-content: space-between !important;}

@media(min-width:769px) {
	.text-image-row > div .copy {padding-right: calc(var(--hpad) + var(--dt2em));}
}

@media(max-width:768px) {
	.image-row .col {height: calc(var(--325px) + var(--18px));width: var(--258px) !important;flex-basis: var(--240px) !important;margin-bottom: var(--72px);}
	.image-row .col > img {object-fit: cover;width:100%;height:100%;}
	.image-row .col.i1 {transform:translate(var(--n3px));}
	.image-row .col.i2 {transform:translate(var(--29px));}
	.image-row .col.i3 {transform:translate(var(--n19px));}
	.image-row .mb1:not(.a):not(.a) {margin-bottom: 0;}
	.image-row div > img + p:not(.a) {flex-basis: var(--19px);}
}


/* NEXT
======================================================= */
#next .next-img {width:var(--nextw);height:var(--nexth);margin-bottom: var(--gap);}
#next h2 + .row {gap:var(--gap);flex-flow:row nowrap;padding-bottom: var(--vpad);border-bottom: var(--border);}
section.igtm h2.center {margin-bottom: var(--h2-mb, var(--36px));}
section.igtm h2 + p, section.igtm h2 + p + P {font:var(--nav);font-weight: 400;text-align: center;max-width: var(--315px);margin: 0 auto var(--p-mb,var(--30px));}

@media(max-width:768px) {
	#next {
		--nextw:var(--301px);
		--nexth:var(--206px);
		--h2-mb:var(--45px);
	}
	#instagram{
		--h2-mb:var(--17px);
		--p-mb:var(--40px);
	}
	section#next.padding > div{padding-bottom:0;}
	#next h2 + .row {flex-flow:column;}
	#next .arrowr {left:auto;}
	#next .row > div{margin-bottom:var(--40px);}
	section#instagram.padding > div{padding:var(--58px) 0 var(--70px);}
	section#instagram.next > div{padding:var(--50px) 0 var(--38px);}
}
/*
HERO + VIDEO
========================================================== */
/*@media(min-width:769px) {
	body:not(.home) .hero-block {height: var(--hero);}
}*/
body:not(.home):not(.perks) .hero-block {height: var(--hero);}
body.video-open .video {overflow: hidden; height:var(--hero);}
body.home iframe, body.home .video, body.perks iframe, body.perks .video {width: 100%;}
body.video-open .video iframe {position: absolute;top: 0;left: 0;right:0;bottom:0;width: 100%;height:var(--hero);border: 0;}
#hero-home {background-position:center center !important;}


.media-icons .image-wrap img{width:100%;}

@media(min-width:769px) {
	body.home iframe, body.home .video, body.perks iframe, body.perks .video {height: var(--fh) !important;}
	body.home iframe{transform: scale(1.025)};
	#hero-home > div{--vpad:var(--36px);min-height: inherit;display:flex;align-items: flex-end;}
	#hero-home a{position: absolute;right:calc(50% - (var(--bgwidth) / 2));bottom:calc(0px + (var(--bgheight) * 2));}
	#hero-home a:before{filter:brightness(0) invert(1);bottom:auto;}
	#cycle-spaces-perks .bg {background-image:url('/templates/newacres/images/brand/ph10-flip.jpg') !important;}
	section[id*="perks-"] .image-wrap:not(.a), section[id*="perks-"] .image-wrap .video iframe:not(.a), 
	section[id*="perks-"] .image-wrap .video:not(.a) {height: var(--620px);}
}

@media(max-width:768px) {
	section[id*="perks-"] .image-wrap.has-video:not(.a), section[id*="perks-"] .image-wrap .video iframe:not(.a), 
	section[id*="perks-"] .image-wrap .video:not(.a) {height: var(--110px);}
	#hero-home a{display:none;}
	body:not(.home) .hero-block {background-position:center !important;}
	section[class*="hero"] > div {height: var(--347px);}
	section.hero-block .video iframe.land:not(.desktop) {transform:scale(3);}
	body.home section.hero-block .video iframe {transform:scale(1.02);}
	body.video-open .perks-block .video-wrap {margin-bottom:var(--85px);}
	body.video-open:not(.overview) .perks-block .video, .media-icons .video {width:100vw;margin:0 var(--n31px);}
	body.video-open .perks-block .video iframe, .media-icons iframe{transform:scale(1.8);}
	body.video-open .perks-block .video iframe,
	body.video-open .perks-block .video,
	section:not(.hero-block) .media-icons .video,
	section:not(.hero-block) .media-icons .video iframe {height:var(--377px);}
	section:not(.hero-block) .video, section:not(.hero-block) .video iframe {height:var(--250px);}
	section.hero-block .video, section.hero-block .video iframe {height:var(--hero);}
	body.home section[class*="hero"] > div{ height:auto !important; padding-top:45vw !important; background-color:var(--dgreen); }
	body.home section.hero-block .video, body.home section.hero-block .video iframe{height:auto; aspect-ratio: 16/9; position:unset;}
	body.home section.hero-block .video iframe.land:not(.desktop){transform: scale(1.02);}
}


/*
GOOGLE MAP
========================================================== */
.map-overlay-border {width:var(--319px); height:var(--146px); background: var(--dgreen); padding:var(--8px); position:absolute;border:var(--2px) solid var(--dcream);right:var(--40px);top:var(--42px);}
.map-overlay-title {width:94%;height:97%;display:flex;flex-flow: row wrap;justify-content:center;align-items:center;}
#image-retail .map-overlay-border { z-index:10; }
#image-retail .map-overlay-title {width:100%;height:100%;border:2px solid var(--dcream); }
.map-overlay-title h3 {font:var(--n4) var(--30px) / var(--30px) var(--bff); color:var(--dcream); text-align: center; letter-spacing: .1em;text-transform: uppercase;}
#google-map {height:var(--556px);border: var(--border3);}
.filters {gap:1%; justify-content: space-between;display: flex;flex-flow: row wrap;margin-bottom: var(--20px);}
.filters > button {cursor:pointer; line-height:1; width:var(--181px); height:var(--41px); border: var(--border2); font:var(--nav);text-transform: uppercase;letter-spacing: var(--ls);flex:15%;}
.filters > button#drink, 
.filters > button#workout {color:var(--white);}
body.iOS #map-local{display: none; }
body.iOS #map-local .filters{display: none; }

@media(max-width:768px) {
	.filters {gap:var(--10px) 1%;}
	.filters > button {flex:29%;margin-bottom:var(--10px);}
	.filters > button:nth-child(3n + 1){margin-left:0.5%;}
	.filters > button:nth-child(3n + 3){margin-right:0.5%;}
	#google-map {gap:0;width:calc(100.1% - var(--1px));height:var(--fh);margin-bottom:var(--n26px);border:var(--border2); }
	#map-local > div {padding:var(--55px) 0;}
	#image-retail .map-overlay-border { top: 2vw; right:2vw; width: 30vw; height: 12vw; }
	#image-retail .map-overlay-title { }
	#image-retail .map-overlay-title h3 {font: var(--nav);}
}
/*
FAQ
========================================================== */
body.faqs {
	--pt:var(--nohero-pt); --mb:var(--63px);
	--width:70%;	
	--font:var(--p4);
	
}
.faq-search {
	--icon: url('/templates/newacres/images/shared/search.svg') 0% 50% / var(--15px) no-repeat var(--white);
	--mb:var(--67px); 
	--pl:var(--26px); 
	--width:var(--428px); 
	--height:var(--41px);
}
.faq-g {
	--pad:var(--27px) 0;
}
.faq-q {
	--mb:0;
	--closeicon:url('/templates/newacres/images/shared/faq-minus.svg') var(--contain);
}
.faqs button {
	--ml:var(--18px);
	--color:var(--fc1);
	--width:fit-content;
	--height:fit-content;
}
.faq-container > div:first-child {
	--pr:var(--35px);
}
body.faqs #hamburger span {
	--bg-color:var(--dgreen);
}

/* faq main */
.faqs-block .pad{padding-top:var(--pt);margin:auto;}
.faq-container {width:var(--width);margin:auto;}
.faqs-block h1 + .copy{text-align:center;margin-bottom:var(--mb)}
.faqs-block h1 + .copy p{font:var(--h2)}
/* faq group */
.faq-g {position: relative;padding:0;border-bottom:var(--border);padding:var(--pad);text-align:left;}
.faq-g > .faq-q::before, .faq-g > .faq-q::after {position: absolute;content:'';right:1em;top:22%;width:var(--18px);height:var(--19px);background:var(--faqicon);transition:.3s ease;opacity:1;}
.faq-g > .faq-q::after {background:url('/templates/newacres/images/shared/faq-minus.svg') var(--contain);opacity:0;}
.faq-g > .faq-q.ui-state-active::before {opacity:0;}
.faq-g > .faq-q.ui-state-active::after {opacity:1;}
.faq-g p, .faq-a{font:var(--font);}
/* faq question */
.faq-q {font-weight:800;width:100%;cursor:pointer;position:relative;margin-bottom:var(--mb)}
/* faq answer */
.faq-a {margin-bottom:0;}
/* faq search */
.faq-container > div:first-child{display:flex;justify-content:center;align-items:first baseline;padding-right:var(--pr);}
.faq-search {background:var(--icon);border:0;border-radius:0;font:var(--font);font-weight:400;height:var(--height);max-width:var(--width);width:100%;border-bottom:var(--border);padding-left:var(--pl);background-color:transparent;margin-bottom:var(--mb)}
.faq-search + button {letter-spacing:var(--ls);margin-left:var(--ml);}


body.faqs button {font:var(--nav);color:var(--color);border-radius:0;line-height:1;transition:background .35s, color .2s;width:var(--width);height:var(--height);}
@media (max-width:768px) {
	.faq-search {
		--mb:var(--10px);
	}
	.faq-container > div:first-child{display:flex;justify-content:center;align-items:first baseline;padding-right:0;}
	.faq-search + button {align-self: flex-end;}
	.faq-g > .faq-q::before, .faq-g > .faq-q::after {right: 0;top: 36%;}
	.faqs-block {padding-top: 1em;}
	.faq-container {width: 100%;margin: 1em auto 0;padding-bottom: 1em;}
	.faq-g {padding:var(--27px) 0 var(--21px);margin-bottom: .6em;letter-spacing: 0;}
	.faq-q {line-height: 1.5;width: 100%;margin-bottom: 1em;padding-right:1em;}	
	body.faqs button:not(#hamburger) {transform:translate(var(--n37px));}
	body.faqs button.btn {width:var(--159px);height:var(--34px);}
	body.faqs .faq-g p:not(.a) {text-align: left;}
	.faqs-block h1 + .copy p {font:var(--p1);}
	.faq-container > div:first-child {flex-flow: column;}
	
}


/*
COMMON COMPONENTS
========================================================== */
/*BTNS*/
.view-btn {margin: auto;text-align:center;}
.view-btn > a {background:var(--pink);width:var(--width); height:var(--height); text-align:center; font:var(--nav); display: block; margin: 0 auto; letter-spacing: var(--ls);}
.apt-btns {display:flex; gap:var(--12px); margin-bottom: var(--33px);}
.apt-btns > a {font:var(--nav); background:transparent; border:var(--1-5px) solid var(--dgreen); line-height: 1; text-transform: uppercase;
	border-radius:var(--10px); text-align:center; display: block; padding:var(--6px) var(--12px); letter-spacing: var(--ls);}
@media(max-width:768px) {
	.apt-btns {flex-flow: row wrap;padding:var(--13px) var(--34px) var(--34px);gap:0;margin-bottom:0;}
	.apt-btns > a {flex:48%;padding:var(--6px) 0;margin-bottom:var(--10px)}
	.apt-btns > a:nth-child(odd) {margin-right:var(--5px)}
	.apt-btns > a:nth-child(even) {margin-left:var(--5px)}
}
/*ARROW BTNS*/
@media(min-width:769px) {
	body.home a.arrowd {font: var(--p2);font-weight: bold;}
	a.arrowr.madt {transform:translate(calc(0px - (var(--bgwidth) / 2 )));margin:auto;}
}
a.arrowr, 
a.arrowd,
a.arrowl{font: var(--nav);display: block;width: fit-content;}
a.arrowr.mah {transform:translate(calc(0px - ( var(--bgwidth) / 2)));}
a.arrowr, 
button.arrowr, 
a.arrowd,
.fact-btn::before,
a.arrowl{position: relative;transition:.5s ease;} 
@media(min-width:769px) {
	a.arrowr:hover::before,
	button.arrowr:hover::before,
	.fact-btn:hover::before {transform:translateX(40%);} 
}
a.arrowr::before, 
button.arrowr::before,
a.arrowd::before {transition:.666s ease;content:'';width:var(--bgwidth);height:var(--bgheight);position: absolute;background: var(--bgimg);top:15.5%;right: calc(var(--n25px) - var(--bgwidth));} 
a.arrowd::before {width: var(--bgwidth);height: var(--bgheight); top: auto; bottom: calc(0px - (var(--bgheight) * 2)); right: calc(50% - (var(--bgwidth) / 2)); background:var(--bgimg);}
a.arrowd:hover::before {transform:translateY(40%);}
button.arrowr, a.arrowl {background:transparent;height:fit-content;}

a.arrowl {
  --bgwidth: var(--34px);
  --bgheight: var(--16-5px);
  --bgimg: url('/templates/newacres/images/shared/arrow-right.svg') var(--contain);
	display:flex;
	align-items: center;
	line-height:1;
}

a.arrowl:before{display:block; content:'';transition:.666s ease;content:'';width:var(--bgwidth);height:var(--bgheight);background: var(--bgimg);transform:scaleX(-1) translateX(0); margin-right: var(--47px);}
a.arrowl:hover::before {transform:scaleX(-1) translateX(40%);}

@media(max-width:768px) {
	 a.arrowl {
		--bgwidth: var(--22px);
		--bgheight: var(--11px);
  	}
	a.arrowl:before{margin-right: var(--13px);}
}
/*LIST ITEMS*/
ul.list {padding-left:1em;} 

/*THE FLOWERS =====*/
.flower:not(.a) {width:var(--466px);height:var(--697px);position: absolute;}
.flower:not(.a) > img {object-fit: contain; width:100%;height:100%;}
.flip {transform:scaleX(-1);}
.flower-wrap {pointer-events: none;z-index:1;}

@media (max-width:768px) {
	a.btn, button.btn {font:var(--nav);font-weight: 700;}
	a.arrowd {
		--bgwidth:var(--11px);
		--bgheight:var(--22px);
	}
	a.arrowd::before {bottom: calc(0px - (var(--bgheight) * 1.5));}
}

/*
CUSTOM FIXES
========================================================== */
body.home h1.center {max-width:var(--850px);}
#perks-block-overview .image-wrap {margin-bottom: var(--66px);}
#perks-block-overview .image-wrap + h2 {margin-bottom: var(--32px);}
#intro-ir h1 {margin-bottom: var(--120px);}
@media (min-width:769px) {
	#our-homes-hero {background-position-y: 45% !important;}
}

@media(max-width:768px) {
	#our-story-hero {background-position: 75% !important;}	
}

a.pdf-button.uc {background: var(--dgreen);color: var(--cream);padding: var(--7px);font: var(--nav);padding-bottom: var(--9px);}

/*
SCROLL FADES
========================================================== */
/*body:not(.mega-open) li.reveal {transition-delay:0s;}
.reveal.i1 {transition-delay:.8s;}
.reveal.i2 {transition-delay:.9s;}
.reveal.i3 {transition-delay:1s;}
.reveal.i4 {transition-delay:1.1s;}
.reveal.i5 {transition-delay:1.2s;}
.reveal.i6 {transition-delay:1.3s;}
.revealus {
	--delay-multiply:2;
}

.revealus [class*="reveal-"] {opacity:0;transition:transform 1.5s, opacity 1s;transform:translateY(10%);}
.revealus [class*="reveal-"].revealed {opacity:1;transform:translateY(0);}
.revealus .reveal-1:not(.a) {transition-delay:calc(.1s * var(--delay-multiply));}
.revealus .reveal-2:not(.a) {transition-delay:calc(.2s * var(--delay-multiply));}
.revealus .reveal-3:not(.a) {transition-delay:calc(.3s * var(--delay-multiply));}
.revealus .reveal-4:not(.a) {transition-delay:calc(.4s * var(--delay-multiply));}
.revealus .reveal-5:not(.a) {transition-delay:calc(.5s * var(--delay-multiply));}
.revealus .reveal-6:not(.a) {transition-delay:calc(.6s * var(--delay-multiply));}

@media (max-width:768px) and (orientation:portrait){
	.reveal.i1 {transition-delay:calc(.1s * 2);}
	.reveal.i2 {transition-delay:calc(.2s * 2);}
	.reveal.i3 {transition-delay:calc(.3s * 2);}
	.reveal.i4 {transition-delay:calc(.4s * 2);}
	.reveal.i5 {transition-delay:calc(.5s * 2);}
	.reveal.i6 {transition-delay:calc(.6s * 2);}
	.rows > div { width: 100% !important; }	
}
*/

main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows):not([class*="panel-slider"]), .revealus {
	/*will-change: transform, opacity;*/
	transform: translateY(15px);
	transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715);	
	opacity: 0;
}

body.iOS main .fade-up-effect, body.iOS div[class*="-slider"]:not(.slick-initialized):not([class*="panel-slider"]):not(.mob-slider-arrows), body.iOS .revealus {
	opacity: 1;
	transform: translateY(0px);
}

main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized):not([class*="panel-slider"]) {
	transition-delay: .1s;
}

main .fade-in, main .fade-in.slick-initialized, body.loaded .revealus, body.loaded .revealus [class*="panel-slider"] {
	opacity: 1;
	transform: translateY(0px);
}

/*
ARTICLE PAGES
========================================================== */
section.page > div {padding:var(--nohero-pt) calc(var(--hpad) * 1.5) calc(var(--vpad) * 2);}
section.page div.text-block *:not(h1) {text-align:left;}
section.page div.text-block * {color:var(--black);}
section.page .privacy h1,.terms section.page h1 {text-align:center;margin-bottom:2em;}
section.page .privacy h2 {font:var(--p1);}
section.page .privacy h3, 
section.page .privacy p,
section.page .privacy li,
.terms section.page p,
.terms section.page li {font:var(--p4);}
section.page .privacy h2 {font-weight:600;}
section.page .privacy h3 {font-weight:600;padding-top:1.5em;margin-bottom:.5em;}
section.page .privacy ul, section.faqs-block ul {list-style:initial;padding-left:1.5em;margin-bottom:1em;}
section.page .privacy ol, section.faqs-block ol {list-style-type:decimal;padding-left:.925em;padding-top:1em;}
section.faqs-block ul li {margin-top:.5em;}


/*
Banner
========================================================== */
body.has-banner{padding-top: var(--65px);}
.top-banner { position: fixed; top: 0; z-index: 1000; width: 100%; height:var(--66px); display:flex; justify-content:center; align-items: center }

.bsa{font:var(--p1); letter-spacing:var(--ls);}

@media(max-width:768px){
	.top-banner { position:absolute; var(--hpad); }
    .bsa { display:flex; justify-content:space-between; align-items: center; }
    .bsa span { display:block; }
/*    .bsa a.arrowr { width:fit-content; position:relative; top:unset;right:unset}*/
}

/* UTILITY CLASSES
======================================================= */
.uc {text-transform:uppercase;}
.tdu, .underline {text-decoration: underline;}
.bold:not(.a) {font-weight:bold;}
.fit {width:fit-content;}

.row.c6 > *:not(.nocs) {width:var(--12x6);flex-basis:var(--12x6);}

.row, .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .mw1, .mw2, .mw3, .mw4, .mw5, .mw6, .mw7, .mw8, .mw9, .mw10, .mw11 {
	--12x1:calc(8.3333% * 1); --12x2:calc(8.3333% * 2); --12x3:calc(25% * 1);
	--12x4:calc(33.3333% * 1); --12x5:calc(8.3333% * 5); --12x6:calc(25% * 2);
	--12x7:calc(8.3333% * 7); --12x8:calc(33.3333% * 2); --12x9:calc(25% * 3);
	--12x10:calc(8.3333% * 10); --12x11:calc(8.3333% * 11);
}

.row.r1 > *:not(.nocs), .row > .c1, .w1:not(.a) {width:var(--12x1);flex-basis:var(--12x1);}
.row.r2 > *:not(.nocs), .row > .c2, .w2:not(.a) {width:var(--12x2);flex-basis:var(--12x2);}
.row.r3 > *:not(.nocs), .row > .c3, .w3:not(.a) {width:var(--12x3);flex-basis:var(--12x3);}
.row.r4 > *:not(.nocs), .row > .c4, .w4:not(.a) {width:var(--12x4);flex-basis:var(--12x4);}
.row.r5 > *:not(.nocs), .row > .c5, .w5:not(.a) {width:var(--12x5);flex-basis:var(--12x5);}
.row.r6 > *:not(.nocs), .row > .c6, .w6:not(.a) {width:var(--12x6);flex-basis:var(--12x6);}
.row.r7 > *:not(.nocs), .row > .c7, .w7:not(.a) {width:var(--12x7);flex-basis:var(--12x7);}
.row.r8 > *:not(.nocs), .row > .c8, .w8:not(.a) {width:var(--12x8);flex-basis:var(--12x8);}
.row.r9 > *:not(.nocs), .row > .c9, .w9:not(.a) {width:var(--12x9);flex-basis:var(--12x9);}
.row.r10 > *:not(.nocs), .row > .c10, .w10:not(.a) {width:var(--12x10);flex-basis:var(--12x10);}
.row.r11 > *:not(.nocs), .row > .c11, .w11:not(.a) {width:var(--12x11);flex-basis:var(--12x11);}

.mb1em{margin-bottom: 1em;}
.w12:not(.a) {width:100%;flex-basis:100%;}

.row.cs12 > *:not(.nocs), .row > .ics12 {width:100%;flex-basis:100%;}

@media (max-width:768px) and (orientation:portrait){
	.fdcm {flex-direction:column;}
	.w1:not(.kw):not([class$='mw']),
	.w2:not(.kw):not([class$='mw']),
	.w3:not(.kw):not([class$='mw']),
	.w4:not(.kw):not([class$='mw']),
	.w5:not(.kw):not([class$='mw']),
	.w6:not(.kw):not([class$='mw']),
	.w7:not(.kw):not([class$='mw']),
	.w8:not(.kw):not([class$='mw']),
	.w9:not(.kw):not([class$='mw']),
	.w10:not(.kw):not([class$='mw']),
	.w11:not(.kw):not([class$='mw']), 
	.row:not(.keep-row):not([class^='mw']) > * {width:100%;flex-basis:100%;}
	.mw3:not(.a) {width:var(--12x3);flex-basis:var(--12x3);}
	.mw4:not(.a) {width:var(--12x4);flex-basis:var(--12x4);}
	.mw6:not(.a) {width:var(--12x6);flex-basis:var(--12x6);}
	.mw7:not(.a) {width:var(--12x7);flex-basis:var(--12x7);}
	.mw8:not(.a) {width:var(--12x8);flex-basis:var(--12x8);}
	.mw9:not(.a) {width:var(--12x9);flex-basis:var(--12x9);}
	.mw10:not(.a) {width:var(--12x10);flex-basis:var(--12x10);}
	.mw11:not(.a) {width:var(--12x11);flex-basis:var(--12x11);}
}

@media(min-width:769px) {
	.mobile:not(.a) {display:none !important;}
}
.faqs .hidden {display:none;}
.pt:not(.a) {padding-top: var(--vpad);}
.pb:not(.a) {padding-bottom: var(--vpad);}
.pr:not(.a) {padding-right: var(--hpad);}
.pl:not(.a) {padding-left: var(--hpad);}
a.nobreak br {display:none;}
.rel:not(.a) {position:relative;}
.click:not(.a) {pointer-events:auto;}
.noclick:not(.a) {pointer-events:none;}
.fx1 {display:flex;flex-wrap: wrap;}
.fx1 > div {flex:1 var(--300px);}
.asc {align-self: center;}
.ls:not(.a) {letter-spacing: var(--ls);margin-right: calc(0em - var(--ls));}
.sticky:not(.a) {position:sticky;top:0;}
.hide:not(.a) { display:none; visibility: hidden; }
.wrap:not(.a) {flex-wrap: wrap;}
.nowrap:not(.a) {flex-wrap: nowrap;}
img.cover:not(.a) {object-fit:cover;width:100%;height:100%;}
.fxi:not(.a) {display:flex !important;}
.hide {display:none !important;}
.di:not(.a) {display:inherit;}
.fxr:not(.a) {display:flex;flex-direction:row;}
.fxc:not(.a) {display:flex;flex-direction:column;}
.fxcc:not(.a) {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.fxrc:not(.a) {display:flex;flex-direction:row;align-items:center;justify-content:center;}
.fxrr:not(.a) {display:flex;flex-direction:row-reverse;}
.fxcr:not(.a) {display:flex;flex-direction:column-reverse;}
.ass:not(.a) {align-self: start;}
.aic:not(.a) {display:flex;align-items:center;}
.aife:not(.a) {display:flex;align-items:flex-end;}
.aifs:not(.a) {display:flex;align-items:flex-start;}
.ais:not(.a) {display:flex;align-items:stretch;}
.aibl:not(.a) {display:flex;align-items:baseline;}
.aii:not(.a) {display:flex;align-items:inherit;}
.jcc:not(.a) {display:flex;justify-content:center;}
.jcfs:not(.a) {display:flex;justify-content:flex-start;}
.jcfe:not(.a) {display:flex;justify-content:flex-end;}
.jcse:not(.a) {display:flex;justify-content:space-evenly;}
.jcsb:not(.a) {display:flex;justify-content:space-between;}
.jcsa:not(.a) {display:flex;justify-content:space-around;}

section > div.nopad:not(.a) {padding:0;}
.normalcase:not(.a) {text-transform: none !important;}

.ul {text-decoration:underline;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.mah, .auto, .ma {margin-left:auto;margin-right:auto;}
.mal {margin-left:auto;}
.mar {margin-right:auto;}
.m0 {margin:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;}

@media (max-width:768px) and (orientation:portrait){
	.aclm:not(.a) {align-items: flex-start;}
}
.pad1:not(.a) {padding:1em;}
.pad2:not(.a) {padding:2em;}
.pad3:not(.a) {padding:3em;}
.pad4:not(.a) {padding:4em;}
.pad5:not(.a) {padding:5em;}
.gap:not(.a) {gap:var(--gap);}
.gap2:not(.a) {gap:var(--gap2);}
.gap3:not(.a) {gap:var(--gap3);}

.mb0:not(.a) {margin-bottom:0;}
.pt0i {padding-top:0 !important;}

@media (max-width:768px) {
	.fwt:not(.a) {width:100% !important;flex-basis:100% !important;}
}

@media (max-width:768px){
	.dtbr br {display: none;}
	.revmob {flex-direction:column-reverse !important;}
	.wrapm {flex-wrap:wrap;}
	*.fxrm{display:flex;}
	*.fxrrm{display:flex;flex-direction:row-reverse;}
	*.fxcm{display:flex;flex-direction:column !important;}
	*.fxcrm{display:flex;flex-direction:column-reverse !important;}
	*.aicm{align-items:center;align-self: center;}
	*.aifem{align-items:flex-end;}
	*.aifsm{align-items:flex-start;}
	*.aism{align-items:stretch;}
	*.aiblm{align-items:baseline;}
	*.aiim{align-items:inherit;}
	*.jccm{justify-content:center;}
	*.jcfsm{justify-content:flex-start;}
	*.jcfem{justify-content:flex-end;}
	*.jcsem{justify-content:space-evenly;}
	*.jcsbm{justify-content:space-between;}
	*.jcsam{justify-content:space-around;}
	*.tacm{text-align:center;}
	*.talm{text-align:left;}
	*.tarm{text-align:right;}
	*.desktop,.dt{display:none !important;}
	*.mobile{display:inherit;}
	*.mobile-flex{display:flex;}
	*.mobile-inline{display:inline;} 
	.mam {margin-left:auto;margin-right:auto;}
	.mbr br{display:initial;}
	*.mob-nowrap{white-space:nowrap;}
}


img.couple {width:calc(calc(100/1280)*400vw);height:calc(calc(100/1280)*400vw);margin-right: calc(calc(100/1280)*116vw);position: relative; object-fit:cover}
ul.bullets:not(.a) {list-style-type: disc;}
ul.bullets > li {line-height: 2;}
.incredible ul.bullets:not(.a) {list-style-position: inside;}

.headline{font-family:var(--bff2); text-align: center; margin-left:auto; margin-right:auto;}

.incredible .tempFont2 {position: relative;margin-bottom: var(--98px);}

#retail-form form.form.ui div[data-vtype="button"]{margin-bottom:0;}

.img-keys > div{display:flex; align-items: center; height:calc(calc(100/1280)*29vw); width:fit-content;}
.img-keys > div:before{content:''; display: block; width:calc(calc(100/1280)*20vw); height:calc(calc(100/1280)*20vw); border-radius: 50%; background:#EEFFA8; margin-right:calc(calc(100/1280)*10vw);}
.img-keys > div.key2:before{background:#F0C4AE}

@media(max-width: 768px) {
	.pexels-image { width: var(--299px); height: var(--299px); position: relative; margin: auto; margin: auto; }
	.vector { position: absolute; width: var(--17px); height: var(--17px); background: url('/templates/newacres/images/shared/tick.svg') var(--contain); }
	.section-2-value-proposition { height: fit-content; position: relative; }
	
}
@media(min-width: 769px) {
	.incredible{padding:calc(calc(100/1280)*80vw) calc(calc(100/1280)*117vw); }
	.incredible > div {width: 50%; height:calc(calc(100/1280)*400vw); display:flex; flex-direction: column; justify-content: space-between;}
	.incredible > div:first-child {width: fit-content;}
	.section-2-value-proposition {height:calc(calc(100/1280)*915vw);position: relative; padding:calc(calc(100/1280)*80vw); display:flex; flex-direction: column; justify-content: space-between; align-items: center;}
	.pexels-image { width: var(--724px); height: var(--490px); position: absolute; left: var(--267px); top: var(--239px); }
	.headline { position:relative; width: var(--580px); font-size: var(--36px);  line-height: var(--43px); word-wrap: break-word;  }
	p.headline {   }
	.value-proposition { width: var(--352px); height: var(--50px); position: absolute; }
	.value1 { left: var(--848px); top: var(--276px); }
	.value2 { width: var(--305px); left: var(--188px); top: var(--361px); }
	.value3 { width: var(--334px); left: var(--90px); top: var(--532px); }
	.value4 { width: var(--338px); left: var(--865px); top: var(--558px); }
	.value5 { width: var(--290px); left: var(--351px); top: var(--703px); }
	.value-box { width: 100%; height: 100%; position: absolute; background: var(--darkgreen); border-radius: var(--44px); border: var(--2px) var(--cream) solid; }
	.vector { position: absolute; width: var(--35px); height: var(--35px); background: url('/templates/newacres/images/shared/tick.svg') var(--contain); }
	
	.tempFont1{font-size:calc(calc(100/1280)*100vw); line-height:calc(calc(100/1280)*100vw); }
	#image-retail .tempFont1{padding: calc(calc(100/1280)*60vw); margin-bottom:0;}
	#image-retail .bgButtonLime{margin-bottom: calc(calc(100/1280)*80vw);}
	
	#retail-form > div{padding:calc(calc(100/1280)*80vw) calc(calc(100/1280)*202vw)}
	
	#retail-form .copy > p{font-size:calc(calc(100/1280)*24vw); line-height: calc(calc(100/1280)*28vw); margin-bottom: calc(calc(100/1280)*60vw);}
	
	#retail-form form.form.ui div > textarea{height:calc(calc(100/1280)*150vw)}
	
	.menu-id-324 section[id^=intro-retail] > div
	.menu-id-274 section[id^=intro-retail] > div{padding:calc(calc(100/1280)*60vw) calc(calc(100/1280)*95vw) calc(calc(100/1280)*80vw)}
	.menu-id-324 section[id^=intro-retail] .copy,
	.menu-id-274 section[id^=intro-retail] .copy{margin-bottom:calc(calc(100/1280)*60vw);}
	.menu-id-324 section[id^=intro-retail] p,
	.menu-id-274 section[id^=intro-retail] p{font-size:calc(calc(100/1280)*24vw); line-height: calc(calc(100/1280)*28vw);}
	
	.img-keys{position:absolute; top:calc(calc(100/1280)*240vw); right:calc(calc(100/1280)*65vw);}

}
.value-text { position: relative; left: var(--18px); }
.value-icon { position: absolute; width: var(--35px); height: var(--35px); left: var(--9px); }

@media(max-width: 768px) {
	.tempFont1{font-size:var(--60px); line-height:var(--58px); }
	.menu-id-324 section[id^=intro-retail] .tempFont1,
	.menu-id-274 section[id^=intro-retail] .tempFont1{margin-bottom:var(--55px);}
	.menu-id-324 section[id^=intro-retail] > div,
	.menu-id-274 section[id^=intro-retail] > div{padding-bottom:var(--72px);}
	.menu-id-324 section[id^=intro-retail] .copy,
	.menu-id-274 section[id^=intro-retail] .copy{margin-bottom:var(--36px);}
	.menu-id-324 section[id^=intro-retail] p,
	.menu-id-324 section[id^=intro-retail] p{font-size:var(--14px); line-height:var(--18px);  max-width:var(--240px); margin:0 auto;}
	
	
	#once-in-a-lifetime > div{padding:var(--38px) var(--hpad) var(--53px);}
	
	.pexels-image{object-fit: cover; margin-bottom:var(--38px);}
	
	.headline { font-size: var(--18px);  line-height: var(--23px); margin-bottom:var(--29px);}
	
	.value-box.row{height:var(--24px); justify-content: flex-start;  width:fit-content; margin-bottom: var(--5px);}
	.value-icon{width:var(--17px) !important; height:var(--17px) !important; position: initial; flex-basis: unset !important; margin-right: var(--14px);}
	.value-text{width:fit-content !important; position: initial; flex-basis: unset !important; font-size:var(--14px); line-height:var(--14px); height:fit-content;}
	.value-proposition{width:var(--250px); margin:0 auto;}
	.value-proposition.value5 { margin-bottom: var(--38px); }
	img.couple {width:100%;height: var(--299px);padding:0; margin-right:0; margin-bottom:var(--38px);}
	.incredible{padding:var(--38px) var(--hpad);}
	.incredible .tempFont2{margin-bottom:var(--30px);}
	.incredible ul.bullets:not(.a) {display:flex; flex-wrap:wrap; justify-content:center;}
	.incredible ul.bullets li{width:50%; text-align: left; font-size:var(--14px)}
	
	.scrollwrap{width:100vw; height:var(--496px); overflow-x:scroll;-ms-overflow-style: none; scrollbar-width: none;}
	.scrollwrap::-webkit-scrollbar { display: none; }
	.scrollwrap img{width:var(--875px); height:var(--496px); max-width:var(--875px);}
	#image-retail .copy{display:flex; flex-direction: column; margin-bottom:var(--37px);}
	#image-retail .tempFont1{padding: 0 var(--hpad);}
	#image-retail .bgButtonLime{margin-bottom:var(--51px);}
	
	.img-keys{display:flex; padding:0 var(--hpad); justify-content:space-between;}
	.img-keys > div{display:flex; align-items: center; height:var(--29px); width:fit-content;}
	.img-keys > div:before{content:''; display: block; width:var(--11px); height:var(--11px); border-radius: 50%; background:#EEFFA8; margin-right: var(--10px);}
	.img-keys > div.key2:before{background:#F0C4AE}
	
	#retail-form #cols_1{margin-bottom:0;}
	#retail-form form.form.ui{text-align: left;}
	#retail-form form.form.ui div > textarea{height:var(--150px)}
	
	#retail-form .copy > p{font-size:var(--14px); line-height:var(--18px); margin-bottom: var(--54px);}
	body[class*=retail-opportunities] {
		--cream:#FEFCF9;
	}
	.tempFont1 .mobile { max-height:1px; }
}

.editor-xtd-buttons, #imageModal_jform_images_image_intro, #imageModal_jform_images_image_fulltext {display:none;}

joomla-tab > joomla-tab-element, joomla-tab[view="tabs"] > div[role="tablist"]{padding-left: var(--hpad); padding-right: var(--hpad);}
joomla-tab > joomla-tab-element{padding-top:var(--50px);}

.wf-media-wrapper > .modal .modal-body iframe{ position: initial; transform: none; width:100%; }
.wf-media-wrapper > .modal .modal-body{height:calc(100vh - var(--66px));}

#imageModal_jform_images_image_fulltext.show, #imageModal_jform_images_image_intro.show{position:fixed; top:var(--66px); left:0; width:100%; padding:0 var(--hpad); background:var(--white); z-index:1000}


joomla-tab-element, .com-users-login{
	--fieldh:var(--40px);
	--form-maxwidth:calc(var(--750px) + var(--hpad));
	--fmb:var(--26px);
	--cbsize:var(--23px);
	--border:var(--1-5px) solid;
	--bordercolor:var(--dgreen);
	--color:var(--fc1);
	--highlight:var(--fc1);
	--bg:var(--dgreen);
	--highlightbg:var(--dgreen);
	--selectbg:var(--pgreen);
	--select-maxheight:var(--250px);
	--selectwidth:calc(100% + var(--4px));
	--transition:background-color 0.6s ease, color 0.6s ease;
	--selectpadding:var(--7px) var(--20px);
	--selecticon:url('/templates/newacres/images/shared/down-arrow-cream.svg') var(--contain);
	--select-top:calc(var(--fieldh) - var(--3px));
	--select-left:var(--n2px);
	--transy-50:translateY(-50%);
	--textarea-height:var(--113px);
	--textarea-padding:var(--8px) var(--20px) var(--2px);
	--input-padding:0 var(--20px) 0;
	--font:var(--p4);
	--font-2:var(--nav);
	--col-gap:var(--25px) var(--19px);
	--beds-flex:22%;
	--form-volor: var(--fc1);
	--radio-gap:var(--15px);
}
joomla-tab-element small{font:var(--p4)}

.mceIframeContainer iframe{transform: none;}

.fix-bottom.solid-button{position:fixed; top: calc(100vh - var(--126px)); left: var(--65px);  z-index:1000}

.fix-bottom.solid-button a{background:var(--dgreen); color:var(--fc2); border:0; height:var(--fieldh); display:flex; align-items: center; margin:0 auto; padding: var(--10px);}
.fix-bottom.solid-button a div{margin-left: 0.4em;}

joomla-tab-element#editor > .control-group:nth-child(1),
joomla-tab-element#editor > .control-group:nth-child(2){width:48%; margin-bottom: var(--30px);}
	
joomla-tab-element#images[active],
joomla-tab-element#editor[active],
joomla-tab-element#publishing[active]{display:flex; flex-wrap:wrap; justify-content: space-between; padding-top:var(--50px);}


joomla-tab-element#images > .control-group{width:32%; margin-bottom:var(--30px);}
joomla-tab-element#publishing > .control-group{width:32%; margin-bottom:var(--30px);}

joomla-tab-element#images > .control-group:nth-child(2),
joomla-tab-element#images > .control-group:nth-child(4),
joomla-tab-element#images > .control-group:nth-child(7),
joomla-tab-element#images > .control-group:nth-child(9){display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: var(--51px);}

joomla-tab-element#images > .control-group:nth-child(3), 
joomla-tab-element#images > .control-group:nth-child(5), 
joomla-tab-element#images > .control-group:nth-child(8),
joomla-tab-element#images > .control-group:nth-child(10),
joomla-tab-element#images > .control-group:nth-last-child(-n+9){display:none;}

/*
joomla-tab-element#images > .control-group *, 
joomla-tab-element#editor > .control-group:nth-child(1) *, 
joomla-tab-element#editor > .control-group:nth-child(2) *,
joomla-tab-element#editor > .control-group:nth-child(3), */
joomla-tab-element#publishing > .control-group .controls > input{width:100%}

.choices__list--multiple .choices__item .choices__button_joomla{text-indent:-1000vw; width:20px; height:20px; background:transparent; position: relative;}
.choices__list--multiple .choices__item .choices__button_joomla:before{position: absolute; color:var(--white); content: 'x'; display:block; width:100%; height:100%; text-indent:0; line-height: 1;}

.choices__list--single .choices__item .choices__button_joomla{display:none}

joomla-tab-element input[type="text"]:not(.choices__input),
joomla-tab-element select,
joomla-tab-element .choices__inner{width:100%; height:var(--fieldh); background:transparent; border: var(--border) var(--dgreen); font: var(--font); min-height:var(--fieldh); border-radius:0;padding-top:0; padding:var(--input-padding)}
joomla-tab-element .choices__input{width:100%; background:transparent; font: var(--font); }

joomla-tab-element .field-calendar button span{display:none;}
joomla-tab-element .field-calendar button:not(.js-btn){height:var(--fieldh); width:var(--fieldh); position:absolute; background:transparent; right:0; top:0; background: transparent url('/templates/newacres/images/shared/date.svg') center / 70% no-repeat;}
joomla-tab-element .field-calendar .input-group{position: relative;}

joomla-field-fancy-select .choices[data-type*="select-one"] .choices__inner{padding-top:var(--3px);}
body.sign-in{background:var(--dgreen); }
#com-users-login__form{margin-bottom: var(--100px);}
.com-users-login, .com-users-logout{ color:var(--fc2); margin-top: var(--200px);}
#com-users-login__form, #com-users-logout__form, .com-users-logout__submit .controls{display:flex; justify-content: center;}

.com-users-login__input input{height:var(--fieldh); background:transparent; border: var(--border) var(--cream); font: var(--font); min-height:var(--fieldh); border-radius:0;}
.com-users-login__input input#username{width:100%;}

.com-users-login__input button, .com-users-login__submit button, .com-users-logout button{background:var(--cream); color:var(--fc1); border:0; height:var(--fieldh); display:flex; align-items: center; margin:0 auto; padding: var(--10px); max-height: var(--fieldh);}

.password-group .input-group{display:flex; }
.plg_system_webauthn_login_button{display:flex; align-items:center;}

#com-users-login__form fieldset > div{margin-bottom: var(--10px);}
.com-users-login__options.list-group, .com-users-logout__submit .controls{text-align:center; padding: var(--50px) var(--hpad); margin-bottom: var(--80px);}
.com-users-login__options.list-group{display: none;}

.com-users-login .form-check{display:flex; justify-content: center; align-items:center}
.choices__list.choices__list--multiple{height:var(--fieldh); display:flex; align-items: center; position: absolute;}
.choices__list--multiple .choices__item[data-deletable]{height:var(--30px); display:inline-flex; align-items:center; width:fit-content; background:var(--dgreen);}

joomla-tab-element .choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner{overflow:hidden}


joomla-tab button[aria-controls="attrib-fields-2"],
joomla-tab button[aria-controls="attrib-fields-21"],
joomla-tab button[aria-controls="attrib-fields-17"],
joomla-tab button[aria-controls="attrib-fields-19"],
joomla-tab-element > fieldset > legend{display:none;}

joomla-tab button.button-select {
  background: var(--darkgreen);
  color: var(--cream);
  padding: var(--10px);
	margin-top: var(--10px);
}

joomla-tab-element .control-group{margin-bottom: 1em;}

.visually-hidden{display:none;}

joomla-field-subform .table-responsive{border:1px solid grey; padding:var(--10px);}
joomla-field-subform .control-group{margin-bottom:0;}
joomla-field-subform td{padding:var(--10px);}
joomla-field-subform th > div{font-size:0.6em;}

#adminForm .btn-secondary{display: none;}
 
joomla-tab-element#editor > .control-group{width:100% !important;}

@media(max-width: 768px) {
	joomla-tab-element#images > .control-group:nth-child(2),
	joomla-tab-element#images > .control-group:nth-child(4),
	joomla-tab-element#images > .control-group:nth-child(7),
	joomla-tab-element#images > .control-group:nth-child(9){padding-bottom:0;}
}


#events-list .event-item{width:100%;max-width:var(--904px); margin-bottom:var(--30px); display:flex;padding:var(--35px); }
#events-list .event-item.unpublished{opacity:0.5;}
#events-list .event-item h2{font:var(--n4) var(--30px) / var(--30px) var(--hff); margin-bottom:var(--15px);}

.events-hero.hero-block{
	--hero:auto;
}

@media(min-width: 769px) {
	.events-hero.hero-block{
	--hero:var(--466px);
}
} 
#events-list .event-item button.share-btn{width:var(--40px); height:var(--40px); border-radius:50%; position: absolute; top:0; right:0; background: #8EABA8 url('/templates/newacres/images/shared/share.svg') center / 60% no-repeat;}

#events-list .event-img{position: relative; width:var(--289px); height:var(--325px); margin-right:var(--45px);}
#events-list .event-img img{width:100%; height:100%; object-fit:cover;}
#events-list .event-img.contain{height:auto}
#events-list .event-img.contain img{height:auto; object-fit:contain;}
#events-list .event-img span.availability{color:var(--fc2); position: absolute;top:0; left:0; font:var(--nav);height:var(--40px); line-height:1em; padding:0 var(--24px); display: flex; align-items: center; text-transform: uppercase;}
#events-list .event-content{max-width:var(--487px); display:flex; flex-direction:column;position: relative;}

#events-list .event-top p{text-transform:uppercase;margin-bottom:var(--5px);}
#events-list .nav{letter-spacing: 0.07em;}

/*.event-item .bgButtonGreen, .event-item .buttons-row a{font: var(--nav);height:var(--42px); display: flex; align-items: center; justify-content: center;text-align: center; padding:0 var(--10px); background: var(--darkgreen); color:var(--fc2)}*/
.event-item .buttons-row a div{margin-left:0.4em;}
.event-item .row .bgButtonGreen:first-child{margin-right: var(--15px);}

#events-intro.default-block > div{ padding: var(--25px) var(--hpad);}
#events-intro.default-block > div .h1:not(.a){margin-bottom:var(--20px);}
#events-list .event-top{margin-bottom:var(--40px);}
#events-intro.default-block .copy{margin-bottom: 0;}
#events-intro.default-block .copy p{font:var(--p1)}

.share-popup-wrap{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw; height:100vh; background: rgba(142,171,168,0.77);z-index:1000; display: flex; justify-content:center; align-items: center; opacity:0; pointer-events:none; transition: opacity 0.3s;}
.share-popup-wrap.open{opacity:1; pointer-events: all;}
.share-popup{background: var(--white); width:var(--860px); height:var(--362px); padding:var(--71px) var(--83px);position: relative;}
.share-popup h2{font:var(--n4) var(--35px) / var(--35px) var(--bff); margin-bottom:var(--61px);}
.share-popup.event-share .social-row{gap:var(--29px);}
.share-popup.event-share .social-icon{width:var(--60px); height:var(--60px); line-height:1;}
.share-popup .close{width:var(--40px); height:var(--40px); background:transparent; position:absolute; top:var(--23px); right:var(--24px); padding: 0}
.share-popup .close img{width:100%; height:100%;}

@media(max-width: 768px) {
	#events-intro.default-block > div{ padding: var(--40px) var(--hpad) var(--29px);}
	#events-intro.default-block > div .h1:not(.a){margin-bottom:var(--25px);}
	
	#events-list.padding > div{padding:var(--35px) var(--hpad) var(--23px);}
	#events-list .event-item{max-width:100%; margin-bottom:var(--20px); padding:var(--35px) var(--30px); }
	#events-list .event-item h2{font:var(--n4) var(--22px) / var(--34px) var(--hff); margin-bottom:var(--7px);}
	
	#events-list .event-item button.share-btn{width:var(--31px); height:var(--31px); top:var(--n7px)}
	
	#events-list .event-img{ width:100%; height:var(--241px); margin-right:0; margin-bottom: var(--18px);}
	#events-list .event-img span.availability{height:var(--32px); padding:0 var(--16px);}
	
	#events-list .event-content{max-width:100%;}
	#events-list .event-content *{text-align: left}
	
	#events-list .event-top p{margin-bottom:var(--2px);}
	

	#events-list .event-top{margin-bottom:var(--18px);}
	
	#events-list .event-content .copy{margin-bottom:var(--85px);}
	
	.share-popup{width:var(--302px); height:var(--218px); padding:var(--41px) 0 var(--41px) var(--27px);}
	.share-popup h2{font:var(--n4) var(--22px) / var(--22px) var(--bff); margin-bottom:var(--49px); text-align: left !important}
	.share-popup.event-share .social-row{gap:0;}
	.share-popup.event-share .social-icon{width:var(--35px); height:var(--35px);}
	.share-popup .close{width:var(--35px); height:var(--35px); top:var(--39px); right:var(--33px);}
	
	.share-popup .social-row .social-icon:not(:last-child){margin-right:var(--17px);}


	
	#events-list .events-row{gap:0;}
	#events-list .event-item{width:100%;}
	.nowrap.wrapm:not(.a){flex-wrap:wrap;}
	.event-content div{width:100%;}
	.fix-bottom.solid-button{top: calc(100vh - var(--80px)); left: var(--105px);}
	joomla-tab-element > .control-group{width:100% !important;}
}

.events-row .buttons-row{margin-top: auto;}

.events-row .buttons-row a{
	--bgwidth: var(--34px);
  	--bgheight: var(--16-5px);
  	--bgimg: url('/templates/newacres/images/shared/arrow-right.svg') var(--contain);
	position: relative; transition: .5s ease; font: var(--nav); display: block; width: fit-content; color: var(--fc1); text-transform: uppercase; display:flex; margin-right: var(--70px);
}

.events-row .buttons-row a:before{
  transition: .666s ease; content: ''; width: var(--bgwidth); height: var(--bgheight);
  position: absolute; background: var(--bgimg); top: 15.5%; right: calc(var(--n15px) - var(--bgwidth));}

@media (min-width: 769px) {
  .events-row .buttons-row a:hover::before, .fact-btn:hover::before { transform: translateX(40%); }
}

@media (max-width: 768px) {
	.events-row .buttons-row a{
		--bgwidth: var(--22px);
		--bgheight: var(--11px);
	}
	
	#events-list .buttons-row a{width:fit-content; flex-basis: unset; margin-left:auto; margin-right: var(--37px);}
}

.filters-block > div{ padding: var(--20px) 0; max-width:var(--904px); margin:0 auto;}
.filters-block .filter-select{position:relative; z-index:100}
.filters-block .filter-selected{border:var(--2px) solid var(--dgreen); text-transform:uppercase; width:var(--236px); height:var(--40px); display:flex; align-items: center; padding:0 var(--20px); background:transparent; color:var(--fc1); position:relative;}
.filters-block .filter-selected:after{position: absolute; content:''; display:block; height:100%; width:var(--14px); top:0; right:var(--15px); background:url('/templates/newacres/images/shared/dropdown.svg') center / contain no-repeat;}
.filters-block .filter-dropdown{position: absolute; width:100%; top:var(--40px); padding:0;  max-height:0;overflow: hidden; transition: max-height 0.3s; z-index:10;}
.filters-block .filter-dropdown.open{max-height:var(--600px); overflow-y:auto; scrollbar-color:  var(--lblue) var(--ggreen) !important; scrollbar-width: thin;}
.filters-block .filter-options{border:var(--2px) solid var(--dgreen);border-top:0;width:100%; height:auto;}
.filters-block .filter-option{padding:var(--5px) var(--20px); text-transform:uppercase; font:var(--nav); color:var(--fc1); cursor:pointer;}

.btn-group > .filter-btn:first-child{margin-right:var(--14px);}

.filter-btn{border:var(--2px) solid var(--dgreen); text-transform:uppercase; width:fit-content; height:var(--40px); display:flex; align-items: center; padding:0 var(--29px);  color:var(--fc1); background:transparent; justify-content: center}

.filter-btn.selected{color:var(--white); background:var(--dgreen);}

@media(max-width: 768px) {
	.filters-block > div{ padding: var(--25px) var(--hpad) var(--17px); max-width:100%;}
	.filters-block .filter-select, .filters-block .btn-group{margin-bottom:var(--15px);}
	.filters-block .filter-selected{width:100%; height:var(--40px); padding:0 var(--16px);}
	.filters-block .btn-group .filter-btn{padding:0;}
}



#event-article > div:first-child{padding-top:var(--263px); padding-bottom: 0;}
#event-article > div.row{padding-top:var(--27px); padding-bottom:var(--129px); gap:var(--110px);}

#event-article .event-img{width:var(--384px); min-width:var(--384px) }
#event-article .event-img img{width:100%; object-fit: cover; height:var(--497px);}
#event-article .event-img.contain img{width:100%; object-fit: contain; height:auto;}

#event-article h1{margin-bottom: var(--35px);}

#event-article .event-top{margin-bottom: var(--40px);}
#event-article .event-top p{margin-bottom: var(--4px);}

#event-article .copy{margin-bottom:var(--44px);}

#event-article .pdf-button{margin-bottom: var(--44px); padding:var(--15px) var(--43px) var(--17px) var(--30px); display: inline-block; font:var(--p4); letter-spacing:0; background:var(--dgreen); color:var(--fc2)}
#event-article .pdf-button *{color:var(--fc2);}
#event-article .pdf-button span.small{font:var(--p4); line-height:1em; text-transform: none;}

#event-article .event-info{margin-bottom: var(--42px);}
#event-article .event-info > div:not(:last-child){margin-bottom: var(--29px);}
#event-article .event-info h4{ margin-bottom:var(--6px); letter-spacing: 0.07em;}
#event-article .event-info p, #event-article .event-info a{font:var(--p4);}

#event-article .event-share h4{margin-bottom:var(--18px);}
.event-share .social-row{gap:var(--17px);}
.event-share .social-icon{width:var(--35px); height:var(--35px); line-height:1;}
.event-share .social-icon img{width:100%; height:100%; object-fit: contain;}
#event-article .mb0{margin-bottom: 0;}

.event-message .copy{
	max-width:var(--620px);
	margin:0 auto;
}

.event-message:not(.show-none-message){
	display:none;
}

@media(min-width:769px) {
	#event-article .event-info h4{font-size:var(--14px);}
}
@media(max-width:768px) {
	#event-article *{text-align: left;}
	#event-article > div:first-child{padding-top:var(--190px);}
	#event-article > div.row{padding-top:var(--14px); padding-bottom:var(--100px); gap:0;}
	
	#event-article .event-img{width:100%; min-width:100%; margin-bottom:var(--32px);}
	#event-article .event-img img{height:var(--235px);}
	
	#event-article h1{margin-bottom: var(--16px);}
	#event-article .event-top{margin-bottom: var(--40px);}
	
	#event-article .copy{margin-bottom:var(--37px);}
	
	#event-article .pdf-button{margin-bottom: var(--40px); padding:var(--11px) var(--25px) var(--14px); display: block;}
	
	#event-article .event-info{margin-bottom: var(--56px);}
	#event-article .event-info > div:not(:last-child){margin-bottom: var(--25px);}
	
	#event-article .event-share h4{margin-bottom:var(--8px);}
	.event-share .social-row{gap:0;}
	.event-share .social-icon{width:var(--26px) !important; height:var(--26px); line-height:1; flex-basis: unset !important; margin-right:var(--12px);}
}

.privacy table, .privacy th, .privacy td{border:1px solid var(--fc1);}
.privacy th, .privacy td{padding:var(--2px) var(--5px);}
.privacy .text-block{transform: translateY(0px) !important;opacity: 1 !important;}
.privacy li{list-style: disc; display: list-item;}