/* Auto Blog Writer by HOF v3.7 front-end image safeguards.
   These rules intentionally target only plugin-generated images/classes. */

/* HOF Auto Blog generated featured/blog-listing image class.
   The theme may still control the surrounding card/date layout. */
.hof-auto-blog-featured {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Inside-post generated image. */
.hab-inside-story-image,
.hof-auto-blog-inline-image {
    margin: 0 0 1.25rem 0;
    max-width: 380px;
}

.hab-inside-story-image img,
.hof-auto-blog-inline-image,
.hof-auto-blog-inline-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
}

.hab-inside-image-top,
.hab-inside-image-center {
    max-width: 520px;
    margin: 0 auto 1.5rem auto;
}

.hab-inside-image-top img,
.hab-inside-image-center img {
    aspect-ratio: 16 / 9;
}

.hab-inside-image-right_wrap {
    float: right;
    margin: 0.25rem 0 1rem 1.5rem;
}

.hab-inside-image-left_wrap {
    float: left;
    margin: 0.25rem 1.5rem 1rem 0;
}

@media (max-width: 700px) {
    .hab-inside-story-image,
    .hof-auto-blog-inline-image,
    .hab-inside-image-right_wrap,
    .hab-inside-image-left_wrap,
    .hab-inside-image-top,
    .hab-inside-image-center {
        float: none;
        max-width: 100%;
        margin: 0 0 1.25rem 0;
    }
}