/*
Theme Name: NAACP Colorado Springs
Theme URI: https://cosnaacp.com/
Description: Official website design for NAACP Colorado Springs Branch (Unit 4001b). Kadence child theme.
Author: NAACP Colorado Springs Branch
Author URI: https://cosnaacp.com/
Template: kadence
Version: 1.4.0
Text Domain: naacp-colorado-springs
Requires at least: 6.0
License: GPL-2.0-or-later
*/

:root {
  --cosnaacp-gold: #F5CB08;
  --cosnaacp-blue: #002F6C;
  --cosnaacp-garnet: #AC2B37;
  --cosnaacp-ivory: #FFFDF5;
}

/* Coming Soon page (ID 7) retains its independent layout. */
body:not(.page-id-7) { background: var(--cosnaacp-ivory); }
body:not(.page-id-7) #masthead { display: none !important; }
body:not(.page-id-7) .entry-content h1,
body:not(.page-id-7) .entry-content h2,
body:not(.page-id-7) .entry-content h3,
body:not(.page-id-7) .entry-hero h1 { color: var(--cosnaacp-blue); }
body:not(.page-id-7) #colophon { background: var(--cosnaacp-gold); color: var(--cosnaacp-blue); border-top: 2px solid var(--cosnaacp-blue); }
body:not(.page-id-7) #colophon p,
body:not(.page-id-7) #colophon a { color: var(--cosnaacp-blue) !important; line-height: 1.75; }

.cosnaacp-site-header {
  background: var(--cosnaacp-gold);
  color: var(--cosnaacp-blue);
  font-family: Helvetica, Arial, sans-serif;
  box-shadow: 0 4px 14px rgba(0,47,108,.08);
}
.cosnaacp-site-header, .cosnaacp-site-header * { box-sizing: border-box; }
.cosnaacp-site-header__inner { max-width: 1200px; margin: 0 auto; padding: 27px 24px 0; }
.cosnaacp-site-header__row { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.cosnaacp-site-header__brand { --cosnaacp-signature-size: clamp(43px, 4.5vw, 54px); display: flex; flex-direction: column; align-items: flex-start; }
.cosnaacp-site-header__logo {
  display: inline-block; color: var(--cosnaacp-blue) !important; text-decoration: none !important;
  /* 2025 guide: Gothic Cg No3 is the official signature typeface; League Spartan is a web-licensed fallback. */
  font-family: 'Gothic CG No3', 'League Spartan', 'Arial Black', Helvetica, sans-serif;
  font-size: var(--cosnaacp-signature-size); font-weight: 900; font-synthesis: none; letter-spacing: normal; line-height: 1.05;
}
.cosnaacp-site-header__logo sup {
  /* The 2025 brand guide does not define ® dimensions; keep it discreet and base-aligned. */
  font-size: .20em;
  position: relative;
  top: 0;
  vertical-align: baseline;
  line-height: 1;
  margin-left: 3px;
  letter-spacing: 0;
  font-weight: 700;
}
/* NAACP branch-name lock-up: Garamond Bold Italic, title case, +25 tracking. */
.cosnaacp-site-header__subtitle {
  display: block; align-self: flex-start; margin-left: 0;
  padding: 0; text-indent: 0; color: var(--cosnaacp-blue);
  font-family: 'Adobe Garamond Pro', 'Adobe Garamond Premier Pro', 'Garamond Premier Pro', 'EB Garamond', Garamond, 'Times New Roman', serif;
  font-style: italic; font-weight: 700;
  font-size: calc(var(--cosnaacp-signature-size) * .42); line-height: 1.05;
  /* Follow the 2025 lock-up guide: place the branch cap line one N-stem below the signature baseline. */
  letter-spacing: .025em; margin-top: calc(var(--cosnaacp-signature-size) * .15); white-space: nowrap;
}
.cosnaacp-site-header__actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.cosnaacp-site-header__actions a {
  display: inline-block; padding: 13px 21px; color: #fff !important;
  border-radius: 5px; font-size: 13px; font-weight: 800;
  text-decoration: none !important; letter-spacing: .025em; text-align: center;
}
.cosnaacp-site-header__actions a:hover { opacity: .88; }
.cosnaacp-site-header a:focus-visible { outline: 3px solid var(--cosnaacp-blue); outline-offset: 3px; }
.cosnaacp-site-header__join { background: var(--cosnaacp-blue); }
.cosnaacp-site-header__donate { background: var(--cosnaacp-garnet); }
.cosnaacp-site-header__nav {
  margin-top: 0; border-top: 1px solid rgba(0,47,108,.42);
  display: flex; align-items: center; gap: 33px; min-height: 44px; flex-wrap: wrap;
}
.cosnaacp-site-header__nav a, .cosnaacp-site-header__nav span {
  color: var(--cosnaacp-blue) !important; font-size: 18px; line-height: 1.45; font-weight: 750;
  text-decoration: none !important; white-space: nowrap; letter-spacing: .025em;
}
.cosnaacp-site-header__nav span { opacity: .6; }
.cosnaacp-site-header__nav a[aria-current="page"] { border-bottom: 3px solid var(--cosnaacp-blue); padding: 16px 0 12px; }

/* Native Primary Navigation menu, including accessible keyboard dropdowns. */
.cosnaacp-site-header__nav .cosnaacp-native-menu {
  display: flex; flex-wrap: wrap; align-items: center; gap: 24px;
  list-style: none; margin: 0; padding: 0;
}
.cosnaacp-site-header__nav .cosnaacp-native-menu > li {
  list-style: none; margin: 0; padding: 0; position: relative;
}
.cosnaacp-site-header__nav .cosnaacp-native-menu > li > a {
  display: inline-block; padding: 0;
}
.cosnaacp-site-header__nav .cosnaacp-native-menu > .current-menu-item > a {
  border-bottom: 3px solid var(--cosnaacp-blue);
}
.cosnaacp-site-header__nav .sub-menu {
  display: none; list-style: none; min-width: 190px;
  padding: 9px 14px; margin: 0; position: absolute; top: 100%; left: 0;
  background: var(--cosnaacp-gold);
  box-shadow: 0 5px 16px rgba(0,47,108,.17); z-index: 50;
}
.cosnaacp-site-header__nav li:hover > .sub-menu,
.cosnaacp-site-header__nav li:focus-within > .sub-menu { display: block; }
.cosnaacp-site-header__nav .sub-menu li { list-style: none; margin: 0; }
.cosnaacp-site-header__nav .sub-menu a { display: block; padding: 10px 0; }
@media (max-width:720px) {
  .cosnaacp-site-header__nav .cosnaacp-native-menu { gap: 10px 18px; }
  .cosnaacp-site-header__nav .cosnaacp-native-menu > li > a { padding: 8px 0; }
  .cosnaacp-site-header__nav .sub-menu { position: static; box-shadow: none; }
  .cosnaacp-site-header__nav .menu-item-has-children > .sub-menu { display: block; }
}

@media (max-width: 720px) {
  .cosnaacp-site-header__row { gap: 14px; flex-wrap: wrap; }
  .cosnaacp-site-header__actions { width: 100%; flex-shrink: 1; }
  .cosnaacp-site-header__actions a { flex: 1; padding: 12px 10px; }
  .cosnaacp-site-header__inner { padding: 20px 18px 0; }
  .cosnaacp-site-header__nav { gap: 18px; min-height: 44px; }
  .cosnaacp-site-header__nav a, .cosnaacp-site-header__nav span { font-size: 16px; }
}

/* Former Customizer CSS consolidated into this child theme. */
body.page:not(.page-id-7) .entry-hero.page-hero-section,body.page:not(.page-id-7) .entry-hero.page-hero-section .entry-hero-container-inner{background:#f5cb08!important;background-image:none!important;min-height:0!important} body.page:not(.page-id-7) .entry-hero.page-hero-section .entry-hero-container-inner{padding:0!important} body.page:not(.page-id-7) .entry-hero.page-hero-section .hero-section-overlay{display:none!important} body.page:not(.page-id-7) .entry-hero.page-hero-section .hero-container.site-container{max-width:1200px!important;width:100%!important;margin:0 auto!important;padding:0 24px!important;display:block!important} body.page:not(.page-id-7) .entry-hero.page-hero-section .entry-header{min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;padding:5px 0 7px!important;margin:0!important} body.page:not(.page-id-7) .entry-hero.page-hero-section .entry-title{color:#002f6c!important;font-size:clamp(1.75rem,2.6vw,2.25rem)!important;line-height:1.2!important;text-align:left!important;margin:0!important} @media(max-width:720px){body.page:not(.page-id-7) .entry-hero.page-hero-section .hero-container.site-container{padding:0 18px!important}body.page:not(.page-id-7) .entry-hero.page-hero-section .entry-header{padding:4px 0 6px!important}} /* COSNAACP compact page-content top spacing */ body.page:not(.page-id-7) .content-area{margin-top:16px!important} body.page:not(.page-id-7) .entry-content-wrap{padding-top:16px!important} @media(max-width:767px){body.page:not(.page-id-7) .content-area{margin-top:12px!important}body.page:not(.page-id-7) .entry-content-wrap{padding-top:12px!important}} /* COSNAACP leadership secondary-color cards */ body.page-id-62 .cosnaacp-leadership-grid>li{border-left-width:6px!important;transition:background-color .2s ease,box-shadow .2s ease} body.page-id-62 .cosnaacp-leadership-grid>li:not([style*="#bbc4d1"]):nth-child(4n+1){border-left-color:#0081c8!important;background-color:#f0f8fd!important} body.page-id-62 .cosnaacp-leadership-grid>li:not([style*="#bbc4d1"]):nth-child(4n+2){border-left-color:#845fa1!important;background-color:#f8f4fb!important} body.page-id-62 .cosnaacp-leadership-grid>li:not([style*="#bbc4d1"]):nth-child(4n+3){border-left-color:#ed8b00!important;background-color:#fffaef!important} body.page-id-62 .cosnaacp-leadership-grid>li:not([style*="#bbc4d1"]):nth-child(4n){border-left-color:#51bae8!important;background-color:#f0fafd!important} body.page-id-62 .cosnaacp-leadership-grid>li[style*="#bbc4d1"]{border-left-color:#90a2bf!important;background-color:#f6f7fa!important} body.page-id-62 .cosnaacp-leadership-grid>li:hover{box-shadow:0 5px 18px rgba(0,47,108,.10)!important}

/* Keep the site's single copyright footer compact; no empty footer whitespace */ #colophon.site-footer{margin-top:0!important} #colophon .site-bottom-footer-wrap .site-footer-row-container-inner{padding-top:8px!important;padding-bottom:8px!important;min-height:0!important} #colophon .site-bottom-footer-inner-wrap,#colophon .site-footer-bottom-section-1,#colophon .footer-widget-area-inner,#colophon .footer-html-inner{min-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important} #colophon .footer-html-inner p{margin:0!important;line-height:1.5!important}

/* NAACP Brand Identity Manual: Helvetica (Arial fallback);
   Garamond (Times New Roman fallback) for the coming-soon display headline. */
:root {
  --global-body-font-family: Helvetica, Arial, sans-serif;
  --global-heading-font-family: Helvetica, Arial, sans-serif;
  --global-primary-nav-font-family: Helvetica, Arial, sans-serif;
}
body:not(.wp-admin),
body:not(.wp-admin) .entry-content,
body:not(.wp-admin) .site-footer,
body:not(.wp-admin) .cosnaacp-site-header,
body:not(.wp-admin) .cosnaacp-site-header a:not(.cosnaacp-site-header__logo) {
  font-family: Helvetica, Arial, sans-serif;
}
body:not(.wp-admin) :is(h1, h2, h3, h4, h5, h6, .entry-title) {
  font-family: Helvetica, Arial, sans-serif;
}
body:not(.wp-admin) :is(button, input, select, textarea, .wp-block-button__link),
body:not(.wp-admin) .wpforms-form {
  font-family: Helvetica, Arial, sans-serif;
}
/* Homepage editorial headline uses the approved serif family. */
body.page-id-7 .cosnaacp-lp h1 {
  font-family: Garamond, "Times New Roman", serif;
}