/* The Spiritual Parent: site-wide touches */

/* stops the page sliding sideways on phones */
html, body { overflow-x: clip; }

/* soft lilac-white behind every page (replaces the old pink) */
html body,
body #page,
body #content,
body .site-content { background-color: #FAF6FD !important; }

/* header: show only the logo, never the squeezed site name */
#masthead .ast-site-title-wrap,
#masthead .site-title,
#masthead .site-description { display: none !important; }

/* the logo never grows wider than the phone screen */
@media (max-width: 921px) {
  #masthead .custom-logo,
  #masthead .site-logo-img img,
  .site-header .custom-logo-link img { max-width: 58vw !important; width: auto !important; height: auto !important; }
}

/* menu on computers: larger, bolder, plum */
@media (min-width: 922px) {
  #masthead .main-header-menu > .menu-item > .menu-link { font-size: 17px; font-weight: 600; color: #2E1F47; padding-left: 16px; padding-right: 16px; }
  #masthead .main-header-menu > .menu-item > .menu-link:hover,
  #masthead .main-header-menu > .current-menu-item > .menu-link { color: #6B3FA0; }
}

/* menu button on phones: a solid plum button */
#masthead .menu-toggle { background: #2E1F47 !important; color: #FFFFFF !important; border: 0 !important; border-radius: 999px !important; padding: 10px 14px !important; box-shadow: none !important; }
#masthead .menu-toggle svg { fill: #FFFFFF !important; width: 24px; height: 24px; }

/* menu on phones: lilac-white, tidy spacing, easy to tap */
.ast-mobile-header-content,
.ast-mobile-header-content .main-header-menu,
.ast-mobile-header-content .menu-item,
.ast-mobile-header-content .menu-link,
.ast-mobile-popup-content,
.ast-mobile-popup-content .main-header-menu,
.ast-mobile-popup-content .menu-item,
.ast-mobile-popup-content .menu-link { background-color: #FAF6FD !important; }
.ast-mobile-header-content .menu-link,
.ast-mobile-popup-content .menu-link { font-size: 18px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: 0 !important; color: #2E1F47 !important; padding-top: 13px !important; padding-bottom: 13px !important; min-height: 0 !important; }
.ast-mobile-header-content .menu-item,
.ast-mobile-popup-content .menu-item { border-color: #E4DAF0 !important; }
.ast-mobile-header-content .current-menu-item > .menu-link,
.ast-mobile-popup-content .current-menu-item > .menu-link { background-color: #F3ECFA !important; color: #6B3FA0 !important; }

/* episode posts: soft background and a wider reading column on laptops */
body.single-post .ast-article-single { background-color: #FAF6FD !important; }
@media (min-width: 922px) {
  body.single-post .site-content > .ast-container { max-width: 900px !important; }
  body.single-post #primary { width: 100% !important; max-width: 100% !important; }
}

/* episode posts on phones: a smaller title, so readers reach the words sooner */
@media (max-width: 921px) {
  body.single-post .entry-title { font-size: 26px !important; line-height: 1.25 !important; letter-spacing: 0 !important; }
}

/* blog and Episodes pages: white cards instead of the old pink */
.blog .ast-article-post,
.archive .ast-article-post,
.search .ast-article-post,
.blog .ast-article-post .ast-article-inner,
.archive .ast-article-post .ast-article-inner { background-color: #FFFFFF !important; }
.blog .ast-article-post,
.archive .ast-article-post { border-radius: 18px; }

/* footer: soft lilac-white instead of the old pink */
#colophon,
#colophon .site-above-footer-wrap,
#colophon .site-primary-footer-wrap,
#colophon .site-below-footer-wrap { background-color: #FAF6FD !important; border-top-color: #E4DAF0 !important; }

/* Episodes page title box: soft lilac instead of the old pink */
.ast-archive-description,
.ast-archive-entry-banner { background-color: #F3ECFA !important; border-radius: 24px; }
.ast-archive-description .ast-archive-title,
.ast-archive-entry-banner h1 { color: #2E1F47 !important; }