/* @group Image & Text
------------------------------------ */

.image-text {
    position: relative;
}

.image-text .text-col .bp-multimedia {
    height: 5.7rem;
    margin: 0 auto;
}


@media only screen and (min-width : 961px) {
    :where(#wrapper) .image-text :is(.text-col, #important) {
        margin-left: calc(7 * var(--row-default) / var(--row-columns));
        padding-block: 13.5rem;
    }

    :where(#wrapper) .image-text :is(.image-col, #important) {
        padding-inline: 0;
        width: 50vw;
        max-width: 50vw;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
    }

    :where(#wrapper) .image-text .image-col .bp-multimedia {
        height: 100%;
    }
}

@media only screen and (min-width : 961px) and (max-width : 1440px) {}

@media only screen and (min-width : 0) and (max-width : 960px) {
    .image-text .image-col {
        margin-bottom: 5rem;
    }

    .image-text .image-col .bp-multimedia {
        height: 39.4rem;
    }

    .image-text .text-col>* {
        padding-inline: 0;
    }
}

/* @end */