/* BBCodes Stylesheet */
/* BBCodes Stylesheet */
html, body {
	background-color: #EBEBEB;
	padding-top: 0;
	padding-bottom: 0;
}

#wrap {
	box-shadow: 0 0 8px 1px #b3b3b3;
	border-radius: 0;
	margin-top: -2px;
	margin-bottom: -2px;
	padding-bottom: 0;
}
@media (min-width: 701px) {
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: 100dvh;
	}
	#page-body {
		flex: 1;
		font-size: 1.1em;
	}
	.postprofile {
		width: 23%;
		font-size: 1.05em;
	}
	.postprofile dd,
	.postprofile dt {
		line-height: 1.3;
	}
	.postbody {
		width: 75%;
		font-size: 1.05em;
	}
}
.broken-image-text {
    color: #a00;
}
.quick-login .fa-lock, .quick-login .fa-unlock, form#login .fa-lock, form#login .fa-unlock  {
    transform: scale(1.2);
	transform-origin: 50% -10px;
}
.icon.icon-md {
	font-size: 12px;
}

.shield-wrapper {
    display: inline-block;
    height: 20px;
	padding: 1px 0px;
	vertical-align: bottom;
}

.shield-wrapper img {
    height: 20px;
    width: auto;
    display: block;
}
.icon-wrapper {
	position: relative;
	display: inline-flex;
}
.icon-wrapper .badge {
	position: absolute;
	top: 4px;
	left: 9px;
	opacity: 1;
	
	font-size: 11px;
	height: 11px;
}
.stat-block .topiclist.forums li.row dt {
	min-height: 19px;
}
.memberlist_avatar {
	display: inline-block;
	height: 35px;
	width: 45px;
	text-align: center;
}
.memberlist_avatar img {
	display: inline-block;
	width: auto;
	max-width: 40px;
	max-height: 40px;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
}
img.default-avatar-profile {
	background: #fff;
	border-radius: 50%;
	padding: 4px;
	margin: 2px;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
img.default-avatar-topic {
	background: #fff;
	border-radius: 50%;
	padding: 4px;
	margin: 2px;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.button,
.inputbox.search.tiny,
.mchat-input-container { 
	border-radius: 0px;
}
.button.button-secondary {
	padding-left: 6px;
	padding-right: 6px;
	min-width: 25px;
}

.headerbar {
	background: linear-gradient(
		to bottom,
		hsl(222, 25%, 6%),
		hsl(222, 25%, 41%)
	);
}
.forabg,
.forumbg,
ul.topiclist.two-columns li.header {
	background: linear-gradient(
		to bottom,
		hsl(222, 25%, 24%),
		hsl(222, 25%, 48%)
	);
}
.headerbar {
	height: 90px;
	background: #011927 var(--bg-header, url("./images/webp/styleedits2.webp"));
	margin-bottom: 2px;
}
body.styleedits0 { --bg-header: url("./images/webp/styleedits0.webp") center / cover }
body.styleedits2 { --bg-header: url("./images/webp/styleedits2.webp") top / cover }
body.styleedits4 { --bg-header: url("./images/webp/styleedits4.webp") center / cover }
body.styleedits6 { --bg-header: url("./images/webp/styleedits6.webp") center / cover }
body.styleedits8 { --bg-header: url("./images/webp/styleedits8.webp") center / cover }
body.styleedits10 { --bg-header: url("./images/webp/styleedits10.webp") center / cover }
body.styleedits12 { --bg-header: url("./images/webp/styleedits12.webp") bottom / cover }
body.styleedits14 { --bg-header: url("./images/webp/styleedits14.webp") center / cover }
body.styleedits16 { --bg-header: url("./images/webp/styleedits16.webp") 10% 50% / cover }
body.styleedits18 { --bg-header: url("./images/webp/styleedits18.webp") bottom / cover }
body.styleedits20 { --bg-header: url("./images/webp/styleedits20.webp") center / cover }
body.styleedits22 { --bg-header: url("./images/webp/styleedits22.webp") center / cover }
li.header dt,
li.header dd {
	text-transform: none;
	font-size: 1.4em;
	line-height: 1.2;
	font-weight: normal;
}
.navbar,
.bg1,
.bg2, .bg3,
.panel {
    background-color: #FCFCFC;
}
.navbar {
    border: 1px solid #CCCCCC;
}
#page-header .navbar {
	margin-bottom: 4px;
}
nav.navbar i.fa-gavel {
	transform: scale(1.4);
	margin-right:4px;
}
nav.navbar i.fa-cloud-upload {
	transform: scale(1.6);
	margin-right:4px;
}
.badge {
    top:6px;
}
.header-profile a.header-avatar {
    margin-right:2px;
}
a.header-avatar.dropdown-trigger i.fa-caret-down {
    display: none;
}
#page-header .navbar {
    border: none;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #005293 2px, #000000 92px, #000000 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#005293 2px,#000000 92px,#000000 100%);
	background-repeat: repeat-x;
	
}
#nav-main,
#nav-main a,
nav-main i,
ul#nav-breadcrumbs a,
ul#nav-breadcrumbs span,
ul#nav-footer,
ul#nav-footer a,
ul#nav-footer i {
	color: #fff;
}
#page-header .dropdown-contents a,
#page-header .dropdown-container {
	color: #105289;
}
#page-header .navbar li.breadcrumbs {
		max-width: 55%;
		max-height: 26px;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}
#page-footer > .navbar {
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #005293 2px, #000000 92px, #000000 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#005293 2px,#000000 92px,#000000 100%);
	background-repeat: repeat-x;
	border: none;
}
ul#nav-main .header-profile {
	background-color: #fff;
	border-radius: 5px;
	padding: 0px 4px;
	margin-top: -1px;
}
.has-profile .post-buttons {
	top: 1px;
}
ul.forums {
    background-color: #FCFCFC;
	background-image: none;
}
ul.topiclist.forums {
    border-radius: 5px;
}
ul.topiclist.forums li:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-color:  transparent;
}
ul.topiclist.forums li:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-color:  transparent;
}
ul.topiclist.topics > li.header + li.row {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-color: transparent;
}
ul.topiclist.topics > li.row:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-color: transparent;
}
ul.topiclist.topics > li.row:has(+ li.header) {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.row-item {
	display: flex;
	align-items: center;
}
ul.topiclist.topics dl.row-item {
	padding: 1px 0;
}
ul.topiclist.forums dl.row-item {
	margin:0;
}
dl.row-item .pagination {
	margin-bottom: 0;
}
li.row:hover dd {
	border-left-color: #b3b3b3;
}
li.row:hover, li.row.bg1:hover, li.row.bg2:hover  {
	background-color: #FCFCFC;
	border-bottom-color: #b3b3b3;
}
li.row dd {
	border-left-color: #CCCCCC;
}
li.row {
    border-bottom-color: #CCCCCC;
}
li.row a.topictitle {
	font-size: 14px;
	line-height: 1;
}
dl.row-item a.forumtitle {
	font-size: 16px;
	line-height: 1;
}
a.forumtitle > h3 {
	all: unset;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
}
.phpbb_alert {
	border: 1px solid transparent;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 250px;
	z-index: 700;
}
/*
.sticky {
	background-color: green;
}
.announce {
	background-color: yellow;
}
.global-announce {
	background-color: red;
}
*/
/** Buttons START **/
a.button1,
a.button2,
input.button1,
input.button2,
input.button3 {
	background: #fafafa;
	background-image: none;
	filter: none;
	color: #111;
	border: 1px solid #999999;
	border-radius: 5px;
	padding: 5px 12px;
	line-height: 1.3;
	box-shadow:
		0 1px 0 rgba(255,255,255,0.85) inset,
		0 1px 2px rgba(0,0,0,0.2);
	transition:
		background-color .15s ease,
		border-color .15s ease,
		color .15s ease,
		box-shadow .15s ease,
		transform .05s ease;
}

a.button1:hover,
a.button2:hover,
input.button1:hover,
input.button2:hover,
input.button3:hover {
	background-color: #f2f2f2;
	border-color: #D31141;
	color: #D31141;
	box-shadow:
		0 1px 0 rgba(255,255,255,0.9) inset,
		0 2px 4px rgba(0,0,0,0.12);
}
a.button1:active,
a.button2:active,
input.button1:active,
input.button2:active,
input.button3:active {
	transform: translateY(1px);
	box-shadow:
		0 1px 0 rgba(255,255,255,0.6) inset,
		0 1px 2px rgba(0,0,0,0.15);
}
a.button1:focus-visible,
a.button2:focus-visible,
input.button1:focus-visible,
input.button2:focus-visible,
input.button3:focus-visible {
	outline: none;
	border-color: #11A3EA;
	box-shadow:
		0 0 0 2px rgba(17,163,234,0.25);
}
input.disabled,
input:disabled {
	background: #e9e9e9;
	border-color: #cccccc;
	color: #777;
	box-shadow: none;
	cursor: not-allowed;
}
/** Buttons END **/
img.emoji { 
	font-size:18px;
}
.content ul,
.content ol { margin: 0.4em 0 0.4em 3em; }
.inline-attachment dl.file {
	background-color: #fff;
	width: fit-content;
	padding:15px;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}
html.phpbb-dark-mode .inline-attachment dl.file {
  background-color: #0f141a;
  border-color: #1f2a36;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
.inline-attachment dl.file em {
	font-weight: bold;
	font-size: 110%;
}
#logo {
	display:none;
}
.copyright p.footer-row {
	line-height:12px;
}
h3 {
	border-color:#105289;
}
h3 > i.fa,
.stat-block i.fa-eye {
	font-size:18px;
}
.stat-block h3 i.fa-eye,
.stat-block i.fa-eye {
	transform: scale(1.1);
}
#notification_list li.bg2 {
	background-color:#ffffb3;
}
.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);
	font-size:11px;
}
a.stokerheader p.stoker-sitename, .site-description h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-top: 15px;
	font-weight: bold;
	font-size:22px;
	line-height: 26px;
	color: #FFFFFF;
}
h2.forum-desc {
	font-size: 12px;
	line-height: 1.2;
	color: #333333;
	margin: 0;
	margin-top: 4px;
	padding: 0;
}
a.topictitle > h3 {
    all: unset;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
}
body h1.topic-title, body h1.forum-title {
	margin: 6px 0px;
}
h3.topictitlenoa {
	all: unset;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit; 
	text-decoration: none;
}
.site-description a,
.site-description a:hover,
.site-description a:active,
.float-header a,
.float-header a:hover,
.float-header a:active {
	text-decoration: none;
}
.site-description a {
	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);
	color:#fff;
}
.site-description h2 {
	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);
	color:#fff;
	font-size:11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	margin:0;
}
.site-description {
	margin-left:20px;
}
/** Knight Rider START **/
:root {
	--rider-bg: #111;
	--rider-height: 12px;
	--rider-light-width: 50%;
	--rider-cell-number: 8;
	--rider-cell-width: calc(var(--rider-height) * 3);
	--rider-cell-gap: calc(var(--rider-height) * 0.1);
	--rider-color-on: rgba(255, 0, 0, 1);
	--rider-color-off: rgba(255, 0, 0, 0.25);
}
.riderline {
	position: relative;
	width: calc(((var(--rider-cell-width) + var(--rider-cell-gap)) * var(--rider-cell-number)) - var(--rider-cell-gap));
	height: var(--rider-height);
	overflow: hidden;
	background: var(--rider-bg);
}
.riderline:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: repeating-linear-gradient(
	90deg,
	var(--rider-color-off),
	var(--rider-color-off) var(--rider-cell-width),
	var(--rider-bg) var(--rider-cell-width),
	var(--rider-bg) calc(var(--rider-cell-width) + var(--rider-cell-gap))
	);
	background-size: 200% 200%;
}
.riderlight {
	position: absolute;
	top: 0;
	height: 100%;
	left: calc(var(--rider-light-width) / 2 * -1);
	width: var(--rider-light-width);
	background: linear-gradient(90deg, transparent 0%, var(--rider-color-on) 45%, var(--rider-color-on) 55%, transparent 100%);
	animation: rider-kitt 2s infinite ease-in-out alternate;
	filter: drop-shadow(0 0 6px rgba(255, 0, 0, 0.6));
}
@keyframes rider-kitt {
	0%, 100% {
	left: calc(var(--rider-light-width) / 2 * -1);
	}
	50% {
	left: calc(100% - var(--rider-light-width) / 2);
	}
}
/** Knight Rider END **/
.ring-ring {
	color: #D31141;
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
}
/*	CSS for donor profile start	*/
.banner-container {
	width: 100%;
	max-width: 100%;
	margin: 8px 0;
}
.banner-container .banner {
	background: #011927 url("./images/webp/bg_header9.webp") 50% 50% / cover;
	position: relative;
	border-radius: 12px;
	text-align: center;
	border: 3px inset #fcba03;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4px;
	margin-bottom: 8px;
}
.ribbon-container {
	position: relative;
	min-height: 160px;
}
/* Stack container */
.ribbon-stack {
	position: absolute;
	top: 10px;
	right: -8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
/* Base ribbon styling */
.ribbon {
	min-width: 120px;
	padding: 6.5px 12px;
	border-radius: 4px 0 0 4px;
	color: #FFFFFF;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
	position: relative;
}
/* Supporter */
.ribbon-supporter {
	background: linear-gradient(#ff8000 0%, #cc6600 100%);
}
.ribbon-supporter::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #cc6600;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
/* Developer */
.ribbon-dev {
	background: linear-gradient(#00A690 0%, #007F6E 100%);
}
.ribbon-dev::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #007F6E;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
/* Donor */
.ribbon-donor {
	background: linear-gradient(#28a745 0%, #1e7e34 100%);
}
.ribbon-donor::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #1e7e34;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
.ribbon-admin {
	background: linear-gradient(#AA0000 0%, #770000 100%);
}
.ribbon-admin::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #770000;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
.ribbon-mod {
	background: linear-gradient(#000099 0%, #000066 100%);
}
.ribbon-mod::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #000066;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
.ribbon-tester {
	background: linear-gradient(#00BFFF 0%, #0099cc 100%);
}
.ribbon-tester::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #0099cc;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
/*
.ribbon-supporter {
	position: absolute;
	top: 10px;
	min-width: 120px;
	right: -8px;
	padding: 6.5px 12px;
	border-radius: 4px 0 0 4px;
	background: linear-gradient(#ff8000 0%, #cc6600 100%);
	color: #FFFFFF;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
}

.ribbon-supporter::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #cc6600;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
.ribbon-blue {
	position: absolute;
	top: 10px;
	min-width: 120px;
	right: -8px;
	padding: 6.5px 12px;
	border-radius: 4px 0 0 4px;
	background: linear-gradient(#2989D8 0%, #1E5799 100%);
	color: #FFFFFF;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
}
.ribbon-blue::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #1E5799;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
.ribbon-dev {
	position: absolute;
	top: 50px;
	min-width: 120px;
	right: -8px;
	padding: 6.5px 12px;
	border-radius: 4px 0 0 4px;
	background: linear-gradient(#00A690 0%, #007F6E 100%);
	color: #FFFFFF;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
}
.ribbon-dev::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #007F6E;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
.ribbon-donor {
	position: absolute;
	top: 90px;
	min-width: 130px;
	right: -8px;
	padding: 6.5px 12px;
	border-radius: 4px 0 0 4px;
	background: linear-gradient(#28a745 0%, #1e7e34 100%);
	color: #FFFFFF;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
}
.ribbon-donor::after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	border-top: 8px solid #1e7e34;
	filter: brightness(70%);
	border-right: 8px solid transparent;
}
 */
.text-content {
	flex: 1;
	padding: 12px 20px;
}
.banner-title {
	color: #fcba03;
	font-size: clamp(18px, 4vw, 24px);
	font-weight: 700;
	margin: 0 0 4px 0;
	line-height: 1.2;
}
.banner-message {
	color: #f2f2f2;
	font-size: clamp(12px, 3vw, 14px);
	line-height: 1.4;
	margin: 0;
	font-weight: 500;
}
.text-content h1 {
	padding-top: 0;
	margin-top: 0;
}
.donateprofile {
	margin-top:8px;
	margin-bottom:8px;
	height:70px;
	background: #011927 url("./images/webp/donate.webp") 50% 50% / cover;
	border: 3px inset #fcba03;
}
.donateprofile p {
	color: #fcba03;
	font-size:1.7em;
	line-height:1.4em;
	padding:10px 10px 0px 10px;
}
/*	CSS for donor profile end */
/*	Hidden users START */
.online-list a em,
em.hide24user {
	font-style: italic;
}
/*	Hidden users END */
/*	Legend START */
.online-list em a,
#page-body p em a {
	font-weight: bold;
	font-style: normal;
}
.online-list em,
#page-body p em {
	font-style: normal;
}
/*	Legend END */
.dropdown .dropdown-contents {
	z-index: 999;
}
.codebox {
	margin: 2px;
	vertical-align: middle;
}
ul#nav-main {
	font-size: 1.2em;
	line-height: 1.6em;
}
ul#nav-main i {
	font-size: 1.1em;
	transform: scale(1.4);
	margin: 8px 5px 0 5px;
}
ul#nav-main i.fa-heart {
		color:#cc0000;
}
ul#nav-main i.fa-trophy {
		color:#FFD700;
}
ul#nav-main i.fa-book {
		color:#569e33;
}
a.header-avatar img {
		border-radius:50%;
}
/* Stats on Index START */
.stat-block.statistics {
    font-family: Arial, sans-serif;
    color: #333;
}
.stat-block.statistics h3,
.stat-block.online-list h3,
.stat-block.twentyfourstats h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.5em;
	margin-top: 25px;
	margin-bottom: 4px;
	border-bottom: none;
	text-transform: none;
}
.stat-section h4 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.3em;
    margin-bottom: 8px;
    color: #115098;
}

.stat-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.stat-section {
    padding: 10px;
    border-radius: 8px;
    background: #f9f9f9;
    box-shadow:
		0 1px 2px rgba(0,0,0,0.15),
		0 4px 10px rgba(0,0,0,0.10);
}
.stat-section i.fa {
   transform: scale(1.4);
}
.stat-section.board {
	grid-column: span 3;
}
.stat-section.board .stat-cards-vertical {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.stat-section.board .stat-card {
	text-align: center;
	padding: 10px;
}
.stat-section .stat-card strong {
	font-size: 1.1em;
}
.stat-section .stat-card span {
	font-size: 1em;
}
.stat-section.oneline {
	grid-column: span 3;
}
.stat-section.oneline .stat-cards-vertical {
	display: flex;
	justify-content: center;
}

.stat-cards-vertical {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.stat-card {
    background: #fff;
    padding: 6px 8px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    font-size: 1.1em;
}
.stat-card span {
    line-height: 1.5em;
}
.stat-card strong {
    color: #222;
}
/* 
.stat-card:hover {
	transform: translateY(-1px);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.stat-card:hover {
	box-shadow:
		0 3px 6px rgba(0,0,0,0.12),
		0 10px 20px rgba(0,0,0,0.08);
}
 */
/* 2-column layout for medium screens */
@media (max-width: 900px) {
	.stat-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.stat-section.board {
		grid-column: span 2;
	}
	.stat-section.board .stat-cards-vertical {
		grid-template-columns: repeat(2, 1fr);
	}
	.stat-section.oneline {
		grid-column: span 2;
	}
}
/* Responsive */
@media (max-width: 700px) {
	a.stokerheader p.stoker-sitename, .site-description h1 {
		margin-top: 0px !important;
	}
	body h1.topic-title, body h1.forum-title {
		font-size: 16px;
	}
	.action-bar > .pagination {
		float: none;
		clear: both;
		padding-bottom: 1px;
		text-align: center;
	}
	.ribbon-container {
		overflow: hidden;
	}
	.stat-section.board {
		grid-column: 1 / -1;
	}
	.stat-section.board .stat-card {
		max-width: 100%;
		overflow: hidden;
	}
	.stat-section,
	.stat-card {
		box-sizing: border-box;
	}
	.stat-block.statistics .stat-section {
		grid-column: 1 / -1;
	}
	.stat-block.statistics .stat-cards-vertical {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.stat-block.statistics .stat-card {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding: 12px 14px;
		gap: 4px;
	}
	.stat-block.statistics .stat-card span {
		flex: 0 1 auto;
		min-width: 0;
		font-size: 1.2em;
		opacity: 0.85;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.stat-block.statistics .stat-card span strong {
		font-size: 1.1em;
	}
	.stat-block.statistics .stat-card strong {
		flex: 0 0 auto;
		margin-left: 0;
		font-size: 1.3em;
		white-space: nowrap;
	}
	.stat-block.statistics .stat-section.board,
	.stat-block.statistics .stat-section.board .stat-cards-vertical {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.stat-block.statistics .stat-section.board .stat-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		box-sizing: border-box;
		width: 100%;
		padding: 10px 12px;
		gap: 4px;
	}
	.stat-block.statistics .stat-section.board .stat-card span {
		flex: 0 1 auto;
		min-width: 0;
		white-space: nowrap;
		font-size: 1.1em;
	}
	.stat-block.statistics .stat-section.board .stat-card strong {
		flex: 0 0 auto;
		margin-left: 0;
		font-size: 1.15em;
		white-space: nowrap;
	}
}
/* Dark Mode */
html.phpbb-dark-mode .stat-block.statistics {
	color: #e0e0e0;
}
html.phpbb-dark-mode .stat-block.statistics h3,
html.phpbb-dark-mode .stat-block.statistics h4 {
	color: #9ecbff;
}
html.phpbb-dark-mode .stat-section {
	background: #1e1e1e;
	box-shadow: none;
}
html.phpbb-dark-mode .stat-card {
	background: #2a2a2a;
	color: #ddd;
	box-shadow: none;
}
html.phpbb-dark-mode .stat-card strong {
	color: #ffffff;
}
html.phpbb-dark-mode .stat-section {
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.03),
		0 6px 14px rgba(0,0,0,0.6);
}
html.phpbb-dark-mode .stat-card {
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.04);
}
html.phpbb-dark-mode .stat-section.board {
	background: linear-gradient(180deg, #1a1d22, #14161a);
}
/* Stats on Index END */
/* ---------------------------- */
/*	BBC font size restrictions.	*/
/* ---------------------------- */
/*	Applicable sections:
		section-posting
		section-search
		section-ucp
		section-viewtopic
/* ---------------------------- */
/*	Set maximum size to 160%.	*/
.content span[style*="font-size:16"],
.content span[style*="font-size:17"], .content span[style*="font-size:18"],
.content span[style*="font-size:19"], .content span[style*="font-size:200"] {
	font-size: 160% !important;
}
/*	Set minimum size to 80%.	*/
.content span[style*="font-size:1%"], .content span[style*="font-size:2%"],
.content span[style*="font-size:3%"], .content span[style*="font-size:4%"],
.content span[style*="font-size:5%"], .content span[style*="font-size:6%"],
.content span[style*="font-size:7%"], .content span[style*="font-size:8%"],
.content span[style*="font-size:9%"], .content span[style*="font-size:10%"],
.content span[style*="font-size:11%"], .content span[style*="font-size:12%"],
.content span[style*="font-size:13%"], .content span[style*="font-size:14%"],
.content span[style*="font-size:15%"]:not([style*="font-size:150%"]),
.content span[style*="font-size:16%"], .content span[style*="font-size:17%"],
.content span[style*="font-size:18%"], .content span[style*="font-size:19%"],
.content span[style*="font-size:2"]:not([style*="font-size:200%"]),
.content span[style*="font-size:3"], .content span[style*="font-size:4"],
.content span[style*="font-size:5"], .content span[style*="font-size:6"] {
	font-size: 80% !important;
}
.biggerreact {
		font-weight: bold;
}
.file-status.file-uploaded {
	background: none;
}
.file-status.file-uploaded::before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #007515;
	border: 2px solid;
	border-radius: 50%;	
}
.postbody .content {
	min-height:200px;
	margin-top: 10px;
}
.signature {
	max-height: 60px;
}
.panel-container .panel li.header dd,
.panel-container .panel li.header dt {
	color: #f5f5f5;
}
dl.details dd {
	color: #424242;
}
table.table1 thead th {
	line-height: 1.8;
}
table.table1 thead th a {
	text-transform: none;
	font-size: 1.2em;
}
table.table1 td {
	color: #353535;
}
table.table1 tbody tr {
	border-color: transparent;
}
table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
	background-color: #f5f5f5;
	color: #000;
}
.tabs .tab > a {
	background: #e0e0e0;
	color: #045d8a;
	border: none;
}
.tabs .tab > a:hover {
	background: #cccccc;
	color: #D31141;
	border-bottom: 2px solid #105289;
}
.tabs .tab,
.minitabs .tab {
	font-weight: 500;
	line-height: 2.4em;	
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: #e0e0e0;
	background-image: none;
	border-color: #f9f9f9;
	box-shadow: none;
	color: #353535;
	border-bottom: 2px solid #105289;
	padding-bottom: 6px;	
}
.tabs .activetab > a:hover {
	color: #D31141;
}
.navigation li {
	font-weight: 500;
}
.navigation a {
	color: #045d8a;
	background: none;
	background-color: #e0e0e0;
	border-left: 2px solid #b7b7b7;
}
.navigation a:hover {
	background: #cccccc;
	color: #BC2A4D;
	border-left: 2px solid #105289;
}
.navigation .active-subsection a {
	background: #e0e0e0;
	color: #353535;
	border-left: 2px solid #105289;
}
dd.profile-rank img	{
	display:none;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	#navigation a, .rtl #navigation a {
		background: #e0e0e0;
	}
	.navigation li:first-child a {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.navigation li:last-child a {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}
@media (max-width: 850px) {
	ul.bbm-menu li span.menuheadspan {
		display:none;
	}
}
@media (max-width: 700px) {
	span.forum-image,
	dd.profile-rank img	{
		display:none;
	}
	nav.navbar.menu-navbar {
		margin-top: 4px;
	}
	.navbar {
		box-shadow:none;
	}
	.online, .offline {
		background-size: 2px;
	}
	.donateprofile {
		min-height:70px !important;
	}
	.donateprofile p {
		font-size:1.4em;
		line-height:1.7em;
	}
	.banner-message {
		font-size: 12px;
		line-height: 1.3;
	}
	.banner {
		border-radius: 0;
	}
	.block-left li.header,
	.block-right li.header {
		padding-left: 0px;
	}
	ul#nav-main .header-profile {
		margin-top: -1px;
	}
	.postbody .content {
		min-height:0px;
	}
	#page-header .navbar li.breadcrumbs {
		max-width: 80%;
	}
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: 100svh;	
	}
	#page-body {
		flex: 1;
	}
	.headerbar {
		height:auto;
		background: linear-gradient(
			to bottom,
			hsl(222, 25%, 6%),
			hsl(222, 25%, 41%)
		);
		margin-bottom: 0px !important;
	}
	ul.bbm-menu {
		justify-content: center;
		padding-left:10px;
		background:none;
		border-bottom-left-radius: 0px 0px;
		border-bottom-right-radius: 0px 0px;
	}
	ul.bbm-menu li .fa {
		font-size: 22px;
		vertical-align: text-bottom;
	}
	ul.bbm-menu li a {
		padding: 10px 10px;
	}
}
@media (max-width: 350px) {
	.dropdown-extended .dropdown-contents {
		min-width: 185px;
	}
}
@media (prefers-reduced-motion: reduce) {
  .ticker__inner {
	flex-wrap: wrap;
	white-space: inherit;
	padding-left: 0;
	width: auto;
  }
}
.responsive-tab .responsive-tab-link:before {
	border-color: #105289;
}
.cp-mini {
	background-color: #ffffff;
}
.bg3 {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.tabs {
	margin: 20px 0 0 0;
	background: #ddd;
}
.responsive-tab .responsive-tab-link:before {
	left: 10px;
	top: 12px;
}
.responsive-tab > a.responsive-tab-link {
	line-height: 1.5em;
}
.hide-me {
	display:none;
}
i.yellowp{color:#ffd700;}
i.brownp{color:#873e23;}
i.icon-brownp{color:#cc5e35;}
i.greenp{color:#009900;}
i.orangep{color:#ffa500;}
i.bluep{color:#105289;}
i.redp{color:#cc0000;}
i.pinkp{color:#FF10F0;}
i.fa-bigger {font-size:16px;}
/*
#boarddisable {
	background: url("./images/disabled.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	height:500px;
}
*/
.has-profile.online, form#viewprofile .online  {
	background-image: none;
	border-right: 2px solid #238d31;
	border-left: 2px solid #238d31;
}
.has-profile.offline, form#viewprofile .offline {
	background-image: none;
	border-right: 2px solid #C70039;
	border-left: 2px solid #C70039;
}

.stoker-member-view, .panel.bg1.stoker-rating, form#qr_postform .panel {
	background-image: none;
	border-right: 2px solid #105289;
	border-left: 2px solid #105289; 
}
*/
.offliness { color:#FF0000;font-weight:bold; }
.iconflash {animation: flash 3s ease infinite;-webkit-animation: flash 3s ease infinite;}
.iconsizeon {font-size:8px }
.iconsizeoff {font-size:8px;}
/** Ticker **/
.ticker {
  --ticker-duration: 20s;
  z-index: 10;
  overflow: hidden;
  padding: 0.5rem;
}
.ticker__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: var(--ticker-duration);
  text-align: center;
  width: max-content;
  padding-left: 100%;
}
.ticker__inner p {
  margin: 0 2rem;
}
h2.trigger {
	padding: 0 0 0 50px;
	background: url("./images/h2_trigger_a.gif") no-repeat;
	height: 46px;
	line-height: 46px;
	max-width: auto;
	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;}
.toggle_container {
	margin: 0 auto;
	border: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	width: auto;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}
.fade-in-text {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
.fade-in-image {
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}
.cssanimate {
	webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
	margin-top:8px;
}
i.fa-gradient {background-clip: text;text-fill-color: transparent;-moz-background-clip: text;-moz-text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-gradient-bday { background: linear-gradient(orange 4px, white 5px, brown 11px); }
.rainbow-text {
	background-image: linear-gradient(270deg, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rainbow-text2 {
	background-image: linear-gradient(225deg, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rainbow-text3 {
	background-image: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rainbow-image {
	background-image: linear-gradient(360deg, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.xmas-image {
	background-image: linear-gradient(360deg, #993300, #993300, #1B5E20, #1B5E20, #1B5E20, #1B5E20, #1B5E20, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.beer-image {
	background-image: linear-gradient(360deg, #b37400, #cc8500, #e69500, orange, orange, orange, #ffb833, #ffd280, #fff6e6, white);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.shake-class {
	animation: tilt-shaking 0.3s infinite;
	animation-delay: 2s;
	animation-iteration-count: 3;
}
.star-image {
	color: #ff9900;
	animation: glow 1.5s linear alternate infinite;
}
.shimmer-image {
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-delay: 1s;
	animation-iteration-count: 2;
}
.pulse-class {
	animation: 1.3s ease 0s infinite beat;
	animation-delay: 1s;
	animation-iteration-count: 2;
}
.brown-image {
	color: #8e3f25;
}
.shaking-image {
	animation: tilt-shaking 0.3s infinite;
}
code.inline {
    background: #FFF;
    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;
    white-space: pre;
    padding: 1px 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;
}
/* Thanks Kailey */
select, select.bbcode-size {
	background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%);
	box-shadow: 0 0 0 1px #FFFFFF inset;
}
select { 
	border: solid 1px #808080;
}
select.bbcode-size {
	color: #1a1a1a;
	border-color: silver;
	padding: 3.4px;
}
/* ===== Milestones widget (Stoker) ===== */
#stoker-ms {
	font: 14px/1.45 system-ui, Segoe UI, Arial, sans-serif;
	width: 100%;
	margin: 0;
	margin-top: 12px;
}
#stoker-ms .stoker-ms-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 4px;
}
@media (max-width: 950px) {
  #stoker-ms .stoker-ms-grid {
    grid-template-columns: 1fr;
  }
}
#stoker-ms .stoker-ms-card {
	background: #fff;
    padding: 6px 8px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
#stoker-ms .stoker-ms-card:focus-within {
	outline: 2px solid #1f6feb;
	outline-offset: 2px;
}
#stoker-ms .stoker-ms-hdr {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}
#stoker-ms .stoker-ms-title {
	font-weight: 700;
	margin: 0;
	line-height: 1.25;
	font-size: 19px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#stoker-ms .stoker-ms-title a { color: inherit; text-decoration: none; }
#stoker-ms .stoker-ms-title .fa { margin-right: .4em; }
#stoker-ms .stoker-ms-badge {
	font-size: 12px;
	line-height: 1;
	padding: 4px 8px;
	border-radius: 999px;
	background: #eef2ff;
	color: #303972;
	border: 1px solid #c7d2fe;
	white-space: nowrap;
}
#stoker-ms .stoker-ms-desc {
	color: #444;
	margin: 6px 0 10px;
	white-space: pre-wrap;
	max-height: 5.6em;
	overflow: hidden;
}
#stoker-ms .stoker-ms-meta-top {
	margin: 6px 0 8px;
	line-height: 1.35;
	overflow: auto;
	color: #57606a;
}
#stoker-ms .stoker-ms-left  { float: left;  white-space: nowrap; }
#stoker-ms .stoker-ms-right { float: right; white-space: nowrap; }
#stoker-ms .stoker-ms-bar {
	height: 12px;
	background: #eef1f3;
	border-radius: 6px;
	overflow: hidden;
}
#stoker-ms .stoker-ms-fill {
	height: 100%;
	background: #3fb950;
	transition: width .3s ease;
}
#stoker-ms .stoker-ms-updated {
	margin-top: 6px;
	color: #57606a;
	overflow: auto;
}
#stoker-ms .stoker-ms-updated-right { float: right; white-space: nowrap; font-style: italic; }
#stoker-ms .stoker-ms-card a { outline: none; text-decoration:none; }
#stoker-ms .stoker-ms-card a:focus {
	outline: 2px solid #1f6feb;
	outline-offset: 2px;
	border-radius: 6px;
}
@media (max-width: 500px) {
	#stoker-ms .stoker-ms-left,
	#stoker-ms .stoker-ms-right,
	#stoker-ms .stoker-ms-updated-right {
	float: none;
	display: block;
	}
	#stoker-ms .stoker-ms-meta-top { margin-bottom: 6px; }
	#stoker-ms .stoker-ms-updated  { text-align: right; }
}
.stoker-ms-hdr *  {
	text-decoration: none !important;
	border: 0 !important;
	box-shadow: none !important;
	background-image: none !important;
	outline: none !important;
}
.stoker-ms-hdr::-moz-focus-inner { border: 0; }
i.fa-github.biggithubportal { font-size: 40px; margin-top: 10px; margin-left: 10px; }
h3.stoker-ms { 
	font-size: 1.4em;
	margin-top: 25px;
	margin-bottom: 4px;
	border-bottom: none;
	text-transform: none;
}
html.phpbb-dark-mode #stoker-ms .stoker-ms-card { background:#101725; border-color:#30363d; box-shadow:none; }
html.phpbb-dark-mode #stoker-ms .stoker-ms-title,
html.phpbb-dark-mode #stoker-ms .stoker-ms-title a { color:#e6edf3; }
html.phpbb-dark-mode #stoker-ms .stoker-ms-desc { color:#c9d1d9; }
html.phpbb-dark-mode #stoker-ms .stoker-ms-meta-top,
html.phpbb-dark-mode #stoker-ms .stoker-ms-updated { color:#8b949e; }
html.phpbb-dark-mode #stoker-ms .stoker-ms-bar { background:#21262d; }
html.phpbb-dark-mode #stoker-ms .stoker-ms-fill { background:#2ea043; }
html.phpbb-dark-mode #stoker-ms .stoker-ms-badge { background:#111827; color:#d1d5db; border-color:#374151; }
html.phpbb-dark-mode #stoker-ms .stoker-ms-card a:focus { outline-color:#4493f8; }
html.phpbb-dark-mode #stoker-ms i.fa-github.biggithubportal { color:#8b949e; }
/* Colour unread titles */
[class*="forum_unread"] a.forumtitle,
[class*="forum_unread_subforum"] a.forumtitle,
[class*="forum_unread"] a.lastsubject,
[class*="forum_unread_subforum"] a.lastsubject,
[class*="topic_unread"] a.topictitle,
[class*="global_unread"] a.topictitle,
[class*="announce_unread"] a.topictitle,
[class*="sticky_unread"] a.topictitle {
	color: #CC0000;
}
/* position: relative; */
ul.topiclist li dl { 
	position: relative;
}

/* position: absolute;	*/
ul.topiclist li dl.row-item:before {
	position: absolute;
}

ul.topiclist li dl.row-item:after {
	position: absolute;
}
/* Forum and Topic icons, Cleansilver */
.global_read,
.global_read_mine, 
.global_read_locked, 
.global_read_locked_mine, 
.global_unread, 
.global_unread_mine, 
.global_unread_locked, 
.global_unread_locked_mine, 
.announce_read, 
.announce_read_mine, 
.announce_read_locked, 
.announce_read_locked_mine, 
.announce_unread, 
.announce_unread_mine, 
.announce_unread_locked, 
.announce_unread_locked_mine, 
.forum_link, 
.forum_read, 
.forum_read_locked, 
.forum_read_subforum, 
.forum_unread, 
.forum_unread_locked, 
.forum_unread_subforum, 
.sticky_read, 
.sticky_read_mine, 
.sticky_read_locked, 
.sticky_read_locked_mine, 
.sticky_unread, 
.sticky_unread_mine, 
.sticky_unread_locked, 
.sticky_unread_locked_mine, 
.topic_moved, 
.topic_read, 
.topic_read_mine, 
.topic_read_hot, 
.topic_read_hot_mine, 
.topic_read_locked, 
.topic_read_locked_mine, 
.topic_unread, 
.topic_unread_mine, 
.topic_unread_hot, 
.topic_unread_hot_mine, 
.topic_unread_locked, 
.topic_unread_locked_mine,
.pm_read,
.pm_unread {
	background-image: none;
}

.row-item::before {
	border-radius: 50%;
	color: #fff;
	font-family: FontAwesome;
	font-size: 20px;
	height: 35px;
	left: 8px;
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
}

.row-item::after {
	font-family: FontAwesome;
	position: absolute;
}

/* Read: blue circle */
.global_read::before,
.global_read_mine::before,
.global_read_locked::before,
.global_read_locked_mine::before,
.announce_read::before,
.announce_read_mine::before,
.announce_read_locked::before,
.announce_read_locked_mine::before,
.forum_link::before,
.forum_read::before,
.forum_read_locked::before,
.forum_read_subforum::before,
.sticky_read::before,
.sticky_read_mine::before,
.sticky_read_locked::before,
.sticky_read_locked_mine::before,
.topic_moved::before,
.topic_read::before,
.topic_read_mine::before,
.topic_read_hot::before,
.topic_read_hot_mine::before,
.topic_read_locked::before,
.topic_read_locked_mine::before,
.pm_read::before {
	background: linear-gradient(
		to bottom,
		hsl(222, 25%, 24%),
		hsl(222, 25%, 48%)
	);
}

/* Unread: red circle */
.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,
.forum_unread_subforum_locked::before,
.sticky_unread::before,
.sticky_unread_mine::before,
.sticky_unread_locked::before,
.sticky_unread_locked_mine::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,
.pm_unread::before {
	background-color: #CC0000;
    animation: UnreadPulse 1.5s infinite;
}
@keyframes UnreadPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(233,64,47,0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(233,64,47,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(233,64,47,0);
    }
}
/* Mine indicator dot */
.topic_read_mine::after, 
.topic_read_locked_mine::after, 
.topic_unread_mine::after,
.topic_unread_locked_mine::after,
.sticky_read_locked_mine::after, 
.sticky_unread_mine::after,
.sticky_read_mine::after, 
.sticky_unread_locked_mine::after, 
.topic_read_hot_mine::after, 
.topic_unread_hot_mine::after,
.announce_read_mine::after, 
.announce_read_locked_mine::after, 
.announce_unread_mine::after, 
.announce_unread_locked_mine::after {
	background-color: #883399;
    border: 2px solid #ffffff;
    border-radius: 50%;
	content: "";
	width: 8px;
	height: 8px;
	left: 34px;
	top: calc(50% - 18px);
}
/* Icon content */
.global_read::before,
.global_read_mine::before,
.global_unread::before,
.global_unread_mine::before {
	content: "\f0ac";
	font-size: 30px;
}
.global_read_locked::before,
.global_read_locked_mine::before,
.global_unread_locked::before,
.global_unread_locked_mine::before,
.announce_read_locked::before,
.announce_read_locked_mine::before,
.announce_unread_locked::before,
.announce_unread_locked_mine::before,
.sticky_read_locked::before,
.sticky_read_locked_mine::before,
.sticky_unread_locked::before,
.sticky_unread_locked_mine::before,
.topic_read_locked::before,
.topic_read_locked_mine::before,
.topic_unread_locked::before,
.topic_unread_locked_mine::before,
.forum_read_locked::before,
.forum_unread_locked::before {
	content: "\f023";
}
.announce_read::before,
.announce_read_mine::before,
.announce_unread::before,
.announce_unread_mine::before {
	content: "\f06a";
	font-size: 26px;
}
.sticky_read::before,
.sticky_read_mine::before,
.sticky_unread::before,
.sticky_unread_mine::before {
	content: "\f08d";
}
.topic_read::before,
.topic_read_mine::before,
.topic_unread::before,
.topic_unread_mine::before {
	content: "\f15c";
}
.topic_moved::before {
	content: "\f14d";
}
.topic_read_hot::before,
.topic_read_hot_mine::before,
.topic_unread_hot::before,
.topic_unread_hot_mine::before {
	content: "\f06d";
}
.forum_link::before {
	content: "\f0c1";
}
.forum_read::before,
.forum_unread::before {
	content: "\f039";
}
.forum_read_subforum::before,
.forum_unread_subforum::before {
	content: "\f03a";
}
.pm_read::before {
	content: "\f0e6";
}
.pm_unread::before {
	content: "\f086";
}

dl.row-item dt[style*="background-image"] { 
	position: relative;
}
dd.lastpost > span > :not(dfn) {
	position: relative;
}
dd.mark input {
	position: relative;
}
#toggle-theme {
	color: #fff;
	margin-left: 8px;
	float:right;
}
/*	Modders Menu  */
.menu-navbar {
	background: linear-gradient(
			to bottom,
			hsl(222, 25%, 6%),
			hsl(222, 25%, 41%)
		);
	border: none;
	margin-top: 0;
}
ul.bbm-menu,
ul.bbm-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.bbm-menu {
	min-width: 100%;
	margin: -2px 0px -3px 0px;
	padding-left:5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	border-bottom-left-radius: 7px 7px;
	border-bottom-right-radius: 7px 7px;
}
ul.bbm-menu li {
	position: relative;
}
ul.bbm-menu li.menuacpfirst {
	order: 2;
	margin-left: auto;
}
ul.bbm-menu li.menumcp {
	order: 3;
}
ul.bbm-menu li.menuacp {
	order: 4;
}
ul.bbm-menu li.menuupl {
	order: 5;
	margin: 10px;
}
ul.bbm-menu li > button {
	background: none;
	border: none;
	font: inherit;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 15px;
	display: block;
	position: relative;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}
ul.bbm-menu li > button .fa {
	font-size: 22px;
	line-height: 18px;
	vertical-align: text-bottom;
}
ul.bbm-menu li > button .fa-angle-down {
	font-size: 14px;
	vertical-align: text-bottom;
}
ul.bbm-menu li.is-open > ul {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
ul.bbm-menu li.is-open .fa-angle-down {
	transform: rotate(180deg);
}
ul.bbm-menu li.is-open {
	background-color: rgba(0, 30, 48, 0.8);
}
ul.bbm-menu button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}
ul.bbm-menu li a {
	padding: 10px 15px;
	display: block;
	position: relative;
	color: #ffffff;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
}
ul.bbm-menu li > ul {
	background-color: rgba(0, 30, 48, 0.8);
	width: 100%;
	min-width: max-content;
	padding: 5px 0;

	/* ÆNDRINGER */
	display: block;              /* altid block */
	opacity: 0;                  /* skjult */
	visibility: hidden;          /* klikbar = nej */
	transition: 
		opacity 0.25s ease,
		transform 0.25s ease,
		visibility 0.25s;

	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
ul.bbm-menu li:has(ul) > a {
	padding: 10px 15px 10px 15px;
}
ul.bbm-menu li .fa {
	font-size: 22px;
	line-height: 18px;
	vertical-align: text-bottom;
}
ul.bbm-menu li .fa-angle-down {
	font-size: 14px;
	vertical-align: text-bottom;
}
@media (hover: hover) {
	ul.bbm-menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	ul.bbm-menu li:hover .fa-angle-down {
		transform: rotate(180deg);
	}
}
ul.bbm-menu li span {
	line-height: 16px;
}
ul.bbm-menu li ul li.menuli .fa {
	font-size: 20px;
	vertical-align: middle;
}
ul.bbm-menu li ul li.menuli:hover i.fa-paypal::before,
ul.bbm-menu li ul li.menuli:hover i.fa-heart::before {
	content: "\f164";
	color:red;
}
ul.bbm-menu li ul li.menuli:hover i.fa-volume-up::before {
	content: "\f01d";
}
ul.bbm-menu li ul li.menuli:hover i.fa-code::before,
ul.bbm-menu li ul li.menuli:hover i.fa-comments-o::before,
ul.bbm-menu li ul li.menuli:hover i.fa-book::before,
ul.bbm-menu li ul li.menuli:hover i.fa-database::before,
ul.bbm-menu li ul li.menuli:hover i.fa-gamepad::before {
	content: "\f061";
}
ul.bbm-menu li ul li.menuli a {
	line-height:14px;
	padding-top:8px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:10px;
}
ul.bbm-menu li:hover {
	background-color: rgba(0, 30, 48, 0.8);
}
ul.bbm-menu li.menutophover:hover i.fa-lightbulb-o {
	color:#ffa500;
}
ul.bbm-menu li.menutophover:hover i.fa-music {
	color:#FF10F0;
}
ul.bbm-menu li.menutophover:hover i.fa-html5 {
	color:#009900;
}
ul.bbm-menu li.menutophover:hover i.fa-paypal {
	color:#cc0000;
}
ul.bbm-menu li.menutophover:hover i.fa-heart {
	color:#cc0000;
}
ul.bbm-menu li.menutophover:hover i.fa-link {
	color:#009900;
}
ul.bbm-menu a:focus-visible,
ul.bbm-menu button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}
/*	Modders Menu Adapted  */
.navbar #search-box {
	box-shadow:none;
	margin: auto;
	padding-top: 1.5px;
}
.navbar #search-box input {
	border-radius: 4px 0 0 4px;
}
.navbar #search-box a.button.button-search-end {
	border-radius: 0 4px 4px 0;
}
.bbcode-tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted #666;
	cursor: pointer;
}

.bbcode-tooltip-text {
	visibility: hidden;
	opacity: 0;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	padding: 6px 10px;
	position: absolute;
	z-index: 1000;
	bottom: 100%;
	left: 0;
	margin-bottom: 8px;
	width: max-content;
	max-width: 300px;
	white-space: normal;
	word-wrap: break-word;
	font-size: 13px;
	transition: opacity 0.3s, visibility 0.3s;
	pointer-events: none;
}

.bbcode-tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 20px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

.bbcode-tooltip.active .bbcode-tooltip-text {
	visibility: visible;
	opacity: 1;
}
@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes ticker {
  0% {
    transform: translate3d(0%, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 1;
  }
}
@keyframes glow {
    0% {
        text-shadow: 1px 1px 18px #FFFF7F;
    }
    100% {
        text-shadow: 1px 1px 90px #FFFFB3;
    }
}
@keyframes shimmer {
  100% {
    mask-position: left;
  }
}
@keyframes beat {
  0%, 50%, 100% { transform: scale(1, 1); }
  30%, 80% { transform: scale(0.62, 0.65); }
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}