/*********************************************
 * Media Content
**********************************************/
/* ratio media */
.vii-media-content__image, .vii-media-content .vii-video-popup__popup {aspect-ratio:774/458;}

/* video */
.vii-media-content .vii-video-popup {margin-bottom:0 !important;}
.vii-media-content .vii-video-popup__popup {height:auto;}

/*********************************************
 * Media position
**********************************************/
@media only screen and (min-width:769px) {
    /* Image position left */
    .media-position-left .vii-media-content__col.content {padding-left:24px;}

    /* Image position right */
    .media-position-right .vii-media-content__col.content {padding-right:24px;}
    .media-position-right .vii-media-content__inner {flex-direction:row-reverse;}

    /* Column */
    .vii-media-content__col.media {width:57.6%;}
    .vii-media-content__col.content {width:42.4%;}
}

/*********************************************
 * Responsive
**********************************************/
@media only screen and (max-width:768px) {
    .vii-media-content__col {width:100%;}
    .vii-media-content:not(.media-position-mobile-bottom) .vii-media-content__col.media,
    .media-position-mobile-bottom .vii-media-content__col.content {margin-bottom:var(--vii-spacing-24);}

    /* Media position mobile */
    .media-position-mobile-bottom .vii-media-content__inner {flex-direction:column-reverse;}
}