/* The linked image is added to blog posts only. The original Elementor hero
 * is kept in its stored template, but its whole block is removed from this layout.
 */
body.single-post #main > .creon-article-banner {
    display: block;
    box-sizing: border-box;
    width: min(1100px, calc(100% - 40px));
    margin: 28px auto 36px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ffffff29;
    border-radius: 16px;
    background: #000;
    line-height: 0;
    text-decoration: none;
}

body.single-post #main > .creon-article-banner img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

body.single-post #main > .creon-article-banner:focus-visible {
    outline: 3px solid #d8ed36;
    outline-offset: 4px;
}

body.single-post #main > .elementor-977 > .elementor-element-1d157f4 {
    display: none !important;
}

/* If the existing optional post subscription module is enabled, keep its
 * controls below the linked banner, with no second copy of the same image.
 */
body.single-post #main > .creon-follow > .creon-follow__intro {
    display: none;
}

body.single-post #main > .creon-follow {
    justify-content: center;
    padding: 24px;
}

body.single-post #main > .creon-follow > .creon-follow__actions {
    padding: 0;
}

@media (max-width: 760px) {
    body.single-post #main > .creon-article-banner {
        width: calc(100% - 28px);
        margin-top: 20px;
    }
}