:root {
	--color1: #F2F3F6;
	--color2: #fff;
	--color3: #fff;
	--color4: #e1e1ea;
	--linear: linear-gradient(93.67deg, #403182 4.75%, #7756BB 102.56%);
	--text-body: #5A627D;
	--text-primary: #131D40;
	--text-secondary: #9198B1;
	--a-color: #518bd7;
	--a-hover: #1354aa;
	--side-a: #151436;
	--side-a-hover: rgb(77, 77, 98);
}
html {
	background: var(--color1);
}
body {
	color: var(--text-body);
}
a {
	color: var(--a-color);
}
a:hover {
	color: var(--a-hover);
}
h1, h2, h3, h4 {
	color: var(--text-primary);
}
.section-title h3, .section-title h2 {
	color: var(--text-primary);
}
.left-categories li a {
	color: var(--side-a);
}
.left-categories li a:hover {
	color: var(--side-a-hover);
}
.left-sidebar {
	background: var(--color2);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--color1);
}
.g-content {
	background: var(--color1);
}
.search-bar input.search {
	background: var(--color2);
    color: var(--text-secondary);
}
.game-item {
	background: var(--color2);
}
.g-icon {
    background: #fff;
}
.list-b-play {
	background: #5372E7;
}
a.nav-link.dropdown-toggle.show {
	background: var(--color3);
}
li.nav-item a.nav-link {
	color: var(--text-primary);
}
.dropdown-menu {
	background: var(--color3);
	border: none;
	-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.dropdown-menu .dropdown-item:hover {
	background: var(--color4);
}
li.nav-item a {
	color: var(--text-primary);
}
.dropdown-menu .dropdown-item:hover {
	color: var(--text-primary);
}
.category-description {
	background: var(--color2);
}
.page-link.active, .page-link:hover {
	background: var(--color2);
	color: var(--text-body);
}
.user-dropdown {
	background: var(--color3);
}
.user-dropdown::before {
	background: var(--color3);
	color: var(--text-primary);
}
.user-dropdown .item a:hover {
	background: var(--color4);
	color: var(--text-primary);
}
.sm-widget {
	background: var(--color2);
}
.header-right .btn-capsule {
	background: var(--color2);
	color: var(--text-primary);
}
.game-info .btn-circle {
	background: var(--color2);
	color: var(--text-primary);
}
.comment-wrapper .name {
	color: var(--text-primary);
}
.comments-container {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.profile-menu .profile-header {
	color: var(--text-primary);
}
table.scoreboard thead, table.scoreboard thead th {
	background: var(--color4);
	color: var(--text-body);
}
table.scoreboard tbody, table.scoreboard tbody th, table.scoreboard tbody td {
	background: var(--color3);
}
.cat-item, .tag-item {
	background: var(--color2);
	color: var(--text-primary);
}
.jquery-comments .textarea-wrapper .textarea {
	background: var(--color2);
}
.leaderboard-row {
	background: var(--color2);
}
.post-list-card {
	background: var(--color2);
}
.user-page .section {
	background-color: var(--color2);
}
.profile-comment-item {
  border: 1px solid var(--color3);
}
input.form-control, textarea.form-control {
	background: var(--color3);
}
input.form-control:active, input.form-control:hover, textarea.form-control:active, textarea.form-control:hover {
	background: var(--color3);
}
.list-title {
	color: var(--text-primary);
}
.list-rating, .game-info .rating {
	color: var(--text-secondary);
}
section.footer {
    background: var(--color1);
    border-top: 1px solid rgb(210, 210, 210);
    border-bottom: 1px solid rgb(210, 210, 210);
}
.section-title p {
	color: var(--text-body);
}
.page-link {
	color: var(--text-body);
}
.highlight-text {
	color: var(--text-primary);
}
.single-title {
	color: var(--text-primary);
}
.user-dropdown .item a, .profile-menu .profile-header a {
	color: var(--text-primary);
}
.search-bar .bi-search {
    color: unset;
}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav {
		display: block;
		text-align: right;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute;
		overflow:hidden;
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
	}
}

/* COMMENTS */

.tpl-comment-author {
  color: var(--text-primary);
}
a.tpl-comment-reply, a.tpl-btn-show-replies, a.tpl-btn-hide-replies {
  color: var(--text-secondary);
}
.tpl-user-comment {
  border-bottom: 1px solid var(--color4);
}
#comment-form {
  border-bottom: 1px solid var(--color4);
}