/* RK Scroll Background - Layer Mode (Ohio/WPBakery) */
:root{ --rkbg-color: transparent; }

#rkbg-layer{
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: var(--rkbg-color);
  transition-property: background-color;
  transition-timing-function: ease-in-out;
  z-index: 0;
}

/* Put main content above the layer */
body.rkbg-layer-active{
  position: relative;
}

/* These wrappers often sit above body and paint white in Ohio/themes. Make them transparent and above the layer. */
body.rkbg-layer-active #page,
body.rkbg-layer-active #wrapper,
body.rkbg-layer-active .site,
body.rkbg-layer-active .wrapper,
body.rkbg-layer-active .wrap,
body.rkbg-layer-active main,
body.rkbg-layer-active #content,
body.rkbg-layer-active .site-container,
body.rkbg-layer-active .page-container,
body.rkbg-layer-active .content-wrapper,
body.rkbg-layer-active .ohio-main,
body.rkbg-layer-active .ohio-page,
body.rkbg-layer-active .ohio-wrapper{
  background: transparent !important;
  position: relative;
  z-index: 1;
}

/* Also ensure html/body backgrounds don't mask anything */
html.rkbg-layer-active,
body.rkbg-layer-active{
  background: transparent !important;
}