/* This same sheet is loaded by the website and inside CKEditor. */
.richtext {
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #2f4037;
  overflow-wrap: anywhere;
  display: flow-root;
}
/* Neutralise old pasted font sizes without changing saved editorial content. */
.richtext :where(p, div, li, span, font, a, strong, em, b, i, u, td, th, blockquote) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.richtext p, .richtext ul, .richtext ol, .richtext blockquote, .richtext figure { margin: 0 0 1.25em; }
.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
  font-family: "Manrope", "Segoe UI", Arial, sans-serif !important;
  color: #10231d;
  line-height: 1.35 !important;
  font-weight: 700;
  margin: 1.6em 0 .65em;
}
.richtext h1, .richtext h2 { font-size: 25px !important; }
.richtext h3 { font-size: 21px !important; }
.richtext h4, .richtext h5, .richtext h6 { font-size: 18px !important; }
.richtext ul, .richtext ol { padding-left: 1.65em; list-style-position: outside; }
.richtext ul { list-style-type: disc; }
.richtext ol { list-style-type: decimal; }
.richtext li { display: list-item; margin: .45em 0; padding-left: .2em; }
.richtext li > ul, .richtext li > ol { margin: .4em 0; }
.richtext ul ul { list-style-type: circle; }
.richtext li p { margin-bottom: .4em; }
.richtext blockquote {
  padding: 18px 22px;
  border: 0;
  border-left: 4px solid #0a6b41;
  background: #f1f7f1;
  color: #354d3e;
  font-style: italic;
}
.richtext blockquote p:last-child { margin-bottom: 0; }
.richtext blockquote cite { display: block; margin-top: .75em; font-size: .875em; font-style: normal; }
.richtext blockquote::before, .richtext blockquote::after { content: none; }
.richtext img {
  display: block;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  max-height: 360px !important;
  object-fit: contain;
  float: none !important;
  margin: 24px auto !important;
  border-radius: 6px;
}
.richtext figure, .richtext .image { width: auto !important; max-width: 100% !important; float: none !important; margin-inline: 0 !important; }
.richtext figcaption, .richtext .caption { text-align: center; color: #64736b; font-size: 14px !important; margin-top: -12px; }
.richtext table { display: block; max-width: 100%; width: 100% !important; overflow-x: auto; border-collapse: collapse; margin-bottom: 24px; }
.richtext th, .richtext td { padding: 10px 14px; border: 1px solid #d8e2d9; min-width: 100px; }
.richtext th { background: #f1f7f1; text-align: left; }
.richtext a { color: #0a6b41; text-decoration: underline; text-underline-offset: 3px; }
.richtext pre { max-width: 100%; overflow: auto; padding: 16px; background: #f3f6f1; }
.richtext > :first-child { margin-top: 0; }
.richtext > :last-child { margin-bottom: 0; }
body.editor-content { margin: 24px; background: #fff; }
@media (max-width: 540px) {
  .richtext img { max-height: 260px !important; }
  .richtext blockquote { padding: 14px 16px; }
}
