/* ============================================================
   RunePath Color Scheme Override
   Applied ON TOP of the existing style.css
   To remove: delete the <link> in header.php referencing this file
   ============================================================ */

/* -- Base backgrounds -- dark charcoal with gradient from header */
body {
	background: #0d1117 !important;
}
.wrapper {
	background: linear-gradient(to bottom, #000 0px, #0d1117 400px) !important;
}

/* -- Navigation bar -- */
.navigation {
	background: rgba(13, 17, 23, 0.95) !important;
	border-bottom: 1px solid #30363d !important;
}
.navigation__link span {
	color: #c9d1d9 !important;
}
.navigation__link:hover span,
.navigation__link span:hover {
	color: #c9aa71 !important;
}
.navigation__link i {
	color: #c9d1d9 !important;
}
.navigation__link:hover i {
	color: #c9aa71 !important;
}

/* -- Navigation dropdowns -- */
.navigation__drop-box-items {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
.navigation__drop-box-items a {
	color: #8b949e !important;
}
.navigation__drop-box-items a:hover {
	color: #c9aa71 !important;
	background: rgba(201,170,113,0.08) !important;
}

/* -- Buttons -- */
.btn.yellow {
	background: linear-gradient(135deg, #c9aa71, #a8884d) !important;
	border: none !important;
}
.btn.yellow span {
	color: #0d1117 !important;
}
.btn.yellow:after,
.btn.yellow:before {
	display: none !important;
}

/* -- Header / Hero section -- keep original background, just match gradient to black */
.header__info-flag {
	color: #c9aa71 !important;
	border-color: rgba(201,170,113,0.3) !important;
	background: rgba(201,170,113,0.1) !important;
}
.header__info-title {
	color: #e6edf3 !important;
}
.header__info-text {
	color: #8b949e !important;
}
.header__info-text b {
	color: #c9d1d9 !important;
}

/* -- Server stat boxes -- keep original styling, just don't hide text */

/* -- Main content area -- */
.home-content {
	background: transparent !important;
}
.main-content {
	color: #c9d1d9 !important;
}

/* -- Tables (news, changelog, highscores, etc.) -- */
table {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
td, th {
	color: #c9d1d9 !important;
	border-color: rgba(48,54,61,0.4) !important;
}
tr.yellow td {
	color: #c9aa71 !important;
	background: rgba(201,170,113,0.06) !important;
	border-color: #30363d !important;
}
tr:nth-child(2n+1) {
	background: rgba(22,27,34,0.5) !important;
}

/* -- Links -- */
a {
	color: #c9aa71 !important;
}
a:hover {
	color: #dfc08a !important;
}

/* -- Sidebar -- */
.aside-content__title-text {
	color: #e6edf3 !important;
}
.aside-content__title-text span {
	color: #c9aa71 !important;
}

/* -- Bonuses -- */
.bonus {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
.bonus:hover {
	border-color: #3d444d !important;
}
.bonus__title {
	color: #c9d1d9 !important;
}
.bonus__title span {
	color: #c9aa71 !important;
}

/* -- Footer -- */
.footer {
	background: #161b22 !important;
	border-top: 1px solid #30363d !important;
}
.footer:after {
	display: none !important;
}
.footer__cpr-title {
	color: #8b949e !important;
}
.footer__cpr-text {
	color: #636e7b !important;
}
.footer__cpr-text a {
	color: #8b949e !important;
}

/* -- Content blocks -- */
.global-desc__content {
	color: #c9d1d9 !important;
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
.desc-changelog__block,
.desc-changelog__block p {
	color: #c9d1d9 !important;
}

/* -- HTS blocks -- */
.hts__block {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
.hts__block:after,
.hts__block:before {
	display: none !important;
}
.hts__block-title-big {
	color: #e6edf3 !important;
}
.hts__block-title-small {
	color: #636e7b !important;
}
.hts__block-desc {
	color: #8b949e !important;
}

/* -- Forms -- */
.global-form input,
.global-form select {
	background: #0d1117 !important;
	border: 1px solid #30363d !important;
	color: #c9d1d9 !important;
}
.global-form input:focus {
	border-color: #a8884d !important;
}

/* -- Scrollbar -- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3d444d; }

/* -- Selection -- */
::selection {
	background: rgba(201,170,113,0.25);
	color: #e6edf3;
}
