/* Start custom CSS for html, class: .elementor-element-c9d69e5 *//* ============================
   MOBILE WORD-SPACING FIX
   Scoped to this blog template
   ============================ */

/* Stop justify + stretched spacing inside simply template */
.simply-wrap,
.simply-wrap *{
  text-align: left !important;
  text-justify: auto !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

/* Extra insurance for themes that justify paragraphs/lists */
.simply-wrap p,
.simply-wrap li,
.simply-wrap summary,
.simply-wrap details,
.simply-wrap h2,
.simply-wrap h3,
.simply-wrap h4{
  text-align: left !important;
  text-align-last: left !important;
  text-justify: auto !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

/* Prevent weird line breaks on narrow screens */
.simply-wrap p,
.simply-wrap li{
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

/* Mobile spacing so it reads clean */
@media (max-width: 768px){
  .simply-container,
  .simply-top,
  .simply-summary-box{
    padding-left: 14px;
    padding-right: 14px;
  }

  .simply-summary-box li{ font-size: 15.5px; }

  .simply-section{ padding: 16px; }
  .simply-p{ font-size: 16px; line-height: 1.7; }
}

/* If Elementor/theme sets "text-align: justify" via inline styles */
@media (max-width: 768px){
  .simply-wrap [style*="text-align:justify"],
  .simply-wrap [style*="text-align: justify"]{
    text-align: left !important;
  }
}/* End custom CSS */