/*  phpBB3 Style Sheet
	--------------------------------------------------------------
	Style name:			PBWoW3
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		PayBas ( http://pbwow.com/ )
	--------------------------------------------------------------
*/


@import url("base.css?hash=7c5543be");
@import url("common.css?hash=a9741ba1");
@import url("links.css?hash=cbeb92cc");
@import url("content.css?hash=56f9e623");
@import url("buttons.css?hash=5856472d");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=b64464fb");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("imageset.css?hash=48eb3f89");
@import url("custom.css?hash=15f13f89");
@import url("responsive.css?hash=87b53e08");
@import url("extensions.css?hash=07db3f81");


/* PBWoW Master style specific assets (overall_header {T_THEME_NAME}
   (excluded for children)
--------------------------------------------- */

body.pbwow3 {
	background-attachment: scroll;
}

body.pbwow3 .logo {
	background: url("./images/theme/logo.png") no-repeat;
	background-size: 101%;
	width: 300px;
	height: 180px;
	margin: 10px 10px 40px 10px;
	display: block;
}

body.pbwow3 #video-background {
	display: none;
}

body.pbwow3 #page-body:before {
	display: none;
}
body.pbwow3 #page-body {
	background-color: rgba(0,0,0,0.90);
}

@media only screen and (max-width: 999px), only screen and (max-device-width: 999px) {

	body.pbwow3 {
		background-image: url("./images/theme/wod-small.jpg");
		background-position: 0 0;
	}

	body.pbwow3.topbar {
		background-position: 0 41px;
	}
}

@media screen and (max-width: 859px) {
	body.pbwow3 #logo {
		width: 200px;
		height: 100px;
		margin: 0 0 25px 0;
	}
}

@media screen and (max-width: 640px) {
	body.pbwow3 #logo {
		display: none;
	}
}

/* Tweaks
--------------------------------------------- */
.notouch.section-viewtopic .post-buttons {
	opacity: 0;
	transition: opacity .4s;
}

.notouch.section-viewtopic .post:hover .post-buttons {
	opacity: 1;
}

ul.linklist > li,
#quick-links {
	margin-right: 10px;
}

ul.linklist > li.rightside {
	margin-left: 10px;
}

.icon-mark-read {
	margin-left: 20px !important;
	margin-right: 15px !important;
}

ul.linklist > li a:hover {
	text-decoration: none;
}

.action-bar.compact {
	display: none;
}

input#pf_pbbnetavatar, label[for=pf_pbbnetavatar] {
	display: none;
}

.topic_poll + hr {
	display: none;
}


-------------------------------------------------------------- */

@media screen and (max-width: 999px) {
	.forum-blocks li.row,
	.index-left .forum-blocks li.row {
		width: 100%;
		min-height: 60px;
	}

	.forum-blocks li.row dl {
		min-height: inherit;
	}

	.postprofile {
		background-position: 50% 0;
	}
}





html::before,
body::before,
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 300%;
    height: 300%;
    background: url("/styles/pbwow3/theme/images/animation.png") repeat;
    background-size: cover;
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: screen;
    will-change: transform;
}

html::before {
    opacity: 0.18;
    animation: fogMove1 60s linear infinite;
    filter: blur(2px) brightness(1.4);
}

body::before {
    opacity: 0.14;
    animation: fogMove2 60s linear infinite;
    transform: scaleX(-1);
    filter: blur(3px) brightness(1.3);
}

body::after {
    opacity: 0.12;
    animation: fogMove3 60s linear infinite;
    transform: scaleY(-1);
    filter: blur(2px) brightness(1.2);
}

@keyframes fogMove1 {
    0% { transform: translateX(0) translateY(0); }
    100% { transform: translateX(-30%) translateY(-20%); }
}

@keyframes fogMove2 {
    0% { transform: scaleX(-1) translateX(0) translateY(0); }
    100% { transform: scaleX(-1) translateX(-30%) translateY(-20%); }
}

@keyframes fogMove3 {
    0% { transform: scaleY(-1) translateX(0) translateY(0); }
    100% { transform: scaleY(-1) translateX(-30%) translateY(-20%); }
}

@media (max-width: 1000px) {
    html::before,
    body::before,
    body::after {
        display: none !important;
        opacity: 0 !important;
        background: none !important;
        animation: none !important;
        content: none !important;
    }
}