.elementor-kit-5{--e-global-color-primary:#495A58;--e-global-color-secondary:#C4A882;--e-global-color-text:#2C3531;--e-global-color-accent:#B5715C;--e-global-color-cream:#FAF7F2;--e-global-color-warm_linen:#F0E8DC;--e-global-color-muted_sage:#8FA89E;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-font-style:normal;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-weight:400;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-letter-spacing:0.05em;background-color:#FAF7F2;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   Larissa Braga Counselling — Article Design System CSS
   Scoped entirely to .single-post — does not affect Home, About,
   Services, Fees, FAQ, Contact, or any non-article page.
   ============================================================ */

/* 1. Article title (H1) */
.single-post h1.elementor-heading-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
}
@media (max-width: 1024px) {
  .single-post h1.elementor-heading-title { font-size: 38px !important; }
}
@media (max-width: 767px) {
  .single-post h1.elementor-heading-title { font-size: 33px !important; }
}

/* 2. Section headings (H2), excluding "Share this Article" */
.single-post .elementor-widget-heading:not(:has(+ .elementor-widget-share-buttons)) h2.elementor-heading-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 40px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  margin-top: 68px !important;
  margin-bottom: 24px !important;
}
@media (max-width: 1024px) {
  .single-post .elementor-widget-heading:not(:has(+ .elementor-widget-share-buttons)) h2.elementor-heading-title {
    font-size: 34px !important;
  }
}
@media (max-width: 767px) {
  .single-post .elementor-widget-heading:not(:has(+ .elementor-widget-share-buttons)) h2.elementor-heading-title {
    font-size: 30px !important;
  }
}

/* 3. Subheadings (H3), including inline headings inside Text Editor widgets */
.single-post h3.elementor-heading-title:not(.article-author-heading),
.single-post .elementor-widget-text-editor h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 29px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  margin-top: 44px !important;
  margin-bottom: 17px !important;
}
@media (max-width: 1024px) {
  .single-post h3.elementor-heading-title:not(.article-author-heading),
  .single-post .elementor-widget-text-editor h3 { font-size: 27px !important; }
}
@media (max-width: 767px) {
  .single-post h3.elementor-heading-title:not(.article-author-heading),
  .single-post .elementor-widget-text-editor h3 { font-size: 24px !important; }
}

/* 4. Body paragraphs — no max-width/centering: paragraphs fill the same
   e-con-inner column as their H2/H3 siblings, so everything shares one
   left edge instead of paragraphs sitting in their own narrower column. */
.single-post .elementor-widget-text-editor p {
  font-family: 'Inter', sans-serif !important;
  font-size: 19px !important;
  line-height: 1.65 !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 26px !important;
}
@media (max-width: 1024px) {
  .single-post .elementor-widget-text-editor p { font-size: 18px !important; }
}
@media (max-width: 767px) {
  .single-post .elementor-widget-text-editor p { font-size: 18px !important; }
}

/* 5. Lede / intro paragraph (first paragraph directly under the H1) */
.single-post .elementor-widget-heading:has(h1.elementor-heading-title) + .elementor-widget-text-editor p:first-child {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  max-width: 920px !important;
}
@media (max-width: 1024px) {
  .single-post .elementor-widget-heading:has(h1.elementor-heading-title) + .elementor-widget-text-editor p:first-child {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .single-post .elementor-widget-heading:has(h1.elementor-heading-title) + .elementor-widget-text-editor p:first-child {
    font-size: 20px !important;
  }
}

/* 6. "About the Author" heading (stable widget ID, shared template) */
.single-post .elementor-element-475e1f3 h3.elementor-heading-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
  margin-top: 48px !important;
  margin-bottom: 16px !important;
}

/* About the Author + Share this Article sit inside a separate, older-style
   1140px "boxed" Elementor container (elementor-element-21df6598, stable
   across all 5 articles) rather than the ~800px e-con-inner flex column
   used by the rest of the article. Narrowing this one container to match
   brings both elements onto the same left edge as the rest of the article. */
.single-post .elementor-element-21df6598 .elementor-container {
  max-width: 800px !important;
}

/* 7. Resources component (Sources and Further Reading / Trusted Australian Resources) */
.article-resources .elementor-widget-heading {
  width: 100% !important;
}
.article-resources .elementor-heading-title {
  text-align: left !important;
  width: 100% !important;
}
.article-resources ul {
  text-align: left !important;
  list-style-position: outside !important;
  padding-left: 22px !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.article-resources ul li {
  font-family: 'Inter', sans-serif !important;
  font-size: 19px !important;
  line-height: 1.6 !important;
  text-align: left !important;
  margin-bottom: 14px !important;
}
@media (max-width: 1024px) {
  .article-resources ul li { font-size: 18px !important; }
}
@media (max-width: 767px) {
  .article-resources ul li { font-size: 18px !important; }
}
.article-resources.on-cream ul li a {
  color: #804C33 !important;
  text-decoration: underline !important;
}
.article-resources.on-cream ul li,
.article-resources.on-cream .elementor-heading-title {
  color: #3A3A3A !important;
}
.article-resources.on-green ul li a {
  color: #F5F0EB !important;
  text-decoration: underline !important;
}
.article-resources.on-green ul li,
.article-resources.on-green .elementor-heading-title {
  color: #FFFFFF !important;
}
.article-resources.on-cream ul li a:hover,
.article-resources.on-cream ul li a:focus,
.article-resources.on-green ul li a:hover,
.article-resources.on-green ul li a:focus {
  color: #C4896B !important;
}

/* 8. "Related Posts" section background */
.single-post .elementor-section.elementor-element.elementor-element-1ac8973f {
  background-color: #F5F0EB !important;
}


/* ---------- 9. Body-content bullet lists ----------
   Added 20 August 2026. No article previously had a plain bullet list inside
   its body copy (only the Resources component did, styled separately above).
   The "You're Not Failing Your Child" rewrite introduced one ("How Counselling
   May Help"), and without this rule it fell back to the theme's pre-redesign
   Lato/18px default instead of the article body's Inter/19px. Scoped to
   exclude .article-resources so it doesn't double up with rule 7. */
.single-post .elementor-widget-text-editor:not(.article-resources) ul li {
  font-family: 'Inter', sans-serif !important;
  font-size: 19px !important;
  line-height: 1.6 !important;
  margin-bottom: 14px !important;
}
@media (max-width: 1024px) {
  .single-post .elementor-widget-text-editor:not(.article-resources) ul li { font-size: 18px !important; }
}
@media (max-width: 767px) {
  .single-post .elementor-widget-text-editor:not(.article-resources) ul li { font-size: 18px !important; }
}

/* ---------- 10. Duplicate About-the-Author on post 1424 ----------
   Post 1424 ("You're Not Failing Your Child") has its own About the Author
   heading + bio built directly into its article content, in addition to
   this shared template's own About the Author block (elementor-element-
   475e1f3 / 016f01c) — a duplicate that predates this project. Per
   Larissa's request (20 August 2026), keeping the article's own block
   (current, fuller bio) and hiding the template's copy on this one post
   only. Scoped to .postid-1424 so no other article is affected. */
.postid-1424 .elementor-element-475e1f3,
.postid-1424 .elementor-element-016f01c {
  display: none !important;
}/* End custom CSS */