/* @group Images Row
------------------------------------ */

.images-row .content-box {
    overflow: hidden;
    border-radius: 1rem;
}

/* Middle
------------------------------------ */
.images-row .content-box:is(.middle) {
    position: relative;
    padding: 10rem 3rem;
}

.images-row .content-box:is(.middle) .bp-multimedia {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.images-row .content-box:is(.middle) .bp-multimedia::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: rgba(84, 96, 100, .2);
    z-index: var(--z-index-lowest);
}

.images-row .content-box:is(.middle) .text-wrapper {
    z-index: calc(var(--z-index-lowest) + 1);
    border-radius: 1rem;
    overflow: hidden;
    padding: 5rem 4.7rem;
}

.images-row .content-box:is(.middle) .text-wrapper .bp-button {
    margin-top: 1.5rem;
}

/* Bottom
------------------------------------ */
.images-row .content-box:is(.bottom) {
    position: relative;
}

.images-row .content-box:is(.bottom) .bp-multimedia {
    height: 46rem;
}

.images-row .content-box:is(.bottom) .text-wrapper {
    padding: 4rem 3rem;
}

@media only screen and (min-width : 961px) {
    .images-row .content-box {
        width: 50%;
        border: 1px solid var(--gray);
    }

    .images-row .content-box .text-wrapper {
        min-height: 32rem;
    }

    .images-row .content-box .text-wrapper>p {
        height: 9rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Middle
	--------------- */
    .images-row .content-box:is(.middle) {
        padding: 15rem 19.7rem 15rem 12.4rem;
    }

    .images-row .content-box:is(.middle) .text-wrapper {
        padding: 10rem 4.7rem;
        height: 100%;
    }

    /* Bottom
	--------------- */
    .images-row .content-box:is(.bottom) .text-wrapper {
        padding: 4rem 10rem;
    }
}

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

@media only screen and (min-width : 0) and (max-width : 960px) {}

/* @end */


/* Editor
------------------------------------ */
:where(.editor-styles-wrapper) .images-row .wp-block-bp-core-bp-row>.block-editor-inner-blocks>.block-editor-block-list__layout {
    flex-wrap: wrap !important;
}

:where(.editor-styles-wrapper) .images-row .content-box:is(.middle)>.block-editor-inner-blocks>.block-editor-block-list__layout {
    position: static;
}

:where(.editor-styles-wrapper) .images-row .content-box:is(.middle) .bp-multimedia {
    pointer-events: all;
}

/* Animations
------------------------------------ */
:where(#wrapper) .images-row .content-box {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .images-row .content-box.animateActive {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
}

:where(#wrapper) .images-row .content-box.animateActive {
    --delay: 0.3s;
}