/*
 * Story body styles for single-news-information.php (News & Information, pre-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.
 *
 * Each rule pairs the front-end selector (.ored_news_content ...) with an editor one
 * (.editor-styles-wrapper .is-root-container ...). Keep the front-end selectors as they
 * are: their specificity and order are what the live page was built against.
 *
 * 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;
}

.ored_news_content figure.is-resized,
.editor-styles-wrapper .is-root-container figure.is-resized {
    width: 12em;
}

.ored_news_content figure,
.editor-styles-wrapper .is-root-container figure {
	float: right;
    padding-left: 2em;
    width: 20em;
    position: relative;
}

.ored_news_content figure.aligncenter,
.editor-styles-wrapper .is-root-container figure.aligncenter {
    width: calc(100% + 2em);
    left: -1em;
    float: none;
    padding-left: 0px;
}

.ored_news_content figure.alignleft,
.editor-styles-wrapper .is-root-container figure.alignleft {
	float: left;
    padding-left: 0em;
    padding-right: 2em;
    position: relative;
}

.ored_news_content figure.wp-block-gallery,
.editor-styles-wrapper .is-root-container figure.wp-block-gallery {
    float: none;
    padding: 0em;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
}

.ored_news_content figure.wp-block-gallery.alignfull,
.editor-styles-wrapper .is-root-container figure.wp-block-gallery.alignfull {
    margin-left: -1em;
    margin-right: 1px;
    left: 0px;
    right: 0px;
    width: calc(100% + 2em);
}

.ored_news_content .wp-block-gallery figure,
.editor-styles-wrapper .is-root-container .wp-block-gallery figure {
    float: none;
    padding-left: 0em;
    width: 100%;
    position: relative;
}

.ored_news_content figure.aligncenter img,
.ored_news_content figure.aligncenter figcaption,
.editor-styles-wrapper .is-root-container figure.aligncenter img,
.editor-styles-wrapper .is-root-container figure.aligncenter figcaption {
  width: 100%;
  max-width: 100%;
}

.ored_news_content figure img,
.editor-styles-wrapper .is-root-container figure img {
	width: 100%;
}

.ored_news_content figure img,
.ored_news_content figure figcaption,
.editor-styles-wrapper .is-root-container figure img,
.editor-styles-wrapper .is-root-container figure figcaption {
    width: 24em;
    max-width: 31em;
}

.ored_news_content .grid_slideshow figure img,
.ored_news_content .grid_slideshow figure figcaption,
.editor-styles-wrapper .is-root-container .grid_slideshow figure img,
.editor-styles-wrapper .is-root-container .grid_slideshow figure figcaption {
    width: 100%;
    max-width: 100%;
}

.ored_news_content figure figcaption,
.editor-styles-wrapper .is-root-container figure figcaption {
    width: 31em;
}

.ored_news_content .grid_slideshow figure figcaption,
.editor-styles-wrapper .is-root-container .grid_slideshow figure figcaption {
    width: 100%;
}

.ored_news_content figure.is-resized img,
.ored_news_content figure.is-resized figcaption,
.editor-styles-wrapper .is-root-container figure.is-resized img,
.editor-styles-wrapper .is-root-container figure.is-resized figcaption {
    width: 12em;
    max-width: 16em;
}

blockquote,
.editor-styles-wrapper .is-root-container blockquote {
    line-height: 1.5em;
    text-align: center;
    font-size: 2em;
    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%;
}