/**
*
* @package phpBB Extension - Hatsnsnow
* @copyright (c) 2017 Martin - http://www.martins-phpbb.com
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
*
*/


/* Bg image */
html, body {
	background: url("./images/blue.jpg");no-repeat fixed;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        cursor: url("./images/hol351.cur"), auto;
}

#snow {
	background: none;
	background-image: url('./images/s1.png'), url('./images/s2.png'), url('./images/s3.png');
	height: 100%;
	width: 100%;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

.headerbar {
	background-color: #1464B1;
	background-image: url("./images/66.gif") !important;
}

#wrap {
	background-color: #e7eff4 !important;
	background-image: none !important;
	border: 0px solid #E6E9ED;
	box-shadow: 0 0 90px #000000;
	margin-top: -12px;
	margin-bottom: 1px !important;
	background-attachment: fixed;
}	

.forabg {
	background-color: #750000;
	background-image: url("./images/66.gif") !important;
	margin-bottom: 8px;
	padding: 3px;
	clear: both;
	border-radius: 6px;
	-webkit-box-shadow: 7px 7px 16px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 16px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 16px 0px rgba(50, 50, 50, 0.75);
}

.forumbg {
	background-color: #750000;
	background-image: url("./images/66.gif") !important;
	margin-bottom: 8px;
	padding: 3px;
	clear: both;
	border-radius: 6px;
	-webkit-box-shadow: 7px 7px 16px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 16px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 16px 0px rgba(50, 50, 50, 0.75);
}

.logo-hat {
	z-index: 1;
	background: url("./images/cornerhatbig.png");
	width: 110px;
        height: 127px;;
	position: absolute;
        margin-left: -51px;
        margin-top: -16px;
}

.hat {
	background: url("./images/cornerhat.png");
	width: 47px;
	height: 47px;
	position: absolute;
	margin-left: -21px;
	margin-top: -8px;
}
	
.chat {
	background: url("./images/cornerhat.png");
	width: 47px;
	height: 47px;
	position: absolute;
	margin-left: -18px;
	margin-top: -5px;
}

.santa {
        background-image: url("./images/santa-dancing-1.gif") !important;
        float: left;
        height: 100px;
        width: 90px;
        position: absolute;
        top: 1px;
        left: 90px;
        z-index: 1;
}

.santas {
        background-image: url("./images/animated-reindeer.gif") !important;
        float: right;
        height: 80px;
        width: 75px;
        position: absolute;
        top: 30px;
        right: 120px;
        z-index: 1;
}

.santafooter {
        background-image: url(./images/tree.gif) !important;
        float: left;
        height: 150px;
        width: 90px;
        position: fixed;
        bottom: 20px;
        left: -8px;
        z-index: 1;
}

.santasfooter {
        background-image: url(./images/santa-walking-animated-2.gif) !important;
        float: right;
        height: 70px;
        width: 60px;
        position: fixed;
        bottom: 30px;
        right: 15px;
        z-index: 1;
}

.copyright {
	border: 1px solid #999999;
        background: -webkit-linear-gradient(#FFFFFF, #e1ebf2, #e1ebf2, #FFFFFF);
        background: -o-linear-gradient(#FFFFFF, #e1ebf2, #e1ebf2, #FFFFFF);
        background: -moz-linear-gradient(#FFFFFF, #e1ebf2, #e1ebf2, #FFFFFF);
        background: linear-gradient(#FFFFFF, #e1ebf2, #e1ebf2, #FFFFFF);
        border-radius: 6px;
        height: auto;
}


.flip {
        background-image: url("./images/santa-flipping.gif") !important;
        width: 1px;
        height: 85px;
        margin-top: -80px;
        /* margin-bottom: -33px; */
        z-index: 1;
        padding-right: 90px;
}

.fliped {
        background-image: url("./images/santa-flipping.gif") !important;
        float: right;
        width: 1px;
        height: 85px;
        margin-top: -85px;
        /* margin-bottom: -33px; */
        z-index: 1;
        padding-right: 90px;
}

@media screen and (max-width: 700px) and (max-device-width: 700px) {
	.logo-hat {
		width: 0;
		height: 0;
	}
	.hat {
		width: 0;
		height: 0;
	}
	.chat {
		width: 0;
		height: 0;
	}

        .headerbar {
                   margin-top: 12px;
        }

       
        .santafooter, .santasfooter, .santa, .santas, .flip, .fliped { 
                display: none !important;
        }
}