/* All Hallows' Eve decorations, added by event_decorations() (includes/functions/f_events.php)
   only while the event runs. Purely visual: nothing here takes clicks. */
#layout{position:relative;z-index:0} /* the cobwebs sit on the parchment, under everything else */
#layout::before,#layout::after{content:'';position:absolute;top:0;width:150px;height:156px;
    background:url(/images/events/deco/halloween-cobweb.png) no-repeat 0 0/contain;opacity:.45;pointer-events:none;z-index:-1}
#layout::before{left:60px;width:92px;height:96px} /* ends above the side menu, whose background would cut it off */
#layout::after{right:60px;transform:scaleX(-1)}
#main-content::before{content:'';display:block;height:84px;margin:-4px 0 0;pointer-events:none;
    background:url(/images/events/deco/halloween-garland.png) round no-repeat left top/auto 84px} /* round: whole swags only, none cut at the ends */
.navbar-brand img.hw-logo{height:72px;width:auto}
.navbar-brand img.hw-logo.mobile-only{height:50px}
.hw-bat{position:fixed;left:0;top:0;width:56px;height:28px;pointer-events:none;z-index:2000;color:#1d1410;will-change:transform}
.hw-bat svg{width:100%;height:100%;fill:currentColor;animation:hw-flap .18s ease-in-out infinite alternate;transform-origin:50% 40%}
@keyframes hw-flap{from{transform:scaleY(1)}to{transform:scaleY(.35)}}
/* Pages that load their content into the page again (the Blackthorn Forest) nest a second #main-content: one garland only. */
#main-content #main-content::before{content:none}
@media (max-width:800px){
    #layout::before,#layout::after{width:70px;height:74px} /* inside the logo bar, above the white stats bar */
    #layout::before{left:0}
    #layout::after{right:0}
    #main-content::before{height:58px;background-size:auto 58px;background-repeat:round no-repeat}
    .hw-bat{width:40px;height:20px}
}
@media (prefers-reduced-motion:reduce){.hw-bat{display:none}}