/* ========================================
MEMBERS AREA LANDING PAGE
PAGE ID 17
NEW EDIT CODE VERSION
SINGLE SOURCE OF TRUTH
======================================== */

/* ----------------------------------------
1. PAGE FOUNDATION
---------------------------------------- */

.page-id-17 .site-content,
.page-id-17 .content-area,
.page-id-17 .site-main,
.page-id-17 .entry-content,
.page-id-17 .entry-content-wrap,
.page-id-17 .wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page-id-17 .wp-block-kadence-rowlayout {
  width: 100%;
  margin: 0 !important;
}

.page-id-17 .kt-row-column-wrap {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.page-id-17 .kt-inside-inner-col {
  box-sizing: border-box;
}

/* ----------------------------------------
2. SECTION BANDS
---------------------------------------- */

.page-id-17 .section-members-area-hero,
.page-id-17 .section-members-area-hero .kt-row-layout-inner,
.page-id-17 .section-members-area-hero .kt-row-column-wrap {
  background: #0f141c !important;
}

.page-id-17 .section-members-area-quicklinks,
.page-id-17 .section-members-area-quicklinks .kt-row-layout-inner,
.page-id-17 .section-members-area-quicklinks .kt-row-column-wrap,
.page-id-17 .section-members-area-updates,
.page-id-17 .section-members-area-updates .kt-row-layout-inner,
.page-id-17 .section-members-area-updates .kt-row-column-wrap {
  background: #ffffff !important;
}

.page-id-17 .section-members-area-gallery,
.page-id-17 .section-members-area-gallery .kt-row-layout-inner,
.page-id-17 .section-members-area-gallery .kt-row-column-wrap {
  background: #f7f7f7 !important;
}

.page-id-17 .section-members-area-bottom-cta,
.page-id-17 .section-members-area-bottom-cta .kt-row-layout-inner,
.page-id-17 .section-members-area-bottom-cta .kt-row-column-wrap {
  background: #6b0d0d !important;
}

/* ----------------------------------------
3. TYPE SYSTEM
---------------------------------------- */

.page-id-17 .section-eyebrow {
  margin: 0 0 14px 0 !important;
  color: #e0b24a !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

.page-id-17 .section-title {
  margin: 0 0 18px 0 !important;
  font-size: clamp(36px, 3.4vw, 44px) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

.page-id-17 .section-title-light {
  color: #f3f3f3 !important;
}

.page-id-17 .card-title {
  margin: 0 0 12px 0 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

.page-id-17 .section-copy {
  margin: 0 0 18px 0 !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #333333 !important;
}

.page-id-17 .section-copy-light {
  color: #d7d7d7 !important;
}

.page-id-17 .section-copy-narrow {
  max-width: 720px;
}

/* ----------------------------------------
4. HERO
---------------------------------------- */

.page-id-17 .members-hero-col .kt-inside-inner-col {
  padding: 120px 40px 80px 40px !important;
}

.page-id-17 .section-members-area-hero .button-row {
  gap: 12px !important;
  align-items: center !important;
}

.page-id-17 .members-hero-buttons .wp-block-button__link {
  min-width: 170px !important;
}

/* ----------------------------------------
5. CARDS AND PANELS
---------------------------------------- */

.page-id-17 .card-standard,
.page-id-17 .info-panel {
  background: #f7f7f7 !important;
  border: 1px solid rgba(17,17,17,0.10) !important;
  border-radius: 10px !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
  height: 100% !important;
}

.page-id-17 .members-updates-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page-id-17 .members-side-panel + .members-side-panel {
  margin-top: 24px !important;
}

/* quick cards equal height */
.page-id-17 .section-members-area-quicklinks .wp-block-kadence-column {
  display: flex !important;
}

.page-id-17 .section-members-area-quicklinks .kt-inside-inner-col {
  display: flex !important;
  height: 100% !important;
}

.page-id-17 .members-quick-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.page-id-17 .members-quick-card .wp-block-button {
  margin-top: auto !important;
}

/* ----------------------------------------
6. BUTTON SYSTEM
---------------------------------------- */

.page-id-17 .button-row,
.page-id-17 .wp-block-buttons {
  gap: 12px !important;
}

.page-id-17 .wp-block-button .wp-block-button__link {
  min-height: 44px !important;
  padding: 12px 22px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

/* dark section primary */
.page-id-17 .btn-primary .wp-block-button__link {
  background: #6b0d0d !important;
  border: 1px solid #6b0d0d !important;
  color: #ffffff !important;
}

.page-id-17 .btn-primary .wp-block-button__link:hover {
  background: #4f0909 !important;
  border-color: #4f0909 !important;
  color: #ffffff !important;
}

/* dark section outline */
.page-id-17 .btn-outline-light .wp-block-button__link {
  background: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.page-id-17 .btn-outline-light .wp-block-button__link:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* red CTA white primary */
.page-id-17 .btn-on-red-primary .wp-block-button__link {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #6b0d0d !important;
}

.page-id-17 .btn-on-red-primary .wp-block-button__link:hover {
  background: #ececec !important;
  border-color: #ececec !important;
  color: #6b0d0d !important;
}

/* red CTA white outline */
.page-id-17 .btn-on-red-secondary .wp-block-button__link {
  background: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.page-id-17 .btn-on-red-secondary .wp-block-button__link:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* ----------------------------------------
7. LISTS
---------------------------------------- */

.page-id-17 .utility-list-clean {
  margin: 0 !important;
  padding-left: 20px !important;
}

.page-id-17 .utility-list-clean li {
  line-height: 1.8 !important;
}

.page-id-17 .utility-list-clean a {
  color: #111111 !important;
  text-decoration: none !important;
}

.page-id-17 .utility-list-clean a:hover {
  text-decoration: underline !important;
}

/* ----------------------------------------
8. GALLERY
---------------------------------------- */

.page-id-17 .members-gallery-grid {
  margin-top: 20px !important;
}

.page-id-17 .members-gallery-grid .wp-block-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* ----------------------------------------
9. DESKTOP SPACING
---------------------------------------- */

.page-id-17 .section-members-area-quicklinks .kt-inside-inner-col,
.page-id-17 .section-members-area-updates .kt-inside-inner-col,
.page-id-17 .section-members-area-gallery .kt-inside-inner-col {
  padding: 64px 40px !important;
}

.page-id-17 .section-members-area-bottom-cta .kt-inside-inner-col {
  padding: 64px 40px !important;
}

.page-id-17 .members-bottom-cta-col .section-title,
.page-id-17 .members-bottom-cta-col .section-copy {
  color: #ffffff !important;
}

/* ========================================
PAGE 17
MOBILE TRUE EDGE TO EDGE
FORCE FULL BLEED
======================================== */

@media (max-width: 767px) {

  .page-id-17,
  .page-id-17 html,
  .page-id-17 body,
  .page-id-17 .site,
  .page-id-17 .site-container,
  .page-id-17 .site-content,
  .page-id-17 .content-area,
  .page-id-17 .site-main,
  .page-id-17 .entry-content,
  .page-id-17 .entry-content-wrap,
  .page-id-17 .wp-site-blocks,
  .page-id-17 article,
  .page-id-17 .entry {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-id-17 .wp-block-kadence-rowlayout,
  .page-id-17 .kt-row-layout-inner,
  .page-id-17 .kt-row-column-wrap,
  .page-id-17 .wp-block-kadence-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-id-17 .kt-inside-inner-col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* content padding restored only where needed */
  .page-id-17 .members-hero-col .kt-inside-inner-col,
  .page-id-17 .members-updates-main-col .kt-inside-inner-col,
  .page-id-17 .members-updates-side-col .kt-inside-inner-col,
  .page-id-17 .members-gallery-col .kt-inside-inner-col,
  .page-id-17 .members-bottom-cta-col .kt-inside-inner-col {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* quick links section can stay full bleed while cards have inner inset */
  .page-id-17 .members-quick-card-col .kt-inside-inner-col {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* make section bands truly full width */
  .page-id-17 .section-members-area-hero,
  .page-id-17 .section-members-area-quicklinks,
  .page-id-17 .section-members-area-updates,
  .page-id-17 .section-members-area-gallery,
  .page-id-17 .section-members-area-bottom-cta {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}

/* ========================================
PAGE ID 17
SPACING + FLOW CLEANUP
NEW EDIT CODE ALIGNMENT
PUT AT VERY BOTTOM
======================================== */

/* ----------------------------------------
1. GLOBAL SECTION RHYTHM
---------------------------------------- */

.page-id-17 .section-members-area-hero .kt-inside-inner-col {
  padding-top: 96px !important;
  padding-bottom: 72px !important;
}

.page-id-17 .section-members-area-quicklinks .kt-inside-inner-col,
.page-id-17 .section-members-area-updates .kt-inside-inner-col,
.page-id-17 .section-members-area-gallery .kt-inside-inner-col {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.page-id-17 .section-members-area-bottom-cta .kt-inside-inner-col {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* ----------------------------------------
2. HERO
---------------------------------------- */

.page-id-17 .members-hero-col .section-title {
  margin-bottom: 14px !important;
}

.page-id-17 .members-hero-col .section-copy {
  margin-bottom: 24px !important;
  max-width: 640px !important;
}

.page-id-17 .members-hero-buttons {
  gap: 12px !important;
}

/* ----------------------------------------
3. QUICK LINKS CARDS
---------------------------------------- */

.page-id-17 .section-members-area-quicklinks .kt-row-column-wrap {
  gap: 24px !important;
}

.page-id-17 .members-quick-card {
  min-height: 100% !important;
  padding: 28px !important;
}

.page-id-17 .members-quick-card .card-title {
  margin-bottom: 12px !important;
}

.page-id-17 .members-quick-card .section-copy {
  margin-bottom: 20px !important;
}

.page-id-17 .members-quick-card .wp-block-button {
  margin-top: auto !important;
}

.page-id-17 .members-quick-card .wp-block-button__link {
  min-width: 0 !important;
  width: auto !important;
}

/* ----------------------------------------
4. UPDATES SECTION
---------------------------------------- */

.page-id-17 .section-members-area-updates {
  position: relative !important;
  z-index: 2 !important;
}

.page-id-17 .section-members-area-updates .kt-row-column-wrap {
  gap: 32px !important;
  align-items: start !important;
}

.page-id-17 .members-updates-main-col .section-title {
  margin-bottom: 24px !important;
}

.page-id-17 .members-updates-stack {
  gap: 16px !important;
}

.page-id-17 .members-update-card {
  padding: 24px !important;
}

.page-id-17 .members-update-card .section-eyebrow {
  margin-bottom: 10px !important;
}

.page-id-17 .members-update-card .card-title {
  margin-bottom: 10px !important;
}

.page-id-17 .members-update-card .section-copy {
  margin-bottom: 0 !important;
}

.page-id-17 .members-updates-side-col .kt-inside-inner-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.page-id-17 .members-side-panel {
  padding: 24px !important;
}

.page-id-17 .members-side-panel .card-title {
  margin-bottom: 12px !important;
}

.page-id-17 .members-side-panel .section-copy {
  margin-bottom: 18px !important;
}

.page-id-17 .members-side-panel + .members-side-panel {
  margin-top: 0 !important;
}

/* ----------------------------------------
5. PREVENT DESKTOP GALLERY OVERLAP
---------------------------------------- */

.page-id-17 .section-members-area-gallery {
  position: relative !important;
  z-index: 1 !important;
  clear: both !important;
}

.page-id-17 .section-members-area-gallery .kt-row-column-wrap {
  display: block !important;
}

.page-id-17 .members-gallery-col {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  clear: both !important;
}

.page-id-17 .members-gallery-col .kt-inside-inner-col {
  padding-top: 64px !important;
  margin-top: 0 !important;
}

.page-id-17 .members-gallery-col .section-title {
  margin-bottom: 12px !important;
}

.page-id-17 .members-gallery-col .section-copy {
  margin-bottom: 20px !important;
  max-width: 760px !important;
}

/* ----------------------------------------
6. GALLERY IMAGES
---------------------------------------- */

.page-id-17 .members-gallery-grid {
  margin-top: 0 !important;
  gap: 12px !important;
}

.page-id-17 .members-gallery-grid .wp-block-image {
  margin: 0 !important;
}

.page-id-17 .members-gallery-grid .wp-block-image img {
  width: 100% !important;
  height: 420px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
}

/* ----------------------------------------
7. BOTTOM CTA
---------------------------------------- */

.page-id-17 .members-bottom-cta-col .section-title {
  margin-bottom: 14px !important;
  max-width: 620px !important;
}

.page-id-17 .members-bottom-cta-col .section-copy {
  margin-bottom: 24px !important;
  max-width: 620px !important;
}

.page-id-17 .members-bottom-cta-buttons {
  gap: 12px !important;
}

.page-id-17 .members-bottom-cta-buttons .wp-block-button__link {
  min-width: 170px !important;
}

/* ----------------------------------------
8. FOOTER SEPARATION
---------------------------------------- */

.page-id-17 .section-members-area-bottom-cta {
  margin-bottom: 0 !important;
}

.page-id-17 .site-footer,
.page-id-17 footer {
  margin-top: 0 !important;
}

/* ========================================
PAGE ID 17
MOBILE SPACING CLEANUP
======================================== */

@media (max-width: 767px) {

  .page-id-17 .members-hero-col .kt-inside-inner-col {
    padding-top: 96px !important;
    padding-bottom: 32px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.admin-bar.page-id-17 .members-hero-col .kt-inside-inner-col {
    padding-top: 30px !important;
  }

  .page-id-17 .section-members-area-quicklinks .kt-inside-inner-col,
  .page-id-17 .section-members-area-updates .kt-inside-inner-col,
  .page-id-17 .section-members-area-gallery .kt-inside-inner-col,
  .page-id-17 .section-members-area-bottom-cta .kt-inside-inner-col {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .page-id-17 .section-members-area-quicklinks .kt-row-column-wrap,
  .page-id-17 .section-members-area-updates .kt-row-column-wrap {
    gap: 18px !important;
  }

  .page-id-17 .members-quick-card,
  .page-id-17 .members-update-card,
  .page-id-17 .members-side-panel {
    padding: 20px !important;
  }

  .page-id-17 .members-gallery-col .kt-inside-inner-col {
    padding-top: 32px !important;
  }

  .page-id-17 .members-gallery-grid .wp-block-image img {
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
  }

  .page-id-17 .members-bottom-cta-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .page-id-17 .members-bottom-cta-buttons .wp-block-button,
  .page-id-17 .members-bottom-cta-buttons .wp-block-button__link {
    width: 100% !important;
  }
}