/* ==========================================================================
   Boca Paddle — Theme Overrides  (overrides.css)
   --------------------------------------------------------------------------
   SINGLE SOURCE OF TRUTH: edit this file LOCALLY and push with the hs CLI.
   Do NOT also edit it in Design Manager (browser) — the two copies clobber
   each other. If a browser edit ever happens, run:
     hs cms fetch --overwrite "BPC Clean - Child 2026/overrides.css" <local>
   before editing locally again.
   (Any CSS @import must be the very first thing in this file.)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Chat Widget
   -------------------------------------------------------------------------- */
#front-chat-container, .front-chat-container {
 display: none !important; 
}

/* --------------------------------------------------------------------------
   Nav bar
   -------------------------------------------------------------------------- */
.hhs-hat-menu p {
 font-size: 16px; 
}

#hhs-main-nav {
  .hhs-nav-grid {
    justify-content: space-between;
    padding: 0;
  }

  .nav--inner-wrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
  }

  .hhs-head-cta-1 {
    margin-right: 0;
  }

  .hhs-nav-grid__menu {
    margin: 0;
  }
}


.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item a {
  color: #1e4430 !important;
  font-size: 17px;
}

@media (max-width: 768px) {
  html body #hhs-main-nav.hhs-top-bar {
    padding: 15px !important;
  }
}

@media (max-width:575px)
.hhs-menu-button {
  margin-top: -1px!important;
}
}

@media (max-width:768px)
.logo-standard, .logo-sticky {
  margin-top: -1px;
  max-width: 140px !important;
  width: 100% !important;
}

/* Desktop nav <-> hamburger switch at 1130px */
@media (max-width: 1224px) {
  #hhs-main-nav .hhs-nav-grid__menu { display: none !important; }
  #hhs-main-nav .hhs-menu-toggle    { display: flex !important; }
}
@media (min-width: 1225px) {
  #hhs-main-nav .hhs-nav-grid__menu { display: flex !important; }
  #hhs-main-nav .hhs-menu-toggle    { display: none !important; }
}

.hamburger-icon .line {
  background: #008c6a !important;
}

/* --------------------------------------------------------------------------
   Amenities cards
   -------------------------------------------------------------------------- */
#amenities-cards h3,
#amenities-cards h4 {
  margin-bottom: 0;
  font-size: 26px;
}

/* --------------------------------------------------------------------------
   Membership Module Home
   -------------------------------------------------------------------------- */
#membership-column {

.col-lg-6 {
  max-width: 100%;
}


#hs_cos_wrapper_module_17479354332195 .clean-base .c-2 .c-col-inner {
  padding-left: 0;
  padding-right: 0;
 }
  
#hs_cos_wrapper_module_17479354332195 .clean-base .row {
  padding-left: 0;
  padding-right: 0;
  }
  
}


@media only screen and (max-width: 992px) {
    #hs_cos_wrapper_module_17479354332195 .clean-base .row {
        padding-top: 100px;
        padding-right: 0 !important;
        padding-bottom: 100px;
        padding-left: 0px;
    }
}

/* --------------------------------------------------------------------------
   News LP
   -------------------------------------------------------------------------- */
.dnd-blog-listing .blog-index__post--large.pull-up-card {
    margin-top: -90px !important;
}
  
/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */
.hs-form-html {
  border: 1px solid #fff !important;
  border-radius: 1rem;
  padding: 2rem;
  margin-top: 2rem;
}

/* Remove padding on form step content */
.hsfc-Step__Content {
  padding: 0 !important;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
footer h5 {
  font-size: 24px;
}

/* --------------------------------------------------------------------------
   Utilities
   -------------------------------------------------------------------------- */
/* Small theme button — add class "btn-sm" to a THEME button or its module.
   Does NOT affect HubSpot CTAs (.interactive-button); style those in the
   CTA editor (Marketing > CTAs), not here. */
.btn-sm,
.btn-sm a,
.btn-sm .hhs-button,
.btn-sm .button,
.btn-sm button {
  font-size: 16px !important;
  padding: 10px 24px !important;
}


/* --- Mobile header: vertical centering (fixes float-collapse) --- */
@media (max-width: 575px) {
  #hhs-main-nav .hhs-nav-grid { align-items: center !important; }
  #hhs-main-nav .hhs-header-logo { display: flex !important; align-items: center !important; }
  #hhs-main-nav .hhs-menu-button {
    align-self: center !important;
    margin-top: 0 !important;
  }
  #hhs-main-nav .logo-standard,
  #hhs-main-nav .logo-sticky { float: none !important; }

  /* --- Consistent logo size across pages --- */
  #hhs-main-nav .logo-standard,
  #hhs-main-nav .logo-sticky,
  #hhs-main-nav .hhs-header-logo img {
    max-width: 130px !important;
    height: auto !important;
    margin-top: -1px !important;
  }
}