/* Custom CSS for PBTech

You can customize whatever you want.
Some defaults are included, like on PBWoW.com

Get all the FontAwesome CSS codes here: https://fortawesome.github.io/Font-Awesome/icons/

*/

#logo {
	background: url("./images/logo.png") no-repeat 50% 0;
	width: 363px;
	height: 52px;
	margin: 10px 0 0;
}

/* Top-bar links
 * (example of how to apply custom icons to elements in the top-bar)
--------------------------------------------- */

#top-bar .icon1:before			{ content: '\f19c'; }
#top-bar .icon2 > a:before		{ content: '\f19d'; }
#top-bar .icon3 > a:before		{ content: '\f1d8'; }
#top-bar .icon4 > a:before		{ content: '\f283'; }
#top-bar .icon5 > a:before		{ content: '\f086'; }
#top-bar .icon6 > a:before		{ content: '\f27a'; }
#top-bar .icon7 > a:before		{ content: '\f122'; }



/* Special post styles
--------------------------------------------- */

.blizz .post,
.blizz #viewprofile .panel:first-of-type { background: #ecebea url("./images/staff.gif") no-repeat 0 0; }
.blizz .content { color: #086d97; }
.blizz .content strong { color: #41aef0; }

.mvp .post,
.mvp #viewprofile .panel:first-of-type { background: #dbdfda; }
.mvp .content { color: #038515; }
.mvp .content strong { color: #63913e; }

.medic .post,
.medic #viewprofile .panel:first-of-type { background: #d8d8d8 url("./images/medic.png") no-repeat 0 0; }

.angel .post,
.angel #viewprofile .panel:first-of-type { background: #ecebea url("./images/donor.png") no-repeat 0 0; }
.blizz .content { color: #086d97; }
.blizz .content strong { color: #41aef0; }

/* Post profiles
--------------------------------------------- */

.blizz .postprofile .avatar {
	
}
.blizz .postprofile .avatar img {
background: url("./images/avatar-tr-blizz.png") 100% 0 no-repeat, url("./images/avatar-bl-blizz.png") 0 100% no-repeat;
	border-color: #77c1ff;
	box-shadow: 0 0 8px rgba(1,93,255,0.5);
}

.mvp .postprofile .avatar {
	
}
.mvp .postprofile .avatar img {
	background: url("./images/avatar-tr-mvp.png") 100% 0 no-repeat, url("./images/avatar-bl-mvp.png") 0 100% no-repeat;
	border-color: #79ad50;
	box-shadow: 0 0 8px rgba(186,255,0,0.2);
}

.propass .postprofile .avatar {
	
}
.propass .postprofile .avatar img {
	background: url("./images/avatar-tr-propass.png") 100% 0 no-repeat, url("./images/avatar-bl-propass.png") 0 100% no-repeat;
	border-color: #f3a900;
	box-shadow: 0 0 8px rgba(243,169,0,0.2);
}

.angel .postprofile .avatar {

}
.angel .postprofile .avatar img {
	background: url("./images/avatar-tr-propass.png") 100% 0 no-repeat, url("./images/avatar-bl-propass.png") 0 100% no-repeat;
	border-color: #f3a900;
	box-shadow: 0 0 8px rgba(243,169,0,0.2);
}


/* Hide repetitive post titles
--------------------------------------------- */

body.section-viewtopic .postbody h3,
#qr_postform .fields1 > dl {
	display: none;
}

body.section-viewtopic .postbody p.author {
	clear: none;
	margin: 0;
	padding: 8px 0 12px;
}

.links-box {
   padding: 0em 1em 2em 3em;
}

.links-box a:before {
   padding-right: 0.5em;
}

audio::-webkit-media-controls-panel{
border-radius: 7px;
border-color: ccc;
background: linear-gradient(to bottom, rgba(198,213,220,1) 0%, rgba(186,186,186,1) 100%);
}
/*background-image: linear-gradient(1deg, rgba(86, 124, 207, 1) -52%, #CDCDCD 30%, #E0E8EC 100%);*/

audio::-webkit-media-controls-timeline{
width: 230px;
}

audio::-webkit-media-controls-timeline-container{
color: #6E9EAD;
}


audio::-webkit-media-controls-volume-slider{
background-color: #6E9EAD;
color: #6E9EAD;
}

audio::-webkit-media-controls-timeline {
    background-color:#6E9EAD;
}

audio::-webkit-media-controls-volume-slider-container {
	background-color:#6E9EAD;
	color: #6E9EAD;
}