/* div{ border: 1px solid rgba(255,0,0, 0.5); } */

:root
{
	--content-width: 1160px;
	
	--lh-single: 1.4em;
	
	--blur: blur(20px) saturate(180%);
	--link-color: 30, 104, 138;
	--link-active-color: 42, 120, 155;
	--link-hover-color: 54, 136, 173;
	--link-dark-color: 22, 75, 99;
	--link-bright-color: 121, 196, 232;
	--thin-line: 1px solid rgba(0,0,0, 0.1);
	--thin-line-inverted: 1px solid rgba(255,255,255, 0.1);
	
	--navbar-height: 43px;
	--subnav-height: 39px;
	
	--box-shadow-xs: 0 2px 4px rgba(0,0,0, 0.1);
	--box-shadow-s: 0 3px 6px rgba(0,0,0, 0.1);
	--box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
	--box-shadow-l: 0 10px 40px rgba(0,0,0, 0.2);
	
	--margin-xxs: 5px;
	--margin-xs: 10px;
	--margin-s: 20px;
	--margin: 30px;
	--margin-l: 50px;
	--margin-xl: 80px;
	--margin-xxl: 130px;
	
	--dark-translucent-bg: rgba(20,28,37, 0.8);
}


.coronavirus img { display: block; width: 100%; padding-top: var(--navbar-height); }
.coronavirus-mobile { display: none; }



.darkmode
{
	--link-color: var(--link-bright-color);
	--link-hover-color: 148, 220, 255;
	--thin-line: var(--thin-line-inverted);
	
	--box-shadow-xs: 0 2px 4px rgba(0,0,0, 0.2);
	--box-shadow-s: 0 3px 6px rgba(0,0,0, 0.2);
	--box-shadow: 0 5px 10px rgba(0,0,0, 0.2);
	--box-shadow-l: 0 10px 40px rgba(0,0,0, 0.2);
}

.grecaptcha-badge { opacity: 0.5; }

* { box-sizing: border-box; }
body { font-size: 16px; margin: 0; background: rgb(243,243,243); min-width: 1200px; }
body, input, select, textarea, span { font-family: 'Questrial', sans-serif; }
a { text-decoration: none; color: rgb(var(--link-color)); }
a:hover { color: rgb(var(--link-hover-color)) }
form { display: inline; }
p { margin: 0; line-height: 2em; }
p+p { margin-top: 1em; }
h1 { font-weight: normal; font-size: 1.4rem; margin: 0; }
h2 { font-weight: normal; font-size: 1.2rem; margin: 0; }
h3 { font-weight: normal; font-size: 0.9rem; line-height: 1.5em; letter-spacing: 1px; text-transform: uppercase; margin: 0; }
hr { border: none; border-top: var(--thin-line); margin: var(--margin) 0; }
input, textarea { padding: 0.3rem; border: var(--thin-line); font-size: 0.9rem; }
blockquote { padding: var(--margin-xs); margin: 0; border: none; quotes: "\201C""\201D""\2018""\2019"; }
blockquote:before { content: open-quote; font-size: 3rem;  margin-right: 6px; vertical-align: -15px; line-height: 0; }
blockquote:after { content: close-quote; font-size: 3rem;  margin-left: 6px; vertical-align: -15px; line-height: 0; }
.button { color: white; background: rgb(var(--link-color)); border-radius: 20px; padding: 0 15px; display: inline-block; line-height: 27px; font-size: 0.8rem; border: none; white-space: nowrap; }
.button:hover { color: white; background: rgb(var(--link-hover-color)); }
.button:active { background: rgb(var(--link-active-color)); }
.button.outline { color: rgb(var(--link-color)); border: 2px solid rgba(var(--link-color), 0.2); background: none; }
.button.outline:hover { background: rgba(var(--link-hover-color), 0.05); }
.button.outline:active { background: none; }
.button+.button { margin-left: var(--margin-s); }

.navbar, .subnav { font-size: 0; backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur); white-space: nowrap; text-align: center; width: 100%; }
.navbar { border-bottom: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255, 0.85); position: fixed; z-index: 9; }
.navbar a, .subnav a { display: inline-block; text-transform: uppercase; padding: 0 17px; }
.navbar a { font-size: 14px; color: black; height: var(--navbar-height); line-height: var(--navbar-height); }
.navbar a:hover, .navbar .selected { color: rgb(var(--link-color)); }
.nav-logo-img { height: 20px; vertical-align: middle; }
#navbar-items-collapsed { display: none; }

.subnav { background: var(--dark-translucent-bg); position: fixed; margin-top: calc(var(--navbar-height) + 1px); z-index: 9; }
.subnav a { font-size: 12px; height: var(--subnav-height); line-height: var(--subnav-height); color: white; }
.subnav a:hover, .subnav .selected { color: rgb(var(--link-bright-color)); }
.subnav.light { background: rgba(255,255,255, 0.85); border-bottom: 1px solid rgba(0,0,0,0.1); }
.subnav.light a { color: black; }
.subnav.light a:hover, .subnav.light .selected { color: rgb(var(--link-color)); }

#search-page-cover { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0, 0.8); z-index: 9; top: 0; left: 0; }
#searchbox { padding: var(--margin-s); white-space: nowrap; z-index: 10; position: fixed; background: white; border-radius: 10px; box-shadow: var(--box-shadow-l); display: none; left: 50%; top: 50%; margin: -35px 0 0 -265px; }
#searchbox input { font-size: 1.2rem; width: 450px; background: white; color: black; border: none; border-bottom: var(--thin-line); }
#searchbox i { color: black; }
.sitesearch-form { padding: calc(var(--navbar-height) + var(--margin-l)) var(--margin) var(--margin-l) var(--margin); text-align: center; display: block; }
.sitesearch-form input[type="text"] { width: 500px; margin-right: var(--margin-s); }
.sitesearch-limit-note { font-size: 0.9rem; text-align: center; padding: var(--margin-l); }
.sitesearch-map { width: 100%; height: 50vh; margin: var(--margin-l) 0; }

.fullscreen-map { width: 100%; height: 100vh; }
.simpleresults-map,
	.fullscreen-map.simpleresults { border-top: calc(var(--navbar-height) + var(--subnav-height)) solid white; }

.contactform { display: block; }
.contactform input[type="text"], .contactform textarea { width: 100%; display: block; margin: var(--margin-s) 0; }
.textlist { margin: var(--margin) 0; line-height: 1.9rem; }
.textlist li { margin: 0.5em 0; padding-left: 0.5em; }
.smallcaps { font-size: 0.75rem; text-transform: uppercase; }
.textbox-error { box-shadow: 0 0 7px red; border: 2px solid red !important; }
.msgbox { padding: var(--margin-xs); margin: var(--margin-s) 0; border-radius: 6px; }
.msgbox.success { background: #F0FFE6; border: 1px solid #C8EDB1; }
.msgbox.error { background: #FFE7E7; border: 1px solid #FF8E8E; }
.photodialog-bg { padding: var(--margin-xl); display: flex; }
.subnav + .photodialog-bg { padding-top: calc(var(--navbar-height) + var(--subnav-height) + var(--margin-xl)); }
.photodialog-dialog { border-radius: 5px; line-height: var(--lh-single); margin: auto; padding: var(--margin); background: rgba(255,255,255, 0.9); backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur); /*box-shadow: var(--box-shadow);*/ }
.propertyinfo { margin: var(--margin-s) 0; line-height: var(--lh-single); }
.propertyinfo span { text-transform: uppercase; font-size: 0.9rem; display: inline-block; margin-right: var(--margin-s); }
.propertyinfo span:last-child { margin-right: 0; }
.propertyinfo i { opacity: 0.3; }
.ptypelabel { z-index: 1; position: absolute; color: white; text-shadow: 1px 1px 0 black; text-transform: uppercase; letter-spacing: 2px; }
.ptypelabel.fp { border: 1px solid rgba(255,255,255, 0.5); background: linear-gradient(to bottom, #FFECA7 0%, #FFC600 100%); color: black; text-shadow: -1px -1px 0 white; }
.ptypelabel.rental { border: 1px solid rgba(255,255,255, 0.5); background: linear-gradient(to bottom, #1A63DB 0%, #124391 100%); }
.ptypelabel.sold { border: 1px solid rgba(255,255,255, 0.5); background: linear-gradient(to bottom, #DB1A1A 0%, #911313 100%); }
.ptypelabel.angled { transform: rotate(-45deg); right: initial; }
.ptypelabel.xs.angled,
	.ptypelabel.small.angled { left: -1.2rem; right: initial; transform: rotate(-45deg); }
.ptypelabel.large.angled { position: absolute; display: inline-block; line-height: 1.6em; padding: 0 1em; margin-left: -70px; margin-top: -25px; }
.ptypelabel.xs { font-size: 0.7rem; right: 0; padding: 5px 10px; }
.ptypelabel.small { font-size: 0.8rem; right: 0; padding: 6px 15px; }
.ptypelabel.large { display: block; position: initial; font-size: 1.2rem; padding: 10px 0; text-align: center; margin: 0 0 var(--margin-l) 0; }
.navbar-padding { padding-top: var(--navbar-height); }
.text-container { background: white; padding: var(--margin-l) }
.text-container + .text-container { padding-top: 0; }
.text-container img { width: 100%; display: block; margin: var(--margin-l) 0; }
.text-container h1,
	.text-container h2 { line-height: 1.4em; }
header + .text-container { padding-top: calc(var(--margin-l) + var(--navbar-height)); }
.subnav + .text-container { padding-top: calc(var(--margin-l) + var(--navbar-height) + var(--subnav-height)); }
.text-container .doublecol { width: var(--content-width); margin: 0 auto; }
.doublecol { display: flex; }
.doublecol .left { flex: 50%; padding-right: var(--margin); }
.doublecol .right { flex: 50%; padding-left: var(--margin); }
.singlecol { width: 720px; margin: 0 auto; }
.handwritten-note { border-radius: 7px; font-size: 22px; line-height: 1.8em; text-align: left; font-family: 'La Belle Aurore'; background: rgb(255, 253, 232); padding: var(--margin); box-shadow: var(--box-shadow-xs); }
.hero-div { height: 800px; position: relative; }
.hero-div a.cover { position: absolute; width: 100%; height: 100%; z-index: 1; }
.hero-div .text { position: absolute; top: 21%; text-align: center; width: 100%; font-weight: lighter; font-family: 'Raleway'; font-size: 41px; line-height: 1.3em; color: white; text-shadow: 1px 1px 0 black; padding: 0 var(--margin-s); }
.hero-div .text span { font-family: 'Questrial'; width: 600px; margin: var(--margin-s) auto 0 auto; display: block; font-size: 22px; line-height: 1.4em; font-weight: normal; }
.hero-div .video-button-div { text-align: center; position: absolute; top: 70%; width: 100%; }
.hero-div .video-button-div a { background: rgba(0,0,0, 0.8); color: white; display: inline-block; line-height: 50px; padding: 0 22px; border-radius: 9px; font-size: 18px; margin: 10px 20px; }
.hero-div .video-button-div a:hover { background: rgba(var(--link-dark-color), 0.9); }
.fullwidth-video { width: 100%; height: calc(100vw / 1.77); }
.flex-wrap-container { display: flex; flex-wrap: wrap; justify-content: center; padding: var(--margin) 0; }
.subnav + .flex-wrap-container { padding-top: calc(var(--navbar-height) + var(--subnav-height) + var(--margin)); }
.flex-wrap-container div { flex: 0 0 300px; margin: var(--margin); }
.flex-wrap-container img { width: 100%; height: auto; box-shadow: var(--box-shadow); }

.footer-container { background: rgb(235,235,235); }
.homepage-blurb + .footer-container { background: none; border-top: var(--thin-line); width: var(--content-width); margin: 0 auto; }
.footer { margin: 0 auto; padding: var(--margin-l) 0; font-size: 0.8rem; width: var(--content-width); }
.footer a { color: #555; text-shadow: -1px -1px 0 white; }
.footer a:hover { color: black; }
.footer .breadcrumbs { font-size: 0.9rem; margin-bottom: var(--margin-l); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.footer .breadcrumbs span { margin: 0 var(--margin-xs); opacity: 0.4; }
.footer .breadcrumbs img { height: 15px; }
.footer .nav { display: flex; align-self: top; }
.footer .nav div { flex: 1 0 0; margin-right: var(--margin-l); }
.footer .nav div:last-child { margin: 0; }
.footer .nav div span:first-child { text-transform: uppercase; white-space: nowrap; }
.footer .nav div span { display: block; margin-top: 0.7em; line-height: 1.1em; }
.footer .social-media-row { border-top: var(--thin-line); display: flex; align-self: center; padding-top: var(--margin-s); margin-top: var(--margin-l); }
.footer .social-media-row div { flex: auto; }
.footer .social-media-row .column-left i { font-size: 20px; } /* icons */
.footer .social-media-row .column-left a { margin-right: var(--margin); }
.footer .social-media-row .column-left a:last-child,
	.footer .social-media-row .column-right a:first-child { margin: 0; }
.footer .social-media-row .column-right { text-align: right; }
.footer .social-media-row .column-right span { margin-left: var(--margin); }
.footer .reaa { text-align: center; margin-top: var(--margin-l); }
.footer .reaa span { margin-right: var(--margin); }
.footer .reaa span:last-child { margin-right: 0; }
.footer .office-details { text-align: center; margin-top: var(--margin-s); }

/*.homepage-slider { line-height: 0; }*/ /* fix space at bottom */
.homepage-slider .hero-div { height: 100vh; }
.homepage-slider .hero-div a { display: block; position: absolute; width: 100%; height: 100%; z-index: 1; }
.slick-prev,
	.slick-next { background: none; border: none; position: absolute; text-shadow: 1px 1px 0 black; font-size: 40px; z-index: 2; color: white; opacity: 0.8; line-height: 0; top: 50%; }
.slick-prev:hover,
	.slick-next:hover { opacity: 1; }
.slick-prev { left: var(--margin); }
.slick-next { right: var(--margin); }
.homepage-blurb { text-align: center; padding: var(--margin-l) 0; }
.homepage-links { padding-top: var(--margin-l); text-align: center; }
.homepage-links span { margin: 0 var(--margin); }
.homepage-links img { height: 30px; }

.nzmap-bg { background: rgb(35,42,58); padding-top: calc(var(--navbar-height) + var(--subnav-height) + 20px); }
.nzmap-container { position: relative; width: 1135px; height: 663px; margin: 0 auto; }
.nzmap-img { position: absolute; content: url('../graphics/nzmap-nolabels.jpg'); width: 1135px; height: 663px; }
.nzmap-label { position: absolute; text-shadow: 1px 1px 0 black; font-size: 25px; white-space: nowrap; }
.nzmap-label a { color: white; padding: 5px; }
.nzmap-label.all-regions a, .nzmap-label.international a { padding: 8px 10px; display: block; text-shadow: none; font-size: 18px; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 8px; }
.nzmap-label.all-regions a:hover, .nzmap-label.international a:hover { color: white; background: rgba(255,255,255, 0.05); }
.nzmap-label.all-regions { bottom: 30px; right: 0; }
.nzmap-label.international { margin: 590px 0 0 370px; }
.nzmap-label.northland { margin: 104px 0 0 144px; }
.nzmap-label.auckland { margin: 150px 0 0 166px; }
.nzmap-label.matakana { margin: 128px 0 0 643px; }
.nzmap-label.hibiscus-coast { margin: 274px 0 0 590px; }
.nzmap-label.rodney { margin: 353px 0 0 559px; }
.nzmap-label.north-shore { margin: 420px 0 0 661px; font-size: 30px; }
.nzmap-label.central-north-island { margin: 213px 0 0 179px; }
.nzmap-label.south-island { margin: 400px 0 0 120px; }
.nzmap-label.new-zealand { margin: 287px 0 0 43px; opacity: 0.5; font-size: 18px; color: white; text-shadow: none; }

.ps-latestadditions { background: rgba(0,0,0,0.2); padding: var(--margin-l); text-align: center; white-space: nowrap; }
.ps-latestadditions a + a { margin-left: var(--margin-l); }
.ps-latestadditions a:last-child { margin-right: 0; }
.ps-latestadditions img { width: 220px; height: 146px; box-shadow: var(--box-shadow-s); vertical-align: middle; }
.ps-latestadditions h3 { display: inline-block; color: rgba(255,255,255,0.5); }
.ps-latestadditions a h3 { color: white; }
.ps-latestadditions a h3:hover { color: var(--link-color); }
.photodialog-dialog.wishlist { width: 700px; }

.photodialog-bg.alerts { height: 100vh; }
.photodialog-dialog.alerts { width: 700px;  }

.simpleresults-map { width: 100%; height: 70vh; }

.searchpanel-container { display: flex; justify-content: center; align-items: center; background: white; padding: calc(var(--navbar-height) + var(--margin)) 0 var(--margin) 0; }
.subnav + .searchpanel-container { padding-top: calc(var(--navbar-height) + var(--subnav-height) + var(--margin)); }
.text-container + .searchpanel-container { border-top: var(--thin-line); padding-top: var(--margin); }
.searchpanel-container.rentals { padding: var(--margin); }
.searchpanel { display: inline-block; position: relative; font-size: 14px; }
.searchpanel .flatlinks-row a { text-transform: uppercase; padding: var(--margin-xs); margin: var(--margin-xs); display: inline-block; }
.searchpanel .flatlinks-row .selected { border: 2px solid rgb(var(--link-color)); padding: 5px 11px; border-radius: 20px; }
.searchpanel .row-label { text-transform: uppercase; line-height: 55px; margin-right: 30px; color: #999; }
#searchpanel-form { display: block; }
.searchpanel .select-region { padding: 4px 10px; border: var(--thin-line); border-radius: 6px; }
.searchpanel .multiselect-label .chevron { padding: 0 15px; color: #999; }
.searchpanel .multiselect-label a { cursor: default; padding: 6px 11px; border: var(--thin-line); border-radius: 6px; }
#searchpanel-multiselect-dialog { display: none; margin-left: 320px; margin-top: -15px; position: absolute; line-height: 1.5em; backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur); background: rgba(255,255,255, 0.85); white-space: nowrap; text-align: left; padding: var(--margin-xs); padding-right: var(--margin-s); overflow: auto; vertical-align: middle; box-shadow: var(--box-shadow); border-radius: 6px; z-index: 2; }
.button.show-on-map { position: absolute; right: 0; bottom: 14px; }

.listingbox-bg { padding: var(--margin-l) 0; }
.listingbox-bg:nth-child(odd) { background-color: rgb(247,247,247); }
.listingbox-bg:nth-child(even) { background-color: white; }
.listingbox { width: var(--content-width); margin: 0 auto; display: flex; }
.listingbox .photo-col { position: relative; }
.listingbox .photo-col img { display: block; width: 500px; height: 333px; box-shadow: var(--box-shadow-s); }
.listingbox .details-col { height: 333px; position: relative; margin-left: var(--margin-l); vertical-align: top; }
.listingbox .add2shortlist-div { position: absolute; right: 0; bottom: 0; }
.listingbox .agents-div { position: absolute; left: 0; bottom: 0; }

.fpbox { width: var(--content-width); height: 733px; margin: var(--margin-l) auto; position: relative; box-shadow: var(--box-shadow-s); }
.fpbox a { position: absolute; width: 100%; height: 100%; z-index: 2; }
.fpbox .info-container { font-size: 28px; line-height: 28px; font-weight: lighter; font-family: 'Raleway'; padding: var(--margin-s); background: rgba(0,0,0, 0.7); position: absolute; bottom: 0; width: 100%; text-align: center; color: white; text-shadow: 1px 1px 0 black; }
.fpbox .info-container span { display: block; font-size: 17px; margin-top: var(--margin-xs); font-weight: normal; }

.shortlist-container { padding: var(--navbar-height) var(--margin-s) 0 var(--margin-s); }
.shortlist-container h1 { text-align: center; padding: var(--margin-l) 0; text-shadow: 1px 1px 0 white; }
.shortlist-strip { display: flex; position: relative; background: white; box-shadow: var(--box-shadow-xs); width: 950px; margin: 0 auto var(--margin-l) auto; }
.shortlist-strip .photo-col { flex: 0 0 0; position: relative; }
.shortlist-strip .photo-col img { display: block; width: 200px; height: 133px; }
.shortlist-strip .details-col { flex: 1 0 0; padding: var(--margin-s); }
.shortlist-strip .propertyinfo { margin: var(--margin-xs) 0 0 0; }
.shortlist-strip .remove-col { flex: 0 0 50px; }
.shortlist-strip .remove-col a { text-align: center; display: block; line-height: 133px; color: #C50000; background: rgb(255, 245, 245); font-size: 20px; }
.shortlist-strip .remove-col a:hover { background: #C50000; color: white; }

.photogrid-container { padding: var(--margin-s) 0; }
.photogrid { width: calc((250px * 4) + (8 * var(--margin-s))); margin: 0 auto; } /* num rows + 2x num rows */
.photogrid a { display: inline-block; margin: var(--margin-s); }
.photogrid img { display: block; box-shadow: var(--box-shadow-xs); width: 250px; height: 166px; }
.singlecol.viewlisting p { margin: var(--margin-l) 0; }
.viewlisting .openhome { padding: var(--margin); margin: var(--margin) 0; background: rgba(var(--link-color), 0.07); border-radius: 10px; }
.viewlisting .openhome p { margin: 0 !important; }
.viewlisting .openhome img { width: unset; }
.viewlisting .print-row { font-size: 0.9rem; display: flex; align-items: center; }
.viewlisting .print-row a+a { margin-left: var(--margin); }
.viewlisting-map { width: 100%; height: 500px; }
.viewlisting-friendform { padding: var(--margin-l) 0; text-align: center; }
.viewlisting-friendform form { width: 400px; margin: 0 auto; }
.preview-overlay { position: fixed; display: flex; align-items: center; justify-content: center; background: black; color: white; width: 100%; height: 100%; opacity: 0.2; text-transform: uppercase; font-size: 100px; letter-spacing: 10px; z-index: 10; }
.fancybox-bg { background: black !important; }
.fancybox-is-open .fancybox-bg { opacity: 0.8 !important; }

.agentbox-multi-container { vertical-align: top; text-align: center; margin: var(--margin-s) 0; }
.agentbox-multi-container .agentbox { margin: var(--margin); }
.agentbox { display: inline-block; text-align: left; width: 450px; background: white; border-radius: 6px; padding: var(--margin-s); font-size: 0.8rem; line-height: 1.4rem; box-shadow: var(--box-shadow-xs); }
.agentbox-photo-details-container { display: flex; }
.agentbox-photo { flex: 0 0 0; vertical-align: top; }
.agentbox-photo img { display: block; width: 155px; height: 187px; }
.agentbox-details { flex: 1 0 0; padding-left: var(--margin-s); vertical-align: top; }
.agentbox h1 { font-size: 1.1rem; }
.agentbox-contactform-container { margin-top: var(--margin-s); }

.contactus-all-offices-container { /*background: white;*/ padding: calc(var(--navbar-height) + var(--margin-s)) 0 var(--margin) 0; }
.officebox-multi-container { width: var(--content-width); margin: 0 auto; text-align: center; }
.officebox { display: inline-block; margin: var(--margin); position: relative; }
.officebox .photo img { width: 286px; height: 191px; box-shadow: var(--box-shadow-s); border-radius: 5px; }
.officebox .textlink { display: block; text-transform: uppercase; font-size: 0.8rem; height: 2.6em; line-height: 1.3em; width: 100%; position: absolute; bottom: -40px; text-align: center; color: black; text-shadow: -1px -1px 0 white; }
.photodialog-dialog.general-enquiry { width: 600px; }

.profile-header { text-align: center; padding: var(--margin); padding: calc(var(--navbar-height) + var(--margin-l)) var(--margin-s) var(--margin) var(--margin-s); }
.profile-header.agent img, .profile-header.office img { box-shadow: var(--box-shadow-l); }
.profile-header.agent img { width: 180px; height: 216px; }
.profile-header.office img { width: 500px; height: 333px; }
.profile-header.small { background: white; }
.profile-header.small h1 { margin: 0; display: inline-block; vertical-align: middle; }
.profile-header.small img { box-shadow: var(--box-shadow); display: inline-block; vertical-align: middle; margin-right: var(--margin-s); }
.profile-header.agent.small img { width: 50px; height: 60px; }
.profile-header.office.small img { width: 90px; height: 60px; }
.profile-header h1 { margin-top: var(--margin-l); font-family: 'Raleway'; font-weight: lighter; font-size: 35px; }
.profile-header h3 { margin-top: var(--margin); font-weight: normal; letter-spacing: 2px; }
.profile-header h3 a { color: #666; }
.profile-header h3 a:hover { color: black; }
.profile-header .nav { display: block; margin-top: var(--margin-l); }
.profile-header .nav a { display: inline-block; color: black; padding: var(--margin-xs); margin: 0 var(--margin-s); font-size: 14px; text-transform: uppercase; }
.profile-header .nav a:hover, .profile-header .nav a.selected { color: rgb(var(--link-color)); }

.profile-agent-appraisaldiv { width: 700px; border-top: var(--thin-line); padding: var(--margin-l) var(--margin-s); margin: 0 auto; text-align: center; }
.profile-agent-appraisaldiv form { width: 400px; margin: 0 auto; }
.handwritten-note.profile-agent { width: 850px; margin: var(--margin-l) auto; }

.doublecol.profile-office .left { flex: 0 0 60%; }
.profile-office-group-marketing-banner { background: white; padding: var(--margin) 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; }

.text-container.apartments div { height: 1000px; display: flex; padding: var(--margin); }
.text-container.apartments div + div { margin-top: var(--margin-l); }
.text-container.apartments div p { width: 800px; font-family: 'Raleway'; font-size: 18px; margin: auto; color: white; padding: var(--margin-l); background: rgba(0,0,0, 0.8); /*backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur);*/ }
.apartments-photogrid { display: flex; background: white; }
.apartments-photogrid div { width: 25%; margin-right: var(--margin-l); height: 80vh; }
.apartments-photogrid div:last-child { margin-right: 0; }
.apartments-agentpic { display: inline; float: left; margin: 0 var(--margin) var(--margin) 0 !important; }

.doublecol.aboutus .left { flex: 0 0 750px; }
.hero-div.buyingpage .text span { margin: 400px auto 0 auto; }
.text-container.spanlinks { line-height: 1.6em; }
.text-container.spanlinks h1 { border-bottom: var(--thin-line); padding-bottom: var(--margin-xs); }
.text-container.spanlinks span { display: block; margin: var(--margin-s) 0; }
.text-container.spanlinks span + h1 { margin-top: var(--margin-l); }
.hero-div.aboutakl div { top: 50%; }

.darkmode { background: #303844; }
.darkmode .button.outline { color: white; }
.darkmode .navbar a { color: white; }
.darkmode .navbar a:hover,
	.darkmode .navbar .selected,
	.darkmode .subnav a:hover,
	.darkmode .subnav .selected { color: rgb(var(--link-color)); }
.darkmode .navbar { background: var(--dark-translucent-bg); }
.darkmode .subnav { border: 1px solid rgba(255,255,255,0.1); border-left: none; border-right: none; }
.darkmode .photodialog-dialog { background: var(--dark-translucent-bg); color: white; }
.darkmode .button { color: black; }
.darkmode .text-container { background: rgba(0,0,0, 0.3); color: white; }
.darkmode .searchpanel-container { background: rgba(0,0,0, 0.2); }
.darkmode .searchpanel .row-label,
	.darkmode .footer a { color: rgba(255,255,255, 0.7); }
.darkmode .viewlisting-friendform h3 { color: white; }
.darkmode .viewlisting-price select { background: none; color: white; }
.darkmode .viewlisting-openhome { background: rgba(0,0,0,0.2); }
.darkmode .agentbox { background: rgba(0,0,0, 0.3); color: white; }
.darkmode .footer-container { background: rgba(0,0,0,0.1); }
.darkmode .footer { color: white; }
.darkmode .footer a { text-shadow: 1px 1px 0 black; }
.darkmode .footer a:hover { color: white; }
.darkmode .msgbox { color: black; }
.darkmode input[type="text"], .darkmode textarea { color: white; background: rgba(0,0,0, 0.6); border: 1px solid rgba(0,0,0, 0.8); }