/* ---- Typography: Public Article & Summernote Editor ---- */

.public-article h1, h2, h3, h4, h5, h6,
.note-editable h1, h2, h3, h4, h5, h6,
.note-dropdown-menu h1, h2, h3, h4, h5, h6 {
    color: var(--pub-text);
    margin: 36px 0 12px;
    font-weight: 600;
}

.public-article p,
.note-editable p,
.note-dropdown-menu p {
    color: var(--pub-text);
    margin: 0 0 12px !important;
}

.public-article blockquote,
.note-editable blockquote,
.note-dropdown-menu blockquote {
    color: var(--pub-text);
    position: relative;
    margin: 0 0 12px !important;
    background-color: var(--pub-surface);
    border-radius: 6px;
    border-left: 3px solid var(--pub-danger);
}

.public-article blockquote ol, .public-article blockquote ul, .public-article blockquote dl,
.note-editable blockquote ol, .note-editable blockquote ul, .note-editable blockquote dl {
    margin-bottom: 0;
}

.public-article ol, .public-article ul, .public-article dl,
.note-editable ol, .note-editable ul, .note-editable dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

.public-article img {
    max-width: 100%;
    max-height: max-content;
}

/* ---- Font Sizes ---- */
.public-article p, 
.public-article li, 
.note-editable p, 
.note-editable li, 
.note-dropdown-menu p { 
    font-size: 14px;
}

.public-article h1, 
.note-editable h1, 
.note-dropdown-menu h1 { 
    font-size: 24px;
}
.public-article h2,
.note-editable h2,
.note-dropdown-menu h2 {
    font-size: 22px;
}
.public-article h3,
.note-editable h3,
.note-dropdown-menu h3 {
    font-size: 20px;
}
.public-article h4,
.note-editable h4,
.note-dropdown-menu h4 {
    font-size: 18px;
}
.public-article h5,
.note-editable h5,
.note-dropdown-menu h5 {
    font-size: 16px;
}
.public-article h6,
.note-editable h6,
.note-dropdown-menu h6 {
    font-size: 14px;
}
.public-article blockquote,
.note-editable blockquote,
.note-dropdown-menu blockquote {
    font-size: 16px;
    padding: 6px 12px 6px 14px !important;
}