@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
@font-face {
	font-family: 'Alta';
	src: url('/wp-content/themes/b2-core/assets/fonts/alta.woff2') format('woff2'),
		url('/wp-content/themes/b2-core/assets/fonts/alta.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Minimal reset + tokens (no layout helpers) */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-size: 1vw; font-family: "Tenor Sans", sans-serif; margin:0;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#111;background:#fff;overflow-x: hidden;}
img,svg,video,canvas{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}

::selection {
  background-color: #61757e;
  color: white;
  text-shadow: none;
}

:root{
	--c-text:#111; --c-bg:#fff; --c-accent:#0c5;
	--fs-100:.95rem; --fs-200:1rem; --fs-300:1.25rem; --fs-400:1.5rem;
	--space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem;
}

.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:0;top:0;background:#000;color:#fff;padding:.5rem 1rem}

header.site-header {
	position: fixed;
	width: 100%;
	z-index: 2;
	background: linear-gradient(180deg, #000000ad, transparent);
}

.site-branding img {
	width: 10vw;
	display: block;
	filter: grayscale(1) brightness(5);
}

.site-branding a {
	display: block;
}

.site-branding {
	display: flex;
	justify-content: center;
}

span.menu-toggle {
	display: block;
	position: fixed;
	top: 4vw;
	right: 4vw;
	cursor: pointer;
	width: 3em;
	height: 2em;
	padding: 0;
	margin: 0;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

body.nav-open header.site-header {
	pointer-events: none;
}

body.nav-open header.site-header span.menu-toggle {
	pointer-events: all;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 100%;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	transition: all .5s ease;
}

#nav.modal {
	background: #00000052;
	transform: translateX(0%);
	height: 100vh;
	width: 33vw;
	backdrop-filter: blur(3px);
}

#nav.modal.is-open {
	transform: translateX(-100%);
}

.modal.is-open {
	opacity: 1;
	pointer-events: all;
	transition: all 1s ease;
}

ul#menu-main a:focus {
	outline: none;
}

.bg-vid:before {
	content: "";
	width: 100vw;
	height: 100vh;
	background: black;
	position: absolute;
	opacity: 0.25;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.bg-vid {
	position: relative;
	top: 0;
	left: 0;
	width: calc(100vw - 15px);
	height: 100vh;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
	background: url(/wp-content/themes/b2-core/assets/img/bgvid.webp) no-repeat center center;
	background-size: cover;
}

.bg-vid iframe {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hamburger {
	font: inherit;
	display: inline-block;
	overflow: visible;
	margin: 0;
	padding: 15px;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: .15s;
	transition-property: opacity, filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent;
}

.hamburger-inner:after, .hamburger-inner:before {
	display: block;
	content: "";
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	position: absolute;
	width: 2em;
	height: 0.15em;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 2em;
	background-color: #fff;
}

.hamburger .hamburger-inner {
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-duration: .2s;
}

.hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
	transition-delay: .1s;
	transition-timing-function: linear;
	transition-duration: 0s;
}

.hamburger .hamburger-inner:before {
	transition-property: top, opacity;
}

.hamburger .hamburger-inner:after {
	transition-property: bottom, transform;
}

.hamburger-inner:before {
	top: -0.5em;
}

.hamburger-inner:after {
	bottom: -0.5em;
}

.hamburger.is-active .hamburger-inner {
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transform: rotate(765deg);
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background-color: #fff;
}

.hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	transition-delay: 0s;
}

.hamburger.is-active .hamburger-inner:before {
	top: 0;
	opacity: 0;
}

.hamburger.is-active .hamburger-inner:after {
	bottom: 0;
	transform: rotate(90deg);
}

ul#menu-main {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	color: #fff;
	font-family: 'Alta';
	font-size: 2.2em;
	font-weight: 400;
	margin-top: 45%;
}

ul#menu-main a {
	margin: 0.5vh 0;
	display: block;
}

.site-branding img, span.menu-toggle {
	transition: all .3s ease;
}

.scrolled .site-branding img {
	width: 5vw;
}

.scrolled span.menu-toggle {
	top: 2.1vw;
}

.stripe-sep:before {
	content: "";
	width: 100%;
	display: block;
	position: relative;
	height: 6em;
	background: url(/wp-content/uploads/stripes-600.png) repeat-x left bottom;
	filter: invert(86%) sepia(15%) saturate(137%) hue-rotate(141deg) brightness(90%) contrast(84%);
}

.stripe-sep.green:before {
	filter: invert(82%) sepia(6%) saturate(495%) hue-rotate(66deg) brightness(96%) contrast(83%);
}

.stripe-sep.brown:before {
	filter: invert(92%) sepia(22%) saturate(105%) hue-rotate(1deg) brightness(83%) contrast(95%);
}

.stripe-sep.beige:before {
	filter: invert(98%) sepia(7%) saturate(419%) hue-rotate(333deg) brightness(92%) contrast(91%);
}

.stripe-sep.lightblue:before {
	filter: invert(100%) sepia(1%) saturate(2689%) hue-rotate(125deg) brightness(92%) contrast(95%);
}

.stripe-sep.darkblue:before {
	filter: invert(69%) sepia(6%) saturate(585%) hue-rotate(164deg) brightness(89%) contrast(89%);
}

.stripe-sep.darkerblue:before {
	filter: invert(44%) sepia(7%) saturate(1041%) hue-rotate(154deg) brightness(98%) contrast(89%);
}

.home-top {
	width: 39vw;
	margin: 5em auto;
}

h1, h2, h3 {
	font-family: 'Alta';
	color: #8e9ca7;
}

h1 {
	font-size: 3.6em;
	font-weight: 300;
	line-height: 1;
}

main p, main ul {
	font-size: 1.1em;
	color: #61747b;
}

main .home-top p {
	text-align: center;
	margin-bottom: 2em;
}

.wp-block-button__link {
	background: transparent;
	color: #61747b;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0px;
	font-weight: 400;
	transition: all .25s ease;
}

.wp-block-button__link:after {
	content: "";
	background: url(/wp-content/themes/b2-core/assets/img/right-arrow.svg) no-repeat center center;
	background-size: contain;
	width: 1em;
	height: 0.7em;
	display: inline-block;
	filter: invert(48%) sepia(8%) saturate(825%) hue-rotate(150deg) brightness(88%) contrast(86%);
	margin-left: 1em;
	transform: translateX(0px);
	transition: all .25s ease;
}

.wp-block-button__link:hover {
	letter-spacing: 1px;
}

.wp-block-button__link:hover:after {
	transform: translateX(10px);
}

.vid-hov-frame > img {
	transform: scaleX(-1);
	width: 65%;
	height: 56em;
	object-fit: cover;
	object-position: bottom;
}

.vid-hov-frame {
	padding-top: 8em;
	padding-bottom: 11em;
	position: relative;
	overflow: hidden;
}

.vid-hov-frame > .inner-frame {
	background: url(/wp-content/uploads/beach.webp) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 20%;
	width: 35em;
	height: 37em;
	border: 3.5em solid #fff;
	border-top: 0;
}

.vid-hov-frame > .inner-frame > video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0;
	transition: all 3s ease;
}

.vid-hov-frame > .inner-frame:hover > video {
	opacity: 1;
	transition: all 1s ease;
}

.home-waterfront {
	background: url(/wp-content/themes/b2-core/assets/img/burlap.png) repeat left top;
	padding-bottom: 6em;
}

.home-waterfront h2 {
	font-weight: 300;
	font-size: 3.2em;
	color: #b5c4b3;
	margin: 0;
}

.home-waterfront p {
	width: 40%;
	margin: 2em auto;
	text-align: center;
}

.video-scroll-wrapper {
	/* Controls how long the effect lasts */
	height: 200vh; /* adjust as needed */
	position: relative;
}

.scroll-vid-frame {
	position: sticky;   /* stick while scrolling through wrapper */
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.scroll-vid-frame video, .scroll-vid-frame iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;

	/* Initial mask: small circle in center */
	--mask-size: 25%;

	mask-image: radial-gradient(
		circle at center,
		white var(--mask-size),
		transparent calc(var(--mask-size) + 1px)
	);
	mask-mode: alpha;

	/* WebKit prefix */
	-webkit-mask-image: radial-gradient(
		circle at center,
		white var(--mask-size),
		transparent calc(var(--mask-size) + 1px)
	);
	-webkit-mask-mode: alpha;
}

.home-vert-split {
	padding-left: 45%;
	position: relative;
}

.home-vert-split:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 45%;
	background: url(/wp-content/uploads/fposplit.webp) no-repeat 33% center;
	background-size: cover;
}

.home-vert-split .mid-img {
	width: 30vw;
	border: 3.5em solid white;
	position: relative;
	left: -15%;
}

.home-vert-split > * > .wp-block-group {
	padding: 7em;
}

.home-vert-split > * > .wp-block-group:first-child {
	padding-bottom: 2.5em;
}

.home-vert-split > * > .wp-block-group:last-child {
	padding-top: 2.5em;
}

.home-vert-split h2 {
	font-size: 3em;
	color: #b5c4b3;
	font-weight: 300;
	margin: 0;
}

.home-vert-split .wp-block-buttons .wp-block-button__link {
	padding-left: 0;
	margin-top: 1em;
}

.team-home-block {
	background: url(/wp-content/themes/b2-core/assets/img/blue-bg.svg) no-repeat center center;
	background-size: cover;
	padding: 5em 10% 6.4em;
	text-align: center;
}

.team-home-block h2 {
	color: #61757e;
	font-weight: 300;
	font-size: 3.6em;
	margin: 0;
}

.team-home-block p {
	width: 50%;
	margin: 1.5em auto;
}

.team-logos {
	padding: 3em 0 0;
	display: flex;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

.team-logos a {
	display: block;
	position: relative;
	opacity: .67;
	transition: all .3s ease;
}

.team-logos a:hover {
	opacity: 1;
}

.team-logos a img {
	display: block;
	width: 100%;
	height: 5vw;
}

#send-msg:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(/wp-content/uploads/stripes-600.png) repeat left bottom;
	filter: invert(86%) sepia(15%) saturate(137%) hue-rotate(141deg) brightness(90%) contrast(84%);
	width: 100%;
	height: 100%;
	z-index: -1;
	background-attachment: fixed;
}

#send-msg {
	position: relative;
	padding: 7em 20%;
}

#send-msg > div {
	background: url(/wp-content/themes/b2-core/assets/img/burlap.png) repeat left top;
	padding: 3em 5em;
	border-radius: 2em;
	box-shadow: 0 3px 12px 5px #0000001c;
}

.hidden_label > label {
	display: none;
}

#send-msg .gform_fields input, #send-msg .gform_fields textarea {
	display: block;
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid #61767e;
	color: #61767e;
	line-height: 2.4;
	max-height: 10em;
}

input:focus, textarea:focus {
	outline: none;
}

.gform_button {
	font-family: 'Tenor Sans';
	text-transform: uppercase;
	font-size: 1.25em;
	background: transparent;
	border: none;
	color: #61767e;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: 0;
	transition: all .25s ease;
}

.gform_button:hover {
	letter-spacing: 1px;
}

.gform-footer {
	text-align: center;
	margin-top: 2em;
}

#gform_1 .gform-body .gform_fields {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-between;
	align-items: stretch;
}

#gform_1 .gform-body .gform_fields > * {
	width: 50%;
	padding: 1em;
}

#gform_1 .gform-body .gform_fields > *:last-child, #gform_1 .gform-body .gform_fields > div#field_1_8 {
	width: 100%;
}

footer {
	background: #61757e url(/wp-content/themes/b2-core/assets/img/blue-bg.svg) no-repeat center center;
	background-size: cover;
	padding: 3.2em 10% 10em;
	color: #fff;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1em solid #e0dcd1;
	box-shadow: 0 0 1em #0000006b;
}

footer small {
	background: #E0DCD1;
	color: #61757e;
	display: flex;
	width: 100%;
	padding: 1em;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.95em;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
}

footer small ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

footer small ul li {
	display: inline-block;
}

footer > div > a > img {
	display: block;
	width: 10vw;
	filter: brightness(10);
}

footer > div > a {
	display: block;
}

.social-links img {
	display: block;
	width: 2em;
	filter: invert(86%) sepia(15%) saturate(137%) hue-rotate(141deg) brightness(50%) contrast(84%);
	margin-left: 1em;
}

ul.social-links {
	padding: 0 2em;
}

ul.ansc-links {
	padding: 0 4em;
}

ul.ansc-links li a {
	margin-left: 1em;
}

.fineprint {
	position: absolute;
	bottom: 8em;
	font-size: 0.5em;
	display: flex;
	width: 100%;
	left: 0;
	padding: 0 2em;
	text-align: justify;
}

.fineprint > img {
	width: 1.5vw;
	padding-right: 1em;
}

footer .right {
	text-align: right;
}

footer > .left, footer > .right {
	width: 33%;
}

.mid-img .inner-frame {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 2s ease;
}

.mid-img:hover .inner-frame {
	opacity: 1;
}

body > main > section > article.page > header {
	display: none;
}



/* inner pg specific css */

body:not([class*="home"]) .bg-vid {
	height: 67vh;
}

body:not([class*="home"]) .home-top {
	width: 50vw;
}

.siteplan, .siteplan > img {
	width: 100%;
}

.amenities-mid {
	background: url(/wp-content/themes/b2-core/assets/img/burlap.png) repeat left top;
	padding: 6em;
}

.amenities-mid h2 {
	margin: 0 0 1em;
	color: #b5c4b3;
	font-weight: 300;
	font-size: 3.4em;
	line-height: 1;
}

.amenities-mid ul {
	display: block;
	column-count: 3;
	color: #61757e;
	font-size: 1.2em;
}

.amenities-mid ul li {
	margin-bottom: .5em
}

.splide__list {
	align-items: flex-end;
}

#amenities-carousel {
	padding-top: 5em;
	padding-bottom: 5em;
}

.amenities-bottom h2 {
	line-height: 1;
}

.amenities-bottom.team-home-block p {
	margin-bottom: 0;
}

.team-home-block.amenities-bottom {
	padding-bottom: 5em;
}

.team-lower {
	width: 60%;
	margin: 0 auto 6em;
}

.team-lower > div > p {
	margin-top: 4em;
}

.lightweight-accordion summary.lightweight-accordion-title {
	background: #b5c4b3;
	color: white;
	padding: 1em 1.6em;
}

.lightweight-accordion summary.lightweight-accordion-title span {
	font-size: 1.25em;
	font-weight: bold;
}

.lightweight-accordion summary.lightweight-accordion-title::marker {
	font-size: 1.4em;
}

.entry-content details p a {
	text-decoration: underline;
}

#nav .menu > li {
	transform: translateX(2.5em);
	opacity: 0;
	transition: all 3s ease;
}

#nav.is-open .menu > li {
	transform: translateX(0);
	opacity: 1;
}

#nav.is-open .menu > li:nth-child(1) {
	transition-delay: 0s;
}

#nav.is-open .menu > li:nth-child(2) {
	transition-delay: .15s;
}

#nav.is-open .menu > li:nth-child(3) {
	transition-delay: .33s;
}

#nav.is-open .menu > li:nth-child(4) {
	transition-delay: .58s;
}

#nav.is-open .menu > li:nth-child(5) {
	transition-delay: .9s;
}

#nav.is-open .menu > li:nth-child(6) {
	transition-delay: 1.3s;
}

#nav.is-open .menu > li:nth-child(7) {
	transition-delay: 1.85s;
}

#nav.is-open .menu > li:nth-child(8) {
	transition-delay: 2.5s;
}

/* fixes minor menu re-open visual bug */
#nav:not([class*="is-open"]) .menu > li {
	transition-delay: 0s;
	opacity: 0;
	transition: all .5s ease;
}

.naples-waterfront .waterfront-life {
	position: absolute;
	left: 9%;
	width: 32%;
	text-align: right;
	top: 9em;
}

.naples-waterfront .waterfront-life h2 {
	color: #b4c3b2;
	font-size: 3em;
	font-weight: normal;
	line-height: 1;
	margin: 0;
}

.naples-waterfront {
	position: relative;
}

body.page-id-18 .home-top h1 {
	font-size: 3.4em;
}

body.page-id-19 .vid-hov-frame {
	padding-top: 0;
	padding-bottom: 10em;
	margin-bottom: 4em;
}

body.page-id-19 .vid-hov-frame > img {
	width: 52%;
	height: 40em;
	object-fit: cover;
	object-position: center;
	margin-left: 48%;
}

body.page-id-19 .vid-hov-frame > .inner-frame {
	background: url(/wp-content/themes/b2-core/assets/img/naples-boat-in-gulf.webp) no-repeat center center;
	background-size: cover;
	top: auto;
	right: auto;
	left: 25%;
	bottom: 0;
	width: 45em;
	height: 25em;
	border-top: 3.5em solid #fff;
	border-bottom: none;
	transform: translate(-15em, 10em);
}

.home-waterfront.naples-shop {
	padding-bottom: 0;
	background: url(/wp-content/themes/b2-core/assets/img/green-bg.svg) repeat left top;
}

.home-waterfront.naples-shop h2 {
	color: #61757e;
}

ul#amenities-carousel-list {
	cursor: grab;
}

body.scrolled header.site-header {
	background: #61757e url(/wp-content/themes/b2-core/assets/img/nav-blue-bg.svg) repeat center center;
}

body.scrolled #nav.modal {
	background: #61757e url(/wp-content/themes/b2-core/assets/img/nav-beige-bg.svg) repeat center center;
}

body.scrolled #nav.modal li a {
	color: #61757e;
}

.dest-map > img {
	width: 100%;
}

.dest-map {
	padding-top: 2em;
}

.home-waterfront.naples-shop p {
	width: 60%;
}

ul.accolades {
	color: #8e9ca6;
}

.naples-honors h2 {
	color: #b5c4b3;
	font-weight: 400;
	font-size: 3em;
	margin: 0.5em 0;
}

.naples-honors {
	text-align: center;
	padding-top: 3em;
	padding-bottom: 6em;
}

.naples-honors p {
	width: 50%;
	margin: 0 auto 3em;
}

ul.accolades img {
	height: 5em;
	width: auto;
	display: block;
	margin: 0 auto 1em;
}

ul.accolades {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-content: flex-start;
	align-items: flex-start;
	list-style: none;
	padding: 0;
	width: 90%;
	margin: 0 auto;
}

ul.accolades li {
	display: block;
	width: 12%;
}

ul.accolades span {
	font-weight: 700;
}

ul.accolades cite {
	display: block;
	font-size: 0.75em;
	font-weight: 400;
}

body .bg-vid.jk-img {
	background: url(/wp-content/uploads/galleryhero.webp) no-repeat center bottom;
	background-size: cover;
}

body.page-id-15 .bg-vid.jk-img {
	background: url(/wp-content/uploads/AdobeStock_562377180.webp) no-repeat center center;
	background-size: cover;
}

body.page-id-16 .bg-vid.jk-img {
	background: url(/wp-content/uploads/AdobeStock_374073049.webp) no-repeat center 100%;
	background-size: cover;
}

body.page-id-18 .bg-vid.jk-img {
	background: url(/wp-content/uploads/teamhero.webp) no-repeat center center;
	background-size: cover;
}

body.page-id-19 .bg-vid.jk-img {
	background: url(/wp-content/uploads/napleshero.webp) no-repeat center center;
	background-size: cover;
}

body.page-id-22 .bg-vid.jk-img {
	background: url(/wp-content/uploads/connecthero.webp) no-repeat center center;
	background-size: cover;
}

body.blog .bg-vid.jk-img {
	background: url(/wp-content/uploads/newshero.webp) no-repeat center bottom;
	background-size: cover;
}

.team-lower details > div {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.team-lower details > div > figure {
	width: 25%;
}

.team-lower details > div > p {
	width: 75%;
	padding-right: 2em;
}

.team-lower details > div > figure img {
	width: 100%;
	height: 7em;
	object-fit: contain;
}
.container-basic.posts {
    margin-left: 5%;
    width: 90%;
    margin-bottom: 6em;
}

.posts h2 {
    margin: 0;
}

.posts article header {
    padding-bottom: 0;
}

.posts h1 {
    text-align: center;
}
.post ul.wp-block-list {
    color: #61747b;
    font-size: 1.1em;
}
body.page-id-15 .b2fp-nav-group h4 {
    display: none;
}

body.page-id-15 .b2fp-building-title {
    margin: 0;
    font-size: 1.25em;
}

body.page-id-15 .b2fp-floorplans-grid {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 2.5fr) minmax(0, 0.8fr);
}

body.page-id-15 .b2fp-floorplans-wrapper {
    width: 90%;
    margin: auto;
}

body.page-id-15 .b2fp-compass-keyplan {
    gap: 2em;
    width: 50%;
    margin: 2em auto 0;
}
figure.wp-block-gallery.has-nested-images.columns-3.is-cropped.gallerycon.wp-block-gallery-1.is-layout-flex.wp-block-gallery-is-layout-flex {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 2.5em;
}
.connect-info > div > div.wp-block-column {
    text-align: right;
}

.connect-info {
    padding-right: 6em;
    margin-bottom: 4em;
}
.connect-info h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.connect-info p {
    margin-top: 0.2em;
}
.b2fp-keyplan img {height: 6em !important;margin-bottom: 1em;}

.b2fp-compass img {
    height: 5em !important;
    margin-top: 2em;
    margin-bottom: 5em;
}

.b2fp-floorplans-grid {
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
    justify-items: stretch;
}

.resi-info {
    padding: 0 10em 5em;
}
.gall-vid {
    width: 50%;
    margin: 0 auto 2.5em;
}
.b2fp-elevation {
    margin-bottom: 2.5em !important;
}

.b2fp-col.b2fp-col-center, .b2fp-main-image-wrapper, .b2fp-col.b2fp-col-left, .b2fp-col.b2fp-col-right {
    height: 38em;
    align-content: center;
	margin-bottom: 5em;
}
.b2fp-building-group + .b2fp-building-group {
    border-top: none !important;
    margin-top: 0 !important;
}

ul > li.b2fp-nav-item:last-child {
    border-bottom: none;
}
.sqft-title {
    font-size: 1.2em;
    color: #61757e;
}

.b2fp-col.b2fp-col-right {
    color: #61757e;
}
a.b2fp-pdf-button {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-top: 2.5em;
    border-color: #61757e;
    line-height: 1;
    padding: 1em;
}
.b2fp-nav-item {
    border-bottom: none !important;
    background: #f7f7f7;
    margin-bottom: 2px;
    padding-left: 1em !important;
    transition: all .3s ease;
}

.b2fp-nav-item.is-active {
    font-weight: 400 !important;
    padding-left: 2em !important;
    background: #ffffff;
}
.b2fp-elevation-frame {
    background: #61757e !important;
	border-radius: 0 !important;
}
.b2fp-main-image {
    width: 100%;
}








.parallax-bg-b, .parallax-bg-a {
	position: relative;
	overflow: hidden;
}

.parallax-bg-b::before {
	background-position-y: calc(50% + var(--parallax-before-offset, 0px));
}

.parallax-bg-a::after {
	background-position-y: calc(50% + var(--parallax-after-offset, 0px));
}



/* .in-vp starting position common rules */
.vid-hov-frame .inner-frame, .home-vert-split .mid-img, .team-logos a, #send-msg > div, .naples-honors .accolades > li {
	opacity: 0;
	transition: all 2s ease;
}

/* slow down for elements near the bottom of a box to account for extra scroll */
body.page-id-19 .vid-hov-frame .inner-frame {
	transition-duration: 4s;
}


/* .in-vp starting state for individual elements */
.vid-hov-frame .inner-frame {
	transform: translate(20em, -10em);
}
.home-vert-split .mid-img {
	transform: translate(20em, 0);
}
.team-home-block .team-logos a, .naples-honors .accolades > li {
	transform: translateY(5em);
}
#send-msg > div {
	transform: translateY(10em);
}


/* .in-vp return to true location when in view */
.vid-hov-frame.in-vp .inner-frame, body.page-id-19 .vid-hov-frame.in-vp > .inner-frame, .home-vert-split.in-vp .mid-img, .team-logos.in-vp a, #send-msg.in-vp > div, .naples-honors.in-vp .accolades > li {
	transform: translate(0, 0);
	opacity: 1;
}


/* staggered delay for pseudolist elements */
.team-logos > a:nth-child(1), .naples-honors .accolades > li:nth-child(1) {
	transition-delay: 0.2s;
}
.team-logos > a:nth-child(2), .naples-honors .accolades > li:nth-child(2) {
	transition-delay: 0.4s;
}
.team-logos > a:nth-child(3), .naples-honors .accolades > li:nth-child(3) {
	transition-delay: 0.6s;
}
.team-logos > a:nth-child(4), .naples-honors .accolades > li:nth-child(4) {
	transition-delay: 0.8s;
}
.team-logos > a:nth-child(5), .naples-honors .accolades > li:nth-child(5) {
	transition-delay: 1s;
}
.team-logos > a:nth-child(6), .naples-honors .accolades > li:nth-child(6) {
	transition-delay: 1.2s;
}






@media (max-width: 1601px) {
	.b2fp-col.b2fp-col-center, .b2fp-main-image-wrapper, .b2fp-col.b2fp-col-left, .b2fp-col.b2fp-col-right {
		height: 45em;
	}
}

@media (max-width: 1367px) {
	.b2fp-col.b2fp-col-center, .b2fp-main-image-wrapper, .b2fp-col.b2fp-col-left, .b2fp-col.b2fp-col-right {
		height: 48em;
	}
	body.page-id-15 .b2fp-building-title {
    font-size: 1.5em;
}
}

@media (max-width: 1280px) {
	.b2fp-col.b2fp-col-center, .b2fp-main-image-wrapper, .b2fp-col.b2fp-col-left, .b2fp-col.b2fp-col-right {
        height: 51em;
    }
}

@media (max-width: 991px) {

	body {
		font-size: 2vw;
	}

	.site-branding img {
		width: 40vw;
	}

	.bg-vid {
		width: 100%;
	}

	span.menu-toggle {
		top: 5vw;
		right: 4vw;
	}

	.scrolled span.menu-toggle {
		top: 5vw;
	}

	#nav.modal {
		width: 100%;
	}

	ul#menu-main a {
		margin: 2vh 0;
	}

	.scrolled .site-branding img {
		width: 20vw;
	}

	.bg-vid, body:not([class*="home"]) .bg-vid {
		height: 50vh;
	}

	.bg-vid:before {
		width: 100%;
		height: 50vh;
	}

	.bg-vid iframe {
		height: 50vh;
		min-height: 50vh;
		min-width: 125vw;
	}

	.home-top, body:not([class*="home"]) .home-top {
		width: 65vw;
	}

	.vid-hov-frame > .inner-frame {
		right: 5%;
		width: 25em;
		height: 28.6em;
	}

	.home-waterfront p, .home-waterfront.naples-shop p {
		width: 80%;
	}

	.home-vert-split {
		padding-left: 25%;
	}

	.home-vert-split:before {
		width: 25%;
	}

	.home-vert-split > * > .wp-block-group {
		padding: 4em;
	}

	.home-vert-split .mid-img {
		width: 50vw;
	}

	.team-home-block p {
		width: 75%;
	}

	.team-home-block h2 {
		font-size: 3em;
	}

	.team-logos {
		align-items: stretch;
	}

	.team-logos a img {
		height: 6.5vw;
	}

	#send-msg {
		padding: 7em 10%;
	}
	footer {
		padding-bottom: 12em;
	}

	.fineprint {
		bottom: 10em;
	}

	.fineprint > img {
		width: 6vw;
	}

	footer small {
		font-size: 0.8em;
	}
	.amenities-mid {
		padding: 6em 2em;
	}
	.team-lower {
		width: 80%;
	}
	.naples-waterfront .waterfront-life {
		position: absolute;
		left: 7%;
		width: 33%;
		top: 3em;
	}
	body.page-id-19 .vid-hov-frame > img {
		width: 52%;
		height: 30em;
		margin-left: 48%;
		margin-bottom: 20em;
	}
	ul.accolades li {
		width: 30%;
		margin-bottom: 1.5em;
	}

	ul.accolades {
		flex-wrap: wrap;
		gap: 1%;
	}
	.connect-info {
    padding-right: 0;
}

.connect-info > div > div.wp-block-column {
    text-align: center;
}
	
	body.page-id-15 .b2fp-floorplans-grid {
    display: block;
}

.b2fp-col.b2fp-col-center, .b2fp-main-image-wrapper, .b2fp-col.b2fp-col-left, .b2fp-col.b2fp-col-right {
    height: auto;
    margin-bottom: 2.5em;
}
}

@media (max-width: 767px) {

	body {
		font-size: 3.2vw;
	}

	.bg-vid iframe {
		min-width: 200vw;
	}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		height: 0.2em;
	}

	span.menu-toggle {
		top: 6vw;
		right: 8vw;
	}

	.hamburger-inner:before {
		top: -0.8em;
	}

	.hamburger-inner:after {
		bottom: -0.8em;
	}

	ul#menu-main {
		margin-top: 50%;
	}

	h1 {
		font-size: 3em;
	}

	.home-top, body:not([class*="home"]) .home-top {
		width: 88vw;
	}

	.vid-hov-frame > .inner-frame {
		right: 0%;
		width: 18em;
		height: 20em;
	}

	.vid-hov-frame > img {
		width: 75%;
		height: 27em;
	}

	.home-waterfront h2 {
		font-size: 2.5em;
	}

	.home-vert-split h2 {
		font-size: 2.5em;
		line-height: 1;
	}

	.home-vert-split .mid-img {
		width: 75vw;
		left: -25%;
	}

	.home-vert-split > * > .wp-block-group {
		padding: 2em;
	}

	.home-vert-split:before {
		width: 20%;
	}

	.team-home-block p {
		width: 100%;
	}

	#send-msg > div {
		padding: 1em 1.5em 1.5em;
	}

	#send-msg {
		padding: 5em 5%;
	}

	footer {
		flex-direction: column;
		padding-bottom: 26em;
		row-gap: 2em;
		font-size: 1.4em;
		text-align: center;
	}

	footer .right {
		text-align: center;
	}

	footer > div > a > img {
		width: 33vw;
	}

	.fineprint {
		bottom: 20em;
	}

	.fineprint > img {
		width: 10vw;
	}

	footer small {
		flex-direction: column;
		gap: 1em;
	}
	footer > .left, footer > .right {
		width: 100%;
	}
	.amenities-mid ul {
		column-count: 1;
		padding: 0;
		list-style-position: inside;
	}
	.team-lower details > div {
		flex-direction: column;
	}

	.team-lower details > div > p {
		width: 100%;
		padding-right: 0;
	}

	.team-lower details > div > figure {
		width: 50%;
	}
	.naples-waterfront .waterfront-life {
		position: relative;
		left: 5%;
		width: 90%;
		top: 0;
		text-align: center;
	}

	body.page-id-19 .vid-hov-frame > img {
		width: 100%;
		margin: 0 0 25em;
		height: 36em;
	}

	body.page-id-19 .vid-hov-frame > .inner-frame {
		width: 100%;
		left: 15%;
		bottom: 3em;
	}
	.naples-honors p {
		width: 80%;
	}
	ul.accolades li {
		width: 48%;
	}
	a.b2fp-pdf-button {
    font-size: 1.2em;
}
	.resi-info {
    padding: 2em;
}
	.b2fp-keyplan img {
    height: 8em !important;
    margin-bottom: 2em;
}
}