/**
 *
 * @package phpBB Extension - Snowy Header
 * @copyright (c) 2016 kasimi - https://kasimi.net
 * @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
 *
 */
.snowy-header {
	position: relative;
	overflow: hidden;
}

.snowy-header > * {
	z-index: 25;
}

.snowflake {
	position: absolute;
	animation-name: fadedrop;
	animation-iteration-count: infinite, infinite;
	animation-timing-function: linear, ease-in;
	pointer-events: none;
	z-index: 20;
	top: -25px;
}

.snowflake > div {
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	transform-origin: 25% -50%;
}

.snowflake1 { background: url(./images/snow1.png) no-repeat; width: 454px; height: 340px; }
.snowflake2 { background: url(./images/snow2.png) no-repeat; width: 22px; height: 24px; }
.snowflake3 { background: url(./images/snow3.png) no-repeat; width: 14px; height: 14px; }

@keyframes fadedrop {
	0%		{ opacity: 0; transform: translate(0px, -25px) rotate(0.0001deg); }
	5%		{ opacity: 1; }
	95%		{ opacity: 1; }
	100%	{ opacity: 0; transform: translate(0px, 110px) rotate(0.0001deg); }
}

@keyframes clockwiseSpin {
	0%		{ transform: rotate(-45deg); }
	100%	{ transform: rotate(45deg); }
}

@keyframes counterclockwiseSpinAndFlip {
	0%		{ transform: scale(-1, 1) rotate(45deg); }
	100%	{ transform: scale(-1, 1) rotate(-45deg); }
}

.snowy-header-toggle {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 30;
}

.snowy-header.off .snowflake,
.snowy-header.off .snowflake > div {
	display: none;
	animation-play-state: paused;
}