/* Pictures inside written content.
 * the editor works with before the renderer classes it.
 */

.mce-content-body img,
.news-description img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}

/* A picture the writer floated or centred keeps that placement */
.mce-content-body figure.image,
.news-description figure.image {
    display: table;
    max-width: 100%;
    margin: 10px 0;
}

.mce-content-body figure.image img,
.news-description figure.image img {
    margin: 0;
}

/* Anything else a body can carry that has no intrinsic ceiling. */
.mce-content-body table,
.news-description table {
    max-width: 100%;
}

.mce-content-body iframe,
.news-description iframe {
    max-width: 100%;
}
.mce-content-body.forum-post-text p {
    margin: 0;
    font: inherit;
    color: inherit;
    line-height: inherit;
}

/* News stores real paragraphs, so there the published spacing is the one the
   theme applies and the editor matches that instead. */
.mce-content-body.news-description {
    font-family: Lato, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #666666;
}

.mce-content-body.news-description p {
    margin: 0 0 30px;
}