/* Dynamic Cover Background - front styles */
body.dcb-has-bg::before,
body.dcb-has-bg::after{
  content:"";
  position:fixed;
  top:0; bottom:0;
  width:var(--dcb-edge-width, 220px);
  pointer-events:none;
  z-index:-1;
}
body.dcb-has-bg::before{
  left:0;
  background:linear-gradient(to right, var(--dcb-bg), rgba(0,0,0,0));
}
body.dcb-has-bg::after{
  right:0;
  background:linear-gradient(to left, var(--dcb-bg), rgba(0,0,0,0));
}

/* Optional helper class you can use in Elementor elements */
.dcb-text-on-bg{
  color:var(--dcb-fg);
}