/*
 * 	BNE Blocks: Shape Divider
 *
 * 	@author		Kerry Kline
 * 	@copyright	Copyright (c) Kerry Kline
 * 	@link		http://www.bnecreative.com
 *
 * 	@updated:	Aug 16, 2023
 *
*/



.wp-block[data-type="bne/shape-divider"] > .editor-block-list__block-edit,
[data-type="bne/shape-divider"] {
    margin-top: 0;
    margin-bottom: 0;
}



/* == Shapes == */
.wp-block-bne-shape-divider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.wp-block-bne-shape-divider svg {
    fill: currentColor;
    height: 100%;
    left: 0;
    bottom: -1px;
    position: absolute;
    width: 100%
}

.wp-block-bne-shape-divider-svg-wrapper {
    position: relative;
    height: var(--shapeHeight);
}

.wp-block-bne-shape-divider-alt-wrapper {
    background-color: currentColor;
    height: var(--backgroundHeight);
}

.wp-block-bne-shape-divider.is-horizontally-flipped svg {
    transform: scaleX(-1)
}

.wp-block-bne-shape-divider.is-vertically-flipped {
    flex-direction: column-reverse
}

.wp-block-bne-shape-divider.is-vertically-flipped svg {
    bottom: 0;
    top: -1px;
    transform: scaleY(-1)
}

.wp-block-bne-shape-divider.is-vertically-flipped.is-horizontally-flipped svg {
    transform: scaleX(-1) scaleY(-1)
}

.wp-block-bne-shape-divider .bne-divider-waves path:nth-child(1) {
    opacity: 0.15
}

.wp-block-bne-shape-divider .bne-divider-waves path:nth-child(2) {
    opacity: 0.3
}

/* Brush */
.wp-block-bne-shape-divider.is-style-brush .wp-block-bne-shape-divider-svg-wrapper {
    transform: rotate(180deg);
}
.wp-block-bne-shape-divider .bne-divider-brush {
    bottom: 0;
}
.wp-block-bne-shape-divider.is-vertically-flipped .bne-divider-brush {
    top: 0;
}

/* offset Adjustment */
.wp-block-bne-shape-divider.has-offset {
    z-index: 1;
    margin-top: calc( var(--shapeHeight) * -1 );
}
.wp-block-bne-shape-divider.is-vertically-flipped.has-offset {
    margin-top: 0;
    margin-bottom: calc( var(--shapeHeight) * -1 );
}

/* Mobile adjustments */
@media( max-width: 768px ) {
    .wp-block-bne-shape-divider {
        --shapeHeight: 50px !important;
    }
}


/* offset Adjustment */
.wp-block-bne-shape-divider.has-offset {
    z-index: 1;
    margin-top: calc( var(--shapeHeight) * -1 );
}
.wp-block-bne-shape-divider.is-vertically-flipped.has-offset {
    margin-top: 0;
    margin-bottom: calc( var(--shapeHeight) * -1 );
}

.wp-block-bne-shape-divider-alt-wrapper {
    margin-top: -1px;
}