/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			SE:Gamer Dark 
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		PlanetStyles ( https://www.planetstyles.net/ )
    --------------------------------------------------------------
*/

/* colours.css changes */
html, body {
	background: url("./images/bg.jpg") repeat #F9F9F9;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

h1 {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 3em;
	margin: 0;
}

h1 span {
	color: #ff992c;
}

h2 {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 0;
}

h3 {color: #000000;}

li.header dt, li.header dd {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}

a.forumtitle, a.topictitle {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}

.postlink, .postlink:visited, .postlink:hover {
	background: none;
	color: inherit;
	border: none;
}

.rules .postlink {
	border-bottom: 1px dotted;
}

.content, .postbody h3 {
	font-family: Arial, Helvetica, sans-serif;
}

.postbody h3 {
	font-size: 1.2em;
}

.postbody .content {
	font-size: 1.2em;
}

.site_info {
	background: rgba(0,0,0,0.5);
	display: inline-block;
	overflow: hidden;
	padding: 10px 15px;
	margin: 45px 0;
}

.site_info p {
	margin: 0;
	padding-left: 16px;
}

ul#nav-breadcrumbs {
	margin: 15px 0;
}

.wrap {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
	border-radius: 15px;
}

.search-header {
	box-shadow: 0 0 10px #5b5b5b;
}

.headerbar{
  min-height: 185px;
  background: #000 url("./images/banner.jpg") no-repeat center top;
  background-size: cover;
  border-radius: 7px 7px 0 0;
  padding: 0 30px;
  margin: 0;
}

/* Mobiel: minder hoogte en padding, zodat het niet “te groot” wordt */
@media (max-width: 700px){
  .headerbar{
    min-height: 110px;   /* kies wat netjes oogt */
    padding: 0 12px;
    background-position: center center; /* meestal het beste op mobiel */
  }
}


.navbar {
	background-color: #dfdfdf;
}

.forabg, .forumbg {
	background-color: #141414;
	background-image: url("./images/forumbg.gif");
	padding: 0;
}

li.header {
	padding-top: 5px;
}

.copyright a {
	color: #ff992c !important;
}

ul.navlinks {
	border-top: none;
}

li.row.reported {
	background-color: #ECD5D8 !important;
}

li.header dt, li.header dd {
	padding: 6px 0 10px 0;	
}

li.header dl.row-item dt {
	background: url("./images/cattip.png") no-repeat 7px 8px;
}

.forumbg, .forabg {
	margin-bottom: 15px;
}

.site_logo {
	background-image: url("./images/site_logo.svg");
}

#nav-main > li > a, #nav-footer > li > span > a, #nav-footer > li > a, #page-footer .navbar {color: #FFFFFF;}

.navbar i {color: #ff992c;}

.badge {
	background-color: #ff992c;
	top: 5px;
	opacity: 1;
}

.copyright span {
	color: #cccccc;
}

.search-header {
	margin-top: 79px;
}

li.row {
	border-top: none;
	padding: 5px 0;
}

li.header dl.row-item dt .list-inner {
	padding-left: 20px;
	padding-right: 30px;
}

.action-bar {
	margin: 15px 0;
}


/* =============================================================
   Wiethoekje overrides (keeps original rules above intact)
   Goal: consistent dark/green palette + orange accents
   ============================================================= */

:root {
	--wth-bg0: #0a1a00;   /* darkest */
	--wth-bg1: #0f2410;   /* panels */
	--wth-bg2: #102a12;   /* headers */
	--wth-text: #cccccc;
	--wth-muted: #7d8b7d;
	--wth-accent: #ff992c;
}

html, body {
	background: var(--wth-bg0) !important;
	color: var(--wth-muted);
}

/* Headings (fixes black h3 on dark panels) */
h1, h2, h3,
.postbody h3,
li.header dt, li.header dd,
a.forumtitle, a.topictitle {
	color: var(--wth-text) !important;
}

h1 span,
.navbar i,
.badge,
.copyright a {
	color: var(--wth-accent) !important;
}

/* Keep the forum “container” dark */
.headerbar {
	background-color: var(--wth-bg0);
}

.navbar {
	background-color: var(--wth-bg1) !important;
	border: 1px solid rgba(255, 255, 255, 0.04);
}

.forabg, .forumbg {
	background-color: var(--wth-bg1) !important;
	background-image: none !important;
}

li.header {
	background: var(--wth-bg2) !important;
}

/* Links readable on dark */
a, a:visited {
	color: var(--wth-text);
}

a:hover, a:focus {
	color: #ffffff;
}

/* Footer / nav text */
#nav-main > li > a,
#nav-footer > li > span > a,
#nav-footer > li > a,
#page-footer .navbar {
	color: var(--wth-text) !important;
}

/* Reported/posts warnings stay visible */
li.row.reported {
	background-color: rgba(211, 17, 65, 0.20) !important;
}





/* responsive.css changes */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body {
		background-color: #FFF;
	}

	body {
		padding-left: 5px;
		padding-right: 5px;
	}

	#wrap {
		width: 850px;
		padding: 0;
		border-width: 0;
		border-radius: 0;
		box-shadow: none;
	}
}

@media only screen and (max-width: 860px), only screen and (max-device-width: 860px) {
	#wrap {
		width: auto;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	body {
		padding: 0;
	}
	
	.headerbar {
		margin-left:-5px !important;
		margin-right:-5px !important;
	}
}

/* Icons */

/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/icon_read.png"); }

/* Keep dark background on small screens too (override upstream responsive block) */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body {
		background: var(--wth-bg0) !important;
		color: var(--wth-muted);
	}
}
.global_read_mine					{ background-image: url("./images/icon_read_mine.png"); }
.global_read_locked					{ background-image: url("./images/icon_read_locked.png"); }
.global_read_locked_mine			{ background-image: url("./images/icon_read_locked_mine.png"); }
.global_unread						{ background-image: url("./images/icon_unread.png"); }
.global_unread_mine					{ background-image: url("./images/icon_unread_mine.png"); }
.global_unread_locked				{ background-image: url("./images/icon_unread_locked.png"); }
.global_unread_locked_mine			{ background-image: url("./images/icon_unread_locked_mine.png"); }

.announce_read						{ background-image: url("./images/icon_read.png"); }
.announce_read_mine					{ background-image: url("./images/icon_read_mine.png"); }
.announce_read_locked				{ background-image: url("./images/icon_read_locked.png"); }
.announce_read_locked_mine			{ background-image: url("./images/icon_read_locked_mine.png"); }
.announce_unread					{ background-image: url("./images/icon_unread.png"); }
.announce_unread_mine				{ background-image: url("./images/icon_unread_mine.png"); }
.announce_unread_locked				{ background-image: url("./images/icon_unread_locked.png"); }
.announce_unread_locked_mine		{ background-image: url("./images/icon_unread_locked_mine.png"); }

.forum_link							{ background-image: url("./images/icon_read.png"); }
.forum_read							{ background-image: url("./images/icon_read.png"); }
.forum_read_locked					{ background-image: url("./images/icon_read_locked.png"); }
.forum_read_subforum				{ background-image: url("./images/icon_read.png"); }
.forum_unread						{ background-image: url("./images/icon_unread.png"); }
.forum_unread_locked				{ background-image: url("./images/icon_unread_locked.png"); }
.forum_unread_subforum				{ background-image: url("./images/icon_unread.png"); }

.sticky_read						{ background-image: url("./images/icon_read.png"); }
.sticky_read_mine					{ background-image: url("./images/icon_read_mine.png"); }
.sticky_read_locked					{ background-image: url("./images/icon_read_locked.png"); }
.sticky_read_locked_mine			{ background-image: url("./images/icon_read_locked_mine.png"); }
.sticky_unread						{ background-image: url("./images/icon_unread.png"); }
.sticky_unread_mine					{ background-image: url("./images/icon_unread_mine.png"); }
.sticky_unread_locked				{ background-image: url("./images/icon_unread_locked.png"); }
.sticky_unread_locked_mine			{ background-image: url("./images/icon_unread_locked_mine.png"); }

.topic_moved						{ background-image: url("./images/icon_read.png"); }
.pm_read,
.topic_read							{ background-image: url("./images/icon_read.png"); }
.topic_read_mine					{ background-image: url("./images/icon_read_mine.png"); }
.topic_read_hot						{ background-image: url("./images/icon_read.png"); }
.topic_read_hot_mine				{ background-image: url("./images/icon_read_mine.png"); }
.topic_read_locked					{ background-image: url("./images/icon_read_locked.png"); }
.topic_read_locked_mine				{ background-image: url("./images/icon_read_locked_mine.png"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/icon_unread.png"); }
.topic_unread_mine					{ background-image: url("./images/icon_unread_mine.png"); }
.topic_unread_hot					{ background-image: url("./images/icon_unread.png"); }
.topic_unread_hot_mine				{ background-image: url("./images/icon_unread_mine.png"); }
.topic_unread_locked				{ background-image: url("./images/icon_unread_locked.png"); }
.topic_unread_locked_mine			{ background-image: url("./images/icon_unread_locked_mine.png"); }

dl.row-item {
	background-size: 27px;
}

a:link, a:active, a:visited, .icon.icon-blue { color: #ff992c; }
a:hover, a:hover .icon.icon-blue { color: #ffa212; }

.pagination li.active span, .pagination li a:hover, .global_unread:before, .global_unread_mine:before, .global_unread_locked:before, .global_unread_locked_mine:before, .announce_unread:before, .announce_unread_mine:before, .announce_unread_locked:before, .announce_unread_locked_mine:before, .forum_unread:before, .forum_unread_locked:before, .forum_unread_subforum:before, .sticky_unread:before, .sticky_unread_mine:before, .sticky_unread_locked:before, .sticky_unread_locked_mine:before, .pm_unread:before, .topic_unread:before, .topic_unread_mine:before, .topic_unread_hot:before, .topic_unread_hot_mine:before, .topic_unread_locked:before, .topic_unread_locked_mine:before {
	background-color: #ff992C !important;
}
/* =========================
   Wiethoekje FUN refresh
   (non-destructive overrides)
   ========================= */

:root{
  --wiet-bg:#0f2213;
  --wiet-bg2:#14331a;
  --wiet-panel:#184122;
  --wiet-panel2:#1c4a27;
  --wiet-border:rgba(255,255,255,0.08);
  --wiet-text:#d7f0da;
  --wiet-muted:rgba(215,240,218,0.72);
  --wiet-lime:#7cff6b;
  --wiet-orange:#ffb020;
  --wiet-pink:#ff5bbd;
}

html, body{
  background: radial-gradient(1200px 700px at 20% 0%, rgba(124,255,107,0.14), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(255,176,32,0.10), transparent 55%),
              linear-gradient(180deg, var(--wiet-bg) 0%, var(--wiet-bg2) 100%) !important;
  color: var(--wiet-text);
}

/* Make the whole page feel lighter + cleaner */
.wrap{
  border-color: rgba(124,255,107,0.18) !important;
  background: linear-gradient(135deg, rgba(20,51,26,0.92) 0%, rgba(15,34,19,0.92) 70%) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.45), 0 0 18px rgba(124,255,107,0.10) !important;
}

/* Panels / forum blocks */
.forabg, .forumbg, ul.forums, li.row, .bg1, .bg2, .bg3, .panel,
.dropdown .dropdown-contents, .jumpbox-cat-link, .jumpbox-sub-link, .jumpbox-forum-link{
  background: linear-gradient(180deg, rgba(24,65,34,0.88), rgba(20,51,26,0.88)) !important;
}

/* Slightly brighter inner panels */
.post, .panel-container .panel, .cp-mini, .cp-main .panel{
  background: linear-gradient(180deg, rgba(28,74,39,0.78), rgba(24,65,34,0.78)) !important;
  border-color: var(--wiet-border) !important;
}

/* Text contrast */
.headerbar p, .copyright, ul.topiclist li, .postprofile, .signature, dl.details dd, .content{
  color: var(--wiet-muted) !important;
}

h1, h2, h3, .forabg .header a, .forumbg .header a, th a{
  color: var(--wiet-text) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

/* Links: lime, hover warm orange for “fun” */
a{ color: var(--wiet-lime) !important; }
a:hover{ color: var(--wiet-orange) !important; }

/* Buttons + inputs: less flat */
.button, a.button1, input.button1, a.button2, input.button2, input.button3{
  background: linear-gradient(180deg, rgba(124,255,107,0.18), rgba(124,255,107,0.08)) !important;
  border: 1px solid rgba(124,255,107,0.25) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}
.button:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover{
  background: linear-gradient(180deg, rgba(255,176,32,0.20), rgba(255,176,32,0.10)) !important;
  border-color: rgba(255,176,32,0.35) !important;
}

.inputbox, textarea, select{
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: var(--wiet-text) !important;
}
.inputbox:focus, textarea:focus, select:focus{
  outline: none;
  border-color: rgba(124,255,107,0.35) !important;
  box-shadow: 0 0 0 3px rgba(124,255,107,0.12);
}

/* Give forum rows a friendlier hover */
li.row:hover, table.table1 tbody tr:hover{
  background: rgba(124,255,107,0.05) !important;
}

/* Header strip: a bit more “alive” */
li.header{
  background: linear-gradient(90deg, rgba(124,255,107,0.10), rgba(255,176,32,0.08)) !important;
}

/* Optional: subtle “fun” highlight for unread/new */
.unread, .unread a{
  color: var(--wiet-pink) !important;
}