@charset "utf-8";
/* FLUID6 template.css (theme/skin layer) */

:root {
	/* Admin-managed theme tokens are injected by Fluid6ThemeSettings. */
	--site-mainbg-muted: #f2f2f2;
	--site-heading-color: #616367;
	--site-link: var(--bs-link-color);
	--site-link-hover: var(--bs-link-hover-color);

	--bs-red: #C00;

	/* Font Awesome */
	--fa-li-margin: 3rem;
}

/******** Defaults ********/
html, body, td, th { font: var(--site-font-body, 400 18px/1.5rem "Roboto", sans-serif); color: var(--site-text-color, #222); }
body { background-color: var(--site-bodybg, #f8f9fa); }
body.rsfppane {background-color: #FFF;}
h1, h2, h3, h4, h5, h6, .text-heading { font-family: var(--site-font-headings, "Roboto", sans-serif); color: var(--site-heading-color, var(--bs-primary, #3FBCED)); line-height: 1.3em; font-weight: 600; text-transform: uppercase; }
h1, .fs-h1 { font-size: clamp(2.111rem, 0.485vw + 1.956rem, 2.333rem); } /* 38px → 42px */
h2, .fs-h2 { font-size: clamp(1.889rem, 0.485vw + 1.734rem, 2.111rem); } /* 34px → 38px */
h3, .fs-h3 { font-size: clamp(1.667rem, 0.485vw + 1.511rem, 1.889rem); } /* 30px → 34px */
h4, .fs-h4 { font-size: clamp(1.444rem, 0.485vw + 1.289rem, 1.667rem); } /* 26px → 30px */
h5, .fs-h5 { font-size: clamp(1.222rem, 0.485vw + 1.067rem, 1.444rem); } /* 22px → 26px */
h6, .fs-h6 { font-size: clamp(1rem, 0.485vw + 0.845rem, 1.222rem); }     /* 18px → 22px */
p {margin-bottom: 1rem;}
.fs-xsmall {font-size: 13px; line-height: 1.2em;}
.text-accent {color: var(--site-accent, #095ff0);}
.is-error-404 .navbar-brand-area img {width:var(--site-logo-width, 240px);}

/* Header */
.header-contact {}
.header-contact a { color: var(--bs-primary, #3FBCED); }
.header-contact a:hover { color: var(--site-accent, #095ff0); }
.header-contact i {font-size: 28px; background: var(--bs-primary, #3FBCED); border-radius: 50px; padding: 10px; width: 48px; height: 48px; text-align: center; color: var(--site-text-color-on-primary, #fff); display: inline-block;}
.header-contact a:hover i { background: var(--site-accent, #095ff0); }

#mainmenu {padding: 0; }
@media (min-width: 992px) {
#mainmenu .container-fluid {padding-right: 0;}
}
#mainmenu .navbar-nav { text-transform: uppercase; }
#mainmenu .dropdown-menu { padding: 0; }
#mainmenu .item-466 .dropdown-menu.show {right: 0; left: auto;}
.offcanvas {background-color: var(--site-primary);}


#top-section,
#bottom-section {padding: 0;}
.blog-item {break-inside: avoid;}
.bg-image-cover { background-size: cover; background-position: center center; }
.overlay {position: relative; isolation: isolate;}
.overlay::before {content: ""; position: absolute; inset: 0; background: rgba(var(--site-overlay-rgb, 0, 0, 0), var(--site-overlay-alpha, .7)); z-index: -1; pointer-events: none;}
.noborder, a img {border: none;}
img {max-width: 100%; height: auto;}
img[align*="left"], img[style*="left"] {margin: 0 1em .5em 0;}
img[align*="right"], img[style*="right"] {margin: 0 0 .5em 1em;}
ul.unstyled, ol.unstyled {list-style: none; padding: 0 !important;}

/* Cards / blocks */
.highlight-blocks .card { transition: all .5s ease-out; border: 4px solid var(--bs-primary, #3FBCED); }
.highlight-blocks .card:hover { background-color: var(--bs-dark, #343A40); color: var(--site-text-color-on-dark, #fff); border-color: var(--bs-secondary, #8DC63F); }
.highlight-blocks .card:hover .icon { filter: invert(); }

.custom-signs a { text-decoration: none; }

/* Team members */
.team-member .team-member-name { font-size: 3em; line-height: 1em; font-weight: 400; }
.team-member-bio { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; }
.team-member-contact { font-size: 1.5rem; line-height: 1.65em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-member-contact i { width: 24px; text-align: center; }

.red {color: #C00;}

/******** Buttons ********/
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--site-primary, #3FBCED);
	--bs-btn-border-color: var(--site-primary, #3FBCED);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--site-secondary, #8DC63F);
	--bs-btn-hover-border-color: var(--site-secondary, #8DC63F);

	--bs-btn-focus-shadow-rgb: var(--site-primary-rgb, 63,188,237);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--site-secondary, #8DC63F);
	--bs-btn-active-border-color: var(--site-secondary, #8DC63F);
	--bs-btn-active-shadow: inset 0 3px 5px #00000020;

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--site-primary, #3FBCED);
	--bs-btn-disabled-border-color: var(--site-primary, #3FBCED);
}

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--site-secondary, #8DC63F);
	--bs-btn-border-color: var(--site-secondary, #8DC63F);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--site-primary, #3FBCED);
	--bs-btn-hover-border-color: var(--site-primary, #3FBCED);

	--bs-btn-focus-shadow-rgb: var(--site-secondary-rgb, 141,198,63);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--site-primary, #3FBCED);
	--bs-btn-active-border-color: var(--site-primary, #3FBCED);
	--bs-btn-active-shadow: inset 0 3px 5px #00000020;

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--site-secondary, #8DC63F);
	--bs-btn-disabled-border-color: var(--site-secondary, #8DC63F);
}

.btn-accent {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--site-accent, #095FF0);
	--bs-btn-border-color: var(--site-accent, #095FF0);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--site-secondary, #8DC63F);
	--bs-btn-hover-border-color: var(--site-secondary, #8DC63F);

	--bs-btn-focus-shadow-rgb: var(--site-accent-rgb, 9,95,240);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--site-secondary, #8DC63F);
	--bs-btn-active-border-color: var(--site-secondary, #8DC63F);
	--bs-btn-active-shadow: inset 0 3px 5px #00000020;

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--site-accent, #095FF0);
	--bs-btn-disabled-border-color: var(--site-accent, #095FF0);
}
/******** /Buttons ********/
.quick-link i {width: 80px; height: 80px; display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1;}
.quick-link a {text-decoration: none;}
.quick-link:hover {transform: scale(1.1); transition: transform .3s;}

/********* FL Items *********/
/*** Team Members ***/
.team-member .team-member-name {font-size: 3em; line-height: 1em; font-weight: 400;}
.team-member-bio {overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.team-member-contact {font-size: 1.5rem; line-height: 1.65em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.team-member-contact i {width: 24px; text-align: center;}
/*** /Team Members ***/
/*** Featured Community Homepage ***/
.featured-community {background-size: cover; background-position: center;}
.featured-community-message {text-shadow: 0px 0px 5px rgba(0,0,0,0.8); max-width: 550px; margin: auto;}
/********* /FL Items *********/

/******** Intranet ********/
@media (min-width: 1400px) {
	.com_jl_intranet #wrapper-content .container-xxl {max-width: 90%;}
}
.com-users-login.login {max-width: 500px; margin: 3rem auto;}
#com-users-login__form {margin-bottom: 1rem;}
#com-users-login__form .com-users-login__submit .btn {width: 100%;}
/*** Intranet Menu ***/
#intranet-menu .nav-item {padding:var(--bs-list-group-item-padding-y)var(--bs-list-group-item-padding-x);  color:var(--bs-list-group-color);  background-color:var(--bs-list-group-bg);  border:var(--bs-list-group-border-width)solid var(--bs-list-group-border-color);  text-decoration:none;  display:block;  position:relative}
#intranet-menu .nav-item:first-child {border-top-left-radius:inherit; border-top-right-radius:inherit}
#intranet-menu .nav-item:last-child { border-bottom-right-radius:inherit; border-bottom-left-radius:inherit}
#intranet-menu .nav-item.disabled,
#intranet-menu .nav-item:disabled {color:var(--bs-list-group-disabled-color); pointer-events:none; background-color:var(--bs-list-group-disabled-bg)}
#intranet-menu .nav-item:hover,
#intranet-menu .nav-item.current {z-index:2; color:var(--bs-light); background-color:var(--bs-primary); border-color:var(--bs-primary)}
#intranet-menu .nav-item+#intranet-menu .nav-item {border-top-width:0}
#intranet-menu .nav-item+#intranet-menu .nav-item.active {margin-top:calc(-1*var(--bs-list-group-border-width)); border-top-width:var(--bs-list-group-border-width)}
#intranet-menu .nav-item .dropdown-item {color: var(--bs-primary);}
#intranet-menu .nav-item:hover .dropdown-item,
#intranet-menu .nav-item.current .dropdown-item {color:var(--bs-light);}

/*** /Intranet Menu ***/
#forms-menu.navbar-nav .nav-link.active, #forms-menu.navbar-nav .nav-link.show {color: #FFF; background-color: var(--site-primary) !important;}
#forms-menu .dropdown-item {padding:var(--bs-nav-link-padding-y)var(--bs-nav-link-padding-x); font-size:var(--bs-nav-link-font-size); font-weight:var(--bs-nav-link-font-weight);  color:var(--bs-primary);  background:0 0;  border:0;  text-decoration:none;  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; display:block;border-radius:var(--bs-nav-pills-border-radius) }
#forms-menu.nav-pills .dropdown-item.active,
#forms-menu.nav-pills .show>.dropdown-item { color:var(--bs-nav-pills-link-active-color);  background-color:var(--bs-nav-pills-link-active-bg)}
/******** /Intranet ********/

/*** Real Estate***/
/*** Quick Search ***/
#hero .carousel-caption-container {max-width: 100%; width:1320px; position: absolute; top: 0; bottom: 0; left:50%; transform:translateX(-50%);}
.quicksearch #search-pane {margin: 0 auto;}
.stats-strip .stat-value {font-size: 5rem; font-weight: 700; line-height: 1;}
/*** /Quick Search ***/
body.remap #maincontent,
body.rentmap #maincontent,
body.remap #maincontent #wrapper-content > .container,
body.rentmap #maincontent #wrapper-content > .container {width: 100%; max-width: 100%; padding: 0 !important;}
body.remap #map,
body.remap #flmap.map-wrapper,
body.rentmap #map,
body.rentmap #flmap.map-wrapper {height: calc(100vh - 148px)}
.com_fl_rentals.view-map #header-border {display: none;}
.com_fl_rentals.view-map #wrapper-content {padding-top: 0;}
.com_fl_rentals.view-map #search-pane .navbar {margin: 0;}
.com_fl_rentals #maincontent {max-width: 100%;}
.listingDetailsLeft .slider-nav {margin: .5rem 0 1rem;}
/* #community-hero {display: none;} */
.community-nav {display: block; column-count: 5; column-width: 250px;}
.community-nav .nav-item {padding: .25rem .125rem;}
.community-nav .nav-item a.nav-link {border: 1px solid var(--site-dark, #212529); border-radius: .375rem; color: var(--site-dark, #212529); padding: .375rem .75rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.community-nav .nav-item a.nav-link:hover {background: var(--site-dark, #212529); color: var(--site-text-color-on-dark, #fff);}

/*** /Real Estate***/
/*** Rentals ***/
.incontent-menu {display: initial; --bs-nav-link-padding-y:0; list-style: disc;}
.incontent-menu li {margin-left: 1.5rem;}
.bg-accent {background-color: var(--site-accent, #095ff0); color: var(--site-text-color-on-accent);}
.flr-advanced-search {margin: 0 0 2rem;}
/*** /Rentals ***/
/*** Quick Search ***/
#quicksearchTab {}
#quicksearchTab .nav-link {background: rgba(0,0,0,.6); color: #fff; }
#quicksearchTab .nav-link:hover,
#quicksearchTab .nav-link.active {background:rgba(32,65,41,.8);}
#quicksearchTabContent {margin-top:1.35rem;}
.tab-wrapper {width: 800px; max-width: 100%}
#quicksearchTab .nav-item {position: relative; }
#quicksearchTab .nav-link {text-transform: uppercase; padding: .75rem;}
@media (min-width: 992px) {
#quicksearchTab .nav-item .active:after { content: ""; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; bottom: -20px; position: absolute; left: calc(50% - 20px); }
}
/*** /Quick Search ***/
/*** Featured Tabs ***/
#pills-tab .nav-item {padding: 0 4px;}
#pills-tab .nav-link {color: #fff; width: 100%;}
#pills-tab .nav-link:hover,
#pills-tab .nav-link.active {background-color: #fff; color: var(--site-primary);}
/*** /Featured Tabs ***/
/*** Featured Neighborhoods ***/
.featured-neighborhoods-block {background: #e7e7e7;}
.centered-over-image {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  transition:ease all 1s; width: 85%;}
.featured-neighborhoods-image {background:#333;}
.featured-neighborhoods-image img {opacity: .75; transition: all .5s ease-in-out;}
.featured-neighborhoods-image a:hover img {opacity:.25; transform:scale(1.25);}
.featured-neighborhoods-image h4 {color:#FFF; text-shadow: 0px 0px 7px rgba(0,0,0,1);}
.featured-neighborhoods-image a {color: #FFF; overflow: hidden;}
.featured-neighborhoods-image a:hover .description {display: block !important;  transition: all 1s;}
.line-clamp-3 {overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.line-clamp-4 {overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.line-clamp-5 {overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;}
.line-clamp-6 {overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 6;  -webkit-box-orient: vertical;}
/*** /Featured Neighborhoods ***/
/*** Barefoot ***/
#search-pane .check-in {width: 180px;}
#search-pane button {white-space: nowrap;}
#search-pane .search-dropdown {min-width: 300px;}
#search-pane #filters .badge {z-index: 1050;}
/*** /Barefoot ***/
/******** News Blog ********/
.callout-nav a {padding: .5rem;}
/*** Latest News ***/
.latest-news h5.newsflash-title,
#callout-nav .nav-item a {text-transform: none; font:400 16px/24px 'Open Sans', Arial, Helvetica, sans-serif; margin: 0;}
.latest-news .newsflash-title a,
#callout-nav .nav-item a {text-decoration: none; padding:.5rem !important; color: var(--jl-dk-green); display: block;}
.latest-news .newsflash-title a:hover,
#callout-nav .nav-item a:hover {background: var(--bs-gray-400); color: var(--jl-green);}
.layout-blog .blog-item {border: 1px solid var(--bs-dark-border-subtle); margin-bottom: 1rem; border-radius: var(--bs-border-radius); overflow: hidden;}
.layout-blog .blog-item .item-content {padding: 1rem;}
.layout-blog .item-image.left {float: left; padding: 0 2rem 0 0; max-width: 600px; margin:0;}
.layout-blog .item-image.right,
.com-content-article .item-image.right{float: right; padding: 0 0 30px 3rem; max-width: 600px;}
.item-image .caption {padding: 10px; background: var(--bs-secondary-bg-rgb); color:var(--bs-dark);}
.featured-news .mod-list {list-style: none; padding: 0;}
.featured-news .mod-list .mod-articles-item {border: 1px solid #0000002d; border-radius: .375rem; overflow: hidden;}
.featured-news .mod-articles-item-content {display: flex; flex-direction: column;}
.featured-news .mod-articles-item-content .mod-articles-image {order: -1;}
.featured-news .mod-articles-item-content .mod-articles-title,
.featured-news .mod-articles-item-content p {padding:0 1rem;}
.featured-news .mod-articles-item-content .mod-articles-title {font-size: 1.5rem; font-weight: 700; margin-bottom: .5rem;}
/*** /Latest News ***/
@supports (display:grid) {
  .blog-items {
    grid-gap:1em;
    grid-template-columns:1fr;
    grid-auto-flow:row;
    margin:0 0 1em;
    display:grid
  }
  .blog-items .blog-item {padding:0}
  .blog-items[class^=columns-]>div,
  .blog-items[class*=\ columns-]>div {flex:0 auto; width:auto; max-width:none}
  @media (width>=992px) {
    .blog-items.columns-2 {grid-template-columns:1fr 1fr}
    .blog-items.columns-3 {grid-template-columns:1fr 1fr 1fr}
    .blog-items.columns-4 {grid-template-columns:1fr 1fr 1fr 1fr}
  }
}
.blog-items[class^=masonry-],
.blog-items[class*=\ masonry-] {column-gap:1em; display:block}
.blog-items[class^=masonry-] .blog-item,
.blog-items[class*=\ masonry-] .blog-item {page-break-inside:avoid; break-inside:avoid; margin-bottom:1em;}
@media (width>=992px) {
  .blog-items.masonry-2 {column-count:2}
  .blog-items.masonry-3 {column-count:3}
  .blog-items.masonry-4 {column-count:4}
}
.image-alternate .blog-item:nth-of-type(odd) .item-image {order:0}
.image-alternate.image-left .blog-item:nth-of-type(odd) .item-image {order:1; margin-left:25px; margin-right:0}
.image-alternate.image-top .blog-item:nth-of-type(odd) .item-image {order:1}
.blog-items .item-image {overflow: hidden;}
.blog-items .item-image img {aspect-ratio:2/1; width: 100%; object-fit:cover; transition: all .7s ease-in-out;}
.blog-items .item-image:hover img {transform:scale(1.15);}
.blog-items .item-content .page-header h2 {font-size: 1.35rem; font-weight: 700;}
/******** /News Blog ********/
.moduletable.newsletter-signup {padding-top: 3rem;}

/******** Legacy Fluid5 Theme Parity ********/
.ismobile {display: none !important;}
.grecaptcha-badge {z-index: 9999999;}

#offcanvasNavbar.show .offcanvas-body {width: 100%;}

#mainmenu .dropdown-menu {border-radius: 0; margin-top: 0;}
#mainmenu .dropdown-item.active,
#mainmenu .dropdown-item:active {background: #000;}
#mainmenu .dropdown-item:focus,
#mainmenu .dropdown-item:hover {background: var(--jl-dk-green); color: #FFF;}

#hero {position: relative;}
#hero .carousel-item:before {content: ""; display: block; position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
#hero .carousel-caption {background: none; font-size: clamp(1.125rem, 0.9167rem + 0.6667vw, 1.5rem); line-height: 1.125em; width: 33.3%;}
#hero .carousel-caption p {margin-bottom: .5rem;}
#hero .video-banner-wrapper {line-height: 0;}

#hero-message {position: absolute; z-index: 3; inset: 0;}
#hero-message .quicksearch {margin: 0 auto; border-radius: 50px;}
#hero-message #rentsearch,
#hero-message #autoSearch {border: none; line-height: 48px; padding-left: 26px; border-radius: 50px 0 0 50px;}
#hero-message #tab-Rent-pane,
#hero-message #search-pane {border-radius: 50px; background: #FFF;}
#hero-message #tab-Rent-pane label {display: none;}
#hero-message #rentsrchbtn,
#hero-message #search-button {border-radius: 50%; width: 52px; height: 52px; margin: 5px;}
#hero-message .carousel-caption.top-left,
#hero-message .carousel-caption.middle-left,
#hero-message .carousel-caption.bottom-left {left: 0;}
#hero-message .carousel-caption.top-right,
#hero-message .carousel-caption.middle-right,
#hero-message .carousel-caption.bottom-right {right: 0;}

#header-border {height: 26px; background-image: linear-gradient(to right, transparent 50%, #204129 50%); background-size: 60px 100%; background-color: #fff;}

#wrapper-footer {border-top: 4px solid #FFF;}
#footer a,
#footer h2,
#footer h3,
#footer h4 {color: var(--jl-yellow);}

.bg-image .custom {background-position: center; background-repeat: none; background-size: cover;}
.bg-image .navbar-nav a {color: #fff; padding: 0 .25rem;}
.bg-image .navbar-nav a:hover {color: var(--jl-green);}

#bottom-section {background: #FFF;}
/*** Pagination ***/
.active > .page-link, .page-link.active {background-color: var(--site-dark); border-color:var(--site-dark);}
.page-link:focus {box-shadow: 0 0 0 .25rem rgba(0,0,0,.25);}

@media (min-width: 992px) {
	#hero-message .carousel-caption {width: fit-content;}
	#mainmenu .navbar-nav .nav-link {line-height: 100px; transition: all .4s ease; font-size: clamp(0.722rem, calc(-0.603rem + 2.404vw), 1rem);}
	#mainmenu.navbar-scrolled .navbar-nav .nav-link,
	body.remap #mainmenu .navbar-nav .nav-link,
	body.rentmap #mainmenu .navbar-nav .nav-link {line-height: 78px;}
	body.remap .site-logo,
	body.rentmap .site-logo {width:var(--site-logo-scrolled-width, 180px);}
}

@media (max-width: 991.98px) {
	#hero-message {background: var(--bs-dark); width: 100%; max-width: 100%; position: relative; transform: revert !important; left: auto; right: auto; text-align: left; color: var(--bs-light); display: contents;}
	#mainmenu .navbar-nav .nav-link {padding: .5rem;}
	#mainmenu .navbar-nav a {color: var(--jl-dk-green);}
	#mainmenu .navbar-nav a.bg-yellow:hover {color: #fff;}
}