
/* =========================================================
   VIDEURO ARTICLE IMAGES — FINAL LAYOUT FIX
   ONLY article inline images
   ========================================================= */

.va-content figure.videuro-article-photo,
.va-content .videuro-inline-image.videuro-article-photo{
    position:relative !important;

    display:block !important;

    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    height:auto !important;

    flex:none !important;
    flex-basis:100% !important;
    flex-grow:0 !important;
    flex-shrink:0 !important;

    grid-column:1 / -1 !important;

    align-self:stretch !important;

    float:none !important;
    clear:both !important;

    margin:42px 0 48px 0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:18px !important;

    opacity:1 !important;
    visibility:visible !important;

    box-sizing:border-box !important;
}


/* IMAGE ITSELF */

.va-content figure.videuro-article-photo > img,
.va-content .videuro-inline-image.videuro-article-photo > img{
    position:relative !important;

    display:block !important;

    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    height:auto !important;

    aspect-ratio:16 / 9 !important;

    object-fit:cover !important;
    object-position:center center !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;

    border:0 !important;
    border-radius:18px !important;

    opacity:1 !important;
    visibility:visible !important;

    box-sizing:border-box !important;
}


/* Prevent old article rules from making image a thumbnail */

.va-content .videuro-article-photo img:first-child,
.va-content .videuro-article-photo:first-of-type img{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    height:auto !important;

    aspect-ratio:16 / 9 !important;

    object-fit:cover !important;
}


/* MOBILE */

@media (max-width:700px){

    .va-content figure.videuro-article-photo,
    .va-content .videuro-inline-image.videuro-article-photo{
        margin:28px 0 34px !important;
        border-radius:14px !important;
    }

    .va-content figure.videuro-article-photo > img,
    .va-content .videuro-inline-image.videuro-article-photo > img{
        aspect-ratio:4 / 3 !important;
        border-radius:14px !important;
    }

}

