/**
 * Public Composer row background band layer.
 */

.home-pres__section,
.rj-composer-block,
.rj-composer-composite,
.home-pres__composer-embed {
    position: relative;
}

.rj-composer-block.rj-composer-block--has-row-bg,
.rj-composer-composite.rj-composer-composite--has-row-bg,
.home-pres__composer-embed.home-pres__composer-embed--has-row-bg,
.home-pres__section.home-pres__section--has-row-bg,
.home-pres__section[class*='rj-surface--'].home-pres__section--has-row-bg {
    overflow: hidden;
    background-color: transparent;
}

.rj-composer-block--has-row-bg > *:not(.rj-composer-row-bg),
.rj-composer-composite--has-row-bg > *:not(.rj-composer-row-bg),
.home-pres__composer-embed--has-row-bg > *:not(.rj-composer-row-bg),
.home-pres__section--has-row-bg > *:not(.rj-composer-row-bg) {
    position: relative;
    z-index: 1;
}

.rj-composer-row-bg {
    overflow: hidden;
    --rj-row-bg-fade-strength: 0.55;
}

.rj-composer-row-bg__image {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.rj-composer-row-bg__edge {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    opacity: var(--rj-row-bg-fade-strength, 0.55);
}

.rj-composer-row-bg__edge--top {
    top: 0;
    left: 0;
    right: 0;
    height: 42%;
    background: linear-gradient(to bottom, var(--bg-page, #f7f4ef) 0%, rgba(247, 244, 239, 0) 100%);
}

.rj-composer-row-bg__edge--bottom {
    bottom: 0;
    left: 0;
    right: 0;
    height: 42%;
    background: linear-gradient(to top, var(--bg-page, #f7f4ef) 0%, rgba(247, 244, 239, 0) 100%);
}

.rj-composer-row-bg__edge--left {
    top: 0;
    bottom: 0;
    left: 0;
    width: 38%;
    background: linear-gradient(to right, var(--bg-page, #f7f4ef) 0%, rgba(247, 244, 239, 0) 100%);
}

.rj-composer-row-bg__edge--right {
    top: 0;
    bottom: 0;
    right: 0;
    width: 38%;
    background: linear-gradient(to left, var(--bg-page, #f7f4ef) 0%, rgba(247, 244, 239, 0) 100%);
}