.elementor-258 .elementor-element.elementor-element-77d2b93{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* ============================================================
   BLOG ARTICLE CSS
   Append to bottom of kcc-site.css
   ============================================================ */

/* ARTICLE WRAPPER */
.elementor-widget-html .kcc-article,
.elementor-widget-text-editor .kcc-article {
  max-width: 720px;
  margin: 0 auto;
  padding: 64px 40px 80px;
}

/* INTRO PARAGRAPH — slightly larger, leads the piece */
.elementor-widget-html .kcc-article__intro,
.elementor-widget-text-editor .kcc-article__intro {
  font-family: var(--kcc-font-head);
  font-size: clamp(17px, 2vw, 20px);
  font-weight: 400;
  line-height: 1.75;
  color: var(--kcc-navy);
  margin-bottom: 28px;
  font-style: italic;
}

/* SUBHEADINGS — replaces h2/h3 inside article */
.elementor-widget-html .kcc-article__subhead,
.elementor-widget-text-editor .kcc-article__subhead {
  font-family: var(--kcc-font-head);
  font-size: clamp(19px, 2.2vw, 24px);
  font-weight: 400;
  color: var(--kcc-navy);
  line-height: 1.35;
  margin: 48px 0 18px;
}

/* BODY PARAGRAPHS inside article */
.elementor-widget-html .kcc-article .kcc-body,
.elementor-widget-text-editor .kcc-article .kcc-body,
.elementor-widget-html .kcc-article p.kcc-body,
.elementor-widget-text-editor .kcc-article p.kcc-body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
  color: var(--kcc-body);
  margin-bottom: 20px;
}

/* PULL QUOTES */
.elementor-widget-html .kcc-article__quote,
.elementor-widget-text-editor .kcc-article__quote {
  margin: 40px 0;
  padding: 32px 40px;
  background: var(--kcc-dove);
  border-left: 4px solid var(--kcc-teal);
  border-radius: 0 var(--kcc-radius-sm) var(--kcc-radius-sm) 0;
}

.elementor-widget-html .kcc-article__quote p,
.elementor-widget-text-editor .kcc-article__quote p {
  font-family: var(--kcc-font-head);
  font-size: clamp(16px, 1.8vw, 19px);
  font-style: italic;
  color: var(--kcc-teal);
  line-height: 1.65;
  margin: 0;
}

.elementor-widget-html .kcc-article__quote--coral,
.elementor-widget-text-editor .kcc-article__quote--coral {
  border-left-color: var(--kcc-coral);
}

.elementor-widget-html .kcc-article__quote--coral p,
.elementor-widget-text-editor .kcc-article__quote--coral p {
  color: var(--kcc-coral);
}

/* ARTICLE FOOTER */
.elementor-widget-html .kcc-article__footer,
.elementor-widget-text-editor .kcc-article__footer {
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid rgba(161, 196, 206, 0.25);
}

.elementor-widget-html .kcc-article__footer-text,
.elementor-widget-text-editor .kcc-article__footer-text {
  font-family: var(--kcc-font-body);
  font-size: 13px;
  font-weight: 400;
  color: var(--kcc-muted);
  line-height: 1.6;
  margin: 0;
}

/* MOBILE */
@media (max-width: 768px) {
  .elementor-widget-html .kcc-article,
  .elementor-widget-text-editor .kcc-article {
    padding: 40px 0 56px;
  }

  .elementor-widget-html .kcc-article__quote,
  .elementor-widget-text-editor .kcc-article__quote {
    padding: 24px 24px;
    margin: 32px 0;
  }

  .elementor-widget-html .kcc-article__subhead,
  .elementor-widget-text-editor .kcc-article__subhead {
    margin-top: 36px;
  }
}/* End custom CSS */