/*
Theme Name: Wholistic Wealth for Divi
Template: Divi
Version: 1.0.0
Description: An editorial Divi child theme for Lucero Wiley.
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
.ww-site { --ink:#18131c; --night:#100d17; --paper:#f7f1ed; --lilac:#dbc7ff; --muted:#655966; --gutter:clamp(22px,6vw,100px); --serif:"Instrument Serif", Georgia, serif; background:var(--night); color:var(--paper); font:400 16px/1.6 "DM Sans",Arial,sans-serif; margin:0; }
.ww-site *, .ww-site *::before, .ww-site *::after {box-sizing:border-box}
.ww-site a {color:inherit;text-decoration:none}
.ww-site a:focus-visible {outline:2px solid #a982ee;outline-offset:5px}
.ww-site :where(h1,h2,h3,p,figure,ul) {margin:0;padding:0}
.ww-site h1,.ww-site h2 {font:400 clamp(3rem,6vw,6rem)/.94 var(--serif);letter-spacing:-.035em;color:inherit;padding:0}
.ww-site em {font-weight:400}
.ww-skip {position:absolute;left:1rem;top:-6rem;z-index:5;background:white;color:#18131c!important;padding:10px 14px}
.ww-skip:focus {top:1rem}
.ww-header,.ww-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px var(--gutter);background:var(--night);color:var(--paper)}
.ww-header {min-height:78px;border-bottom:1px solid #ffffff20}
.ww-brand {display:inline-flex;align-items:center;gap:.18em;font:400 clamp(1.35rem,2.3vw,2rem)/1 var(--serif);white-space:nowrap}
.ww-brand span {display:grid;place-items:center;border:1px solid #dbc7ff75;border-radius:50%;color:var(--lilac);width:2.4em;height:2.4em;margin-right:.55em;font:500 .77rem/1 "DM Sans",sans-serif}
.ww-brand i {color:var(--lilac)}
.ww-header nav {display:flex;gap:clamp(14px,3vw,44px);font-size:.85rem}
.ww-navcta {border:1px solid #dbc7ff75;padding:8px 14px;font-size:.82rem;white-space:nowrap}
.ww-header a:hover,.ww-footer a:hover {color:var(--lilac)}
.ww-site .ww-section {position:relative;padding:clamp(74px,10vw,145px) var(--gutter);background:var(--paper);color:var(--ink)}
.ww-site .ww-section .ww-row {width:100%;max-width:none;margin:0;padding:0}
.ww-site .ww-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:100%;max-width:1500px;margin:0 auto;float:none}
.ww-site .ww-grid .ww-module {margin:0;min-width:0;color:inherit}
.ww-site .ww-module p:not(.ww-label) {font-size:clamp(1rem,1.3vw,1.15rem);max-width:52ch;line-height:1.65}
.ww-site h2 + p {margin-top:22px}
.ww-site .ww-module p + p {margin-top:14px}
.ww-site .ww-label {font-size:.72rem;font-weight:700;letter-spacing:.19em;line-height:1.4;margin-bottom:22px}
.ww-site .ww-hero {isolation:isolate;display:flex;align-items:center;min-height:min(720px,calc(100svh - 78px));background:#150e1d url('assets/hero.jpg') center 53% / cover no-repeat;color:#fff8f1}
.ww-hero::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#120d1af0 0%,#120d1a91 38%,#120d1a15 72%),linear-gradient(0deg,#100b15b3,transparent 48%)}
.ww-site .ww-hero h1 {font-size:clamp(4.05rem,9.7vw,10.1rem);line-height:.85}
.ww-site .ww-hero em,.ww-podcast em {color:var(--lilac)}
.ww-hero .ww-label {color:var(--lilac)}
.ww-site .ww-hero .ww-deck {margin:29px 0 0;max-width:37ch;color:#eae1eb}
.ww-actions {display:flex;align-items:center;flex-wrap:wrap;gap:15px 24px;margin-top:30px}
.ww-site .ww-button,.ww-site .ww-link {display:inline-flex;align-items:center;gap:.8em;font-size:.9rem;font-weight:700;width:fit-content}
.ww-site .ww-button {padding:13px 19px;background:var(--lilac);color:var(--ink);transition:background .2s,transform .2s}
.ww-site .ww-button:hover {background:#eedfff;transform:translateY(-2px)}
.ww-site .ww-link {padding:4px 0;border-bottom:1px solid currentColor}
.ww-site .ww-link:hover {opacity:.72}
.ww-site .ww-approach .ww-grid,.ww-site .ww-about .ww-grid,.ww-site .ww-podcast .ww-grid {grid-template-columns:1fr 1fr;gap:clamp(25px,8vw,110px);align-items:center}
.ww-approach em,.ww-programs em,.ww-about em {color:#6e4389}
.ww-site .ww-pills {display:flex;list-style:none;gap:8px;flex-wrap:wrap;padding:0;margin-top:23px}
.ww-pills li {border:1px solid #7b5e813f;padding:5px 11px;border-radius:100px;font-size:.8rem}
.ww-site .ww-programs {background:#ece0f5}
.ww-site .ww-programs .ww-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ww-programs .ww-module:first-child {grid-column:1/-1;padding:0 0 28px}
.ww-programs .ww-module:not(:first-child) {background:#faf5f6;border-top:2px solid #b595cf;padding:clamp(22px,4vw,48px);transition:background .2s}
.ww-programs .ww-module:not(:first-child):hover {background:#fffafd}
.ww-programs .ww-module:not(:first-child) h2 {font-size:clamp(2.2rem,4.4vw,4.2rem)}
.ww-programs .ww-module:not(:first-child) p {margin:13px 0 20px}
.ww-about figure {margin:auto;max-width:500px;background:#dcc9eb;border:1px solid #9a7aa655}
.ww-about img {display:block;width:100%;height:auto}
.ww-about figcaption {padding:10px 16px;font-size:.78rem;color:#392842;border-top:1px solid #9a7aa655}
.ww-about .ww-link {margin-top:24px}
.ww-site .ww-podcast {background:#231930;color:#fff6f4}
.ww-site .ww-episodes {list-style:none;padding:0}
.ww-episodes a {display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #e9d8ff45}
.ww-episodes a:hover {color:var(--lilac)}
.ww-episodes li:last-child {border-bottom:1px solid #e9d8ff45}
.ww-site .ww-contact {text-align:center;background:#e5d1f5 radial-gradient(ellipse at 50% 0%,#f9e4e4,transparent 66%);color:var(--ink)}
.ww-contact em {color:#63397a}
.ww-contact .ww-actions {justify-content:center}
.ww-contact .ww-module p {margin-left:auto;margin-right:auto}
.ww-contact .ww-button {background:#24162d;color:white}
.ww-contact .ww-button:hover {background:#4e3264}
.ww-footer {flex-wrap:wrap;font-size:.83rem}
@media (max-width:760px) {
  .ww-header {flex-wrap:wrap;gap:12px;min-height:unset}
  .ww-header nav {order:3;width:100%}
  .ww-site .ww-hero {min-height:650px;background-position:60% center}
  .ww-hero::before {background:linear-gradient(90deg,#120d1ad9,#120d1a30),linear-gradient(0deg,#100b15b3,transparent)}
  .ww-site .ww-hero h1 {font-size:clamp(3.25rem,12vw,5.75rem)}
  .ww-site .ww-approach .ww-grid,.ww-site .ww-about .ww-grid,.ww-site .ww-podcast .ww-grid {grid-template-columns:1fr}
  .ww-about figure {max-width:380px}
}
@media (max-width:520px) {
  .ww-site .ww-programs .ww-grid {grid-template-columns:1fr}
  .ww-site .ww-hero {min-height:580px}
}
@media (prefers-reduced-motion:reduce) {
  .ww-site *, .ww-site *::before, .ww-site *::after {transition:none!important}
}
/* Keep the editorial layout consistent inside Divi's wrappers. */
.ww-site .ww-section .et_pb_column.ww-grid {display:grid;width:100%;margin:0 auto}
.ww-site .ww-section .et_pb_column .et_pb_module.ww-module {margin-bottom:0}
.ww-site .ww-module .et_pb_text_inner {color:inherit}
.ww-site .ww-module .et_pb_text_inner > :last-child {padding-bottom:0}
.ww-site .ww-hero .ww-row {margin-inline:auto}
.ww-site .ww-hero .et_pb_text_inner {padding-block:0}