.new-construction-hero{
  position:relative;
  min-height:360px;
  display:flex;
  align-items:flex-end;
  overflow:visible;
  background:#174c55 url('../images/southwest-florida-new-construction-blueprint-overhead-hero.jpg') center center/cover no-repeat;
}
.new-construction-hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,43,56,.03) 10%,rgba(3,43,56,.12) 52%,rgba(3,43,56,.64) 100%);
}
.new-construction-hero-content{position:relative;z-index:2;padding:22px 0;}
.new-construction-advice-button{
  position:absolute;
  right:0;
  bottom:158px;
  padding:10px 18px;
  border:2px solid #073b4c;
  color:#073b4c!important;
  font-size:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.new-construction-theme .new-construction-hero .swf-new-construction-search-shell{
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:12px!important;
  background:rgba(7,59,76,.93)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.28)!important;
}
.new-construction-theme .swf-new-construction-search-heading{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:left!important;
}
.new-construction-theme .swf-new-construction-search{
  display:grid!important;
  grid-template-columns:1.2fr 1.2fr 1fr 1fr .8fr auto!important;
  gap:8px!important;
  align-items:end!important;
}
.new-construction-theme .swf-new-construction-search label{display:block!important;min-width:0!important;margin:0!important;}
.new-construction-theme .swf-new-construction-search label span{display:block!important;margin:0 0 3px!important;color:#fff!important;font-size:12px!important;font-weight:800!important;}
.new-construction-theme .swf-new-construction-search select,.new-construction-theme .swf-new-construction-search button{
  width:100%!important;height:43px!important;margin:0!important;border-radius:7px!important;font-family:'DM Sans',sans-serif!important;font-size:14px!important;font-weight:700!important;
}
.new-construction-theme .swf-new-construction-search select{border:1px solid #afc7ca!important;background:#fff!important;color:#15333a!important;padding:0 9px!important;}
.new-construction-theme .swf-new-construction-search button{border:2px solid #fff!important;background:#087e8b!important;color:#fff!important;padding:0 17px!important;cursor:pointer!important;white-space:nowrap!important;}
.new-construction-theme .swf-new-construction-search button:hover,.new-construction-theme .swf-new-construction-search button:focus{background:#0aa0ad!important;}

.new-construction-theme .new-community-directory{padding:46px 0 70px!important;background:#f7f4ee!important;}
.new-construction-theme .new-construction-sales-intro{padding:38px 0 52px!important;background:#f7f4ee!important;}
.new-construction-theme .new-construction-sales-intro .new-construction-directory-heading{max-width:980px;margin:0 auto;}
.new-construction-theme .new-construction-sales-intro h1{white-space:normal;}
.new-construction-page-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:24px 0 0!important;}
.new-construction-page-links>a:not(.button){color:#087e8b;font-size:17px;font-weight:850;}
.new-construction-town-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:32px 0 24px;padding:18px;border:1px solid #d7a928;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(7,59,76,.09);}
.new-construction-town-jump a{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border-radius:7px;background:#087e8b;color:#fff!important;font-size:15px;font-weight:850;text-decoration:none;}
.new-construction-town-jump a:hover,.new-construction-town-jump a:focus{background:#073b4c;text-decoration:underline;}
.new-construction-town-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.new-construction-town-card{scroll-margin-top:150px;padding:20px;border:1px solid #d8e5e6;border-top:4px solid #d7a928;border-radius:12px;background:#fff;box-shadow:0 10px 26px rgba(7,59,76,.08);}
.new-construction-town-card h2{margin:0 0 14px;color:#073b4c;font-family:'Playfair Display',serif;font-size:1.55rem;line-height:1.18;}
.new-construction-price-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.new-construction-price-links a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:8px 10px;border:1px solid #087e8b;border-radius:7px;background:#eef8f8;color:#073b4c!important;font-size:15px;font-weight:850;text-align:center;text-decoration:none;}
.new-construction-price-links a:hover,.new-construction-price-links a:focus{background:#087e8b;color:#fff!important;}
.new-construction-theme .swf-new-construction-view-all{text-align:center;margin:20px 0 8px;}
.new-construction-theme .swf-new-construction-view-all .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;font-size:18px;font-weight:850;}
.new-construction-az-hero{align-items:center;min-height:330px;}
.new-construction-az-hero-content{padding:42px 0!important;}
.new-construction-az-title{max-width:800px;padding:24px 28px;border-radius:12px;background:rgba(7,59,76,.88);color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.28);}
.new-construction-az-title .eyebrow{color:#8de0dc;}
.new-construction-az-title h1{margin:.18em 0 .25em;color:#fff;font-size:clamp(2rem,4vw,3.15rem);line-height:1.05;}
.new-construction-az-title p{margin:0;color:#fff;font-size:1.08rem;font-weight:650;}
.new-construction-az-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.new-construction-az-actions .button{margin:0;}
.new-construction-az-page .new-construction-directory-heading h2{margin:.2em 0 .28em;color:#073b4c;font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.08;}
.new-construction-directory-heading{margin:0 0 28px;}
.new-construction-directory-heading h1{margin:.2em 0 .28em;color:#073b4c;font-family:'Playfair Display',serif;font-size:clamp(2rem,3vw,2.7rem);line-height:1.08;white-space:nowrap;}
.new-construction-directory-heading p{margin:0;color:#294e56;font-size:1.05rem;}
.new-construction-theme .new-community-alphabet{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:0 0 16px!important;
  padding:18px!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(7,59,76,.12)!important;
}
.new-construction-theme .new-community-alphabet button,.new-construction-theme .new-community-alphabet>span{
  display:grid!important;
  place-items:center!important;
  min-width:34px!important;
  width:34px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1!important;
}
.new-construction-theme .new-community-alphabet button:first-child{width:auto!important;padding:0 11px!important;}
.new-construction-theme .new-community-alphabet button{background:#087e8b!important;color:#fff!important;cursor:pointer!important;}
.new-construction-theme .new-community-alphabet button:hover,.new-construction-theme .new-community-alphabet button:focus,.new-construction-theme .new-community-alphabet button.active{background:#073b4c!important;color:#fff!important;outline:2px solid #33c3bd!important;box-shadow:none!important;}
.new-construction-theme .new-community-alphabet>span{background:#eef2f2!important;color:#9aa8aa!important;}
.new-construction-theme .new-community-filter-status{margin:0 0 24px!important;color:#36545a!important;text-align:left!important;font-size:15px!important;font-weight:800!important;}
.new-construction-theme .new-community-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
.new-construction-theme .new-community-card{
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid #dce8e8!important;
  border-top:3px solid #33c3bd!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(7,59,76,.08)!important;
}
.new-construction-theme .new-community-card-copy{padding:14px 16px!important;}
.new-construction-theme .new-community-card-copy h3{margin:0 0 3px!important;font-size:1.13rem!important;line-height:1.22!important;}
.new-construction-theme .new-community-card-copy h3 a{color:#073b4c!important;text-decoration:none!important;}
.new-construction-theme .new-community-card-copy h3 a:hover,.new-construction-theme .new-community-card-copy h3 a:focus{color:#087e8b!important;text-decoration:underline!important;}
.new-construction-theme .new-community-card-copy p{margin:0!important;color:#526d72!important;font-size:.9rem!important;line-height:1.25!important;}
.new-construction-theme .new-community-card .community-status,.new-construction-theme .new-community-card .new-community-view{display:none!important;}

@media(max-width:1050px){
  .new-construction-theme .swf-new-construction-search{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .new-construction-advice-button{bottom:214px;}
  .new-construction-hero{min-height:430px;}
  .new-construction-theme .new-community-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .new-construction-hero{min-height:675px;background-position:center center;}
  .new-construction-hero-content{padding:18px 0;}
  .new-construction-advice-button{position:static;float:right;margin:0 0 12px;}
  .new-construction-theme .new-construction-hero .swf-new-construction-search-shell{clear:both;}
  .new-construction-theme .swf-new-construction-search{grid-template-columns:1fr 1fr!important;}
  .new-construction-theme .swf-new-construction-search button{grid-column:1/-1!important;}
  .new-construction-directory-heading h1{white-space:normal;font-size:clamp(1.8rem,8vw,2.35rem);}
  .new-construction-theme .new-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .new-construction-az-hero{min-height:480px;}
  .new-construction-az-title{padding:20px;}
  .new-construction-town-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .new-construction-hero{min-height:770px;}
  .new-construction-theme .swf-new-construction-search{grid-template-columns:1fr!important;}
  .new-construction-theme .new-community-grid{grid-template-columns:1fr!important;}
  .new-construction-theme .new-community-alphabet{gap:6px!important;padding:12px!important;}
  .new-construction-theme .new-community-alphabet button,.new-construction-theme .new-community-alphabet>span{width:32px!important;min-width:32px!important;height:35px!important;font-size:.95rem!important;}
  .new-construction-price-links{grid-template-columns:1fr 1fr;}
}
