body {
	background: #0F0F11;
	color: #f5f5f5;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 400;
}

a {
	color: #d9d9df;
	text-decoration: none;
}

a:hover {
	color: #f27ac6;
	text-decoration: none;
}

a:active {
	color: #f27ac6;
	text-decoration: none;
}

a:focus {
	color: #f27ac6!important;
	text-decoration: none;
}

.expander {
	color: #e9e9ec;
}

.trow1 {
	border-bottom: 1px solid #2e2e34;
	padding-top: 10px;
	padding-bottom: 10px;
	
	font-size: 16px;
}

#label {
	margin-bottom: 0px;
}

.trow2 {
	
	padding-top: 10px;
	padding-bottom: 10px;
}

.tcat {
}

.expcolimage {
	color: #e9e9ec;
	float: right;
	vertical-align: middle;
	margin-top: 0px;
}

.wrapper {
	width: 80%;
}

.container {
	width: 85%;
	padding: 0px;
}

.bg-thead {
	background: #1d1d21;
	padding: 12px;
	border: none;
}

.bg-primary {
	background: #0d6efd33;
	padding: 10px;
}

.bg-primary a {
	color: #e9e9ec;
	text-decoration: none;
}

.bg-primary a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.lastpostbit a {
	color: #9a9aa3!important;
	text-decoration: none!important;
}

.lastpostbit a:hover {
	color: #9a9aa3!important;
	text-decoration: underline;
}

.forum_status {
height: 40px;
width: 40px;
font-size: 25px;
text-align: center;
vertical-align: center;
}

.forum_status i {
display: inline-block;
line-height: 40px;
}

.forum_on {
color: #e9e9ec;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #e9e9ec;
}

.forum_off i {
opacity: .4;
}

.forum_offlock i:before {
content: "\F268";
}

.forum_offlink i:before {
content: "\F268";
}

.ficons_2 i:before {
content: "\f000";
}

.ficons_3 i:before {
content: "\f1ba";
}

.ficons_4 i:before {
content: "\f0f5";
}

.ficons_6 i:before {
content: "\f0e4";
}

.ficons_7 i:before {
content: "\f03e";
}

.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
}

.subforum_minion {
color: #e9e9ec;
}

.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
color: #e9e9ec;
}

.subforum_minioff {
opacity: .4;
}

.subforum_miniofflock i:before {
content: "\f023";
}

.subforum_miniofflink i:before {
content: "\f0c1";
}

.thead.thead_collapsed .expander:before{
transform: rotate(-180deg);
	color: #e9e9ec;
}

.thead .expander:before{
display:inline-block;
font-size:25px;
	margin-right: 10px;
	color: #e9e9ec;
    font-family: 'Font Awesome 5 Free';
    content: "\f106";
    font-weight:900;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.textarea {
	margin: 0;
	display: block;
}

.style {
	background: #df964e;
}

.forumname {
	background: #26001f;
	padding: 10px; 
	border-radius: 5px;
}

.gridh {
	padding: 10px;
}

.gridh:hover {
	padding: 10px;
	border-radius: 5px;
}

.topmod {
	background: #26001f;
	color: #9a9aa3;
}

.btn-top {
	background: #e04fa8;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-top:hover {
	background: #f27ac6;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-top-active {
	background: #f27ac6;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 400;
}

.btn-nav {
	background: #1d1d21;
	color: #e9e9ec;
	padding: 10px;
    font-size: 14px;
}

.btn-nav:hover {
	padding: 10px;
    background: #3d0733;
	color: #e9e9ec;
}

.btn-reply {
	background: #e04fa8;
	color: #000;
	font-size: 12px;
	font-weight: 500;
}

.btn-reply:hover {
	background: #f27ac6;
	color: #111;
	font-size: 12px;
	font-weight: 500;
}

.btn-page {
	background: #26001f;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #2e2e34;
	
	font-size: 11px;
}

.btn-page:hover {
	background: #1d1d21;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #e1e8f8;
	
	font-size: 11px;
}

.btn-pagestart {
	background: #17171a;
	color: #000;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 11px;
	margin-right: 3px;
	margin-left: 3px;
}

.post_body img {
	width: 50px;
	height: 50px;
}

.post_body {
	font-weight: 500;
	font-size: 15px;
}

blockquote {
	background: #17171a;
	border-radius: 5px;
	border: 2px dotted #26001f;
	margin: 0;
	padding: 15px;
}

blockquote cite {
	border-bottom: 1px solid #26001f;
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
	
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
}

blockquote cite > span {
	color: #9a9aa3!important;
	float: right;
	
	font-size: 12px;
	font-weight: 500;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.catmod {
	background: #17171a;
	color: #ffffff;
	font-weight: 400;
}

.catmod a {
	color: #fff;
	text-decoration: none;
}

.catmod a:hover {
	color: #fff;
	text-decoration: none;
}

.checkbox {
	background: #f6f7fb;
	width: 15px;
	height: 15px;
	border: 0px;
}

.progress-bar[aria-valuenow="0"] {
    display: none;
}

.nav-tabs a {
	color: #d9d9df;
	background: #111;
	text-decoration: none;
}

.nav-tabs a:hover {
	color: #f27ac6;
	text-decoration: none;
}

.btn-multipage {
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	
	font-size: 12px;
	font-weight: 500;
}

.btn-multipage-inactive {
	background: #17171a;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	
	font-size: 12px;
	font-weight: 500;
}

.btn-multipage:hover {
	background: #17171a;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #17171a;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 12px;
}

.btn-multipage-active {
	background: #17171a;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #17171a;
	text-transform: capitalize;
	
	font-size: 12px;
	font-weight: 500;
}

.btn-multipage-active:hover {
	background: #17171a;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #17171a;
	text-transform: capitalize;
	
	font-size: 12px;
	font-weight: 500;
}

.btn-forumjump {
	background: #26001f;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #26001f;
    font-size: 13px;
	font-weight: 700;
	text-transform: capitalize;
}

.btn-forumjump:hover {
	background: #d7deea;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #d7deea;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 13px;
}

.postbit-u a {
	color: #fff;
	text-decoration: none!important;
}

.postbit-u a:hover {
	color: #d9d9df;
	text-decoration: underline;
}

.btn-toplink {
	background: #e04fa8;
	color: #ddedf8;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-toplink:hover {
	background: #f27ac6;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-toplink:active {
	background: #6f42c1;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-user{
	color: #fff;
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	font-weight: 400;
}

.btn-user:hover {
	background: #e04fa8;
	color: #ffffff;
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 14px;
	font-weight: 400;
}

.navmenu a {
	color: #e9e9ec;
	text-decoration: none;
}

.navmenu a:hover, a:active {
	color: #e04fa8;
	text-decoration: none;
}

.gradient-text {
	color: #e04fa8;
	font-weight: 700;
}

hr {
	background: #26001f;
}

.btn-profile {
	width: 100%;
	color: #ffffff;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	
	font-size: 14px;
	font-weight: 400;
}

.btn-profile:hover {
	background: #e04fa8;
	width: 100%;
	color: #ffffff;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	border: 1px solid #e04fa8;
	
	font-size: 14px;
	font-weight: 400;
}

.btn-profile-active {
	background: #e04fa8;
	width: 100%;
	color: #ffffff;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	border: 1px solid #e04fa8;
	
	font-size: 14px;
	font-weight: 400;
}

.legend {
	background: #26001f;
	width: 100%;
	color: #FFF;
	padding: 10px;
	text-align: left;
	border-radius: 5px;
	
	
	font-size: 13px;
	font-weight: 600;
}

.legend span {
 
    padding:0 10px;
}

.form-control {
	background: #141417!important;
	color: #e9e9ec!important;
	border-color: #26001f!important;
	
	font-size: 13px;
}

.form-control-p {
	background: #141417;
	color: #e9e9ec!important;
	border: 1px solid #26001f;
	border-radius: 2px;
}

.form-control-p:focus {
	background: #141417;
	color: #e9e9ec!important;
	outline: none!important;
	box-shadow: none!important;
	border: 0;
}

.form-control-p:active {
	background: #141417;
	color: #e9e9ec!important;
	outline: none!important;
	box-shadow: none!important;
	border: 0;
}

.btn-new {
	background: #e04fa8!important;
	border-color: #e04fa8!important;
	font-size: 12px!important;
	font-weight: 500;
	color: #fff;
}

.btn-new:hover {
	background: #f27ac6!important;
	border-color: #f27ac6!important;
	color: #fff;
	font-size: 12px!important;
	font-weight: 500;
}

.btn-new:active {
	background: #f27ac6!important;
	border-color: #f27ac6!important;
	color: #fff;
	font-size: 12px!important;
	font-weight: 500;
}

.btn-thread:before {
	transform: rotate(-180deg);
}

.btn-thread {
	color: #ffffff;
	padding: 5px;
    font-size: 16px;
	font-weight: 400;
}

.btn-thread:hover {
	color: #ffffff;
	padding: 5px;
	font-size: 16px;
	font-weight: 700;
}

.btn-thread-active {
	background: #19bc70;
	color: #ffffff;
	padding: 5px;
	font-size: 16px;
	font-weight: 400;
}

.btn-icons {
	color: #ffffff;
	padding: 5px;
		padding-left: 15px;
	padding-right: 15px;
    font-size: 16px;
	font-weight: 400;
}

.btn-icons:hover {
	background: #19bc70;
	color: #ffffff;
	padding: 5px;
		padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 700;
}

.btn-icons-active {
	background: #19bc70;
	color: #ffffff;
	padding: 5px;
		padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 400;
}

.dropdown a {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}

.dropdown a:hover {
	background: #e04fa8;
	color: #ffffff;
	border-radius: 3px;
	
	font-size: 13px;
}

.dropdown a:active {
	background: #e04fa8;
	color: #ffffff;
	font-size: 13px;
}

.fa-star{
font-size:14px;
}

.btn-posticon {
	background: none;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 700;
	display: none;
}

.btn-posticon:hover {
	background: #26001f;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #26001f;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 13px;
	display: block;
}

.text-online {
	color: #25c87c;
}

.text-offline {
	color: #e77681;
}

.btn-white {
	background: #17171a;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #d3d8eb;
	font-size: 16px;
	font-weight: 400;
}

.btn-white:hover {
	background: #f4f6fd;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #c1c8e3;
    font-size: 16px;
	font-weight: 400;
}

.btn-white-active {
	background: #f4f6fd;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 400;
}

.btn-up {
	background: none;
	color: #ffffff;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 700;
}

.btn-up:hover {
	background: #19bc70;
	color: #ffffff;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 13px;
}

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.25);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 400px;
	height: auto;
	text-align: left;
	background: #17171a;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
}

.modal a.close-modal {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/close.png) no-repeat 0 0;
	display: none;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/
		
.btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none;
    box-shadow:none;
}

.img {
	max-width: 100%;
	height: auto;
}

.form-select {
	font-size: 14px;
}

.dropdown-menu {
	background: #26001f;
	color: #ffffff;
	font-size: 12px!important;
	font-weight: 400;
}

.dropdown-item {
	font-size: 13px!important;
	font-weight: 400;
}

.btn-primary {
	background: #e04fa8!important;
	border-color: #e04fa8!important;
	font-size: 12px!important;
	font-weight: 500;
}

.btn-primary:hover {
	background: #f27ac6!important;
	border-color: #f27ac6!important;
	
	font-size: 12px!important;
	font-weight: 500;
}

.btn-primary:active {
	background: #f27ac6!important;
	border-color: #f27ac6!important;
	
	font-size: 12px!important;
	font-weight: 500;
}

.mycode_img {
	max-width: 100%;
	height: auto;
}

.codeblock {
	background: #17171a;
	border-radius: 5px;
	color: #f5f5f5!important;
	border: 2px dotted #26001f;
	margin: 0;
	padding: 15px;
}

.btn-light {
	font-size:12px!important;
}

.bg-white {
	background: #141417!important;
}

.card {
	background: #141417!important;
}

.card-body {
	background: #141417!important;
}

.border-bottom {
	border-color: #17171a!important;
}

.border-end {
	border-color: #17171a!important;
}

.border-top {
	border-color: #17171a!important;
}

.border-start {
	border-color: #17171a!important;
}

.border {
	border-color: #17171a!important;
}

.form-select {
	background: #141417!important;
	color: #e9e9ec!important;
	border-color: #26001f!important;
	
	font-size: 13px;
}

.form-select-p {
	background: #141417;
	color: #e9e9ec!important;
	border: 1px solid #26001f;
	border-radius: 2px;
}

.form-select-p:focus {
	background: #141417;
	color: #e9e9ec!important;
	outline: none!important;
	border-color: #e04fa8;
	box-shadow: 0 0 0 0.2rem rgba(255, 250, 205, 0.25);
}

.form-select-p:active {
	background: #141417;
	color: #e9e9ec!important;
	outline: none!important;
	box-shadow: none!important;
	border: 0;
}

.bg-light {
	background: #17171a!important;
}

.card-text {
	font-size: 14px;
	font-weight: 400;
}

.text-muted {
	color: #868e96!important;
}

.text-white {
	color: #f5f5f5!important;
}

.text-primary {
	color: #4682B4!important;
}

.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #17171a;
    border-color: #17171a #17171a #17171a;
}

.nav-tabs .nav-link.hover {
    color: #ffffff;
    background-color: #17171a;
    border-color: #17171a #17171a #17171a;
}

.nav-tabs {
    border-bottom: 1px solid #17171a;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #17171a #17171a #17171a!important;
    isolation: isolate;
}

strong {
	font-weight: 500;
}

.alert-warning {
	background: #F08080;
	border: 1px solid #F08080;
	font-size: 13px;
	color: #fff;
}

.alert-light {
	background: #e04fa8;
	border: 1px solid #e04fa8;
	font-size: 13px;
	color: #2C2F33;
}

.alert-light a {
	color: #2C2F33;
	text-decoration: underline;
}

/* ==========================================================================
   NOVA ROLEPLAY — BRAND LAYER
   Palette  #F27AC6  #E04FA8  #D9D9DF  #DF964E  #1D1D21
   Appended last so it wins the cascade. Edit here, not above.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");

:root {
	--nova-pink:      #E04FA8;
	--nova-pink-lt:   #F27AC6;
	--nova-pale:      #D9D9DF;
	--nova-orange:    #DF964E;
	--nova-plum:      #1D1D21;
	--nova-bg:        #0F0F11;
	--nova-surface:   #17171A;
	--nova-surface-2: #1F1F23;
	--nova-line:      #2E2E34;
	--nova-text:      #E9E9EC;
	--nova-muted:     #9A9AA3;
	--nova-ink:       #121214;
	--nova-gradient:  linear-gradient(90deg, #E04FA8 0%, #DF964E 100%);
	--nova-glow:      0 0 14px rgba(224, 79, 168, .22);
}

body {
	background: var(--nova-bg);
	background-image:
		radial-gradient(1000px 460px at 50% -180px, rgba(255, 255, 255, .025), transparent 70%),
		radial-gradient(760px 340px at 92% -60px, rgba(255, 255, 255, .015), transparent 70%);
	background-attachment: fixed;
	color: var(--nova-text);
	font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, .largetext {
	font-family: "Montserrat", system-ui, sans-serif;
	font-weight: 800;
	letter-spacing: .02em;
}

a {
 color: var(--nova-pale);
}

a:hover, a:active, a:focus {
 color: var(--nova-pink-lt); text-shadow: 0 0 12px rgba(255, 122, 230, .45);
}

::selection {
 background: var(--nova-pink); color: #fff;
}

/* --- panels & tables ---------------------------------------------------- */
.tborder {
	background: var(--nova-surface);
	border: 1px solid var(--nova-line);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
	overflow: hidden;
}

/* Category bar: dark plum with a 2px neon rule along the bottom, rather than a
   full gradient fill (which blows out to near-white in the middle). The
   .bg-white qualifier is needed because the templates put Bootstrap's
   bg-white on .thead, and a bare .thead would lose the specificity tie. */
.thead, .thead.bg-white, .bg-thead, .bg-thead.bg-white {
	background-color: var(--nova-plum) !important;
	background-image: var(--nova-gradient) !important;
	background-size: 100% 2px !important;
	background-position: 0 100% !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
	border: 0 !important;
}

.thead a, .thead a:hover, .bg-thead a {
 color: #fff !important; text-shadow: none;
}

/* the category label is a <p class="badge bg-white"> - strip the chip */
.thead .badge, .thead .badge.bg-white, .thead a .badge {
	background: transparent !important;
	background-color: transparent !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: .02em;
	padding-left: 0 !important;
}

.thead .expander:before, .thead.thead_collapsed .expander:before {
 color: var(--nova-pink-lt) !important;
}

/* last-post / status chips ride on .alert-success in these templates */
.badge.alert-success, .badge.badge-warning {
	background: var(--nova-surface-2) !important;
	border: 1px solid var(--nova-line) !important;
	color: var(--nova-muted) !important;
}

.tcat, .tcat_menu {
 background: var(--nova-plum) !important; color: var(--nova-pale) !important; border-bottom: 1px solid var(--nova-line) !important;
}

.tcat a {
 color: var(--nova-pale) !important;
}

.trow1 {
 background: var(--nova-surface); border-bottom: 1px solid var(--nova-line);
}

.trow2 {
 background: var(--nova-surface-2); border-bottom: 1px solid var(--nova-line);
}

.trow1:hover, .trow2:hover {
 background: #232327;
}

.trow_shaded {
 background: #201F23; border-left: 3px solid var(--nova-orange);
}

.trow_selected, .trow_selected td {
 background: #28282E !important;
}

.trow_sep {
 background: var(--nova-plum); color: var(--nova-pale);
}

/* --- posts -------------------------------------------------------------- */
.post {
 background: var(--nova-surface); border: 1px solid var(--nova-line); border-radius: 10px;
}

.post.classic .post_author {
 background: var(--nova-surface-2); border-right: 1px solid var(--nova-line);
}

.post_author {
 border-bottom: 1px solid var(--nova-line);
}

.post_content {
 background: transparent;
}

.post_controls {
 background: var(--nova-surface-2); border-top: 1px solid var(--nova-line);
}

.post_body {
 color: var(--nova-text);
}

.author_avatar img {
 border: 2px solid var(--nova-pink); border-radius: 10px; box-shadow: var(--nova-glow);
}

/* --- buttons ------------------------------------------------------------ */
button, input.button, .button, .btn-top, .btn-top-active, .btn-reply {
	background: var(--nova-surface-2) !important;
	color: var(--nova-text) !important;
	border: 1px solid var(--nova-line) !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	padding: 7px 16px !important;
	transition: filter .15s ease, transform .15s ease, box-shadow .15s ease;
}

button:hover, input.button:hover, .button:hover, .btn-top:hover, .btn-reply:hover {
	filter: brightness(1.08);
	box-shadow: var(--nova-glow);
	transform: translateY(-1px);
	color: var(--nova-ink) !important;
}

.btn-nav {
 background: var(--nova-plum) !important; color: var(--nova-pale) !important; border-radius: 8px;
}

.btn-nav:hover {
 background: #2A2A30 !important; color: #fff !important;
}

.btn-page, .pagination a {
	background: var(--nova-surface-2) !important;
	color: var(--nova-pale) !important;
	border: 1px solid var(--nova-line) !important;
	border-radius: 6px !important;
}

.btn-page:hover, .pagination a:hover {
 background: var(--nova-plum) !important; color: #fff !important; border-color: var(--nova-pink) !important;
}

.pagination_current {
	background: var(--nova-gradient) !important;
	color: var(--nova-ink) !important;
	border: 0 !important;
	border-radius: 6px !important;
	font-weight: 700;
}

/* --- forms -------------------------------------------------------------- */
input.textbox, input[type=text], input[type=password], input[type=email], select, textarea, .editor_control_bar {
	background: #141417 !important;
	color: var(--nova-text) !important;
	border: 1px solid var(--nova-line) !important;
	border-radius: 8px !important;
}

input.textbox:focus, select:focus, textarea:focus {
	border-color: var(--nova-pink) !important;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .08) !important;
	outline: 0 !important;
}

fieldset {
 border: 1px solid var(--nova-line); border-radius: 10px;
}

/* --- chrome ------------------------------------------------------------- */
#panel, #header, .navigation, #footer {
	background: rgba(44, 0, 36, .72);
	border-bottom: 1px solid var(--nova-line);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

#footer {
	body {
	background: #0F0F11;
	color: #f5f5f5;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 400;
}

a {
	color: #d9d9df;
	text-decoration: none;
}

a:hover {
	color: #f27ac6;
	text-decoration: none;
}

a:active {
	color: #f27ac6;
	text-decoration: none;
}

a:focus {
	color: #f27ac6!important;
	text-decoration: none;
}

.expander {
	color: #e9e9ec;
}

.trow1 {
	border-bottom: 1px solid #2e2e34;
	padding-top: 10px;
	padding-bottom: 10px;
	
	font-size: 16px;
}

#label {
	margin-bottom: 0px;
}

.trow2 {
	
	padding-top: 10px;
	padding-bottom: 10px;
}

.tcat {
}

.expcolimage {
	color: #e9e9ec;
	float: right;
	vertical-align: middle;
	margin-top: 0px;
}

.wrapper {
	width: 80%;
}

.container {
	width: 85%;
	padding: 0px;
}

.bg-thead {
	background: #1d1d21;
	padding: 12px;
	border: none;
}

.bg-primary {
	background: #0d6efd33;
	padding: 10px;
}

.bg-primary a {
	color: #e9e9ec;
	text-decoration: none;
}

.bg-primary a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.lastpostbit a {
	color: #9a9aa3!important;
	text-decoration: none!important;
}

.lastpostbit a:hover {
	color: #9a9aa3!important;
	text-decoration: underline;
}

.forum_status {
	height: 40px;
	width: 40px;
	font-size: 25px;
	text-align: center;
	vertical-align: center;
}

.forum_status i {
	display: inline-block;
	line-height: 40px;
}

.forum_on {
	color: #e9e9ec;
}

.forum_off, .forum_offlock, .forum_offlink {
	color: #e9e9ec;
}

.forum_off i {
	opacity: .4;
}

.forum_offlock i:before {
	content: "\F268";
}

.forum_offlink i:before {
	content: "\F268";
}

.ficons_2 i:before {
	content: "\f000";
}

.ficons_3 i:before {
	content: "\f1ba";
}

.ficons_4 i:before {
	content: "\f0f5";
}

.ficons_6 i:before {
	content: "\f0e4";
}

.ficons_7 i:before {
	content: "\f03e";
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
}

.subforum_minion {
	color: #e9e9ec;
}

.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
	color: #e9e9ec;
}

.subforum_minioff {
	opacity: .4;
}

.subforum_miniofflock i:before {
	content: "\f023";
}

.subforum_miniofflink i:before {
	content: "\f0c1";
}

.thead.thead_collapsed .expander:before{
	transform: rotate(-180deg);
	color: #e9e9ec;
}

.thead .expander:before{
	display:inline-block;
	font-size:25px;
	margin-right: 10px;
	color: #e9e9ec;
	font-family: 'Font Awesome 5 Free';
	content: "\f106";
	font-weight:900;
	transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.textarea {
	margin: 0;
	display: block;
}

.style {
	background: #df964e;
}

.forumname {
	background: #26001f;
	padding: 10px;
	border-radius: 5px;
}

.gridh {
	padding: 10px;
}

.gridh:hover {
	padding: 10px;
	border-radius: 5px;
}

.topmod {
	background: #26001f;
	color: #9a9aa3;
}

.btn-top {
	background: #e04fa8;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-top:hover {
	background: #f27ac6;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-top-active {
	background: #f27ac6;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 400;
}

.btn-nav {
	background: #1d1d21;
	color: #e9e9ec;
	padding: 10px;
	font-size: 14px;
}

.btn-nav:hover {
	padding: 10px;
	background: #3d0733;
	color: #e9e9ec;
}

.btn-reply {
	background: #e04fa8;
	color: #000;
	font-size: 12px;
	font-weight: 500;
}

.btn-reply:hover {
	background: #f27ac6;
	color: #111;
	font-size: 12px;
	font-weight: 500;
}

.btn-page {
	background: #26001f;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #2e2e34;
	
	font-size: 11px;
}

.btn-page:hover {
	background: #1d1d21;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #e1e8f8;
	
	font-size: 11px;
}

.btn-pagestart {
	background: #17171a;
	color: #000;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 11px;
	margin-right: 3px;
	margin-left: 3px;
}

.post_body img {
	width: 50px;
	height: 50px;
}

.post_body {
	font-weight: 500;
	font-size: 15px;
}

blockquote {
	background: #17171a;
	border-radius: 5px;
	border: 2px dotted #26001f;
	margin: 0;
	padding: 15px;
}

blockquote cite {
	border-bottom: 1px solid #26001f;
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
	
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
}

blockquote cite > span {
	color: #9a9aa3!important;
	float: right;
	
	font-size: 12px;
	font-weight: 500;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.catmod {
	background: #17171a;
	color: #ffffff;
	font-weight: 400;
}

.catmod a {
	color: #fff;
	text-decoration: none;
}

.catmod a:hover {
	color: #fff;
	text-decoration: none;
}

.checkbox {
	background: #f6f7fb;
	width: 15px;
	height: 15px;
	border: 0px;
}

.progress-bar[aria-valuenow="0"] {
	display: none;
}

.nav-tabs a {
	color: #d9d9df;
	background: #111;
	text-decoration: none;
}

.nav-tabs a:hover {
	color: #f27ac6;
	text-decoration: none;
}

.btn-multipage {
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	
	font-size: 12px;
	font-weight: 500;
}

.btn-multipage-inactive {
	background: #17171a;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	
	font-size: 12px;
	font-weight: 500;
}

.btn-multipage:hover {
	background: #17171a;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #17171a;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 12px;
}

.btn-multipage-active {
	background: #17171a;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #17171a;
	text-transform: capitalize;
	
	font-size: 12px;
	font-weight: 500;
}

.btn-multipage-active:hover {
	background: #17171a;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #17171a;
	text-transform: capitalize;
	
	font-size: 12px;
	font-weight: 500;
}

.btn-forumjump {
	background: #26001f;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #26001f;
	font-size: 13px;
	font-weight: 700;
	text-transform: capitalize;
}

.btn-forumjump:hover {
	background: #d7deea;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #d7deea;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 13px;
}

.postbit-u a {
	color: #fff;
	text-decoration: none!important;
}

.postbit-u a:hover {
	color: #d9d9df;
	text-decoration: underline;
}

.btn-toplink {
	background: #e04fa8;
	color: #ddedf8;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-toplink:hover {
	background: #f27ac6;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-toplink:active {
	background: #6f42c1;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: 400;
}

.btn-user{
	color: #fff;
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	font-weight: 400;
}

.btn-user:hover {
	background: #e04fa8;
	color: #ffffff;
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-size: 14px;
	font-weight: 400;
}

.navmenu a {
	color: #e9e9ec;
	text-decoration: none;
}

.navmenu a:hover, a:active {
	color: #e04fa8;
	text-decoration: none;
}

.gradient-text {
	color: #e04fa8;
	font-weight: 700;
}

hr {
	background: #26001f;
}

.btn-profile {
	width: 100%;
	color: #ffffff;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	
	font-size: 14px;
	font-weight: 400;
}

.btn-profile:hover {
	background: #e04fa8;
	width: 100%;
	color: #ffffff;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	border: 1px solid #e04fa8;
	
	font-size: 14px;
	font-weight: 400;
}

.btn-profile-active {
	background: #e04fa8;
	width: 100%;
	color: #ffffff;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	border: 1px solid #e04fa8;
	
	font-size: 14px;
	font-weight: 400;
}

.legend {
	background: #26001f;
	width: 100%;
	color: #FFF;
	padding: 10px;
	text-align: left;
	border-radius: 5px;
	
	
	font-size: 13px;
	font-weight: 600;
}

.legend span {
	
	padding:0 10px;
}

.form-control {
	background: #141417!important;
	color: #e9e9ec!important;
	border-color: #26001f!important;
	
	font-size: 13px;
}

.form-control-p {
	background: #141417;
	color: #e9e9ec!important;
	border: 1px solid #26001f;
	border-radius: 2px;
}

.form-control-p:focus {
	background: #141417;
	color: #e9e9ec!important;
	outline: none!important;
	box-shadow: none!important;
	border: 0;
}

.form-control-p:active {
	background: #141417;
	color: #e9e9ec!important;
	outline: none!important;
	box-shadow: none!important;
	border: 0;
}

.btn-new {
	background: #e04fa8!important;
	border-color: #e04fa8!important;
	font-size: 12px!important;
	font-weight: 500;
	color: #fff;
}

.btn-new:hover {
	background: #f27ac6!important;
	border-color: #f27ac6!important;
	color: #fff;
	font-size: 12px!important;
	font-weight: 500;
}

.btn-new:active {
	background: #f27ac6!important;
	border-color: #f27ac6!important;
	color: #fff;
	font-size: 12px!important;
	font-weight: 500;
}

.btn-thread:before {
	transform: rotate(-180deg);
}

.btn-thread {
	color: #ffffff;
	padding: 5px;
	font-size: 16px;
	font-weight: 400;
}

.btn-thread:hover {
	color: #ffffff;
	padding: 5px;
	font-size: 16px;
	font-weight: 700;
}

.btn-thread-active {
	background: #19bc70;
	color: #ffffff;
	padding: 5px;
	font-size: 16px;
	font-weight: 400;
}

.btn-icons {
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 400;
}

.btn-icons:hover {
	background: #19bc70;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 700;
}

.btn-icons-active {
	background: #19bc70;
	color: #ffffff;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 400;
}

.dropdown a {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}

.dropdown a:hover {
	background: #e04fa8;
	color: #ffffff;
	border-radius: 3px;
	
	font-size: 13px;
}

.dropdown a:active {
	background: #e04fa8;
	color: #ffffff;
	font-size: 13px;
}

.fa-star{
	font-size:14px;
}

.btn-posticon {
	background: none;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 700;
	display: none;
}

.btn-posticon:hover {
	background: #26001f;
	color: #e9e9ec;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #26001f;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 13px;
	display: block;
}

.text-online {
	color: #25c87c;
}

.text-offline {
	color: #e77681;
}

.btn-white {
	background: #17171a;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #d3d8eb;
	font-size: 16px;
	font-weight: 400;
}

.btn-white:hover {
	background: #f4f6fd;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #c1c8e3;
	font-size: 16px;
	font-weight: 400;
}

.btn-white-active {
	background: #f4f6fd;
	color: #e9e9ec;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 400;
}

.btn-up {
	background: none;
	color: #ffffff;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 700;
}

.btn-up:hover {
	background: #19bc70;
	color: #ffffff;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 3px;
	margin-left: 3px;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 13px;
}

/** Modal Start **/
	
	.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.25);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 400px;
	height: auto;
	text-align: left;
	background: #17171a;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
}

.modal a.close-modal {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/close.png) no-repeat 0 0;
	display: none;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/
	
	.btn:focus, .btn:active:focus, .btn.active:focus{
	outline:none;
	box-shadow:none;
}

.img {
	max-width: 100%;
	height: auto;
}

.form-select {
	font-size: 14px;
}

.dropdown-menu {
	background: #26001f;
	color: #ffffff;
	font-size: 12px!important;
	font-weight: 400;
}

.dropdown-item {
	font-size: 13px!important;
	font-weight: 400;
}

.btn-primary {
	background: #e04fa8!important;
	border-color: #e04fa8!important;
	font-size: 12px!important;
	font-weight: 500;
}

.btn-primary:hover {
	background: #f27ac6!important;
	border-color: #f27ac6!important;
	
	font-size: 12px!important;
	font-weight: 500;
}

.btn-primary:active {
	background: #f27ac6!important;
	border-color: #f27ac6!important;
	
	font-size: 12px!important;
	font-weight: 500;
}

.mycode_img {
	max-width: 100%;
	height: auto;
}

.codeblock {
	background: #17171a;
	border-radius: 5px;
	color: #f5f5f5!important;
	border: 2px dotted #26001f;
	margin: 0;
	padding: 15px;
}

.btn-light {
	font-size:12px!important;
}

.bg-white {
	background: #141417!important;
}

.card {
	background: #141417!important;
}

.card-body {
	background: #141417!important;
}

.border-bottom {
	border-color: #17171a!important;
}

.border-end {
	border-color: #17171a!important;
}

.border-top {
	border-color: #17171a!important;
}

.border-start {
	border-color: #17171a!important;
}

.border {
	border-color: #17171a!important;
}

.form-select {
	background: #141417!important;
	color: #e9e9ec!important;
	border-color: #26001f!important;
	
	font-size: 13px;
}

.form-select-p {
	background: #141417;
	color: #e9e9ec!important;
	border: 1px solid #26001f;
	border-radius: 2px;
}

.form-select-p:focus {
	background: #141417;
	color: #e9e9ec!important;
	outline: none!important;
	border-color: #e04fa8;
	box-shadow: 0 0 0 0.2rem rgba(255, 250, 205, 0.25);
}

.form-select-p:active {
	background: #141417;
	color: #e9e9ec!important;
	outline: none!important;
	box-shadow: none!important;
	border: 0;
}

.bg-light {
	background: #17171a!important;
}

.card-text {
	font-size: 14px;
	font-weight: 400;
}

.text-muted {
	color: #868e96!important;
}

.text-white {
	color: #f5f5f5!important;
}

.text-primary {
	color: #4682B4!important;
}

.nav-tabs .nav-link.active {
	color: #ffffff;
	background-color: #17171a;
	border-color: #17171a #17171a #17171a;
}

.nav-tabs .nav-link.hover {
	color: #ffffff;
	background-color: #17171a;
	border-color: #17171a #17171a #17171a;
}

.nav-tabs {
	border-bottom: 1px solid #17171a;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: #17171a #17171a #17171a!important;
	isolation: isolate;
}

strong {
	font-weight: 500;
}

.alert-warning {
	background: #F08080;
	border: 1px solid #F08080;
	font-size: 13px;
	color: #fff;
}

.alert-light {
	background: #e04fa8;
	border: 1px solid #e04fa8;
	font-size: 13px;
	color: #2C2F33;
}

.alert-light a {
	color: #2C2F33;
	text-decoration: underline;
}

/* ==========================================================================
	NOVA ROLEPLAY — BRAND LAYER
	Palette  #F27AC6  #E04FA8  #D9D9DF  #DF964E  #1D1D21
	Appended last so it wins the cascade. Edit here, not above.
	========================================================================== */
	
	@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");
	
	:root {
	--nova-pink:      #E04FA8;
	--nova-pink-lt:   #F27AC6;
	--nova-pale:      #D9D9DF;
	--nova-orange:    #DF964E;
	--nova-plum:      #1D1D21;
	--nova-bg:        #0D0D0F;
	--nova-surface:   #17171A;
	--nova-surface-2: #1F1F23;
	--nova-line:      #2E2E34;
	--nova-text:      #E9E9EC;
	--nova-muted:     #9A9AA3;
	--nova-ink:       #1A0014;
	--nova-gradient:  linear-gradient(90deg, #E04FA8 0%, #F27AC6 45%, #DF964E 100%);
	--nova-glow:      0 0 18px rgba(255, 86, 200, .35);
}

body {
	background: var(--nova-bg);
	background-image:
	radial-gradient(1000px 460px at 50% -180px, rgba(255, 255, 255, .025), transparent 70%),
	radial-gradient(760px 340px at 92% -60px, rgba(255, 255, 255, .015), transparent 70%);
	background-attachment: fixed;
	color: var(--nova-text);
	font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, .largetext {
	font-family: "Montserrat", system-ui, sans-serif;
	font-weight: 800;
	letter-spacing: .02em;
}

a {
 color: var(--nova-pale);
}

a:hover, a:active, a:focus {
 color: var(--nova-pink-lt); text-shadow: 0 0 12px rgba(255, 122, 230, .45);
}

::selection {
 background: var(--nova-pink); color: #fff;
}

/* --- panels & tables ---------------------------------------------------- */
	.tborder {
	background: var(--nova-surface);
	border: 1px solid var(--nova-line);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
	overflow: hidden;
}

/* Category bar: dark plum with a 2px neon rule along the bottom, rather than a
	full gradient fill (which blows out to near-white in the middle). The
	.bg-white qualifier is needed because the templates put Bootstrap's
	bg-white on .thead, and a bare .thead would lose the specificity tie. */
	.thead, .thead.bg-white, .bg-thead, .bg-thead.bg-white {
	background-color: var(--nova-plum) !important;
	background-image: var(--nova-gradient) !important;
	background-size: 100% 2px !important;
	background-position: 0 100% !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
	border: 0 !important;
}

.thead a, .thead a:hover, .bg-thead a {
 color: #fff !important; text-shadow: none;
}

/* the category label is a <p class="badge bg-white"> - strip the chip */
	.thead .badge, .thead .badge.bg-white, .thead a .badge {
	background: transparent !important;
	background-color: transparent !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: .02em;
	padding-left: 0 !important;
}

.thead .expander:before, .thead.thead_collapsed .expander:before {
 color: var(--nova-pink-lt) !important;
}

/* last-post / status chips ride on .alert-success in these templates */
	.badge.alert-success, .badge.badge-warning {
	background: var(--nova-surface-2) !important;
	border: 1px solid var(--nova-line) !important;
	color: var(--nova-muted) !important;
}

.tcat, .tcat_menu {
 background: var(--nova-plum) !important; color: var(--nova-pale) !important; border-bottom: 1px solid var(--nova-line) !important;
}

.tcat a {
 color: var(--nova-pale) !important;
}

.trow1 {
 background: var(--nova-surface); border-bottom: 1px solid var(--nova-line);
}

.trow2 {
 background: var(--nova-surface-2); border-bottom: 1px solid var(--nova-line);
}

.trow1:hover, .trow2:hover {
 background: #232327;
}

.trow_shaded {
 background: #201F23; border-left: 3px solid var(--nova-orange);
}

.trow_selected, .trow_selected td {
 background: #28282E !important;
}

.trow_sep {
 background: var(--nova-plum); color: var(--nova-pale);
}

/* --- posts -------------------------------------------------------------- */
	.post {
 background: var(--nova-surface); border: 1px solid var(--nova-line); border-radius: 10px;
}

.post.classic .post_author {
 background: var(--nova-surface-2); border-right: 1px solid var(--nova-line);
}

.post_author {
 border-bottom: 1px solid var(--nova-line);
}

.post_content {
 background: transparent;
}

.post_controls {
 background: var(--nova-surface-2); border-top: 1px solid var(--nova-line);
}

.post_body {
 color: var(--nova-text);
}

.author_avatar img {
 border: 2px solid var(--nova-pink); border-radius: 10px; box-shadow: var(--nova-glow);
}

/* --- buttons ------------------------------------------------------------ */
	button, input.button, .button, .btn-top, .btn-top-active, .btn-reply {
	background: var(--nova-surface-2) !important;
	color: var(--nova-text) !important;
	border: 1px solid var(--nova-line) !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	padding: 7px 16px !important;
	transition: filter .15s ease, transform .15s ease, box-shadow .15s ease;
}

button:hover, input.button:hover, .button:hover, .btn-top:hover, .btn-reply:hover {
	filter: brightness(1.08);
	box-shadow: var(--nova-glow);
	transform: translateY(-1px);
	color: var(--nova-ink) !important;
}

.btn-nav {
 background: var(--nova-plum) !important; color: var(--nova-pale) !important; border-radius: 8px;
}

.btn-nav:hover {
 background: #2A2A30 !important; color: #fff !important;
}

.btn-page, .pagination a {
	background: var(--nova-surface-2) !important;
	color: var(--nova-pale) !important;
	border: 1px solid var(--nova-line) !important;
	border-radius: 6px !important;
}

.btn-page:hover, .pagination a:hover {
 background: var(--nova-plum) !important; color: #fff !important; border-color: var(--nova-pink) !important;
}

.pagination_current {
	background: var(--nova-gradient) !important;
	color: var(--nova-ink) !important;
	border: 0 !important;
	border-radius: 6px !important;
	font-weight: 700;
}

/* --- forms -------------------------------------------------------------- */
	input.textbox, input[type=text], input[type=password], input[type=email], select, textarea, .editor_control_bar {
	background: #141417 !important;
	color: var(--nova-text) !important;
	border: 1px solid var(--nova-line) !important;
	border-radius: 8px !important;
}

input.textbox:focus, select:focus, textarea:focus {
	border-color: var(--nova-pink) !important;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .08) !important;
	outline: 0 !important;
}

fieldset {
 border: 1px solid var(--nova-line); border-radius: 10px;
}

/* --- chrome ------------------------------------------------------------- */
	#panel, #header, .navigation, #footer {
	background: rgba(44, 0, 36, .72);
	border-bottom: 1px solid var(--nova-line);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

#footer {
 border-top: 1px solid var(--nova-line); border-bottom: 0;
}

.navigation a, #panel a {
 color: var(--nova-pale);
}

.navigation .active {
 color: var(--nova-pink-lt); font-weight: 700;
}

/* This theme has no #logo block - the brand lives in .navbar-brand */
	#logo {
 background: transparent; padding: 18px 0;
}

#logo img, .navbar-brand img, img.nova-logo {
	max-width: 300px;
	width: 100%;
	height: auto;
	filter: none;
}

.navbar-brand {
 padding-top: 0; padding-bottom: 0;
}

#logo:after {
	content: "";
	display: block;
	height: 2px;
	margin-top: 14px;
	background: var(--nova-gradient);
	border-radius: 2px;
	opacity: .9;
}

/* --- this theme's own legacy classes ------------------------------------ */
	.forumname {
 background: var(--nova-surface-2) !important; color: var(--nova-text) !important; border: 1px solid var(--nova-line);
}

.topmod {
 background: var(--nova-plum) !important; color: var(--nova-pale) !important;
}

.style {
 background: var(--nova-gradient) !important; color: var(--nova-ink) !important;
}

.bg-primary {
 background: rgba(255, 86, 200, .12) !important; border-left: 3px solid var(--nova-pink);
}

.bg-primary a, .bg-primary a:hover {
 color: var(--nova-pale) !important;
}

.lastpostbit a, .lastpostbit a:hover {
 color: var(--nova-muted) !important;
}

.forum_on, .subforum_minion {
 color: var(--nova-pink) !important;
}

.forum_off, .forum_offlock, .forum_offlink,
	.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
 color: var(--nova-muted) !important;
}

.smalltext {
 color: var(--nova-muted);
}

/* --- popups, quotes, code ----------------------------------------------- */
	.popup_menu {
 background: var(--nova-surface-2); border: 1px solid var(--nova-line); border-radius: 10px; box-shadow: 0 12px 34px rgba(0, 0, 0, .55);
}

.popup_menu .popup_item {
 background: transparent; color: var(--nova-text);
}

.popup_menu .popup_item:hover {
 background: var(--nova-plum); color: var(--nova-pink-lt);
}

blockquote {
 background: var(--nova-surface-2); border: 1px solid var(--nova-line); border-left: 3px solid var(--nova-pink); border-radius: 8px;
}

blockquote cite {
 border-bottom: 1px solid var(--nova-line); color: var(--nova-muted);
}

.codeblock {
 background: #0D0D0F; border: 1px solid var(--nova-line); border-left: 3px solid var(--nova-orange); border-radius: 8px; color: var(--nova-pale);
}

/* --- alerts ------------------------------------------------------------- */
	.error, .validation_error {
 background: rgba(255, 255, 255, .025); border: 1px solid var(--nova-pink); color: var(--nova-pale); border-radius: 8px;
}

.inline_message, .validation_success {
 background: rgba(255, 162, 75, .10); border: 1px solid var(--nova-orange); color: #E8DCCB; border-radius: 8px;
}

/* --- scrollbar ---------------------------------------------------------- */
	* {
 scrollbar-color: var(--nova-pink) var(--nova-surface); scrollbar-width: thin;
}

::-webkit-scrollbar {
 width: 10px; height: 10px;
}

::-webkit-scrollbar-track {
 background: var(--nova-surface);
}

::-webkit-scrollbar-thumb {
 background: var(--nova-gradient); border-radius: 8px; border: 2px solid var(--nova-surface);
}

/* --- Bootstrap 5 overrides ----------------------------------------------
	This theme pulls bootstrap@5.1.3 from a CDN and the templates lean on its
	utilities (bg-white x256, btn-primary x209, text-muted x293). Without these
	rules the rebrand would still render white cards and blue buttons.
	------------------------------------------------------------------------ */
	.bg-white, .bg-body, .card, .list-group-item, .modal-content, .dropdown-menu, .accordion-item {
	background-color: var(--nova-surface) !important;
	color: var(--nova-text) !important;
}

.bg-light {
 background-color: var(--nova-surface-2) !important;
}

.bg-dark {
 background-color: var(--nova-plum) !important;
}

.text-dark, .text-body {
 color: var(--nova-text) !important;
}

.text-muted, .text-black-50, .text-secondary {
 color: var(--nova-muted) !important;
}

.text-black {
 color: var(--nova-text) !important;
}

.border, .border-top, .border-bottom, .border-start, .border-end,
	.card, .list-group-item, .dropdown-menu, .card-header, .card-footer {
	border-color: var(--nova-line) !important;
}

.card-header, .card-footer {
 background-color: var(--nova-surface-2) !important;
}

.btn-primary, .btn-primary:focus {
	background: var(--nova-gradient) !important;
	border: 0 !important;
	color: var(--nova-ink) !important;
	font-weight: 700;
}

.btn-primary:hover {
 filter: brightness(1.08); box-shadow: var(--nova-glow); color: var(--nova-ink) !important;
}

.btn-secondary, .btn-light {
	background: var(--nova-surface-2) !important;
	border: 1px solid var(--nova-line) !important;
	color: var(--nova-pale) !important;
}

.btn-secondary:hover, .btn-light:hover {
 background: var(--nova-plum) !important; color: #fff !important;
}

.btn-outline-primary {
 border-color: var(--nova-pink) !important; color: var(--nova-pink) !important;
}

.btn-outline-primary:hover {
 background: var(--nova-gradient) !important; color: var(--nova-ink) !important; border-color: transparent !important;
}

.form-control, .form-select, .input-group-text {
	background-color: #141417 !important;
	border-color: var(--nova-line) !important;
	color: var(--nova-text) !important;
}

.form-control:focus, .form-select:focus {
	border-color: var(--nova-pink) !important;
	box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .08) !important;
}

.form-control::placeholder {
 color: var(--nova-muted) !important;
}

.dropdown-item {
 color: var(--nova-text) !important;
}

.dropdown-item:hover, .dropdown-item:focus {
 background: var(--nova-plum) !important; color: var(--nova-pink-lt) !important;
}

.nav-tabs {
 border-bottom-color: var(--nova-line) !important;
}

.nav-tabs .nav-link {
 color: var(--nova-muted) !important; border-color: transparent !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	color: var(--nova-pink-lt) !important;
	background-color: var(--nova-surface) !important;
	border-color: var(--nova-line) var(--nova-line) transparent !important;
}

.page-link {
 background: var(--nova-surface-2) !important; border-color: var(--nova-line) !important; color: var(--nova-pale) !important;
}

.page-item.active .page-link {
 background: var(--nova-gradient) !important; border-color: transparent !important; color: var(--nova-ink) !important;
}

.table, .table > :not(caption) > * > * {
	background-color: transparent !important;
	color: var(--nova-text) !important;
	border-color: var(--nova-line) !important;
}

.badge.bg-primary {
 background: var(--nova-gradient) !important; color: var(--nova-ink) !important;
}

.progress {
 background-color: var(--nova-surface-2) !important;
}

.progress-bar {
 background: var(--nova-gradient) !important;
}

.modal-header, .modal-footer {
 border-color: var(--nova-line) !important;
}

.shadow-sm, .shadow {
 box-shadow: 0 10px 30px rgba(0, 0, 0, .45) !important;
}

hr {
 border-color: var(--nova-line) !important; opacity: 1;
}

/* --- responsive --------------------------------------------------------- */
	@media (max-width: 768px) {
	.wrapper, .container {
 width: 94% !important;
}

#logo img, .navbar-brand img, img.nova-logo {
 max-width: 190px;
}


}


}

.navigation a, #panel a {
 color: var(--nova-pale);
}

.navigation .active {
 color: var(--nova-pink-lt); font-weight: 700;
}

#logo {
 background: transparent; padding: 18px 0;
}

#logo img {
 max-width: 340px; height: auto; filter: none;
}

#logo:after {
	content: "";
	display: block;
	height: 2px;
	margin-top: 14px;
	background: var(--nova-gradient);
	border-radius: 2px;
	opacity: .9;
}

/* --- this theme's own legacy classes ------------------------------------ */
.forumname {
 background: var(--nova-surface-2) !important; color: var(--nova-text) !important; border: 1px solid var(--nova-line);
}

.topmod {
 background: var(--nova-plum) !important; color: var(--nova-pale) !important;
}

.style {
 background: var(--nova-gradient) !important; color: var(--nova-ink) !important;
}

.bg-primary {
 background: rgba(255, 86, 200, .12) !important; border-left: 3px solid var(--nova-pink);
}

.bg-primary a, .bg-primary a:hover {
 color: var(--nova-pale) !important;
}

.lastpostbit a, .lastpostbit a:hover {
 color: var(--nova-muted) !important;
}

.forum_on, .subforum_minion {
 color: var(--nova-pink) !important;
}

.forum_off, .forum_offlock, .forum_offlink,
.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
 color: var(--nova-muted) !important;
}

.smalltext {
 color: var(--nova-muted);
}

/* --- popups, quotes, code ----------------------------------------------- */
.popup_menu {
 background: var(--nova-surface-2); border: 1px solid var(--nova-line); border-radius: 10px; box-shadow: 0 12px 34px rgba(0, 0, 0, .55);
}

.popup_menu .popup_item {
 background: transparent; color: var(--nova-text);
}

.popup_menu .popup_item:hover {
 background: var(--nova-plum); color: var(--nova-pink-lt);
}

blockquote {
 background: var(--nova-surface-2); border: 1px solid var(--nova-line); border-left: 3px solid var(--nova-pink); border-radius: 8px;
}

blockquote cite {
 border-bottom: 1px solid var(--nova-line); color: var(--nova-muted);
}

.codeblock {
 background: #0D0D0F; border: 1px solid var(--nova-line); border-left: 3px solid var(--nova-orange); border-radius: 8px; color: var(--nova-pale);
}

/* --- alerts ------------------------------------------------------------- */
.error, .validation_error {
 background: rgba(255, 255, 255, .025); border: 1px solid var(--nova-pink); color: var(--nova-pale); border-radius: 8px;
}

.inline_message, .validation_success {
 background: rgba(255, 162, 75, .10); border: 1px solid var(--nova-orange); color: #E8DCCB; border-radius: 8px;
}

/* --- scrollbar ---------------------------------------------------------- */
* {
 scrollbar-color: var(--nova-pink) var(--nova-surface); scrollbar-width: thin;
}

::-webkit-scrollbar {
 width: 10px; height: 10px;
}

::-webkit-scrollbar-track {
 background: var(--nova-surface);
}

::-webkit-scrollbar-thumb {
 background: var(--nova-gradient); border-radius: 8px; border: 2px solid var(--nova-surface);
}

/* --- Bootstrap 5 overrides ----------------------------------------------
   This theme pulls bootstrap@5.1.3 from a CDN and the templates lean on its
   utilities (bg-white x256, btn-primary x209, text-muted x293). Without these
   rules the rebrand would still render white cards and blue buttons.
   ------------------------------------------------------------------------ */
.bg-white, .bg-body, .card, .list-group-item, .modal-content, .dropdown-menu, .accordion-item {
	background-color: var(--nova-surface) !important;
	color: var(--nova-text) !important;
}

.bg-light {
 background-color: var(--nova-surface-2) !important;
}

.bg-dark {
 background-color: var(--nova-plum) !important;
}

.text-dark, .text-body {
 color: var(--nova-text) !important;
}

.text-muted, .text-black-50, .text-secondary {
 color: var(--nova-muted) !important;
}

.text-black {
 color: var(--nova-text) !important;
}

.border, .border-top, .border-bottom, .border-start, .border-end,
.card, .list-group-item, .dropdown-menu, .card-header, .card-footer {
	border-color: var(--nova-line) !important;
}

.card-header, .card-footer {
 background-color: var(--nova-surface-2) !important;
}

.btn-primary, .btn-primary:focus {
	background: var(--nova-gradient) !important;
	border: 0 !important;
	color: var(--nova-ink) !important;
	font-weight: 700;
}

.btn-primary:hover {
 filter: brightness(1.08); box-shadow: var(--nova-glow); color: var(--nova-ink) !important;
}

.btn-secondary, .btn-light {
	background: var(--nova-surface-2) !important;
	border: 1px solid var(--nova-line) !important;
	color: var(--nova-pale) !important;
}

.btn-secondary:hover, .btn-light:hover {
 background: var(--nova-plum) !important; color: #fff !important;
}

.btn-outline-primary {
 border-color: var(--nova-pink) !important; color: var(--nova-pink) !important;
}

.btn-outline-primary:hover {
 background: var(--nova-gradient) !important; color: var(--nova-ink) !important; border-color: transparent !important;
}

.form-control, .form-select, .input-group-text {
	background-color: #141417 !important;
	border-color: var(--nova-line) !important;
	color: var(--nova-text) !important;
}

.form-control:focus, .form-select:focus {
	border-color: var(--nova-pink) !important;
	box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .08) !important;
}

.form-control::placeholder {
 color: var(--nova-muted) !important;
}

.dropdown-item {
 color: var(--nova-text) !important;
}

.dropdown-item:hover, .dropdown-item:focus {
 background: var(--nova-plum) !important; color: var(--nova-pink-lt) !important;
}

.nav-tabs {
 border-bottom-color: var(--nova-line) !important;
}

.nav-tabs .nav-link {
 color: var(--nova-muted) !important; border-color: transparent !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	color: var(--nova-pink-lt) !important;
	background-color: var(--nova-surface) !important;
	border-color: var(--nova-line) var(--nova-line) transparent !important;
}

.page-link {
 background: var(--nova-surface-2) !important; border-color: var(--nova-line) !important; color: var(--nova-pale) !important;
}

.page-item.active .page-link {
 background: var(--nova-gradient) !important; border-color: transparent !important; color: var(--nova-ink) !important;
}

.table, .table > :not(caption) > * > * {
	background-color: transparent !important;
	color: var(--nova-text) !important;
	border-color: var(--nova-line) !important;
}

.badge.bg-primary {
 background: var(--nova-gradient) !important; color: var(--nova-ink) !important;
}

.progress {
 background-color: var(--nova-surface-2) !important;
}

.progress-bar {
 background: var(--nova-gradient) !important;
}

.modal-header, .modal-footer {
 border-color: var(--nova-line) !important;
}

.shadow-sm, .shadow {
 box-shadow: 0 10px 30px rgba(0, 0, 0, .45) !important;
}

hr {
 border-color: var(--nova-line) !important; opacity: 1;
}

/* --- responsive --------------------------------------------------------- */
@media (max-width: 768px) {
	.wrapper, .container {
 width: 94% !important;
}

#logo img {
 max-width: 240px;
}


}