/* @group 2 Columns Images & Content
------------------------------------ */

.two-columns-images .images-col {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.two-columns-images .images-col .bp-multimedia {
    flex: 0 1 100%;
    height: 26.6rem;
}

@media only screen
and (min-width : 961px) {
    .two-columns-images .images-col {
        gap: 2rem;
    }
    .two-columns-images .images-col .bp-multimedia {
        flex: 0 1 calc(50% - 1rem);
        height: 47.5rem;
    }
}
@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) .two-columns-images .images-col > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}


/* Animations
------------------------------------ */
:where(#wrapper) .two-columns-images .images-col .bp-multimedia {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .two-columns-images.animateActive .images-col .bp-multimedia {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .two-columns-images.animateActive .images-col .bp-multimedia:nth-child(1n+1) {
    --delay: 0.3s;
}
:where(#wrapper) .two-columns-images.animateActive .images-col .bp-multimedia:nth-child(1n+2) {
    --delay: 0.6s;
}
:where(#wrapper) .two-columns-images.animateActive .images-col .bp-multimedia:nth-child(1n+3) {
    --delay: 0.8s;
}
:where(#wrapper) .two-columns-images.animateActive .images-col .bp-multimedia:nth-child(1n+4) {
    --delay: 1s;
}