:root {
	--color1:#0a0a0d;
	--color2:#15151a;
	--color3:#1f1f26;
	--color4:#2b2b35;

	--linear:rgba(255,255,255,0.05);

	--text-body:rgba(255,255,255,0.75);
	--text-primary:#ffffff;
	--text-secondary:rgba(255,255,255,0.65);

	--a-color:#6aa8ff;
	--a-hover:#2d7cff;

	--side-a:rgba(255,255,255,0.85);
	--side-a-hover:#3b3b45;
}

/* BACKGROUND */

html{
	background:var(--color1);
}

body{
	color:var(--text-body);
	background:var(--color1);
}

/* LINKS */

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

a:hover{
	color:var(--a-hover);
}

/* HEADINGS */

h1,h2,h3,h4{
	color:var(--text-primary);
}

/* SIDEBAR */

.left-sidebar{
	background:var(--color2);
	border-right:1px solid rgba(255,255,255,0.05);
}

/* MAIN CONTENT */

.g-content{
	background:var(--color1);
}

/* SEARCH BAR */

.search-bar input.search{
	background:var(--color3);
	color:var(--text-secondary);
	border:none;
	border-radius:8px;
	padding:10px;
}

.search-bar input.search:focus{
	outline:none;
	box-shadow:0 0 6px rgba(80,120,255,0.5);
}

/* GAME ITEMS */

.game-item{
	background:var(--color2);
	border-radius:10px;
	border:1px solid rgba(255,255,255,0.05);
	box-shadow:0 4px 12px rgba(0,0,0,0.6);
	transition:all .25s ease;
}

.game-item:hover{
	transform:translateY(-3px);
	box-shadow:0 8px 20px rgba(0,0,0,0.9);
	border-color:rgba(255,255,255,0.1);
}

.g-icon{
	background:#fff;
}

/* PLAY BUTTON */

.list-b-play{
	background:linear-gradient(135deg,#3a7bff,#6aa8ff);
	border-radius:8px;
	color:#fff;
}

/* DROPDOWN */

a.nav-link.dropdown-toggle.show{
	background:var(--color3);
}

.dropdown-menu{
	background:var(--color3);
	border:1px solid rgba(255,255,255,0.05);
	border-radius:8px;
}

.dropdown-menu .dropdown-item:hover{
	background:var(--color4);
}

/* CATEGORY */

.category-description{
	background:var(--color2);
}

/* PAGINATION */

.page-link.active,
.page-link:hover{
	background:var(--color2);
}

/* USER MENU */

.user-dropdown{
	background:var(--color3);
}

.user-dropdown::before{
	background:var(--color3);
}

.user-dropdown .item a:hover{
	background:var(--color4);
}

/* WIDGET */

.sm-widget{
	background:var(--color2);
	border-radius:10px;
}

/* HEADER BUTTON */

.header-right .btn-capsule{
	background:var(--color2);
}

/* GAME INFO */

.game-info .btn-circle{
	background:var(--color2);
}

/* SCOREBOARD */

table.scoreboard thead,
table.scoreboard thead th{
	background:var(--color2);
}

table.scoreboard tbody,
table.scoreboard tbody th,
table.scoreboard tbody td{
	background:var(--color3);
}

/* CATEGORY + TAG */

.cat-item,
.tag-item{
	background:var(--color2);
	border-radius:8px;
}

/* COMMENTS */

.jquery-comments .textarea-wrapper .textarea{
	background:var(--color2);
}

textarea.tpl-comment-input,
textarea.tpl-comment-input:hover{
	background:var(--color2);
}

.tpl-btn-cancel-reply{
	color:#938fb5;
}

a.tpl-comment-reply,
a.tpl-btn-show-replies,
a.tpl-btn-hide-replies{
	color:#6d6b7d;
}

.tpl-post-comment-btn,
.tpl-btn-send-reply{
	background-color:#3a7bff;
	border:0;
}

#tpl-btn-load-more-comments{
	color:#938fb5;
}

/* LEADERBOARD */

.leaderboard-row{
	background:var(--color2);
}

/* POSTS */

.post-list-card{
	background:var(--color2);
	border-radius:10px;
}

/* USER PAGE */

.user-page .section{
	background-color:var(--color2);
}

/* PROFILE COMMENT */

.profile-comment-item{
	border:1px solid var(--color3);
}

/* INPUT */

input.form-control,
textarea.form-control{
	background:var(--color3);
	border:none;
	color:#fff;
}

input.form-control:active,
input.form-control:hover,
textarea.form-control:active,
textarea.form-control:hover{
	background:var(--color3);
}