/* Shared by the public service detail and the Summernote editing surface. */
.hn-service-richtext,
.note-editor .note-editing-area .note-editable.hn-service-richtext {
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: .5px;
  word-spacing: 0;
  overflow-wrap: break-word;
  color: #9E9E9E;
  background: #fff;
}

.hn-service-richtext :is(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  padding: 0;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  color: #116EBB;
  text-transform: none !important;
}
.hn-service-richtext h1 { font-size: 54px; line-height: 66px; }
.hn-service-richtext h2 { font-size: 40px; line-height: 50px; font-weight: 700; }
.hn-service-richtext h3 { font-size: 32px; line-height: 44px; }
.hn-service-richtext h4 { font-size: 24px; line-height: 36px; }
.hn-service-richtext h5 { font-size: 20px; line-height: 30px; }
.hn-service-richtext h6 { font-size: 18px; line-height: 28px; font-weight: 700; }

.hn-service-richtext p {
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.hn-service-richtext :is(p, li) {
  color: #9E9E9E;
  text-align: justify;
  text-align-last: left;
}
.hn-service-richtext h2 ~ p,
.hn-service-richtext p ~ h6 { margin-top: 15px; }
.hn-service-richtext a { color: #116EBB; text-decoration: none; }
.hn-service-richtext a:hover { color: #116EBB; }
.hn-service-richtext :is(b, strong) { font-weight: 700; }
.hn-service-richtext :is(ul, ol) { margin: 0; padding: 0; list-style: none; }
.hn-service-richtext li { position: relative; margin: 0 0 10px; padding: 0 0 0 28px; list-style: none; }
.hn-service-richtext li::before {
  position: absolute;
  content: "✓";
  left: 0;
  color: #8BB02D;
  font-weight: 700;
}
.note-editor .note-editing-area .note-editable.hn-service-richtext { margin-top: 0; }

@media (min-width: 992px) {
  .hn-service-richtext h2 { font-size: 48px; line-height: 60px; }
  .hn-service-richtext h2 ~ p { margin-top: 50px; }
  .hn-service-richtext p ~ h6 { margin-top: 30px; }
}
