/* MODULIQ Newsroom v0.5.5 — unified article rail */

/*
 * The featured image defines the editorial rail. Everything that belongs to the
 * article itself follows exactly the same available width. When a sidebar is
 * enabled the parent article column becomes narrower, so this rule naturally
 * follows that column without ever colliding with the sidebar.
 */
.mq-single-layout > .mq-article{min-width:0}
.mq-single-layout .mq-v053-hero,
.mq-single-layout .mq-article-content,
.mq-single-layout .mq-article > .mq-breadcrumbs,
.mq-single-layout .mq-article > .mq-badges,
.mq-single-layout .mq-article > .mq-article-title,
.mq-single-layout .mq-article > .mq-v053-lead,
.mq-single-layout .mq-article > .mq-v053-meta,
.mq-single-layout .mq-article > .mq-v053-share,
.mq-single-layout .mq-v053-read-next,
.mq-single-layout .mq-v053-tags,
.mq-single-layout .mq-author-box,
.mq-single-layout .mq-v053-post-nav,
.mq-single-layout .mq-v053-related,
.mq-single-layout .mq-comments{
    width:100%;
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}

/* v0.5.3 intentionally used a narrow reading column. v0.5.5 follows the image. */
.mq-single-layout.mq-layout-mode-no-sidebar-wide .mq-article-content{max-width:1180px!important}
.mq-single-layout .mq-v053-lead{max-width:1180px!important}

/* Gutenberg content must not escape the same article/image rail. */
.mq-single-layout .mq-article-content > .alignwide,
.mq-single-layout .mq-article-content > .alignfull,
.mq-single-layout .mq-article-content .wp-block-image,
.mq-single-layout .mq-article-content .wp-block-gallery,
.mq-single-layout .mq-article-content .wp-block-embed,
.mq-single-layout .mq-article-content .wp-block-video,
.mq-single-layout .mq-article-content .wp-block-table{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
}
.mq-single-layout .mq-article-content img,
.mq-single-layout .mq-article-content video,
.mq-single-layout .mq-article-content iframe,
.mq-single-layout .mq-article-content table{max-width:100%}

/* Sidebar layouts: image + article rail use the complete main column. */
.mq-single-layout.mq-layout-mode-right-sidebar > .mq-article,
.mq-single-layout.mq-layout-mode-left-sidebar > .mq-article{width:100%;min-width:0}
.mq-single-layout.mq-layout-mode-right-sidebar .mq-v053-hero,
.mq-single-layout.mq-layout-mode-left-sidebar .mq-v053-hero,
.mq-single-layout.mq-layout-mode-right-sidebar .mq-article-content,
.mq-single-layout.mq-layout-mode-left-sidebar .mq-article-content{max-width:none!important}

@media(max-width:980px){
    .mq-single-layout .mq-v053-hero,
    .mq-single-layout .mq-article-content{width:100%}
}