/*
 * Story body styles for single-news-information-v2.php (News & Information v2).
 *
 * Loaded by that template on the front end, and by the block editor for news posts
 * that render with it (see unl_news_uses_v2() in functions.php), so the editor shows
 * the story the way it will look live. While v2 is in development, add &newsv2=1 to
 * the editor URL to load this file instead of news-information.css.
 *
 * Each rule pairs the front-end selector (.ored_news_content ...) with an editor one
 * (.editor-styles-wrapper .is-root-container ...). Style the story body here; page
 * layout (header, sidebar, slideshow, responsive media queries) stays in the template.
 */

.ored_news_content_area p:first-child,
.editor-styles-wrapper .is-root-container p:first-child {
	font-size: 1.5em;
}

.ored_news_content {
	max-width: 40em;
}

/* Editor: constrain the story column like the live 40em content column. */
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
	max-width: 40em;
	margin-left: auto;
	margin-right: auto;
}

html .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100% !important;
}

blockquote,
.editor-styles-wrapper .is-root-container blockquote {
    line-height: 1.5em !important;
    text-align: center;
    font-size: 1.5rem !important;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 15px 0;
    margin: 65px 5%;
}

.headingSpacer,
.editor-styles-wrapper .is-root-container .headingSpacer {
    margin-top: 70px;
}

.oredSlideshow figure,
.editor-styles-wrapper .is-root-container .oredSlideshow figure {
    float: none;
    padding: none;
    width: 100%;
}