/*
Theme Name: SleepBaby Archive Conversion
Theme URI: https://sleepbaby.org/
Author: SleepBaby
Author URI: https://sleepbaby.org/
Description: A reversible SleepBaby theme pairing the July 19, 2019 homepage with the April 9, 2020 after-article presentation and a simplified Times New Roman reading experience.
Version: 2.3.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: sleepbaby-miracle
*/

:root{
  --sb-ink:#202026;
  --sb-night:#171a35;
  --sb-plum:#625266;
  --sb-lilac:#a98fa3;
  --sb-lilac-pale:#eee8f0;
  --sb-ivory:#fffaf0;
  --sb-paper:#f7f4ef;
  --sb-indigo:#293366;
  --sb-indigo-deep:#20264e;
  --sb-twilight:#394990;
  --sb-sage:#9ebaae;
  --sb-mist:#a9c9d8;
  --sb-moon:#e7d7b5;
  --sb-rose:#8f4356;
  --sb-coral:#a9576b;
  --sb-display:"Times New Roman",Times,serif;
  --sb-ui:"Times New Roman",Times,serif;
  --kh-display:"Times New Roman",Times,serif;
  --kh-ui:"Times New Roman",Times,serif;
  --sb-gutter:clamp(18px,4vw,64px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;overflow-x:hidden;color:var(--sb-ink);background:#fff;font-family:var(--sb-ui)!important;font-size:18px;line-height:1.64;text-rendering:optimizeLegibility}
body :where(p,h1,h2,h3,h4,h5,h6,a,span,strong,em,small,li,dt,dd,blockquote,figcaption,label,button,input,select,textarea,summary,details,table,th,td){font-family:"Times New Roman",Times,serif!important}
a{color:#273a75;text-underline-offset:3px}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid #5467a6;outline-offset:3px}
[hidden]{display:none!important}

.site-skip-link{position:fixed;z-index:99999;top:10px;left:10px;display:inline-flex;min-height:44px;align-items:center;padding:9px 14px;border:1px solid #333;color:#111;background:#fff;font-size:16px;line-height:1.2;transform:translateY(-180%)}
.site-skip-link:focus{transform:translateY(0)}

/* Quiet editorial header: logo, links, and only the mobile menu control. */
.site-header{position:relative;z-index:100;display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,48px);padding:14px var(--sb-gutter);border-bottom:1px solid #dedede;color:#171717;background:#fff}
.site-brand-logo-link{display:block;width:clamp(170px,16vw,225px);line-height:0}
.site-brand-logo{display:block;width:100%;max-height:52px;object-fit:contain}
.site-primary-navigation{min-width:0;justify-self:end}
.site-menu,.site-footer-menu,.footer-compliance-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 24px;margin:0;padding:0;list-style:none}
.site-menu{justify-content:flex-end}
.site-menu a{display:inline-flex;min-height:42px;align-items:center;color:#222;font-size:17px;text-decoration:none}
.site-menu a:hover,.site-menu .current-menu-item>a,.site-menu .current_page_item>a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.site-header-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:10px}
.site-header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:9px 16px;border:1px solid #1d365f;border-radius:4px;color:#fff;background:#1d365f;font-size:17px;font-weight:700;line-height:1.1;text-decoration:none;white-space:nowrap}
.site-header-cta:hover{background:#142846;color:#fff;text-decoration:none}
.site-menu-toggle{display:none;min-height:42px;align-items:center;gap:8px;padding:7px 10px;border:1px solid #bdbdbd;border-radius:4px;color:#222;background:#fff;cursor:pointer}
.site-menu-toggle__icon{display:grid;width:18px;gap:4px}
.site-menu-toggle__icon i{display:block;width:100%;height:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.site-menu-toggle[aria-expanded="true"] .site-menu-toggle__icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-menu-toggle[aria-expanded="true"] .site-menu-toggle__icon i:nth-child(2){opacity:0}
.site-menu-toggle[aria-expanded="true"] .site-menu-toggle__icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.site-main{min-height:62vh}
.content-shell{width:min(calc(100% - var(--sb-gutter)*2),1080px);margin-inline:auto;padding:clamp(42px,5vw,64px) 0 clamp(60px,7vw,92px)}
.content-shell--article{width:min(calc(100% - 36px),780px)}
.entry-header{margin:0 0 34px;text-align:center}
.entry-kicker,.archive-kicker{margin:0 0 12px;color:#6c5e70;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
.entry-title,.archive-title{margin:0;color:#17171b;font-family:var(--sb-display)!important;font-size:clamp(2.35rem,5vw,4.15rem);font-weight:700;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}
.entry-meta{margin:16px 0 0;color:#777;font-size:16px}
.entry-featured{margin:0 0 42px}
.entry-featured img{width:100%;border-radius:4px}
.entry-content{font-size:1rem;line-height:1.68}
.entry-content>*{max-width:100%;margin-right:auto;margin-left:auto}
.entry-content>figure,.entry-content>.alignwide{max-width:1000px}
.entry-content>.alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}
.entry-content p{margin-top:0;margin-bottom:1.08em}
.entry-content h2,.entry-content h3,.entry-content h4{margin:1.42em 0 .5em;color:#1c1c20;font-weight:700;letter-spacing:-.015em;line-height:1.15}
.entry-content h2{font-size:clamp(1.85rem,4vw,2.75rem)}
.entry-content h3{font-size:clamp(1.5rem,3vw,2.1rem)}
.entry-content h4{font-size:1.35rem}
.entry-content a{font-weight:700;text-decoration-thickness:1px}
.entry-content blockquote{margin:1.6em 0;padding:19px 23px;border-left:4px solid #858fc3;background:#f5f4f8;font-size:1.06em}
.entry-content ul,.entry-content ol{padding-left:1.35em}
.entry-content li{margin:.45em 0}
.entry-content p,.entry-content li,.entry-content a{overflow-wrap:anywhere}
.entry-content iframe,.entry-content video,.entry-content embed{max-width:100%}
.entry-content video,.entry-content .wp-block-embed__wrapper iframe,.entry-content iframe[src*="youtube.com"],.entry-content iframe[src*="youtu.be"],.entry-content iframe[src*="vimeo.com"]{width:100%;height:auto;aspect-ratio:16/9}
.entry-content figure{margin-top:1.6em;margin-bottom:1.6em}
.entry-content figcaption{margin-top:.65em;color:#686868;font-size:16px;line-height:1.45;text-align:center}
.entry-content .wp-block-table,.entry-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch}
.entry-content th,.entry-content td{padding:10px 12px;border:1px solid #d8d8d8;text-align:left;vertical-align:top}
.entry-content :where(.sbds-article,.sbds-article *,[class*="sleepbaby-"],[class*="sleepbaby-"] *){font-family:"Times New Roman",Times,serif!important}
.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:68px;padding-top:28px;border-top:1px solid #ddd}
.post-navigation .nav-next{text-align:right}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:48px}
.archive-card{padding:28px;border:1px solid #ddd;background:#fff}
.archive-card h2{margin:0;font-size:1.8rem;line-height:1.15}

/* Prevent legacy/plugin promotions from duplicating the April archive. */
#sb-article-sales,.sbcf-post-funnel:not(.sbcf-post-funnel--archive-conversion),[data-sbcf-post-funnel]:not(.sbcf-post-funnel--archive-conversion),.sleepbaby-announcement-bar,.sleepbaby-promo-banner,.floating-cta,.exit-layer{display:none!important}

/* The April page is an after-article continuation, never a floating banner. */
.sleepbaby-article-archive-footer{position:relative;width:100%;margin:0;padding:0;overflow:hidden;border-top:1px solid #e1ddec;background:#fff}
.sleepbaby-article-archive-footer .sbh2020-logo-bar{display:none!important}
.sleepbaby-article-archive-footer .sbh2020-hero{box-shadow:inset 0 34px 46px -42px rgba(28,23,64,.58)}
.sleepbaby-article-archive-footer,.sleepbaby-article-archive-footer *{font-family:"Times New Roman",Times,serif!important}

.site-footer{position:relative;padding:38px var(--sb-gutter) 24px;color:#efeff2;background:#1b1d2f}
.site-footer-shell{width:min(100%,1120px);margin-inline:auto}
.site-footer-main{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;gap:42px}
.site-footer-brand p{max-width:310px;margin:12px 0 0;color:#d0d1d8;font-size:16px;line-height:1.5}
.site-brand-logo-link--footer{width:min(100%,205px);padding:6px;background:#fff;border-radius:3px}
.site-footer-menu{justify-content:flex-end}
.site-footer-menu a,.footer-compliance-links a{display:inline-flex;min-height:34px;align-items:center;color:#ededf0;font-size:15px}
.site-footer-legal{margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18)}
.footer-compliance-links{gap:2px 18px}
.footer-compliance-links a{color:#c7c8cf;font-size:14px}
.footer-fine-print{margin:11px 0 0;color:#aaaeb8;font-size:14px;line-height:1.5}

/* Success keeps its established handoff layout; purchase.css owns checkout. */
.sleepbaby-success-main{min-height:70vh;background:#fffaf0}
.sleepbaby-success-hero{padding:90px var(--sb-gutter);color:#fff;background:#242b59;text-align:center}
.sleepbaby-success-hero h1{margin:0;color:#fff;font-size:clamp(2.7rem,6vw,5rem);line-height:1}
.sleepbaby-success-library{padding:70px var(--sb-gutter)}
.sleepbaby-success-library-inner{width:min(100%,850px);margin-inline:auto}

@media(max-width:980px){
  .archive-grid{grid-template-columns:1fr}
  .site-footer-main{grid-template-columns:1fr;gap:22px}
  .site-footer-menu{justify-content:flex-start}
}

@media(max-width:860px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;padding:11px 18px}
  .site-header-actions{display:flex}
  .site-header .site-header-cta{display:none!important}
  .js .site-menu-toggle{display:inline-flex}
  .js .site-primary-navigation{position:absolute;z-index:120;top:100%;right:14px;left:14px;display:none;padding:8px 18px 12px;border:1px solid #ccc;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.12)}
  .js .site-primary-navigation.is-open{display:block}
  .no-js .site-primary-navigation{position:static;display:block;grid-column:1/-1;width:100%;padding-top:8px;border-top:1px solid #ddd}
  .site-menu{display:grid;grid-template-columns:1fr}
  .site-menu li{border-bottom:1px solid #eee}
  .site-menu a{width:100%;min-height:44px}
}

@media(max-width:640px){
  body{font-size:17px}
  .content-shell--article{width:min(calc(100% - 30px),780px);padding-top:42px}
  .entry-header{margin-bottom:28px}
  .entry-title{font-size:clamp(2.15rem,11vw,3.35rem)}
  .entry-featured{margin-bottom:32px}
  .post-navigation{grid-template-columns:1fr}
  .post-navigation .nav-next{text-align:left}
  .site-footer{padding:34px 18px 22px}
  .footer-compliance-links{gap:2px 14px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

@media print{
  .site-header,.site-footer,.sleepbaby-article-archive-footer{display:none!important}
  body{color:#000;background:#fff;font-size:12pt}
  .content-shell--article{width:100%;padding:0}
  a{color:#000;text-decoration:underline}
}