/* ============================================================
 *    DFIO SITEWIDE DESIGN SYSTEM  Priority Fixes
 *    ============================================================ */

/*  1. DEEP NAVY BODY BACKGROUND (all pages)  */
body,
body[class*="page-id-"] {
	  background-color: #6b8cae !important;
	  --wp--preset--color--base: #6b8cae !important;
}

/* Override pages that hardcode html/body background in inline styles */
html { background-color: #6b8cae !important; }

/* Override specific page inline containers with light backgrounds */
#dfio-donate-v2.dfio-donate-v2,
#dfio-partner-v3,
#dfio-support-network,
#dfio-dad-series,
#dfio-events {
	  background: #6b8cae !important;
}

/*  2. TRANSPARENT WRAPPERS (let navy show through)  */
.wp-site-blocks,
.site-content,
.entry-content,
.wp-block-group,
.section-container,
.alignfull {
	  background-color: transparent !important;
}

/*  3. FIX CONTRAST  White text on sections outside cards  */

/* Events page: section headers & uncarded text */
#dfio-events .dfio-hero h1,
#dfio-events .dfio-hero p,
#dfio-events .dfio-section > h2,
#dfio-events .dfio-section > p,
#dfio-events .dfio-section > .dfio-muted,
#dfio-events .dfio-hub-head,
#dfio-events .dfio-hub-head *,

/* Community Comments page: header area */
#community-comments .wrap > h1,
#community-comments .wrap > h2,
#community-comments .wrap > p,

/* Supporters page: section titles floating on navy */
.dfio-supporter-section-title,
.dfio-supporter-section-subtitle,
.dfio-featured-section > h2,
.dfio-featured-section > p,

/* Fundraisers page: hub-head area */
.dfio-hub-head,
.dfio-hub-head h2,
.dfio-hub-head p,

/* Disclosures page: hero header */
.dfio-disclosures > .wrap > h1,
.dfio-disclosures > .wrap > p,

/* Donations page: left-column hero text */
#dfio-donate-v2 .h-title,
#dfio-donate-v2 .h-sub,
#dfio-donate-v2 .hero > div:first-child p,
#dfio-donate-v2 .hero > div:first-child strong,
#dfio-donate-v2 .badge,

/* Dad Series page: any floating headings */
#dfio-dad-series > .wrap > h1,
#dfio-dad-series > .wrap > p,

/* Partner with Us: section headings outside cards */
#dfio-partner-v3 .dfio-pv3-section > h2,
#dfio-partner-v3 .dfio-pv3-section > p,
#dfio-partner-v3 .dfio-pv3-kicker,

/* Support Network: outside-card text */
#dfio-support-network .dfio-sn-section > h2,
#dfio-support-network .dfio-sn-section > p,
#dfio-support-network .dfio-sn-kicker {
	  color: #F8FAFC !important;
}

/* Muted/secondary text  lighter gray on dark background */
#dfio-events .dfio-muted,
#dfio-events .dfio-section > p,
.dfio-hub-head p,
#dfio-donate-v2 .h-sub,
#dfio-support-network .dfio-sn-section > p {
	  color: #CBD5E1 !important;
}

/*  4. CARD CONTAINERS  */
.card,
.wp-block-group__inner-container,
.wp-block-cover__inner-container {
	  background-color: #F7F8FA;
	  border-radius: 12px;
}

/*  5. BOX SHADOW (lift effect)  */
.wp-block-group {
	  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/*  6. FOOTER  white text on dark footer  */
.dfio-footer,
footer.wp-block-template-part {
	  background-color: #1E293B !important;
}

.dfio-footer *:not(.dfio-pill):not(.dfio-pill *):not(button):not(a.dfio-btn) {
	  color: #CBD5E1 !important;
}

.dfio-footer h3,
.dfio-footer h4,
.dfio-footer .site-name,
.dfio-footer > * > *:first-child {
	  color: #F8FAFC !important;
}

.dfio-footer a {
	  color: #93C5FD !important;
}

.dfio-footer a:hover {
	  color: #BFDBFE !important;
}

/* Footer social icons */
.dfio-footer .dfio-social a {
	  background: rgba(255,255,255,0.08) !important;
	  border-color: rgba(255,255,255,0.15) !important;
}
.dfio-footer .dfio-social svg {
	  fill: #93C5FD !important;
}

/*  7. BUTTON STANDARDIZATION (2 variants) ─────────── */

/* Primary: solid blue */
.dfio-btn--primary,
.wp-block-button__link,
.fluentform .ff-btn-submit,
a[class*="btn-primary"] {
	  background-color: #2563EB !important;
	  color: #ffffff !important;
	  border: none !important;
	  border-radius: 999px !important;
	  font-weight: 800 !important;
	  padding: 12px 22px !important;
	  box-shadow: 0 6px 16px rgba(37,99,235,0.28) !important;
	  transition: background 0.18s ease, box-shadow 0.18s ease !important;
}

.dfio-btn--primary:hover,
a[class*="btn-primary"]:hover {
	  background-color: #1D4ED8 !important;
	  box-shadow: 0 8px 20px rgba(37,99,235,0.36) !important;
}

/* Secondary/Ghost: white outlined */
.dfio-btn--ghost,
.dfio-btn--subtle,
a[class*="btn-ghost"],
a[class*="btn-outline"] {
	  background: #ffffff !important;
	  color: #0F172A !important;
	  border: 1.5px solid #CBD5E1 !important;
	  border-radius: 999px !important;
	  font-weight: 700 !important;
}

.dfio-btn--ghost:hover,
a[class*="btn-ghost"]:hover {
	  border-color: #94A3B8 !important;
	  background: #F8FAFC !important;
}

/*  8. FUNDRAISER PROGRESS BAR  larger & more prominent  */
.dfio-raise-bar,
.dfio-progress-bar,
[class*="progress-bar"],
.dfio-state-bar {
	  height: 18px !important;
	  border-radius: 999px !important;
	  border: 1px solid rgba(37,99,235,0.2) !important;
	  background: #E2E8F0 !important;
	  overflow: hidden !important;
}

.dfio-raise-bar > span,
.dfio-progress-bar > span,
[class*="progress-bar"] > span,
.dfio-state-bar > span {
	  background: linear-gradient(90deg, #2563EB 0%, #1D4ED8 100%) !important;
	  height: 100% !important;
	  display: block !important;
	  border-radius: 999px !important;
}

.dfio-raised,
.dfio-raise-label,
[class*="raise-label"],
[class*="raised"] {
	  font-size: 18px !important;
	  font-weight: 800 !important;
	  color: #0F172A !important;
	  margin-bottom: 6px !important;
}

/*  9. STICKY MOBILE CTA BAR  */
@media (max-width: 768px) {
	.dfio-sticky-cta {
		    display: flex !important;
	}
}

.dfio-sticky-cta {
	  display: none;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: 9999;
	  background: #6b8cae;
	  border-top: 1px solid rgba(255,255,255,0.12);
	  padding: 10px 16px;
	  gap: 10px;
	  justify-content: center;
	  align-items: center;
	  box-shadow: 0 -4px 20px rgba(0,0,0,0.35);
}

.dfio-sticky-cta a {
	  flex: 1;
	  max-width: 180px;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  padding: 11px 16px;
	  border-radius: 999px;
	  font-weight: 800;
	  font-size: 14px;
	  text-decoration: none !important;
	  transition: all 0.18s ease;
	  text-align: center;
}

.dfio-sticky-cta a:first-child {
	  background: #2563EB;
	  color: #ffffff !important;
	  border: none;
	  box-shadow: 0 4px 12px rgba(37,99,235,0.3);
}

.dfio-sticky-cta a:last-child {
	  background: transparent;
	  color: #F8FAFC !important;
	  border: 1.5px solid rgba(255,255,255,0.3);
}

/* Push page content up on mobile so sticky bar doesn't cover it */
@media (max-width: 768px) {
	body {
		    padding-bottom: 68px !important;
	}
}
	}
}
}
}
}
}
	}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}

:root{
	  --dfio-navy: #6b8cae;
}

/* Global site/page backgrounds */
html,
body,
.wp-site-blocks,
.site,
.site-content,
.site-main,
main,
.entry-content,
.content-area{
	  background: var(--dfio-navy) !important;
}

/* Common DFIO shortcode wrappers */
.dfio-home-v43,
.dfio-supporter-wall::before,
.dfio-fundraisers-hub,
.dfio-fundraisers-inner,
#dfio-support-network,
#dfio-partner-v3,
#dfio-donate-v2,
.dfio-ways{
	  background: var(--dfio-navy) !important;
}

/* Full-width pseudo/background containers often used in your shortcodes */
.dfio-supporter-wall:before,
[class*="dfio-"]::before{
	  background: var(--dfio-navy);
}

/* Keep white/light cards intact */
.dfio-card,
.dfio-supporter-card,
.dfio-network-card,
.dfio-network-hero-card,
.dfio-network-filter-card,
.dfio-network-cta-card,
.dfio-pv3-card,
.dfio-pv3-form-card,
.widget,
.impact-item,
.monthly-box,
.founder-note,
.comment-card,
.transparency-item{
	  background: #ffffff !important;
}

/* Soft cards that should stay soft */
.dfio-mini-card,
.dfio-program-card,
.dfio-spotlight-card,
.dfio-progress-card,
.dfio-stat-card,
.dfio-pv3-card--soft,
.dfio-pv3-offer--community,
.dfio-pv3-community-highlight{
	  background: #f8fafc !important;
}
}
}
}
}
}
}

/* Hide Jetpack floating subscribe button on mobile */
@media (max-width: 782px){
	  .jetpack-subscribe-modal-trigger,
	  .jetpack-subscribe__trigger,
	.jp-newsletter-subscribe-button {
		    display: none !important;
	}
}
	}
}

/* Confirmed selector: hide Jetpack floating subscribe button on mobile */
@media (max-width: 782px){
	.jetpack-subscribe-floating-button {
		    display: none !important;
	}
}
	}
}

/* ============================================
 *    Email Subscribe Field Styling - Stories Page
 *    ============================================ */

/* Email input width + centering */
.wp-block-jetpack-subscriptions input[type="email"],
.jetpack_subscription_widget input[type="email"] {
	    max-width: 420px;
	    width: 100%;
	    margin: 0 auto;
	    display: block;
	    padding: 12px 14px;
	    font-size: 16px;
	    border-radius: 6px;
	    border: 1px solid rgba(255,255,255,0.2);
	    background: rgba(255,255,255,0.05);
	    color: #fff;
}

/* Button alignment */
.wp-block-jetpack-subscriptions button,
.jetpack_subscription_widget input[type="submit"] {
	    margin-top: 12px;
}

/* ============================================
 *    Email Subscribe Field - Width + Centering Fix
 *    ============================================ */

/* Center and constrain the subscribe form container */
.wp-block-jetpack-subscriptions__container,
#subscribe-blog {
	    max-width: 480px !important;
	    margin: 0 auto !important;
	    text-align: center;
}

/* Fix the email input field width */
#subscribe-field,
#subscribe-email,
#subscribe-email input,
.wp-block-jetpack-subscriptions__container input[type="email"],
#subscribe-blog input[type="email"] {
	    max-width: 420px !important;
	    width: 100% !important;
	    margin: 0 auto !important;
	    display: block !important;
	    padding: 12px 14px !important;
	    font-size: 16px !important;
	    border-radius: 6px !important;
	    box-sizing: border-box !important;
}
}
}