/*
Theme Name: Hello Child
Template: hello-elementor
Version: 1.0
*/
/* ============================================================
   DESTINY 2013 — all rules scoped under .d2013 / .d2013faq
   ============================================================ */

a[href*="monsterinsights.com"] {
    display: none !important;
}
.d2013, .d2013faq {
  --sky:#3A8FD1; --sky-deep:#1E5F96; --sky-pale:#EEF6FD; --sky-mid:#C8E3F5;
  --gold:#C89B3C; --gold-light:#E8BA58; --white:#FFFFFF;
  --ink:#17243A; --ink-mid:#3B5068; --ink-soft:#6B82A0;
  --cream:#F9F6F1; --rule:#D4E5F5;
  font-family:'Inter',sans-serif; color:var(--ink);
  background:var(--white); line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.d2013 *, .d2013 *::before, .d2013 *::after,
.d2013faq *, .d2013faq *::before, .d2013faq *::after { box-sizing:border-box; }
.d2013 img { display:block; max-width:100%; }
.d2013 a, .d2013faq a { color:inherit; text-decoration:none; }
.d2013 button { cursor:pointer; font-family:inherit; }
.d2013 .display, .d2013faq .display { font-family:'Lora',Georgia,serif; font-weight:700; line-height:1.15; letter-spacing:-0.02em; }
.d2013 .eyebrow { font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--sky); margin-bottom:10px; display:block; }
.d2013 .body-lg { font-size:18px; line-height:1.8; color:var(--ink-mid); }
.d2013 .body-sm { font-size:14px; line-height:1.7; color:var(--ink-soft); }
.d2013 .wrap { max-width:1080px; margin:0 auto; padding:0 28px; }
.d2013 .wrap-narrow { max-width:950px; margin:0 auto; padding:0 28px; }

/* buttons */
.d2013 .btn { display:inline-flex; align-items:center; gap:8px; padding:14px 32px; border-radius:4px; font-size:15px; font-weight:600; border:2px solid transparent; transition:background .2s,color .2s,border-color .2s,transform .15s; letter-spacing:.02em; cursor:pointer; }
.d2013 .btn:hover { transform:translateY(-1px); }
.d2013 .btn-gold { background:var(--gold); color:#fff;margin-top:20px;border-color:var(--gold); }
.d2013 .btn-gold:hover { background:var(--gold-light); border-color:var(--gold-light); }
.d2013 .btn-outline-white { background:transparent; color:#fff; border-color:rgba(255,255,255,.6); }
.d2013 .btn-outline-white:hover { background:rgba(255,255,255,.12); border-color:#fff; }
.d2013 .btn-outline-sky { background:transparent; color:var(--sky-deep); border-color:var(--sky); }
.d2013 .btn-outline-sky:hover { background:var(--sky-pale); }
.d2013 .btn-sky { background:var(--sky); color:#fff; border-color:var(--sky); }
.d2013 .btn-sky:hover { background:var(--sky-deep); border-color:var(--sky-deep); }
.d2013 .icon { width:20px; height:20px; flex-shrink:0; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.d2013 .icon-lg { width:28px; height:28px; }
.d2013 .icon-sm { width:16px; height:16px; }

/* internal nav strip — rendered in header.php */
.d2013-strip { background:rgba(255,255,255,.97); border-bottom:1px solid #D4E5F5; padding:14px 0; }
.d2013-strip .inner { max-width:1200px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.d2013-strip ul { display:flex; gap:4px; list-style:none; padding:0; margin:0; flex-wrap:wrap; }
.d2013-strip ul a { display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 12px; border-radius:4px; font-size:11px; font-weight:500; color:#3B5068; text-decoration:none; }
.d2013-strip ul a:hover { color:#1E5F96; background:#EEF6FD; }
.d2013-strip ul a svg { width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; color:#6B82A0; }
.d2013-strip ul a:hover svg { color:#1E5F96; }
.d2013-strip .brand { font-family:'Lora',serif; font-weight:700; color:#17243A; display:flex; align-items:center; gap:10px; text-decoration:none; }
.d2013-strip .brand img { height:36px; }
.d2013-strip .cta { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:4px; font-size:13px; font-weight:600; background:#C89B3C; color:#fff; text-decoration:none; }
.d2013-strip .cta:hover { background:#E8BA58; }

/* hero */
.d2013 .hero { min-height:88vh; background:linear-gradient(to bottom,rgba(20,60,110,.38) 0%,rgba(30,95,150,.22) 60%,rgba(255,255,255,0) 100%),url('https://destiny2013.org/wp-content/uploads/2026/03/clouds-sky-scaled.jpg') center/cover no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:80px 24px; }
.d2013 .hero-brand { font-family:'Lora',serif; font-size:45px; font-weight:700; color:#fff; line-height:1; margin-bottom:8px; text-shadow:0 2px 24px rgba(10,40,80,.28); }
.d2013 .hero-logo { width:160px; height:160px; margin:8px auto; }
.d2013 .hero-logo img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 4px 20px rgba(10,40,80,.2)); }
.d2013 .hero-tagline { font-family:'Lora',serif; font-size:clamp(18px,3vw,26px); font-style:italic; color:#fff; margin-bottom:6px; text-shadow:0 1px 12px rgba(10,40,80,.22); }
.d2013 .hero-sub { font-size:15px; color:rgba(255,255,255,.82); max-width:520px; margin:0 auto 32px; }
.d2013 .hero-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* John intro */
.d2013 .john-section { background:linear-gradient(to right,rgba(20,60,110,.30),rgba(30,95,150,.10)),url('https://destiny2013.org/wp-content/uploads/2026/03/clouds-sky-scaled.jpg') center/cover no-repeat; padding:96px 0; }
.d2013 .john-inner { max-width:1080px; margin:0 auto; padding:0 28px; display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.d2013 .john-left h2 { font-family:'Lora',serif; font-size:clamp(36px,5vw,60px); font-weight:700; color:#fff; margin-bottom:20px; text-shadow:0 2px 16px rgba(10,40,80,.22); }
.d2013 .john-left p { color:rgba(255,255,255,.88); line-height:1.8; }
.d2013 .john-card { background:var(--cream); border-radius:10px; overflow:hidden; box-shadow:0 12px 48px rgba(10,40,80,.18); }

/* letter */
.d2013 .letter-section { background:var(--sky-pale); padding:88px 0; }
.d2013 .letter-card { background:#fff; border:1px solid var(--rule); border-radius:8px; padding:48px 52px; margin-top:36px; box-shadow:0 4px 24px rgba(58,143,209,.07); }
.d2013 .letter-card p { font-size:17px; line-height:1.9; color:var(--ink-mid); margin-bottom:18px; }
.d2013 .letter-card strong { color:var(--ink); font-weight:600; }
.d2013 .letter-sig { margin-top:28px; padding-top:24px; border-top:1px solid var(--rule); font-family:'Lora',serif; font-weight:600; color:var(--sky-deep); }

/* turning point */
.d2013 .turning-section { background:var(--sky-deep); padding:88px 0; }
.d2013 .turning-inner { max-width:1080px; margin:0 auto; padding:0 28px; display:grid; grid-template-columns:1fr 1.4fr; gap:64px; align-items:center; }
.d2013 .turning-sign-placeholder { background:rgba(255,255,255,.08); border:2px solid rgba(255,255,255,.18); border-radius:10px; padding:48px 32px; text-align:center; max-width:300px; }
.d2013 .turning-sign-box { background:#fff; border:4px solid #222; border-radius:6px; padding:24px 20px; display:inline-block; }
.d2013 .turning-no-entry { width:56px; height:56px; background:#CC0000; border:3px solid #fff; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; }
.d2013 .turning-no-entry-bar { width:28px; height:6px; background:#fff; border-radius:3px; }
.d2013 .turning-sign-label { font-size:22px; font-weight:800; color:#222; line-height:1.2; margin-top:8px; }
.d2013 .turning-content h2 { font-family:'Lora',serif; font-size:clamp(24px,3.5vw,38px); color:#fff; margin-bottom:22px; }
.d2013 .turning-content p { color:rgba(255,255,255,.88); line-height:1.85; margin-bottom:14px; }
.d2013 .turning-love { font-family:'Lora',serif; font-size:22px; font-style:italic; color:var(--gold-light); margin-bottom:6px; display:block; }

/* steps */
.d2013 .steps-section { background:#fff; padding:88px 0; }
.d2013 .steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:48px; }
.d2013 .step-card { padding:36px 30px; border:1px solid var(--rule); border-radius:8px; transition:box-shadow .22s,border-color .22s; }
.d2013 .step-card:hover { border-color:var(--sky); box-shadow:0 8px 32px rgba(58,143,209,.10); }
.d2013 .step-icon-wrap { width:48px; height:48px; border:1.5px solid var(--rule); border-radius:8px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; color:var(--sky); background:var(--sky-pale); }
.d2013 .step-num { font-size:11px; font-weight:600; letter-spacing:.12em; color:var(--sky); text-transform:uppercase; margin-bottom:6px; }
.d2013 .step-title { font-family:'Lora',serif; font-size:19px; font-weight:700; color:var(--ink); margin-bottom:10px; }
.d2013 .step-desc { font-size:15px; color:var(--ink-mid); line-height:1.75; }

/* impact */
.d2013 .impact-section { background:linear-gradient(135deg,var(--sky-deep),var(--sky)); padding:80px 0; text-align:center; }
.d2013 .impact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:48px; border:1px solid rgba(255,255,255,.14); border-radius:8px; overflow:hidden; }
.d2013 .impact-item { padding:40px 32px; background:rgba(255,255,255,.06); border-right:1px solid rgba(255,255,255,.12); }
.d2013 .impact-item:last-child { border-right:none; }
.d2013 .impact-number { font-family:'Lora',serif; font-size:clamp(40px,6vw,64px); font-weight:700; color:var(--gold-light); line-height:1; margin-bottom:8px; }
.d2013 .impact-label { font-size:14px; color:rgba(255,255,255,.78); }

/* quotes */
.d2013 .quotes-section { background:var(--cream); padding:88px 0; }
.d2013 .quotes-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:48px; border:1px solid var(--rule); border-radius:8px; overflow:hidden; }
.d2013 .quote-item { padding:36px 32px; border-right:1px solid var(--rule); background:#fff; }
.d2013 .quote-item:last-child { border-right:none; }
.d2013 .quote-mark { font-family:'Lora',serif; font-size:48px; line-height:1; color:var(--sky-mid); margin-bottom:12px; display:block; }
.d2013 .quote-text { font-family:'Lora',serif; font-size:16px; font-style:italic; color:var(--ink-mid); line-height:1.75; }

/* youth */
.d2013 .youth-section { background:var(--sky-pale); padding:88px 0; }
.d2013 .youth-inner { max-width:1080px; margin:0 auto; padding:0 28px; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.d2013 .youth-img-wrap { border-radius:8px; overflow:hidden; box-shadow:0 12px 40px rgba(58,143,209,.13); position:relative; }
.d2013 .youth-img-wrap img { width:100%; height:360px; object-fit:cover; }
.d2013 .youth-img-caption { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top,rgba(17,40,75,.82),transparent); padding:24px 20px 16px; font-size:13px; color:rgba(255,255,255,.88); font-style:italic; }
.d2013 .youth-content h2 { font-family:'Lora',serif; font-size:clamp(26px,3.5vw,38px); color:var(--ink); margin-bottom:18px; }
.d2013 .youth-content p { color:var(--ink-mid); line-height:1.8; margin-bottom:14px; }

/* improvement */
.d2013 .improve-section { background:#fff; padding:88px 0; border-top:1px solid var(--rule); }
.d2013 .improve-inner { max-width:1080px; margin:0 auto; padding:0 28px; display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center; }
.d2013 .improve-card { background:linear-gradient(135deg,var(--sky-pale),#fff); border:1px solid var(--rule); border-radius:12px; padding:36px; }
.d2013 .improve-card h3 { font-family:'Lora',serif; font-size:22px; color:var(--ink); margin-bottom:14px; }
.d2013 .improve-card ul { list-style:none; padding:0; margin:12px 0 0; }
.d2013 .improve-card ul li { padding:10px 0; border-bottom:1px dashed var(--rule); display:flex; gap:12px; align-items:flex-start; font-size:15px; color:var(--ink-mid); }
.d2013 .improve-card ul li:last-child { border-bottom:none; }
.d2013 .improve-card ul li svg { color:var(--sky); margin-top:3px; flex-shrink:0; }

/* sponsor / H2H calculator */
.d2013 .sponsor-section { background:var(--gold); padding:72px 0; color:#fff; }
.d2013 .sponsor-section h2 { font-family:'Lora',serif; font-size:clamp(26px,4vw,40px); color:#fff; text-align:center; margin-bottom:8px; }
.d2013 .sponsor-section .lead { text-align:center; color:rgba(255,255,255,.92); margin-bottom:36px; }
.d2013 .h2h-box { max-width:680px; margin:0 auto; background:#fff; color:var(--ink); border-radius:12px; padding:32px; box-shadow:0 16px 48px rgba(0,0,0,.18); }
.d2013 .h2h-row { display:flex; gap:10px; align-items:center; margin-bottom:10px; padding:10px 12px; border:1px solid var(--rule); border-radius:8px; background:var(--sky-pale); }
.d2013 .h2h-row .heart { color:#CC2244; flex-shrink:0; }
.d2013 .h2h-row input { flex:1; border:none; background:transparent; outline:none; font-family:inherit; font-size:14px; color:var(--ink); }
.d2013 .h2h-row .euro { font-weight:700; color:var(--sky-deep); font-size:13px; }
.d2013 .h2h-row .remove { background:none; border:none; color:var(--ink-soft); padding:4px 6px; font-size:18px; line-height:1; }
.d2013 .h2h-row .remove:hover { color:#CC2244; }
.d2013 .h2h-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; justify-content:space-between; align-items:center; }
.d2013 .h2h-add { background:var(--sky-pale); color:var(--sky-deep); border:1.5px dashed var(--sky); padding:10px 16px; border-radius:6px; font-weight:600; font-size:13px; }
.d2013 .h2h-add:hover { background:var(--sky); color:#fff; }
.d2013 .h2h-total { font-family:'Lora',serif; font-size:22px; font-weight:700; color:var(--ink); }
.d2013 .h2h-total span { color:var(--gold); }
.d2013 .h2h-note { font-size:13px; color:var(--ink-soft); margin-top:14px; line-height:1.6; text-align:center; }
.d2013 .h2h-cta { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:20px; }

/* contact */
.d2013 .contact-section { padding:88px 0; background:#fff; }
.d2013 .contact-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:48px; align-items:start; margin-top:36px; }
.d2013 .contact-info { padding:24px; border:1px solid var(--rule); border-radius:8px; background:var(--sky-pale); }
.d2013 .contact-info a { color:var(--sky-deep); font-weight:500; }
.d2013 .elementor-form-wrap { background:#fff; border:1px solid var(--rule); border-radius:8px; padding:24px; }

/* footer — rendered in footer.php */
.d2013-foot { background:#17243A; color:rgba(255,255,255,.7); padding:48px 0 24px; }
.d2013-foot .inner { max-width:1080px; margin:0 auto; padding:0 28px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; font-size:13px; }
.d2013-foot a { color:#E8BA58; text-decoration:none; }
.d2013-foot a:hover { text-decoration:underline; }

@media (max-width:900px) {
  .d2013 .steps-grid,.d2013 .impact-grid,.d2013 .quotes-grid,
  .d2013 .john-inner,.d2013 .turning-inner,.d2013 .youth-inner,
  .d2013 .improve-inner,.d2013 .contact-grid { grid-template-columns:1fr; }
  .d2013 .quote-item,.d2013 .impact-item { border-right:none; border-bottom:1px solid var(--rule); }
}

/* ============================================================
   FAQ PAGE — .d2013faq
   ============================================================ */
.d2013faq .hero { background:linear-gradient(135deg,var(--sky-deep),var(--sky)); padding:80px 24px 96px; text-align:center; color:#fff; }
.d2013faq .hero .eyebrow { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.7); display:block; margin-bottom:10px; }
.d2013faq .hero h1 { font-family:'Lora',serif; font-size:clamp(32px,5vw,52px); color:#fff; margin:0 0 14px; font-weight:700; }
.d2013faq .hero p { max-width:680px; margin:0 auto; color:rgba(255,255,255,.85); font-size:17px; }
.d2013faq .wrap { max-width:880px; margin:0 auto; padding:64px 28px; }
.d2013faq .toc { background:var(--sky-pale); border:1px solid var(--rule); border-radius:10px; padding:24px 28px; margin-bottom:48px; }
.d2013faq .toc h2 { font-family:'Lora',serif; font-size:18px; color:var(--ink); margin:0 0 12px; }
.d2013faq .toc ol { margin:0; padding-left:18px; columns:2; column-gap:28px; }
.d2013faq .toc ol li { padding:4px 0; font-size:14px; color:var(--ink-mid); }
.d2013faq .toc ol li a { color:var(--sky-deep); }
.d2013faq .toc ol li a:hover { text-decoration:underline; }
.d2013faq .cat { margin:48px 0 18px; }
.d2013faq .cat .eyebrow { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--sky); display:block; margin-bottom:6px; }
.d2013faq .cat h2 { font-family:'Lora',serif; font-size:26px; color:var(--ink); margin:0; }
.d2013faq details { border:1px solid var(--rule); border-radius:8px; padding:0; margin-bottom:10px; background:#fff; transition:box-shadow .18s,border-color .18s; }
.d2013faq details[open] { border-color:var(--sky); box-shadow:0 4px 18px rgba(58,143,209,.10); }
.d2013faq details summary { cursor:pointer; list-style:none; padding:18px 22px; font-family:'Lora',serif; font-weight:600; font-size:17px; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:14px; }
.d2013faq details summary::-webkit-details-marker { display:none; }
.d2013faq details summary::after { content:'+'; font-size:24px; color:var(--sky); font-weight:300; line-height:1; flex-shrink:0; transition:transform .18s; }
.d2013faq details[open] summary::after { content:'\2212'; }
.d2013faq details .ans { padding:0 22px 22px; color:var(--ink-mid); font-size:15px; line-height:1.8; }
.d2013faq details .ans p { margin:0 0 10px; }
.d2013faq details .ans p:last-child { margin-bottom:0; }
.d2013faq .back { display:inline-flex; align-items:center; gap:8px; padding:12px 24px; background:var(--gold); color:#fff; border-radius:4px; font-weight:600; margin-top:32px; font-size:14px; text-decoration:none; }
.d2013faq .back:hover { background:#E8BA58; color:#fff; }
.d2013faq .cta-strip { background:var(--cream); border-top:1px solid var(--rule); padding:48px 24px; text-align:center; }
.d2013faq .cta-strip h3 { font-family:'Lora',serif; font-size:22px; color:var(--ink); margin:0 0 8px; }
.d2013faq .cta-strip p { color:var(--ink-mid); margin:0 0 18px; }
.d2013faq .btn-sky { background:var(--sky); color:#fff; padding:12px 26px; border-radius:4px; font-weight:600; display:inline-block; margin:0 6px; text-decoration:none; }
.d2013faq .btn-sky:hover { background:var(--sky-deep); }
.d2013faq .btn-gold { background:var(--gold); color:#fff; padding:12px 26px; border-radius:4px; font-weight:600; display:inline-block; margin:0 6px; text-decoration:none; }
@media (max-width:600px) { .d2013faq .toc ol { columns:1; } }



