/*
 * The home hero's colour (theme 1.265.0, design handoff "home-hero-c-d"):
 * Soft pink (the default) or Night. One body class picks it,
 * ph-hero-soft or ph-hero-night, set from Appearance > Customize >
 * Home page > Hero colour (inc/hero-style.php).
 *
 * The handoff's selectors (.hero, .lede, .stat, .ask, .try, .pv .back,
 * .pvc) are the live hero widget's own names here: .phh-hero, .phh-lede,
 * .phh-ask, .phh-try, .phh-pv__back and .phh-pvc.
 */

/* Soft pink */
body.ph-hero-soft .phh-hero { background: var(--pink-soft, #fdeef4); }
body.ph-hero-soft .phh-hero .phh-h1 { color: #1b2a4a; }
body.ph-hero-soft .phh-hero .phh-h1 span { color: var(--pink-press, #c9376e); }
body.ph-hero-soft .phh-hero .phh-try a, body.ph-hero-soft .phh-hero .phh-ask { border-color: #f1c9d8; }
body.ph-hero-soft .phh-hero .phh-pv__back { background-color: var(--pink, #e8568a); }

/* Night */
body.ph-hero-night .phh-hero { background: #13254a; }
body.ph-hero-night .phh-hero .phh-h1 { color: #fff; }
body.ph-hero-night .phh-hero .phh-h1 span { color: #ff9ec0; }
body.ph-hero-night .phh-hero .phh-lede { color: rgba(255, 255, 255, .78); }
body.ph-hero-night .phh-hero .phh-ask { border-color: transparent; box-shadow: 0 14px 36px rgba(0, 0, 0, .35); }
body.ph-hero-night .phh-hero .phh-try span { color: rgba(255, 255, 255, .7); }
body.ph-hero-night .phh-hero .phh-try a { background: transparent; border-color: rgba(255, 255, 255, .28); color: #fff; }
body.ph-hero-night .phh-hero .phh-try a:hover { border-color: #fff; }
body.ph-hero-night .phh-hero .phh-pv__back { background-color: var(--pink, #e8568a); }
body.ph-hero-night .phh-hero .phh-pvc { box-shadow: 0 30px 70px rgba(0, 0, 0, .45); }

/* Both: the headline's second sentence on its own line. */
.phh-hero .phh-h1 span { display: block; }