/* @group Image & List
------------------------------------ */

/* Image Col
------------- */
.image-and-list .image-col .bp-multimedia {
    height: 37.4rem;
}

/* List Col
------------- */
.image-and-list .list-col .wp-block-list li {
    padding-block: .3rem .5rem;
    border-bottom: 1px solid var(--gold);
}
.image-and-list .list-col .wp-block-list li:is(:nth-child(1)) {
    margin-top: .5rem;
    border-top: 1px solid var(--gold);
}

@media only screen
and (min-width : 961px) {
    /* Image Col
    ------------- */
    .image-and-list .image-col .bp-multimedia {
        height: 67.9rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .image-and-list > .row {
        padding-inline: 0!important;
    }
    /* Image Col
    ------------- */
    .image-and-list .image-col {
        margin-bottom: 2.5rem;
    }
    /* List Col
    ------------- */
    .image-and-list .list-col {
        padding-inline: var(--_row-extra-pad)!important;
    }
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .image-and-list :is(.image-col, .list-col) {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .image-and-list.animateActive :is(.image-col, .list-col) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .image-and-list.animateActive :is(.image-col) {
    --delay: 0.3s;
}
:where(#wrapper) .image-and-list.animateActive :is(.list-col) {
    --delay: 0.5s;
}