/**
 * ----------------------------------------------------------------------------
 * Frontend CSS
 * ----------------------------------------------------------------------------
 */
.wp-block-bi-blocks-iframe-text {
}

.wp-block-bi-blocks-iframe-text .media>iframe {
    display: block;
    min-width: 100%
}

.wp-block-bi-blocks-iframe-text .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wp-block-bi-blocks-iframe-text .container.align-flex-start {
    align-items: flex-start
}

.wp-block-bi-blocks-iframe-text .container.align-center {
    align-items: center
}

.wp-block-bi-blocks-iframe-text .container.align-flex-end {
    align-items: flex-end
}

.wp-block-bi-blocks-iframe-text .container.align-stretch {
    align-items: stretch
}

.wp-block-bi-blocks-iframe-text .container.align-stretch iframe {
    min-height: 100%;
}

.wp-block-bi-blocks-iframe-text .container.flipped {
    flex-wrap: wrap-reverse;
}

.wp-block-bi-blocks-iframe-text .container.flipped .media {
    order: 2;
}

.wp-block-bi-blocks-iframe-text .container>* {
    order: 1;
    margin: 0px;
}

.wp-block-bi-blocks-iframe-text>.container>.text {
    flex-grow: 999;
    flex-basis: 400px;
    padding: 16px;
}

.wp-block-bi-blocks-iframe-text>.container>.text>*:first-child {
    margin-top: 0px;
}

.wp-block-bi-blocks-iframe-text>.container>.text>*:last-child {
    margin-bottom: 0px;
}

.wp-block-bi-blocks-iframe-text>.container>.media {
    flex-grow: 1;
    text-align: center;
    position: relative;
}

.wp-block-bi-blocks-iframe-text .media>iframe {
    display: inline-block;
    vertical-align: middle;
    border-radius: 16px;
    overflow: hidden;
}