/*
* @package phpBB Extension - Style Edits
* @copyright (c) 2016 Stoker - http://www.phpbb3bbcodes.com
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
* @Author Stoker - http://www.phpbb3bbcodes.com
*/

html, body {
	color: #536482;
	background-color: #011927;
}

@media (min-width: 701px) {
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: calc(100dvh - 46px) !important;  
	}
	#page-body {
		flex: 1;
	}
}
@media (max-width: 700px) {
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: 100svh;  
	}
	#page-body {
		flex: 1;
	}
}
.headerbar {
	background-color: #004066; 
	background-image: -webkit-linear-gradient(top, #006CAD 0%, #057DC5 2px, #004066 80px, #004066 100%);
	background-image: linear-gradient(to bottom, #006CAD 0%, #057DC5 2px, #004066 80px, #004066 100%);
	background-repeat: repeat-x;
}

.forabg, .forumbg {
	background-color: #001E30; 
	background-image: -webkit-linear-gradient(top, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%);
	background-image: linear-gradient(to bottom, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%);
	background-repeat: repeat-x;
}

.site_logo {
	background-image: url("./images/site_logo.png");
	display: inline-block;
	width: 246px;
	height: 65px;
}
.logintexted {
	min-height:280px;
	background: #F4F4F4;
	margin-bottom:4px;
}
.logintextedheader {
	min-height:280px;
}
.catheadlogin {
	height:100px !important;
	margin-top:-4px !important;
	margin-bottom:-5px !important;
}
/* Warning */
#leverpostej, #kagemand, #juleand {
	display: none;
}
.abdorange, .abdorange h2 {
	color: #e69500 !important;
	border-color: #e69500 !important;
}
.notice-dialog-content {
    background-color: #fefefe !important;
	min-height:220px;
    padding: 20px !important;
    border: 4px solid #ef0000;
    border-radius: 4px !important;
    text-align: center !important;
    z-index: 2147483647 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.notice-dialog-content h2 {
    color:#ef0000;
	font-weight:bold !important;
	font-size:4em !important;
	margin-top:2px !important;
	border-bottom: 2px solid #ef0000;
}
.notice-dialog-content p {
    font-size:2em !important;
	font-weight:bold !important;
	color: #000 !important;
	
}
@media (max-width: 700px) {
	.notice-dialog-content h2 {
		font-size:2.4em !important;
	}
	.notice-dialog-content p {
		font-size:1.4em !important;
	}
}
/* Warning EDN */
span.forum-image {
	width:50px;
	line-height:30px;
	margin-top:-10px;
	margin-left:-5px;
	text-align:center;
}
table.postit
{
	background-color: #fff;
	color: #404040;
	table-layout: fixed;
	width: 250px;
	font-size: 14px;
	float: right;
	margin-left: 10px;
	border: 1px #ac7900 solid;
}

.postbody .content {
	min-height:250px;
}

.copyright {
	height: auto;
}
.copyright p.footer-row {
	line-height:12px;
}

i.yellowp{color:#ffd700;}
i.brownp{color:#873e23;}
i.greenp{color:#009900;}
i.orangep{color:#ffa500;}
i.bluep{color:#0076B1;}
i.redp{color:#cc0000;}
i.pinkp{color:#FF10F0;}
.statistics i.fa-bigger {font-size:14px;}

@media (max-width: 700px) {
	.postbody .content {
	min-height:0px;
	}
	span.forum-image {
	display:none !important;
	}
	.navbar{
	box-shadow:none !important;
	}
	.copyright p.footer-row {
	display:none;
	}
}

.postitheadline
{
	background-color: #ffe57b;
	color: #404040;
	padding-left: 6px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #ac7900;
}

.postitcontent
{
	background-color: #fff;
	color: #404040;
	font-size: 12px;
	padding: 8px;
}

form .stokercounter{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#aaa;
	}
form .warning{color:#600;}	
form .exceeded{color:#e00;}	

#gallery { list-style:none; }
#gallery li { background:#e8e8e8; float:left; display:block; margin:10px 28px; border:1px solid #d7d7d7; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:0; -webkit-box-shadow:1px 1px 6px #ddd; -moz-box-shadow:1px 1px 6px #ddd; box-shadow:1px 1px 6px #ddd; }
#gallery li p {  border:1px solid #ffffff;  padding:7px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; margin:0;
 }
#gallery li a { display:block; color:#fff; padding:0; text-decoration:none;  }
#gallery img { width:150px; height:93px; margin:0px 0px -6px 0px; padding:0; }

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 auto;
	background: url("./images/h2_trigger_a.gif") no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 auto;
	border: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	width: 490px;
	clear: both;
}

.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}

/* Mod Instructions BBCode */
.inst-wrapper {
   background: #FFFFFF;
   padding: 1px;
   margin-bottom: 1px;
   border: solid 1px #999999;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

.inst-content {
   background: #D6E6F6;
   padding: 6px 10px;
   border: solid 1px #D2DBE3;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

code.inline {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C9D2D8;
    color: #2E8B57;
    display: inline;
    font-family: Monaco,'Andale Mono','Courier New',Courier,monospace;
    font-size: 0.9em;
    font-style: normal;
    line-height: 1.3em;
    padding: 0 3px;
}

.progressbbcodes {
	overflow: hidden;
	margin: 14px 10px -4px 10px;
	padding: 0 15px;
	width: 220px;
	height: 34px;
	background: #d3d5d9;
	border-radius: 17px;
	background-image: -webkit-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: -moz-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: -o-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: linear-gradient(to bottom, #ebecef, #bfc3c7);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
}

.progressbbcodes-val {
	float: right;
	margin-left: 15px;
	font: bold 15px/34px Helvetica, Arial, sans-serif;
	color: #333;
	text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.progressbbcodes-bar {
	display: block;
	overflow: hidden;
	height: 8px;
	margin: 13px 0;
	background: #b8b8b8;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 60%);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
}

.progressbbcodes-in {
	display: block;
	min-width: 8px;
	height: 8px;
	background: #1997e6;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #147cd6, #24c1fc);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #147cd6, #24c1fc);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -o-linear-gradient(left, #147cd6, #24c1fc);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), linear-gradient(to right, #147cd6, #24c1fc);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.progressBar {
   width:216px;
   height:41px;
   background:url("./images/bg_bar.gif") no-repeat 0 0;
   position:relative;
}

.progressBar span {
   position:absolute;
   display:block;
   width:200px;
   height:25px;
   background:url("./images/bar.gif") no-repeat 0 0;
   top:8px;
   left:8px;
   overflow:hidden;
   text-indent:-8000px;
}

.progressBar em {
   position:absolute;
   display:block;
   width:200px;
   height:25px;
   background:url("./images/bg_cover.gif") repeat-x 0 0;
   top:0;
}

.scroll-btn {
	height: 30px;
	width: 30px;
	border: 2px solid #000;
	border-radius: 50%;
	background-color: #000;
	position: fixed;
	bottom: 45px;
	right: 15px;
	opacity: 0.5;
	z-index: 9999;
	cursor: pointer;
	display: none;
}

.scroll-btn .scroll-btn-arrow {
	height: 8px;
	width: 8px;
	border: 3px solid;
	border-right: none;
	border-top: none;
	margin: 12px 9px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	color: white;
}

.notouch .scroll-btn:hover { opacity: 0.8 }

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.scroll-btn {
		bottom: 8px;
		right: 8px;
	}
}

input.buttonpw {
	color: #787878;
	border: 1px solid #787878;
	background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
	background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
	text-decoration: none;
	vertical-align: text-bottom;
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.5;
}

li.header dl{
	text-shadow:0px 0px 0 rgb(150,150,150), 1px 1px 0 rgb(63,63,63),2px 2px 1px rgba(0,0,0,0.8),2px 2px 1px rgba(0,0,0,0.7),0px 0px 1px rgba(0,0,0,0.4);
}

.with-mark, dd.mark{
	text-shadow: none;
}

#search-box form{
	-webkit-box-shadow: 3px 3px 3px black;
	-moz-box-shadow: 3px 3px 3px black;
	box-shadow: 3px 3px 3px black;
}

.site-description h1 {
	text-shadow:0px 0px 0 rgb(194,194,194),1px 1px 0 rgb(150,150,150), 2px 2px 0 rgb(107,107,107),3px 3px 2px rgba(0,0,0,0.8),3px 3px 1px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.4);
}

.site-description p{
	text-shadow:0px 0px 0 rgb(150,150,150), 1px 1px 0 rgb(63,63,63),2px 2px 1px rgba(0,0,0,0.8),2px 2px 1px rgba(0,0,0,0.7),0px 0px 1px rgba(0,0,0,0.4);
}

.headerbar {
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.80);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.80);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.80);
}

.navbar {
	-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.40);
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.40);
}

.collapsible {
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.60);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.60);
}

.button:hover,
.button:focus {
	border-color: #006B8F;
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #006B8F;
}

.report-icon {
	background-image: -moz-linear-gradient(top, #FFFFFF, #C44343);
	background-image: -webkit-linear-gradient(top, #FFFFFF, #C44343);
	background-image: -o-linear-gradient(top, #FFFFFF, #C44343);
	background-image: linear-gradient(to bottom, #FFFFFF, #C44343);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#C44343')";
}

/*
* Colour unread titles
*/
[class*="forum_unread"] a.forumtitle,
[class*="forum_unread_subforum"] a.forumtitle {
	color: #CC0000;
}

[class*="topic_unread"] a.topictitle {
	color: #CC0000;
}