/* @group accordion-section
------------------------------------ */
.accordion-section {
    position: relative;
}
.accordion-section .header {
    margin: 0 0 7.8rem;
}
.accordion-section :is(h2, p){
    color: var(--blue);
}
.accordion-section .header h2 {
    margin: 0 0 2rem;
}
.accordion-section .last-column h2 {
    margin: 0 0 2rem;
}
.accordion-section .image-accordion-content .wp-block-image {
    margin: 0;
    border-radius: 2rem;
    overflow: hidden;
    height: 33.3rem;
}

@media only screen
and (min-width : 961px) {
    .accordion-section .header {
        margin: 0 0 10.5rem;
    }
    .accordion-section .image-accordion-content .wp-block-image {
        height: 72.4rem;
    }
    .accordion-section .last-column h2 {
        margin: 0 0 4rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .accordion-section .header :is(h2, p, h3) {
        text-align: center;
    }
    .accordion-section .first-column {
        order: -1;
        margin: 0 0 3.8rem;
    }
}

/* @end */

.accordion-section .wp-block-columns,
.accordion-section .block-editor-block-list__block.wp-block-newfield-bp-row {
    margin-top: 0;
    margin-bottom: 0;
}



/* FLOWERS */
.wp-admin .accordion-section .components-resizable-box__container {
    margin: 0 0 0 auto;
}
.accordion-section figure.wp-block-image img {
    object-position: right center !important;
}

body:not(.wp-admin) .accordion-section .outer-shapes {
    position: absolute;
    z-index: var(--z-index-medium, 2);
    top: -23rem;
    right: 0;
    left: auto;
    bottom: auto;
}
@media only screen
and (min-width : 961px) {
    body:not(.wp-admin) .accordion-section .outer-shapes {
        top: -37rem;
    }
}


/* ANIMATIONS */
:where(#wrapper) .accordion-section :is(h2, h3, .last-column, .first-column, .outer-shapes) {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .accordion-section.animateActive :is(h2, h3, .last-column, .first-column, .outer-shapes) {
	animation: fadeUp var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .accordion-section.animateActive .outer-shapes {
	--delay: 0;
}
:where(#wrapper) .accordion-section.animateActive h2 {
	--delay: 0.5s;
}
:where(#wrapper) .accordion-section.animateActive h3 {
    --delay: 0.5s;
}
:where(#wrapper) .accordion-section.animateActive .last-column {
	--delay: 0.75s;
}
:where(#wrapper) .accordion-section.animateActive .first-column {
	--delay: 1s;
}