/* Halloween (theme_season = halloween): faint cobwebs in card corners, one small spider on a thread above the menu
   row, a few autumn leaves drifting through the home slider. Drawn by seasons/season.js from seasons/halloween.js. */

html.season-halloween .ss-edge.hw-web { left: 0; top: 0; width: 38px; height: 38px; opacity: .55; }
html.season-halloween .ss-edge.hw-web svg { width: 100%; height: 100%; }

html.season-halloween .ss-string.hw-spider { left: 58%; top: -24px; width: 20px; height: 40px; }
html.season-halloween .hw-drop { position: absolute; left: 9px; top: 0; animation: ss-bob 6s ease-in-out infinite; }
html.season-halloween .hw-drop::before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 22px; background: linear-gradient(#cbd2d8, #8a949c); }
html.season-halloween .hw-drop svg { position: absolute; left: -7px; top: 20px; width: 15px; height: 13px; }

html.season-halloween .ss-amb.hw-leaves > i { top: -28px !important; width: 17px; height: 20px; opacity: .9; animation-name: hw-leaf; animation-timing-function: linear; animation-iteration-count: infinite; }
html.season-halloween .ss-amb.hw-leaves > i svg { display: block; width: 100%; height: 100%; }
html.season-halloween .ss-amb.hw-leaves > i:nth-child(2n) { color: #b45309; }
html.season-halloween .ss-amb.hw-leaves > i:nth-child(3n) { color: #a16207; width: 13px; height: 16px; }
html.season-halloween .ss-amb.hw-leaves > i { color: #c2410c; }

@keyframes hw-leaf {
	0% { transform: translate3d(0, 0, 0) rotate(0); }
	25% { transform: translate3d(22px, 170px, 0) rotate(80deg); }
	50% { transform: translate3d(-10px, 340px, 0) rotate(170deg); }
	75% { transform: translate3d(18px, 510px, 0) rotate(260deg); }
	100% { transform: translate3d(0, 690px, 0) rotate(350deg); }
}