.elementor-183 .elementor-element.elementor-element-6757e2c{--display:flex;overflow:visible;}.elementor-183 .elementor-element.elementor-element-eead815{--display:flex;overflow:visible;}.elementor-183 .elementor-element.elementor-element-86435a1{--display:flex;overflow:visible;}/* Start custom CSS */<!-- ============================================
     FORUM 3 (DESIGN) — PAGE BACKGROUND
     Warm gallery canvas with watercolor washes.
     Paste CSS into Elementor → Page Settings
     → Custom CSS. Or drop as first HTML widget.
============================================ -->
<style>
body,.elementor-section,.e-con,.elementor-top-section{
  background:transparent !important;
}
html,body{
  min-height:100vh;
  background:#FAF8F5 !important;
}
#gal-bg{
  position:fixed;inset:0;
  width:100%;height:100%;
  pointer-events:none;z-index:0;
}
.elementor-section-wrap,.e-con-inner,
#gal-main,#gal-topbar,#gal-sidebar{
  position:relative;z-index:1;
}
</style>

<canvas id="gal-bg"></canvas>
<script>
(function(){
  var c=document.getElementById('gal-bg');
  var ctx=c.getContext('2d');
  function draw(){
    var W=c.width=window.innerWidth;
    var H=c.height=window.innerHeight;
    /* Warm off-white base */
    ctx.fillStyle='#FAF8F5';
    ctx.fillRect(0,0,W,H);
    /* Terracotta wash — top left */
    var g1=ctx.createRadialGradient(W*0.08,H*0.08,0,W*0.08,H*0.08,W*0.55);
    g1.addColorStop(0,'rgba(196,96,58,0.07)');
    g1.addColorStop(0.5,'rgba(196,96,58,0.03)');
    g1.addColorStop(1,'rgba(196,96,58,0)');
    ctx.fillStyle=g1;ctx.fillRect(0,0,W,H);
    /* Sage green wash — bottom right */
    var g2=ctx.createRadialGradient(W*0.92,H*0.92,0,W*0.92,H*0.92,W*0.5);
    g2.addColorStop(0,'rgba(90,130,100,0.06)');
    g2.addColorStop(0.5,'rgba(90,130,100,0.025)');
    g2.addColorStop(1,'rgba(90,130,100,0)');
    ctx.fillStyle=g2;ctx.fillRect(0,0,W,H);
    /* Dusty blue wash — top right */
    var g3=ctx.createRadialGradient(W*0.92,H*0.05,0,W*0.92,H*0.05,W*0.38);
    g3.addColorStop(0,'rgba(100,130,170,0.05)');
    g3.addColorStop(1,'rgba(100,130,170,0)');
    ctx.fillStyle=g3;ctx.fillRect(0,0,W,H);
    /* Warm centre vignette */
    var g4=ctx.createRadialGradient(W/2,H/2,0,W/2,H/2,Math.max(W,H)*0.75);
    g4.addColorStop(0,'rgba(250,248,245,0)');
    g4.addColorStop(1,'rgba(235,228,218,0.28)');
    ctx.fillStyle=g4;ctx.fillRect(0,0,W,H);
    /* Tiny scattered paint flecks */
    var flecks=[
      {x:.12,y:.32,r:.0022,a:.18,col:'196,96,58'},
      {x:.18,y:.55,r:.0016,a:.13,col:'196,96,58'},
      {x:.08,y:.72,r:.002, a:.10,col:'90,130,100'},
      {x:.82,y:.18,r:.0018,a:.12,col:'100,130,170'},
      {x:.88,y:.42,r:.002, a:.14,col:'196,96,58'},
      {x:.75,y:.65,r:.0016,a:.10,col:'90,130,100'},
      {x:.45,y:.12,r:.0014,a:.09,col:'196,96,58'},
      {x:.55,y:.88,r:.0018,a:.11,col:'100,130,170'},
      {x:.30,y:.82,r:.0015,a:.08,col:'90,130,100'},
      {x:.68,y:.28,r:.0014,a:.09,col:'196,96,58'},
    ];
    flecks.forEach(function(f){
      ctx.beginPath();
      ctx.arc(f.x*W,f.y*H,f.r*Math.min(W,H),0,Math.PI*2);
      ctx.fillStyle='rgba('+f.col+','+f.a+')';
      ctx.fill();
    });
    /* Faint grain texture lines */
    ctx.save();
    ctx.globalAlpha=0.018;
    ctx.strokeStyle='#8B7355';
    ctx.lineWidth=0.5;
    for(var i=0;i<12;i++){
      var y=H*(0.08+i*0.078);
      ctx.beginPath();
      ctx.moveTo(0,y+Math.sin(i)*8);
      ctx.bezierCurveTo(W*0.3,y+Math.cos(i*0.7)*6,
                        W*0.7,y+Math.sin(i*1.3)*5,W,y+Math.cos(i)*7);
      ctx.stroke();
    }
    ctx.restore();
  }
  draw();
  window.addEventListener('resize',draw);
})();
</script>/* End custom CSS */