.boldr-content.bcms-ve-content-resizing {
    cursor: ew-resize;
}
.bcms-ve-content-changing-spacing {
    cursor: ns-resize;
}

.bcms-ve-content-resize {
    cursor: ew-resize;
    width: 3px;
    top: 0;
    bottom: 0;
    position: absolute;
}

.boldr-content-wrapper:hover .bcms-ve-content-resize {
    opacity: 0.2;
    background: var(--boldr-text-color);
}

.bcms-ve-content-resize-left {
    left: var(--boldr-content-left-margin);
}

.bcms-ve-content-resize-right {
    right: var(--boldr-content-right-margin);
}

.bcms-ve-page-section-editor .boldr-content-wrapper {
    position: relative;
}

.bcms-ve-content-image-add {
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    border-radius: 5px;
    background: #eee;
    padding: 10px;
    color: #999;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bcms-ve-content-image-add i + i {
    margin-left: 10px;
}

.bcms-ve-content-image {
    width: 100%;
    height: 100%;
    position: relative;
}

.bcms-ve-content-image-remove {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    z-index: 100;
}

.boldr-content-opposite-content-image .bcms-ve-content-images-above,
.boldr-content-opposite-content-image .bcms-ve-content-images-below {
    grid-area: opposite;
}

.boldr-content-image-below.boldr-content-opposite-content-image .bcms-ve-content-images-above,
.boldr-content-image-above.boldr-content-opposite-content-image .bcms-ve-content-images-below {
    display: none;
}

.bcms-ve-content-spacing {
    height: 3px;
    opacity: 0.2;
    cursor: ns-resize;
    background: var(--boldr-text-color);
}

.bcms-ve-content-spacing-bottom-opposite,
.bcms-ve-content-spacing-bottom-content {
    align-self: end;
}

.bcms-ve-content-spacing-bottom-content,
.bcms-ve-content-spacing-top-content {
    grid-area: content;
}

.boldr-content-attach-heading-to-content .bcms-ve-content-spacing-top-content {
    grid-area: heading-attached;
}
.boldr-content-attach-links-to-content .bcms-ve-content-spacing-bottom-content {
    grid-area: links-attached;
}


.bcms-ve-content-spacing-bottom-opposite,
.bcms-ve-content-spacing-top-opposite {
    grid-area: opposite;
}