/*
Theme Name: Kadence Child (bradentonbroker.com)
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.5.5.2026070503
Updated: 2026-05-29 14:29:52

*/



/* ================================================
   SEA TO SKY REALTY — GLOBAL DESIGN SYSTEM
   bradentonbroker.com | Kadence Child Theme
   ================================================ */

/* --- COLOR TOKENS --- */
:root {
  --color-teal:        #2A6B6E;
  --color-teal-dark:   #1F5254;
  --color-bronze:      #A07440;
  --color-bronze-dark: #7D5A30;
  --color-cream:       #F5F0E8;
  --color-cream-alt:   #F0EBE0;
  --color-navy:        #1A1A2E;
  --color-navy-light:  #2A2A45;
  --color-white:       #FFFFFF;
  --color-gray:        #6B6B6B;
  --color-gray-light:  #E8E4DC;
}

/* --- TYPOGRAPHY --- */
.s2s-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-bronze);
  display: block;
  margin-bottom: 12px;
}

.s2s-lead {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.72;
  color: var(--color-gray);
  max-width: 720px;
}

/* --- SECTION BACKGROUNDS --- */
.s2s-section-white {
  background-color: var(--color-white);
  padding: 96px 0;
}

.s2s-section-cream {
  background-color: var(--color-cream);
  padding: 96px 0;
}

.s2s-section-navy {
  background-color: var(--color-navy);
  padding: 96px 0;
}

.s2s-section-teal {
  background-color: var(--color-teal);
  padding: 96px 0;
}

/* --- HERO SECTIONS --- */
.s2s-hero {
  background-color: var(--color-navy);
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* --- BUTTONS --- */
.s2s-btn-primary {
  display: inline-block;
  background-color: var(--color-teal);
  color: var(--color-white) !important;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 14px 32px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.15s ease;
  border: 2px solid transparent;
}

.s2s-btn-primary:hover {
  background-color: var(--color-teal-dark);
  transform: translateY(-1px);
}

.s2s-btn-bronze {
  display: inline-block;
  background-color: var(--color-bronze);
  color: var(--color-white) !important;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 14px 32px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.s2s-btn-bronze:hover {
  background-color: var(--color-bronze-dark);
  transform: translateY(-1px);
}

.s2s-btn-outline {
  display: inline-block;
  background-color: transparent;
  color: var(--color-white) !important;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 12px 30px;
  border-radius: 4px;
  border: 2px solid var(--color-white);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.s2s-btn-outline:hover {
  background-color: var(--color-white);
  color: var(--color-navy) !important;
}

.s2s-btn-outline-teal {
  display: inline-block;
  background-color: transparent;
  color: var(--color-teal) !important;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 12px 30px;
  border-radius: 4px;
  border: 2px solid var(--color-teal);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.s2s-btn-outline-teal:hover {
  background-color: var(--color-teal);
  color: var(--color-white) !important;
}

/* --- CARDS --- */
.s2s-card {
  background: var(--color-white);
  border-radius: 8px;
  padding: 40px 32px;
  box-shadow: 0 2px 16px rgba(26,26,46,0.08);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  height: 100%;
}

.s2s-card:hover {
  box-shadow: 0 8px 32px rgba(26,26,46,0.14);
  transform: translateY(-2px);
}

.s2s-card-teal {
  background: var(--color-teal);
  border-radius: 8px;
  padding: 40px 32px;
  color: var(--color-white);
  height: 100%;
}

.s2s-card h3,
.s2s-card h4 {
  font-family: 'Fraunces', serif;
  color: var(--color-teal);
  margin-bottom: 16px;
}

.s2s-card-teal h3,
.s2s-card-teal h4 {
  color: var(--color-white);
}

/* --- DIVIDERS & ACCENTS --- */
.s2s-divider {
  width: 48px;
  height: 3px;
  background-color: var(--color-bronze);
  border: none;
  margin: 0 0 32px 0;
  display: block;
}

.s2s-divider-center {
  width: 48px;
  height: 3px;
  background-color: var(--color-bronze);
  border: none;
  margin: 0 auto 32px;
  display: block;
}

/* --- NOTICE / HIGHLIGHT BOX --- */
.s2s-notice {
  background: var(--color-cream);
  border-left: 4px solid var(--color-teal);
  border-radius: 0 6px 6px 0;
  padding: 24px 28px;
  margin: 32px 0;
}

.s2s-notice p {
  margin: 0;
  color: var(--color-navy);
  font-size: 16px;
  line-height: 1.7;
}

/* --- IDX PLACEHOLDER --- */
.s2s-idx-placeholder {
  background: var(--color-cream);
  border: 2px dashed var(--color-teal);
  border-radius: 8px;
  padding: 80px 40px;
  text-align: center;
  color: var(--color-teal);
  font-family: 'Inter', sans-serif;
  font-size: 16px;
}

.s2s-idx-placeholder strong {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
  color: var(--color-navy);
}

/* --- TEAM PHOTO PLACEHOLDER --- */
.s2s-photo-placeholder {
  background: var(--color-cream-alt);
  border-radius: 8px;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-gray);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  border: 1px solid var(--color-gray-light);
}

/* --- CONTACT INFO BLOCK --- */
.s2s-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}

.s2s-contact-item a {
  color: var(--color-teal);
  text-decoration: none;
  font-weight: 500;
}

.s2s-contact-item a:hover {
  color: var(--color-bronze);
}

/* --- FOOTER OVERRIDES --- */
.site-footer {
  background-color: var(--color-navy) !important;
}

.site-footer a {
  color: var(--color-bronze) !important;
  transition: color 0.2s ease;
}

.site-footer a:hover {
  color: var(--color-white) !important;
}

/* --- FLUENT FORMS STYLING --- */
.fluentform .ff-btn-submit {
  background-color: var(--color-teal) !important;
  border-color: var(--color-teal) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  padding: 14px 32px !important;
  border-radius: 4px !important;
  transition: background-color 0.2s ease !important;
}

.fluentform .ff-btn-submit:hover {
  background-color: var(--color-teal-dark) !important;
  border-color: var(--color-teal-dark) !important;
}

.fluentform .ff-el-form-control {
  border: 1px solid var(--color-gray-light) !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: var(--color-navy) !important;
  transition: border-color 0.2s ease !important;
}

.fluentform .ff-el-form-control:focus {
  border-color: var(--color-teal) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(42,107,110,0.12) !important;
}

.fluentform .ff-el-group label {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--color-navy) !important;
  margin-bottom: 6px !important;
}

/* --- RANK MATH BREADCRUMBS --- */
.rank-math-breadcrumb {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: var(--color-gray);
  padding: 12px 0;
}

.rank-math-breadcrumb a {
  color: var(--color-teal);
  text-decoration: none;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
  .s2s-section-white,
  .s2s-section-cream,
  .s2s-section-navy,
  .s2s-section-teal {
    padding: 64px 0;
  }

  .s2s-hero {
    padding: 80px 0 64px;
  }

  .s2s-card {
    padding: 28px 24px;
  }

  .s2s-lead {
    font-size: 17px;
  }
}

/* ================================================
   HOMEPAGE SEARCH HERO
   ================================================ */

.s2s-search-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.s2s-search-hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 24px;
}

.s2s-search-hero h1 {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: clamp(38px, 6vw, 76px);
  line-height: 1.08;
  color: var(--color-white);
  margin: 0 0 36px 0;
  text-shadow: 0 2px 24px rgba(0,0,0,0.35);
  letter-spacing: -0.01em;
}

.s2s-hero-search {
  max-width: 560px;
  margin: 0 auto 24px;
}

.s2s-hero-search .showcaseidx-search-bar,
.s2s-hero-search form,
.s2s-hero-search input[type="text"],
.s2s-hero-search input[type="search"] {
  width: 100%;
}

.s2s-hero-search input[type="text"],
.s2s-hero-search input[type="search"] {
  background: rgba(255,255,255,0.96) !important;
  border: none !important;
  border-radius: 40px !important;
  padding: 18px 56px 18px 28px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: var(--color-navy) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18) !important;
}

.s2s-hero-search input::placeholder {
  color: #7A7A7A !important;
}

.s2s-hero-explore {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-white) !important;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1.5px;
  margin-top: 8px;
  transition: color 0.2s ease;
  text-shadow: 0 1px 12px rgba(0,0,0,0.35);
}

.s2s-hero-explore:hover {
  color: var(--color-bronze) !important;
}

@media (max-width: 640px) {
  .s2s-search-hero { min-height: 72vh; }

  .s2s-hero-search input[type="text"],
  .s2s-hero-search input[type="search"] {
    padding: 15px 48px 15px 22px !important;
    font-size: 15px !important;
  }
}

.s2s-hero-search .sidx-field:hover {
  background: rgba(255, 255, 255, 0.30) !important;
}

.s2s-hero-search .sidx-field span,
.s2s-hero-search .sidx-field label,
.s2s-hero-search .sidx-field .sidx-range-label,
.s2s-hero-search .sidx-field .sidx-dropdown-label {
  color: var(--color-white) !important;
}

.s2s-hero-search .sidx-basic,
.s2s-hero-search .sidx-searchform,
.s2s-hero-search .sidx-widget-wrapper,
.s2s-hero-search [class*="sidx-"] {
  background: transparent !important;
}

@media (max-width: 900px) {
  .s2s-search-hero h1 {
    white-space: normal !important;
    font-size: clamp(26px, 5vw, 44px) !important;
  }
}

/* FIX 3 — Transparent full-screen header on homepage */

.home #masthead {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: transparent !important;
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

.home #masthead.header-scrolled {
  background: var(--color-white) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10) !important;
}

.home #masthead,
.home #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap),
.home #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
  background: transparent !important;
}

.home #masthead.header-scrolled,
.home #masthead.header-scrolled .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap),
.home #masthead.header-scrolled .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
  background: var(--color-white) !important;
}

.home #masthead:not(.header-scrolled) .main-navigation a,
.home #masthead:not(.header-scrolled) .site-branding .site-title,
.home #masthead:not(.header-scrolled) .site-branding .site-title a {
  color: var(--color-white) !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.25);
}

.home #masthead.header-scrolled .main-navigation a,
.home #masthead.header-scrolled .site-branding .site-title,
.home #masthead.header-scrolled .site-branding .site-title a {
  color: inherit !important;
  text-shadow: none !important;
}

.home .wp-block-kadence-rowlayout.s2s-search-hero {
  min-height: 100vh !important;
}

/* ================================================
   NEIGHBORHOODS PAGE
   ================================================ */

/* --- TAB NAVIGATION OVERRIDES --- */
.s2s-neighborhoods .kt-tabs-wrap .kt-tabs-tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 2px solid var(--color-gray-light);
  padding-bottom: 0;
  margin-bottom: 40px;
}

.s2s-neighborhoods .kt-tabs-wrap .kt-tab-title-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--color-gray) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  margin-bottom: -2px !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}

.s2s-neighborhoods .kt-tabs-wrap .kt-tab-title-btn:hover {
  color: var(--color-teal) !important;
  border-bottom-color: var(--color-teal) !important;
}

.s2s-neighborhoods .kt-tabs-wrap .kt-tab-title-btn.kt-tab-active,
.s2s-neighborhoods .kt-tabs-wrap .kt-tab-title-btn[aria-selected="true"] {
  color: var(--color-teal) !important;
  border-bottom-color: var(--color-teal) !important;
}

/* --- AREA INTRO --- */
.s2s-area-intro {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--color-cream-alt);
}

.s2s-area-intro h2 {
  font-family: 'Fraunces', serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--color-navy);
  margin-bottom: 12px;
}

.s2s-area-intro p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: var(--color-gray);
  max-width: 760px;
}

.s2s-community-link::after {
  content: '→';
  transition: transform 0.2s ease;
}

.s2s-community-link:hover {
  color: var(--color-bronze) !important;
}

.s2s-community-link:hover::after {
  transform: translateX(3px);
}

.s2s-community-link.placeholder::after {
  content: '(coming soon)';
  font-weight: 400;
  font-size: 11px;
  transform: none;
}

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
  .s2s-community-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .s2s-community-grid {
    grid-template-columns: 1fr;
  }

  .s2s-neighborhoods .kt-tab-title-btn {
    padding: 10px 14px !important;
    font-size: 12px !important;
  }

  .s2s-area-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}



/* ================================================
   ANNA MARIA ISLAND AREA GUIDE — LAYOUT FIXES
   ================================================ */

.s2s-section-white,
.s2s-section-cream,
.s2s-section-navy,
.s2s-section-teal {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  width: 100%;
  box-sizing: border-box;
}

.s2s-section-white > .wp-block-group__inner-container,
.s2s-section-cream > .wp-block-group__inner-container,
.s2s-section-navy > .wp-block-group__inner-container,
.s2s-section-teal > .wp-block-group__inner-container,
.s2s-section-white > .wp-block-group,
.s2s-section-cream > .wp-block-group,
.s2s-section-navy > .wp-block-group,
.s2s-section-teal > .wp-block-group {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.s2s-hero > .wp-block-group__inner-container,
.s2s-hero > .wp-block-group {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 96px 40px 80px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.s2s-section-white ul,
.s2s-section-cream ul,
.s2s-section-navy ul,
.s2s-section-teal ul {
  padding-left: 20px;
  margin-bottom: 24px;
}

.s2s-notice {
  margin: 24px 0 !important;
}

.s2s-section-white .wp-block-buttons,
.s2s-section-cream .wp-block-buttons,
.s2s-section-navy .wp-block-buttons,
.s2s-section-teal .wp-block-buttons {
  margin-top: 24px;
}

.s2s-ami-tabs .kt-tabs-wrap .kt-tab-title-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--color-gray) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  margin-bottom: -2px !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}

.s2s-ami-tabs .kt-tabs-wrap .kt-tab-title-btn:hover,
.s2s-ami-tabs .kt-tabs-wrap .kt-tab-title-btn.kt-tab-active,
.s2s-ami-tabs .kt-tabs-wrap .kt-tab-title-btn[aria-selected="true"] {
  color: var(--color-teal) !important;
  border-bottom-color: var(--color-teal) !important;
}

@media (max-width: 768px) {
  .s2s-section-white > .wp-block-group__inner-container,
  .s2s-section-cream > .wp-block-group__inner-container,
  .s2s-section-navy > .wp-block-group__inner-container,
  .s2s-section-teal > .wp-block-group__inner-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .s2s-hero > .wp-block-group__inner-container {
    padding: 72px 20px 56px;
  }

  .s2s-section-white,
  .s2s-section-cream,
  .s2s-section-navy,
  .s2s-section-teal {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}


/* === AMI TABS — TAB LABEL COLOR FIX === */
.s2s-ami-tabs .kt-tabs-wrap .kt-tabs-title-list li a.kt-tab-title {
  color: var(--color-navy) !important;
}

/* ================================================
   HEADING CONTRAST — SECTIONS & HERO
   Hero rules always override section rules
   ================================================ */

/* White / Cream sections — navy headings */
.s2s-section-white h2,
.s2s-section-cream h2 {
  color: var(--color-navy) !important;
  font-size: clamp(22px, 2.5vw, 32px);
  line-height: 1.2;
  margin-bottom: 16px;
}

.s2s-section-white h3,
.s2s-section-cream h3 {
  color: var(--color-navy) !important;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.25;
  margin-bottom: 12px;
}

/* Navy / Teal sections — white headings */
.s2s-section-navy h2,
.s2s-section-teal h2 {
  color: var(--color-white) !important;
  font-size: clamp(22px, 2.5vw, 32px);
  line-height: 1.2;
  margin-bottom: 16px;
}

.s2s-section-navy h3,
.s2s-section-teal h3 {
  color: var(--color-white) !important;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.25;
  margin-bottom: 12px;
}

/* HERO — always white, always overrides everything else */
.s2s-hero h1,
.s2s-hero h2,
.s2s-hero h3,
.s2s-hero h4,
.s2s-hero h5,
.s2s-hero h6,
.s2s-hero .wp-block-heading {
  color: var(--color-white) !important;
  font-family: 'Fraunces', serif !important;
}

.s2s-hero h1 {
  font-size: clamp(28px, 3.5vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  margin-bottom: 20px !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.25);
}

.s2s-hero p,
.s2s-hero .wp-block-paragraph,
.s2s-hero .s2s-lead,
.s2s-hero .s2s-eyebrow {
  color: var(--color-cream) !important;
}

.s2s-hero .s2s-eyebrow {
  color: var(--color-bronze) !important;
}

/* Body paragraph sizing — consistent across all sections */
.s2s-section-navy p,
.s2s-section-teal p,
.s2s-section-navy .wp-block-paragraph,
.s2s-section-teal .wp-block-paragraph {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  color: var(--color-cream) !important;
}

/* White / Cream section paragraphs — dark for contrast */
.s2s-section-white p,
.s2s-section-cream p,
.s2s-section-white .wp-block-paragraph,
.s2s-section-cream .wp-block-paragraph {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  color: #3A3A4A !important;
}

/* List items — consistent sizing */
.s2s-section-white ul li,
.s2s-section-cream ul li,
.s2s-section-navy ul li,
.s2s-section-teal ul li {
  font-size: 15px;
  line-height: 1.68;
  margin-bottom: 8px;
}

/* ================================================
   GLOBAL GAP FIXES BETWEEN SECTIONS
   ================================================ */

/* Remove any margin/gap that creates whitespace
   between consecutive Group blocks */
.wp-block-group.s2s-section-white + .wp-block-group.s2s-section-white,
.wp-block-group.s2s-section-cream + .wp-block-group.s2s-section-cream {
  padding-top: 0 !important;
}

/* Ensure no extra margin on first/last child inside sections */
.s2s-section-white > .wp-block-group__inner-container > *:first-child,
.s2s-section-cream > .wp-block-group__inner-container > *:first-child,
.s2s-section-navy > .wp-block-group__inner-container > *:first-child,
.s2s-section-teal > .wp-block-group__inner-container > *:first-child {
  margin-top: 0;
}

.s2s-section-white > .wp-block-group__inner-container > *:last-child,
.s2s-section-cream > .wp-block-group__inner-container > *:last-child,
.s2s-section-navy > .wp-block-group__inner-container > *:last-child,
.s2s-section-teal > .wp-block-group__inner-container > *:last-child {
  margin-bottom: 0;
}

/* ================================================
   BLOG POST CONTENT TYPOGRAPHY
   ================================================ */

/* Constrain post content width for readability */
.single-post .entry-content,
.single-post .wp-block-post-content {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* Post headings */
.single-post .entry-content h2 {
  font-family: 'Fraunces', serif;
  font-size: clamp(20px, 2.2vw, 28px);
  color: var(--color-navy);
  margin-top: 40px;
  margin-bottom: 12px;
}

.single-post .entry-content h3 {
  font-family: 'Fraunces', serif;
  font-size: clamp(17px, 1.8vw, 22px);
  color: var(--color-navy);
  margin-top: 28px;
  margin-bottom: 10px;
}

/* Post body text */
.single-post .entry-content p {
  font-size: 15px;
  line-height: 1.78;
  color: #3A3A4A;
  margin-bottom: 20px;
}

/* Post lists */
.single-post .entry-content ul,
.single-post .entry-content ol {
  padding-left: 20px;
  margin-bottom: 20px;
}

.single-post .entry-content li {
  font-size: 15px;
  line-height: 1.68;
  margin-bottom: 8px;
  color: #3A3A4A;
}

/* ================================================
   RESPONSIVE FIXES
   ================================================ */

@media (max-width: 1024px) {
  .s2s-section-white > .wp-block-group__inner-container,
  .s2s-section-cream > .wp-block-group__inner-container,
  .s2s-section-navy > .wp-block-group__inner-container,
  .s2s-section-teal > .wp-block-group__inner-container,
  .s2s-hero > .wp-block-group__inner-container {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media (max-width: 768px) {
  .s2s-section-white,
  .s2s-section-cream,
  .s2s-section-navy,
  .s2s-section-teal {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .s2s-section-white > .wp-block-group__inner-container,
  .s2s-section-cream > .wp-block-group__inner-container,
  .s2s-section-navy > .wp-block-group__inner-container,
  .s2s-section-teal > .wp-block-group__inner-container,
  .s2s-hero > .wp-block-group__inner-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .s2s-section-white h2,
  .s2s-section-cream h2,
  .s2s-section-navy h2,
  .s2s-section-teal h2 {
    font-size: 22px !important;
  }

  .s2s-section-white h3,
  .s2s-section-cream h3,
  .s2s-section-navy h3,
  .s2s-section-teal h3 {
    font-size: 18px !important;
  }

  .s2s-section-white p,
  .s2s-section-cream p,
  .s2s-section-navy p,
  .s2s-section-teal p {
    font-size: 14px !important;
  }

  .s2s-hero > .wp-block-group__inner-container {
    padding-top: 72px !important;
    padding-bottom: 56px !important;
  }
}

@media (max-width: 480px) {
  .s2s-section-white > .wp-block-group__inner-container,
  .s2s-section-cream > .wp-block-group__inner-container,
  .s2s-section-navy > .wp-block-group__inner-container,
  .s2s-section-teal > .wp-block-group__inner-container,
  .s2s-hero > .wp-block-group__inner-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Homepage section padding — more compact */
.home .s2s-section-white,
.home .s2s-section-cream {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.home .s2s-section-navy,
.home .s2s-section-teal {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

/* Footer form — compact styling */
.site-footer .fluentform .ff-el-group {
  margin-bottom: 8px !important;
}

.site-footer .fluentform .ff-el-form-control {
  padding: 8px 12px !important;
  font-size: 13px !important;
  border-radius: 3px !important;
}

.site-footer .fluentform .ff-el-group label {
  font-size: 12px !important;
  margin-bottom: 3px !important;
}

.site-footer .fluentform .ff-btn-submit {
  padding: 10px 20px !important;
  font-size: 13px !important;
  width: 100% !important;
  margin-top: 4px !important;
}

.site-footer .fluentform select.ff-el-form-control {
  padding: 8px 12px !important;
  font-size: 13px !important;
}

.site-footer .fluentform textarea.ff-el-form-control {
  min-height: 80px !important;
  font-size: 13px !important;
}

/* Footer bottom bar — prevent line break */
.footer-bottom-wrap,
.footer-bottom-inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
}

.footer-bottom-wrap .copyright-bar,
.footer-bottom-wrap p {
  white-space: nowrap !important;
  font-size: 12px !important;
}

@media (max-width: 768px) {
  .footer-bottom-wrap {
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  .footer-bottom-wrap p {
    white-space: normal !important;
  }
}

/* ================================================
   HEADER LOGO
   ================================================ */

/* Ensure logo displays at correct size */
.site-logo img,
.custom-logo,
.kadence-site-logo img {
  max-height: 60px !important;
  width: auto !important;
  display: block;
}

/* Hide text site title if logo is set */
.site-title {
  display: none !important;
}

/* Mobile logo size */
@media (max-width: 768px) {
  .site-logo img,
  .custom-logo,
  .kadence-site-logo img {
    max-height: 44px !important;
  }
}

/* ================================================
   LANGUAGE SWITCHER
   ================================================ */

.s2s-lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 12px;
}

.s2s-lang-switch a,
.s2s-lang-switch span {
  display: flex;
  align-items: center;
  text-decoration: none;
  opacity: 0.55;
  transition: opacity 0.2s ease;
  border-radius: 2px;
  overflow: hidden;
  line-height: 1;
}

.s2s-lang-switch a:hover {
  opacity: 1;
}

/* Active language (EN = current site) */
.s2s-lang-switch span.lang-active {
  opacity: 1;
  box-shadow: 0 0 0 2px var(--color-teal);
  border-radius: 2px;
}

/* Flag images */
.s2s-lang-switch img {
  width: 24px;
  height: 16px;
  display: block;
  object-fit: cover;
}

/* Separator dot */
.s2s-lang-sep {
  width: 1px;
  height: 14px;
  background: rgba(255,255,255,0.3);
  display: block;
}

/* Position in header — top bar right side */
.s2s-lang-switch-wrap {
  display: flex;
  align-items: center;
}

/* ================================================
   LOGO — TRANSPARENT WEBP UPGRADE
   ================================================ */
/* Remove any background/padding on logo link container */
.custom-logo-link,
.site-branding .custom-logo-link {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: inline-block;
}
/* picture element: ensure inline-block so it doesn't add whitespace */
.custom-logo-link picture {
  display: block;
  line-height: 0;
}
/* New logo display size: 155px wide, ratio-correct height */
.custom-logo-link picture img,
.custom-logo {
  width: 155px !important;
  height: auto !important;
  max-height: none !important;
  display: block;
}
@media (max-width: 768px) {
  .custom-logo-link picture img,
  .custom-logo {
    width: 120px !important;
  }
}

/* ================================================
   LOGO SIZE FIX — Override max-height constraint
   ================================================ */
/* The old max-height:60px rule was limiting the transparent WebP logo.
   Override with explicit width for proper 155px rendering. */
.brand.has-logo-image img.custom-logo,
.brand img.custom-logo {
  width: 155px !important;
  max-width: 155px !important;
  height: auto !important;
  max-height: none !important;
}
@media (max-width: 768px) {
  .brand.has-logo-image img.custom-logo,
  .brand img.custom-logo {
    width: 120px !important;
    max-width: 120px !important;
  }
}

/* ================================================
   DUAL-LOGO SWITCHING — Dark/White per header state
   ================================================ */

/* --- Both logos: ensure picture is block-level, img at correct size --- */
.brand.sts-logo picture img,
.custom-logo-link.sts-logo picture img {
  width: 155px !important;
  max-width: 155px !important;
  height: auto !important;
  max-height: none !important;
  display: block;
}
.brand.sts-logo picture,
.custom-logo-link.sts-logo picture {
  line-height: 0;
}

/* --- DEFAULT (solid header / hero-less pages / after scroll) ---
   Show DARK, hide WHITE */
.sts-logo .sts-logo-dark  { display: block !important; }
.sts-logo .sts-logo-light { display: none  !important; }

/* --- TRANSPARENT state: homepage hero, NOT yet scrolled ---
   .home #masthead without .header-scrolled → show WHITE, hide DARK */
.home #masthead:not(.header-scrolled) .sts-logo .sts-logo-dark  { display: none  !important; }
.home #masthead:not(.header-scrolled) .sts-logo .sts-logo-light { display: block !important; }

/* --- Mobile --- */
@media (max-width: 768px) {
  .brand.sts-logo picture img,
  .custom-logo-link.sts-logo picture img {
    width: 120px !important;
    max-width: 120px !important;
  }
}

/* ===== CONSOLIDATED 2026-07-05 — merged Additional CSS into child theme ===== */


/* ===== Footer Styles ===== */
/* Footer Middle Section - Deep Navy Background */
.site-middle-footer-wrap {
    background-color: var(--color-navy) !important;
    color: var(--color-cream);
}
.site-middle-footer-wrap .site-footer-row-inner {
    background-color: var(--color-navy) !important;
}
/* Footer Bottom Bar */
.site-bottom-footer-wrap {
    background-color: #111122 !important;
    color: var(--color-gray);
}
/* Footer Text Colors */
.site-middle-footer-wrap, 
.site-middle-footer-wrap p, 
.site-middle-footer-wrap span {
    color: var(--color-cream);
}
/* Footer Link Colors */
.site-middle-footer-wrap a {
    color: var(--color-bronze);
}
.site-middle-footer-wrap a:hover {
    color: var(--color-white);
}
/* Footer Headings */
.site-middle-footer-wrap h1,
.site-middle-footer-wrap h2,
.site-middle-footer-wrap h3,
.site-middle-footer-wrap h4 {
    color: var(--color-cream);
}
/* Footer Bottom Bar Text */
.site-bottom-footer-wrap,
.site-bottom-footer-wrap p,
.site-bottom-footer-wrap span {
    color: var(--color-gray);
}
.site-bottom-footer-wrap a {
    color: var(--color-gray);
}
.site-bottom-footer-wrap a:hover {
    color: var(--color-white);
}
/* ===== Top Bar Fix - Full Width ===== */
.site-header-row-top .site-header-row-inner {
    width: 100%;
}
.kadence-top-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


/* ===== Top Bar Full Width Fix ===== */
.site-top-header-wrap .site-header-section-left .site-header-item {
    flex-grow: 1 !important;
    width: 100% !important;
}
.site-top-header-wrap .header-html-inner,
.site-top-header-wrap .header-html {
    width: 100%;
}


/* ===== HERO FIXES ===== */

/* Fix 1 — Showcase IDX filter pills: transparent/light over hero */
.s2s-hero-search .sidx-field {
  background: rgba(255,255,255,0.18) !important;
  border: 1px solid rgba(255,255,255,0.50) !important;
  border-radius: 6px !important;
  color: var(--color-white) !important;
}
.s2s-hero-search .sidx-field span,
.s2s-hero-search .sidx-field label {
  color: var(--color-white) !important;
}
.s2s-hero-search .sidx-basic,
.s2s-hero-search .sidx-searchform,
.s2s-hero-search .sidx-widget-wrapper {
  background: transparent !important;
}

/* Fix 2 — Headline: single line, lighter weight */
.s2s-search-hero h1 {
  font-weight: 300 !important;
  font-size: clamp(24px, 3.5vw, 48px) !important;
  white-space: nowrap !important;
  letter-spacing: -0.02em !important;
}
@media (max-width: 860px) {
  .s2s-search-hero h1 {
    white-space: normal !important;
    font-size: clamp(22px, 5vw, 38px) !important;
  }
}
/* White header text when transparent — ALL elements including mobile */
.home #masthead:not(.header-scrolled) .main-navigation a,
.home #masthead:not(.header-scrolled) .site-branding .site-title,
.home #masthead:not(.header-scrolled) .site-branding .site-title a,
.home #masthead:not(.header-scrolled) .site-branding .site-title-wrap,
.home #masthead:not(.header-scrolled) .site-branding .site-title-wrap *,
.home #masthead:not(.header-scrolled) .mobile-site-branding .site-title,
.home #masthead:not(.header-scrolled) .mobile-site-branding .site-title a,
.home #masthead:not(.header-scrolled) .mobile-toggle-open-container .menu-toggle-open,
.home #masthead:not(.header-scrolled) .mobile-toggle-open-container button {
  color: var(--color-white) !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
/* Scrolled state: dark text on white background */
.home #masthead.header-scrolled .main-navigation a,
.home #masthead.header-scrolled .site-branding .site-title,
.home #masthead.header-scrolled .site-branding .site-title a,
.home #masthead.header-scrolled .site-branding .site-title-wrap,
.home #masthead.header-scrolled .site-branding .site-title-wrap *,
.home #masthead.header-scrolled .mobile-site-branding .site-title,
.home #masthead.header-scrolled .mobile-site-branding .site-title a,
.home #masthead.header-scrolled .mobile-toggle-open-container .menu-toggle-open,
.home #masthead.header-scrolled .mobile-toggle-open-container button {
  color: var(--color-navy) !important;
  text-shadow: none !important;
}
/* EXPLORE NEIGHBORHOODS link: always white in hero */
.s2s-hero-explore,
.s2s-search-hero .s2s-hero-explore {
  color: var(--color-white) !important;
}
.s2s-hero-explore:hover,
.s2s-search-hero .s2s-hero-explore:hover {
  color: var(--color-bronze) !important;
}

/* Stronger override for Kadence's #masthead { background:var(--color-white) } */
body.home #masthead:not(.header-scrolled),
body.home #masthead:not(.header-scrolled) .site-header-row-container-inner {
  background-color: transparent !important;
  background: transparent !important;
}

/* Kill transition flash on page load */
body.home #masthead {
  transition-delay: 0s !important;
}

/* Style the mobile submit button as ghost outline */
.s2s-hero-search .sidx-primary {
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.60) !important;
  border-radius: 6px !important;
  color: var(--color-white) !important;
  padding: 10px 20px !important;
}
.s2s-hero-search .sidx-primary:hover {
  background: rgba(255,255,255,0.28) !important;
}
/* Search icon inside button - white */
.s2s-hero-search .sidx-primary i,
.s2s-hero-search .sidx-primary .sidx-fa {
  color: var(--color-white) !important;
}

/* Cover ALL sidx wrapper backgrounds */
.s2s-hero-search .sidx-container,
.s2s-hero-search .sidx-medium-screen,
.s2s-hero-search .sidx-widget-wrapper,
.s2s-hero-search .sidx-searchform,
.s2s-hero-search .sidx-basic,
.s2s-hero-search .sidx-locations-field-wrapper,
.s2s-hero-search .sidx-range,
.s2s-hero-search .sidx-beds-and-baths,
.s2s-hero-search .sidx-types,
.s2s-hero-search [class*="css-"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Ensure search icon color is correct */
.s2s-hero-search .sidx-search.sidx-icon {
  color: #555863 !important;
}

.s2s-community-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 40px !important;
}

.s2s-community-card {
  background: var(--color-white) !important;
  border: 1px solid var(--color-gray-light) !important;
  border-radius: 8px !important;
  padding: 20px 22px !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease !important;
}

.s2s-community-card:hover {
  box-shadow: 0 6px 20px rgba(26,26,46,0.10) !important;
  transform: translateY(-2px) !important;
  border-color: var(--color-teal) !important;
}

.s2s-community-card h4 {
  font-family: 'Fraunces', serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--color-navy) !important;
  margin: 0 0 6px 0 !important;
}

.s2s-community-card p {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--color-gray) !important;
  margin: 0 0 14px 0 !important;
}

.s2s-community-card-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 14px !important;
}

.s2s-community-tag {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  display: inline-block !important;
}

.s2s-tag-str { background: rgba(42,107,110,0.10) !important; color: var(--color-teal) !important; }
.s2s-tag-ltr { background: rgba(160,116,64,0.10) !important; color: var(--color-bronze) !important; }
.s2s-tag-hoa { background: rgba(26,26,46,0.07) !important; color: var(--color-navy) !important; }
.s2s-tag-no-hoa { background: rgba(107,107,107,0.10) !important; color: var(--color-gray) !important; }
.s2s-tag-new { background: var(--color-teal) !important; color: var(--color-white) !important; }
.s2s-tag-cdd { background: rgba(160,116,64,0.15) !important; color: var(--color-bronze) !important; }

.s2s-community-link {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--color-teal) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color 0.2s ease !important;
}

.s2s-community-link.placeholder {
  color: var(--color-gray) !important;
  cursor: default !important;
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.s2s-community-link.placeholder::after {
  content: ' (coming soon)' !important;
  font-weight: 400 !important;
  font-size: 11px !important;
}

.s2s-area-cta {
  background: var(--color-cream) !important;
  border-radius: 8px !important;
  padding: 28px 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}

.s2s-area-cta p {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: var(--color-navy) !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

@media (max-width: 1024px) {
  .s2s-community-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 600px) {
  .s2s-community-grid { grid-template-columns: 1fr !important; }
  .s2s-area-cta { flex-direction: column !important; align-items: flex-start !important; }
}

/* NEIGHBORHOODS — Kadence tabs title fix (class is kt-tab-title not kt-tab-title-btn) */
.s2s-neighborhoods .kt-tabs-title-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  border-bottom: 2px solid #e0ddd5 !important;
  padding-bottom: 0 !important;
  margin-bottom: 32px !important;
  list-style: none !important;
  padding-left: 0 !important;
}

.s2s-neighborhoods .kt-title-item {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.s2s-neighborhoods .kt-tab-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--color-gray) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  margin-bottom: -2px !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
}

.s2s-neighborhoods .kt-tab-title:hover {
  color: var(--color-teal) !important;
  border-bottom-color: var(--color-teal) !important;
  background: transparent !important;
}

.s2s-neighborhoods .kt-title-item-active .kt-tab-title,
.s2s-neighborhoods .kt-title-item .kt-tab-title[aria-selected="true"] {
  color: var(--color-teal) !important;
  border-bottom-color: var(--color-teal) !important;
  background: transparent !important;
}

/* ================================================
   BRADENTON / NEIGHBORHOODS INTERIOR PAGE FIXES
   ================================================ */

/* Interior page hero (no background image) — reduce padding, add horizontal */
.page-id-169 .s2s-hero {
  padding: 80px 40px 80px !important;
  max-width: none !important;
}
.page-id-169 .s2s-hero h1 {
  margin-top: 16px !important;
  font-size: clamp(2.4rem, 5vw, 3.6rem) !important;
}
.page-id-169 .s2s-hero .s2s-eyebrow {
  margin-bottom: 8px !important;
}
.page-id-169 .s2s-hero .s2s-lead {
  max-width: 680px !important;
}

/* Fullwidth unboxed content — restore horizontal padding for inner content */
.page-id-169 .s2s-section-cream,
.page-id-169 .s2s-section-white,
.page-id-169 .s2s-section-navy,
.page-id-169 .s2s-section-teal {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* Cap inner content width for readability */
.page-id-169 .s2s-section-cream > .wp-block-columns,
.page-id-169 .s2s-section-cream > h2,
.page-id-169 .s2s-section-cream > p,
.page-id-169 .s2s-section-white > h2,
.page-id-169 .s2s-section-white > p,
.page-id-169 .s2s-neighborhoods > h2,
.page-id-169 .s2s-neighborhoods > p {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Section cream heading needs centered margin fix */
.page-id-169 .s2s-section-cream .has-text-align-center {
  text-align: center !important;
}

/* Navy CTA section inner content */
.page-id-169 .s2s-section-navy {
  text-align: center;
}
.page-id-169 .s2s-section-navy > h2,
.page-id-169 .s2s-section-navy > p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Form card on navy — needs white background to be readable */
.page-id-169 .s2s-form-card {
  background: var(--color-white);
  border-radius: 8px;
  padding: 40px;
  max-width: 860px;
  margin: 40px auto 0;
  text-align: left;
}
.page-id-169 .s2s-form-card .s2s-eyebrow {
  color: var(--color-bronze) !important;
}
.page-id-169 .s2s-form-card h3 {
  color: var(--color-navy) !important;
}
.page-id-169 .s2s-form-card p {
  color: #444444 !important;
}

/* Fluent Form labels — ensure they are visible (dark on white form card) */
.page-id-169 .s2s-form-card .ff-el-form-control,
.page-id-169 .s2s-form-card .fluentform label,
.page-id-169 .s2s-form-card .ff-el-group label,
.page-id-169 .s2s-form-card .ff-el-input--label label,
.page-id-169 .s2s-form-card .ff-el-input--label {
  color: var(--color-navy) !important;
}

/* Fluent Form labels on navy (outside card — e.g. footer form) */
.s2s-section-navy .fluentform label,
.s2s-section-navy .ff-el-group label,
.s2s-section-navy .ff-el-input--label label,
.s2s-section-navy .ff-el-input--label {
  color: var(--color-cream) !important;
}

/* Neighborhoods tabs — ensure inner content has proper width */
.page-id-169 .s2s-neighborhoods .kt-tabs-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Responsive — mobile */
@media (max-width: 768px) {
  .page-id-169 .s2s-hero {
    padding: 60px 24px 60px !important;
  }
  .page-id-169 .s2s-section-cream,
  .page-id-169 .s2s-section-white,
  .page-id-169 .s2s-section-navy {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .page-id-169 .s2s-form-card {
    padding: 24px;
  }
}

/* Fix inter-section gaps on bradenton page */
.page-id-169 .entry-content.single-content {
  display: block !important;
  gap: 0 !important;
}
.page-id-169 .s2s-hero,
.page-id-169 .s2s-section-cream,
.page-id-169 .s2s-section-white,
.page-id-169 .s2s-section-navy {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Footer form labels — ensure cream/white color on dark background */
.site-middle-footer-wrap .ff-el-input--label label,
.site-middle-footer-wrap .ff-el-group label,
.site-middle-footer-wrap .fluentform label,
.site-middle-footer-wrap .ff-el-input--label .ff-el-input--label-title {
  color: var(--color-cream) !important;
}

/* Footer form required asterisk */
.site-middle-footer-wrap .ff-el-is-required .asterisk,
.site-middle-footer-wrap .ff-required {
  color: var(--color-bronze) !important;
}

/* Fix checkbox/radio labels in footer form */
.site-middle-footer-wrap .ff-el-form-check-label,
.site-middle-footer-wrap .ff-el-form-check label {
  color: var(--color-cream) !important;
}

/* ================================================
   FIND MY HOME PAGE (page-id-185)
   ================================================ */
.page-id-185 .entry-content.single-content {
  display: block !important;
  gap: 0 !important;
}
.page-id-185 .s2s-hero {
  padding: 80px 40px 80px !important;
}
.page-id-185 .s2s-hero h1 {
  margin-top: 16px !important;
}
.page-id-185 .s2s-hero .s2s-eyebrow {
  margin-bottom: 8px !important;
}
.page-id-185 .s2s-hero .s2s-lead {
  max-width: 680px !important;
}
.page-id-185 .s2s-hero,
.page-id-185 .s2s-section-navy {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.page-id-185 .s2s-section-navy {
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.page-id-185 .s2s-form-card {
  background: var(--color-white);
  border-radius: 8px;
  padding: 40px;
  max-width: 860px;
  margin: 0 auto;
  text-align: left;
}
.page-id-185 .s2s-form-card .s2s-eyebrow {
  color: var(--color-bronze) !important;
}
.page-id-185 .s2s-form-card h2 {
  color: var(--color-navy) !important;
  margin-top: 8px !important;
}
.page-id-185 .s2s-form-card p {
  color: #444444 !important;
}
.page-id-185 .s2s-form-card .ff-el-input--label label,
.page-id-185 .s2s-form-card .fluentform label,
.page-id-185 .s2s-form-card .ff-el-group label {
  color: var(--color-navy) !important;
}
@media (max-width: 768px) {
  .page-id-185 .s2s-hero {
    padding: 60px 24px 60px !important;
  }
  .page-id-185 .s2s-section-navy {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .page-id-185 .s2s-form-card {
    padding: 24px;
  }
}

/* ================================================
   NEIGHBORHOODS HUB PAGE (page-id-190)
   ================================================ */
.page-id-190 .entry-content.single-content {
  display: block !important;
  gap: 0 !important;
}
.page-id-190 .s2s-hero,
.page-id-190 .s2s-section-white,
.page-id-190 .s2s-section-cream,
.page-id-190 .s2s-section-navy {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.page-id-190 .s2s-hero {
  padding: 80px 40px 80px !important;
}
.page-id-190 .s2s-hero h1 {
  margin-top: 16px !important;
}
.page-id-190 .s2s-hero .s2s-eyebrow {
  margin-bottom: 8px !important;
}
.page-id-190 .s2s-hero .s2s-lead {
  max-width: 720px !important;
}
.page-id-190 .s2s-section-white {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.page-id-190 .s2s-section-cream {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.page-id-190 .s2s-section-navy {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
/* Form card on navy */
.page-id-190 .s2s-form-card {
  background: var(--color-white);
  border-radius: 8px;
  padding: 40px;
  max-width: 860px;
  margin: 40px auto 0;
  text-align: left;
}
.page-id-190 .s2s-form-card .s2s-eyebrow {
  color: var(--color-bronze) !important;
}
.page-id-190 .s2s-form-card h3 {
  color: var(--color-navy) !important;
}
.page-id-190 .s2s-form-card p {
  color: #444444 !important;
}
.page-id-190 .s2s-form-card .ff-el-input--label label,
.page-id-190 .s2s-form-card .fluentform label,
.page-id-190 .s2s-form-card .ff-el-group label {
  color: var(--color-navy) !important;
}
/* Cream section heading/lead centered */
.page-id-190 .s2s-section-cream .has-text-align-center {
  text-align: center !important;
}
.page-id-190 .s2s-section-cream .s2s-lead {
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
/* Area stats strip: ensure full width within section */
.page-id-190 .s2s-area-stats {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* Area card grids max-width */
.page-id-190 .s2s-area-grid,
.page-id-190 .s2s-area-grid-featured {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .page-id-190 .s2s-hero {
    padding: 60px 24px 60px !important;
  }
  .page-id-190 .s2s-section-white,
  .page-id-190 .s2s-section-cream,
  .page-id-190 .s2s-section-navy {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .page-id-190 .s2s-form-card {
    padding: 24px;
  }
}

/* ================================================
   NEIGHBORHOODS HUB — CACHE BYPASS (style.css served cached)
   ================================================ */
.s2s-area-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
}
.s2s-area-grid-featured {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
  margin: 0 auto 28px !important;
  max-width: 1200px !important;
}
.s2s-area-card {
  position: relative !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--color-navy) !important;
  min-height: 340px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  text-decoration: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  cursor: pointer !important;
}
.s2s-area-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(26,26,46,0.22) !important;
}
.s2s-area-card-image {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  transition: transform 0.4s ease !important;
}
.s2s-area-card:hover .s2s-area-card-image {
  transform: scale(1.04) !important;
}
.s2s-area-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, rgba(26,26,46,0.05) 0%, rgba(26,26,46,0.30) 40%, rgba(26,26,46,0.82) 100%) !important;
}
.s2s-area-card-content {
  position: relative !important;
  z-index: 2 !important;
  padding: 28px 28px 32px !important;
}
.s2s-area-card-content .s2s-eyebrow {
  color: var(--color-bronze) !important;
  margin-bottom: 8px !important;
  font-size: 11px !important;
}
.s2s-area-card-content h3 {
  font-family: 'Fraunces', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--color-white) !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.15 !important;
}
.s2s-area-card-content p {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(245,240,232,0.88) !important;
  margin: 0 0 20px 0 !important;
}
.s2s-area-card-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--color-white) !important;
  text-decoration: none !important;
  transition: gap 0.2s ease !important;
}
.s2s-area-card:hover .s2s-area-card-cta { gap: 10px !important; }
.s2s-area-card-cta::after { content: '→' !important; }
.s2s-area-card.bradenton .s2s-area-card-image { background-color: var(--color-teal) !important; }
.s2s-area-card.anna-maria .s2s-area-card-image { background-color: #3A7B7E !important; }
.s2s-area-card.lakewood-ranch .s2s-area-card-image { background-color: var(--color-teal-dark) !important; }
.s2s-area-card.palmetto .s2s-area-card-image { background-color: #8A6430 !important; }
.s2s-area-card.sarasota .s2s-area-card-image { background-color: var(--color-bronze) !important; }
/* Stats strip */
.s2s-area-stats {
  display: flex !important;
  gap: 0 !important;
  border-top: 1px solid var(--color-cream-alt) !important;
  border-bottom: 1px solid var(--color-cream-alt) !important;
  margin: 0 !important;
}
.s2s-area-stat {
  flex: 1 !important;
  padding: 20px 24px !important;
  text-align: center !important;
  border-right: 1px solid var(--color-cream-alt) !important;
}
.s2s-area-stat:last-child { border-right: none !important; }
.s2s-area-stat-number {
  font-family: 'Fraunces', serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--color-teal) !important;
  display: block !important;
  line-height: 1 !important;
  margin-bottom: 6px !important;
}
.s2s-area-stat-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: var(--color-gray) !important;
  font-weight: 500 !important;
}
/* Responsive */
@media (max-width: 1024px) {
  .s2s-area-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .s2s-area-card { min-height: 300px !important; }
}
@media (max-width: 640px) {
  .s2s-area-grid, .s2s-area-grid-featured { grid-template-columns: 1fr !important; gap: 20px !important; }
  .s2s-area-card { min-height: 260px !important; }
  .s2s-area-card-content h3 { font-size: 22px !important; }
  .s2s-area-stats { flex-direction: column !important; }
  .s2s-area-stat { border-right: none !important; border-bottom: 1px solid var(--color-cream-alt) !important; }
  .s2s-area-stat:last-child { border-bottom: none !important; }
}
.s2s-ami-tabs .kt-tabs-wrap .kt-tabs-title-list li.kt-tab-title-active a.kt-tab-title {
  color: #2193A6 !important;
  border-bottom-color: #2193A6 !important;
}

/* Stats strip section — compact padding (global fix) */
.s2s-stats-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove top padding from section immediately after stats strip */
.s2s-stats-section + .s2s-section-white,
.s2s-stats-section + .s2s-section-cream {
  padding-top: 48px !important;
}


/* ===== S2S Homepage compact (desktop) — added via Claude ===== */
@media (min-width:1025px){
  .home .kt-row-column-wrap{padding-top:56px !important;padding-bottom:56px !important;}
  .home .wp-block-group.alignfull.has-background{padding-top:52px !important;padding-bottom:52px !important;margin-bottom:0 !important;}
  .home .wp-block-post-template.is-layout-flow{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:32px !important;margin-top:0 !important;margin-bottom:0 !important;}
  .home .wp-block-post-template > li.wp-block-post{margin:0 !important;}
  .home .wp-block-post-featured-image{margin-bottom:14px !important;}
  .home .wp-block-post-featured-image img{height:200px !important;max-height:200px !important;object-fit:cover !important;width:100% !important;border-radius:6px;}
  .home .wp-block-post-title{font-size:20px !important;line-height:1.3 !important;margin:0 0 6px !important;}
  .home .wp-block-post-title, .home .wp-block-post-title a{color:var(--color-navy) !important;}
  .home .wp-block-post-date{margin:0 0 8px !important;font-size:13px !important;opacity:.7;}
  .home .wp-block-post-excerpt{font-size:15px !important;line-height:1.55 !important;}
}

/* ===== Blog Archive / Loop Entry Fix ===== */
/* Fix invisible title (transparent h2 from Kadence global) */
.blog .loop-entry .entry-title,
.blog .loop-entry .entry-title a,
.archive .loop-entry .entry-title,
.archive .loop-entry .entry-title a {
  color: var(--color-navy) !important;
}

/* Tighter card layout - reduce wrap padding */
.blog .entry-content-wrap,
.archive .entry-content-wrap {
  padding: 16px 20px 20px !important;
}

/* Reduce title size and spacing */
.blog .loop-entry .entry-title,
.archive .loop-entry .entry-title {
  font-size: 17px !important;
  line-height: 1.35 !important;
  margin: 4px 0 6px !important;
}

/* Fix thumbnail aspect ratio - use landscape not portrait */
.blog .post-thumbnail.kadence-thumbnail-ratio-9-16,
.archive .post-thumbnail.kadence-thumbnail-ratio-9-16 {
  padding-bottom: 56% !important;
}

/* Reduce taxonomy label spacing */
.blog .entry-taxonomies,
.archive .entry-taxonomies {
  margin-bottom: 4px !important;
}

/* Tighten meta spacing */
.blog .entry-meta,
.archive .entry-meta {
  margin-bottom: 6px !important;
  font-size: 13px !important;
  opacity: 0.7;
}

/* Fix tag button contrast - white text on white background */
.entry-tags a.tag-link {
	    color: var(--color-navy) !important;
	    border-color: var(--color-teal) !important;
	    background-color: transparent !important;
}
.entry-tags a.tag-link:hover {
	    color: var(--color-white) !important;
	    background-color: var(--color-teal) !important;
	    border-color: var(--color-teal) !important;
}



/* Fix: doppelte Suchfeld-Pille (Wrapper neutralisieren) */
.s2s-hero-search .sidx-suggestions-input {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}



/* ================================================
   SEARCH OMNIBAR — CONSISTENT ACROSS ALL STATES (2026-07-05)
   Showcase IDX: idle / typing / selected
   ================================================ */
.s2s-hero-search .sidx-suggestions-input,
.s2s-hero-search .sidx-search-pill {
  background: rgba(255,255,255,0.96) !important;
  border: none !important;
  border-radius: 40px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18) !important;
  height: 56px !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 22px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
.s2s-hero-search .sidx-suggestions-input input,
.s2s-hero-search .sidx-locations-field-wrapper input[type="text"],
.s2s-hero-search .sidx-locations-field-wrapper input[type="search"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 8px !important;
  height: 100% !important;
  font-size: 16px !important;
  color: var(--color-navy) !important;
  flex: 1 !important;
}
.s2s-hero-search .sidx-suggestions-input .sidx-search,
.s2s-hero-search .sidx-search-pill .sidx-search {
  color: #7A7A7A !important;
  font-size: 15px !important;
}
.s2s-hero-search .sidx-pill-value {
  font-size: 15px !important;
  color: var(--color-navy) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}
.s2s-hero-search .sidx-pill-category {
  font-size: 11px !important;
  color: var(--color-gray) !important;
  line-height: 1.1 !important;
}
.s2s-hero-search .sidx-times {
  color: var(--color-gray) !important;
  margin-left: auto !important;
  cursor: pointer !important;
}
.s2s-hero-search .sidx-suggestions,
.s2s-hero-search .sidx-suggestions-matches {
  background: #fff !important;
  border: 1px solid var(--color-gray-light) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.18) !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 50 !important;
  margin-top: 6px !important;
}
.s2s-hero-search .sidx-suggestions-keywords-button {
  border: none !important;
  padding: 12px 18px !important;
  background: #fff !important;
}
.s2s-hero-search .sidx-suggestions-keywords-button:hover {
  background: var(--color-cream) !important;
}
.s2s-hero-search .sidx-basic:has(.sidx-suggestions-matches) .sidx-range,
.s2s-hero-search .sidx-basic:has(.sidx-suggestions-matches) .sidx-beds-and-baths,
.s2s-hero-search .sidx-basic:has(.sidx-suggestions-matches) .sidx-types,
.s2s-hero-search .sidx-basic:has(.sidx-suggestions-matches) .sidx-primary,
.s2s-hero-search .sidx-basic:has(.sidx-suggestions-matches) .sidx-field-options {
  visibility: hidden !important;
}


/* ================================================
   HEADER: hide old top bar, language flags in main nav + footer copyright (2026-07-05)
   ================================================ */

/* Old top header bar removed (contact info); flags moved into primary nav */
.site-top-header-wrap { display: none !important; }

/* Language flags as last item in the primary navigation (right, next to menu) */
.s2s-lang-item {
  display: flex !important;
  align-items: center !important;
  margin-left: 14px !important;
}
.s2s-lang-item > a { padding: 0 !important; }
.s2s-lang-item .s2s-lang-switch { display: inline-flex !important; align-items: center !important; gap: 7px !important; }
.s2s-lang-item .s2s-lang-switch a,
.s2s-lang-item .s2s-lang-switch span {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 0 !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s ease !important;
  border-radius: 2px !important;
  padding: 0 !important;
}
.s2s-lang-item .s2s-lang-switch a:hover { opacity: 1 !important; }
.s2s-lang-item .s2s-lang-switch .lang-active {
  opacity: 1 !important;
  box-shadow: 0 0 0 2px var(--color-teal) !important;
  overflow: hidden !important;
}
.s2s-lang-item .s2s-lang-switch img {
  width: 22px !important;
  height: 15px !important;
  object-fit: cover !important;
  display: block !important;
  max-width: none !important;
  border-radius: 2px;
}
/* Transparent homepage header (before scroll): white ring on active flag for contrast */
.home #masthead:not(.header-scrolled) .s2s-lang-item .s2s-lang-switch .lang-active {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.9) !important;
}

/* Footer copyright: keep on one line (bottom bar right column is empty) */
.site-bottom-footer-wrap .footer-widget-area:first-child {
  flex: 1 1 auto !important;
  max-width: 100% !important;
  width: auto !important;
}
.site-bottom-footer-wrap .footer-widget-area + .footer-widget-area {
  flex: 0 0 0 !important;
  max-width: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.site-bottom-footer-wrap .footer-html-inner p { white-space: nowrap !important; margin: 0 !important; }
@media (max-width: 760px){
  .site-bottom-footer-wrap .footer-html-inner p { white-space: normal !important; }
}