/**
 * Editor styles.
 *
 * These mirror the front end so that what is composed in the editor matches
 * what is published. The file existed but was empty, so the editor fell back
 * to its own defaults.
 */

.editor-styles-wrapper {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #4c4f53;
    background: #fcfcfc;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-post-title__block .editor-post-title__input {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #292929;
}

.editor-styles-wrapper a {
    color: #d42929;
}

/* Matches the front end, where blockquotes are set in Playfair Display. */
.editor-styles-wrapper blockquote,
.editor-styles-wrapper .wp-block-quote {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    border-left: 3px solid #d42929;
    padding-left: 24px;
}

/* The front end sets pull quotes and verse in Lora and Playfair Display. */
.editor-styles-wrapper .wp-block-pullquote blockquote {
    font-family: 'Lora', serif;
    font-size: 18px;
}

.editor-styles-wrapper .wp-block-verse {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
}

.editor-styles-wrapper .wp-block-code,
.editor-styles-wrapper .wp-block-preformatted {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 15px;
}
