/*
 * Styles for the [display_changelog] shortcode output.
 *
 * The wrapper returned by the shortcode is:
 *   .mec-addon-changelog
 * The AJAX response wraps the changelog as:
 *   .display_changelog_wrap
 */

.display_changelog_wrap h4,
.display_changelog_wrap>div {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: block;
    color: #343536;
    font-family: inherit;
    letter-spacing: 0.5px
}

.display_changelog_wrap ul {
    background: #f3f3f3;
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
    white-space: pre-wrap;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 7px 25px 4px;
    line-height: 1px;
    border-radius: 5px
}

.display_changelog_wrap ul li {
    list-style: "- ";
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
    white-space: pre-wrap;
    color: #222
}