/*
 * Football To Glory global color system.
 * This file intentionally loads after the legacy skin overrides.
 */
:root {
	--ftg-royal-blue: #1E4FFF;
	--ftg-deep-blue: #1639C7;
	--ftg-navy: #071426;
	--ftg-navy-2: #0B1F38;
	--ftg-navy-3: #102C4D;
	--ftg-gold: #F3C969;
	--ftg-dark-gold: #D9A93A;
	--ftg-cyan: #4DE3FF;
	--ftg-light-cyan: #8DF1FF;
	--ftg-card: #0D1B2E;
	--ftg-card-2: #12233D;
	--ftg-border: #244A8F;
	--ftg-text: #FFFFFF;
	--ftg-text-2: #B8C7E0;
	--ftg-text-3: #7D8DAA;
	--ftg-positive: #43D17A;
	--ftg-negative: #FF5A5A;
}

html,
body {
	background:
		radial-gradient(circle at 15% 28%, rgba(77, 227, 255, 0.20) 0, rgba(77, 227, 255, 0.08) 10%, transparent 23%),
		radial-gradient(circle at 78% 18%, rgba(30, 79, 255, 0.26) 0, rgba(30, 79, 255, 0.10) 14%, transparent 30%),
		radial-gradient(circle at 55% 92%, rgba(243, 201, 105, 0.12) 0, transparent 28%),
		linear-gradient(180deg, var(--ftg-navy) 0%, var(--ftg-navy-2) 54%, var(--ftg-navy-3) 100%) !important;
	color: var(--ftg-text) !important;
}

#wrapper {
	background:
		linear-gradient(180deg, rgba(7, 20, 38, 0.18), rgba(7, 20, 38, 0.70)),
		url(../../img/schedioartskin/players-bg.png) repeat-x center bottom !important;
}

.navbar .navbar-inner,
.navbar-inner,
.navbar .navbar-soccer,
.ftg-topbar,
.hd-topbar {
	background:
		linear-gradient(180deg, rgba(7, 20, 38, 0.98), rgba(6, 15, 30, 0.96)),
		linear-gradient(90deg, rgba(30, 79, 255, 0.16), rgba(77, 227, 255, 0.05)) !important;
	border-bottom: 1px solid rgba(243, 201, 105, 0.34) !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.38) !important;
}

.navbar .brand,
.navbar .nav > li > a,
.navbar-inverse .brand,
.navbar-inverse .nav > li > a,
.ftg-brand,
.hd-brand {
	color: var(--ftg-text) !important;
	text-shadow: none !important;
}

.navbar .brand strong,
.navbar .brand b,
.ftg-brand strong,
.hd-brand strong,
.wst-home-news-header-title {
	color: var(--ftg-gold) !important;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background: linear-gradient(180deg, var(--ftg-royal-blue), var(--ftg-deep-blue)) !important;
	color: var(--ftg-text) !important;
}

.main-container .box,
#contentArea .box,
#contentArea .well,
#contentArea .thumbnail,
#contentArea .accordion-group,
#contentArea .tab-content,
#contentArea table.table,
.home-sidebar .box,
.modal,
.popover,
.dropdown-menu,
.hd-card,
.hd-club-hero,
.hd-right .box,
.hd-right .accordion-group,
.ln-home-wrap,
.match-center-card,
.match-pitch-center,
.mc-card,
.pp-card,
.tm-card,
.sched-card,
.youth-card {
	background:
		linear-gradient(180deg, rgba(18, 35, 61, 0.92), rgba(13, 27, 46, 0.94)) !important;
	border-color: rgba(36, 74, 143, 0.90) !important;
	color: var(--ftg-text) !important;
	box-shadow: inset 0 0 0 1px rgba(77, 227, 255, 0.05), 0 12px 30px rgba(0, 0, 0, 0.34) !important;
}

.main-container .box > h1,
.main-container .box > h2,
.main-container .box > h3,
.main-container .box > h4,
.home-sidebar .box > h4,
.modal .modal-header,
.popover .popover-title,
.hd-card__head,
.hd-side-card > h4,
.hd-side-card .box > h4,
.panel-heading,
.wst-home-news-header,
#contentArea table.table thead th {
	background:
		linear-gradient(180deg, rgba(30, 79, 255, 0.92), rgba(22, 57, 199, 0.92)) !important;
	border-color: rgba(243, 201, 105, 0.42) !important;
	color: var(--ftg-text) !important;
	text-shadow: none !important;
}

.wst-home-news-header {
	box-shadow: inset 0 -1px 0 rgba(243, 201, 105, 0.32), 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}

.wst-home-news-header-subtitle,
.muted,
small,
.help-block,
.help-inline,
.control-label,
.hd-muted,
.hd-card__sub,
.hd-feed-meta,
.ln-meta,
.sf-home-time,
.cn-h-meta {
	color: var(--ftg-text-2) !important;
}

.main-container a,
#contentArea a,
.home-sidebar a,
footer a,
.hd-link,
.hd-card a {
	color: var(--ftg-cyan) !important;
}

.main-container a:hover,
.main-container a:focus,
#contentArea a:hover,
#contentArea a:focus,
.home-sidebar a:hover,
.home-sidebar a:focus,
footer a:hover,
footer a:focus,
.hd-card a:hover {
	color: var(--ftg-light-cyan) !important;
}

.btn,
#contentArea .btn,
.main-container .btn,
button.btn,
input[type="submit"].btn,
.hd-btn,
.hd-action,
.hd-card .btn {
	background: linear-gradient(180deg, var(--ftg-royal-blue), var(--ftg-deep-blue)) !important;
	border: 1px solid rgba(77, 227, 255, 0.28) !important;
	color: var(--ftg-text) !important;
	text-shadow: none !important;
	box-shadow: 0 8px 18px rgba(30, 79, 255, 0.20) !important;
}

.btn:hover,
.btn:focus,
#contentArea .btn:hover,
#contentArea .btn:focus,
.main-container .btn:hover,
.main-container .btn:focus,
.hd-btn:hover,
.hd-action:hover {
	background: linear-gradient(180deg, #3262ff, var(--ftg-royal-blue)) !important;
	border-color: rgba(141, 241, 255, 0.52) !important;
	color: var(--ftg-text) !important;
}

.btn-warning,
.btn-soccer,
.btn-primary,
#contentArea .btn-primary,
.main-container .btn-primary,
.hd-card__cta,
.hd-primary-action {
	background: linear-gradient(180deg, var(--ftg-gold), var(--ftg-dark-gold)) !important;
	border-color: rgba(243, 201, 105, 0.70) !important;
	color: #071426 !important;
	font-weight: 800;
	box-shadow: 0 8px 18px rgba(243, 201, 105, 0.18) !important;
}

.btn-warning:hover,
.btn-soccer:hover,
.btn-primary:hover,
#contentArea .btn-primary:hover,
.main-container .btn-primary:hover,
.hd-card__cta:hover {
	background: linear-gradient(180deg, #ffe08a, var(--ftg-gold)) !important;
	color: #071426 !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="search"],
select,
textarea,
#contentArea input[type="text"],
#contentArea input[type="password"],
#contentArea input[type="email"],
#contentArea input[type="number"],
#contentArea input[type="url"],
#contentArea input[type="search"],
#contentArea select,
#contentArea textarea,
.navbar-search .search-query,
.hd-input,
.hd-select {
	background: rgba(7, 20, 38, 0.82) !important;
	border: 1px solid rgba(36, 74, 143, 0.95) !important;
	color: var(--ftg-text) !important;
	box-shadow: inset 0 0 0 1px rgba(77, 227, 255, 0.05) !important;
}

input:focus,
select:focus,
textarea:focus,
.navbar-search .search-query:focus {
	border-color: var(--ftg-cyan) !important;
	box-shadow: 0 0 0 2px rgba(77, 227, 255, 0.16) !important;
}

input::placeholder,
textarea::placeholder {
	color: var(--ftg-text-3) !important;
	opacity: 1;
}

.nav-tabs > li > a,
#contentArea .nav-tabs > li > a,
.hd-tab,
.match-pitch-team-tab {
	background: rgba(13, 27, 46, 0.88) !important;
	border-color: rgba(36, 74, 143, 0.88) !important;
	color: var(--ftg-text-2) !important;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus,
#contentArea .nav-tabs > .active > a,
#contentArea .nav-tabs > .active > a:hover,
#contentArea .nav-tabs > .active > a:focus,
.hd-tab.is-active,
.match-pitch-team-tab.is-active {
	background: linear-gradient(180deg, var(--ftg-royal-blue), var(--ftg-deep-blue)) !important;
	border-color: rgba(243, 201, 105, 0.42) !important;
	color: var(--ftg-text) !important;
}

table.table,
table.table td,
table.table th,
#contentArea table.table td,
#contentArea table.table th,
.home-sidebar table.table td,
.home-sidebar table.table th {
	background-color: rgba(13, 27, 46, 0.76) !important;
	border-color: rgba(36, 74, 143, 0.54) !important;
	color: var(--ftg-text-2) !important;
}

table.table-striped tbody > tr:nth-child(odd) > td,
#contentArea table.table-striped tbody > tr:nth-child(odd) > td,
.home-sidebar .table-striped tbody > tr:nth-child(odd) > td {
	background: rgba(18, 35, 61, 0.82) !important;
}

.label,
.badge,
.hd-badge,
.ln-badge {
	background: var(--ftg-royal-blue) !important;
	color: var(--ftg-text) !important;
	text-shadow: none !important;
}

.label-warning,
.badge-warning,
.hd-highlight,
.stat-highlight {
	background-color: var(--ftg-gold) !important;
	color: #071426 !important;
}

.sidebar-highscore__value {
	color: var(--ftg-gold) !important;
}

.text-success,
.strength_success,
.bar-success,
.progress-success .bar,
.progress .bar-success {
	color: var(--ftg-positive) !important;
	background-color: var(--ftg-positive) !important;
}

.text-warning,
.strength_warning,
.bar-warning,
.progress-warning .bar,
.progress .bar-warning {
	color: var(--ftg-gold) !important;
	background-color: var(--ftg-gold) !important;
}

.text-error,
.text-danger,
.strength_danger,
.bar-danger,
.progress-danger .bar,
.progress .bar-danger {
	color: var(--ftg-negative) !important;
	background-color: var(--ftg-negative) !important;
}

.progress {
	background: rgba(18, 35, 61, 0.92) !important;
	border: 1px solid rgba(36, 74, 143, 0.72) !important;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.32) !important;
}

.progress .bar,
.progress-info .bar,
.bar-info {
	background: linear-gradient(90deg, var(--ftg-cyan), var(--ftg-royal-blue)) !important;
}

.hd-card,
.hd-club-hero,
.hd-side-card,
.hd-news-card,
.hd-live-card,
.hd-today-card,
.hd-chat-card {
	border-color: rgba(36, 74, 143, 0.90) !important;
}

.hd-card:hover,
.hd-club-hero:hover,
.hd-side-card:hover {
	border-color: rgba(77, 227, 255, 0.72) !important;
	box-shadow: 0 0 22px rgba(77, 227, 255, 0.10), 0 12px 30px rgba(0, 0, 0, 0.36) !important;
}

.hd-club-hero {
	background:
		radial-gradient(circle at 82% 28%, rgba(77, 227, 255, 0.18), transparent 34%),
		linear-gradient(110deg, rgba(13, 27, 46, 0.96), rgba(22, 57, 199, 0.34)) !important;
	border-color: rgba(243, 201, 105, 0.48) !important;
}

.hd-club-hero__metric-label,
.hd-card__title,
.hd-side-card h4,
.hd-card h4,
.home-sidebar .box > h4,
.match-pitch-formation-badge__label,
.match-center-card h3,
.mc-card h3 {
	color: var(--ftg-gold) !important;
}

.hd-club-hero__metric-value,
.hd-card strong,
.home-sidebar strong {
	color: var(--ftg-text) !important;
}

.hd-online-pill,
.online-pill,
.status-online {
	background: rgba(67, 209, 122, 0.14) !important;
	border-color: rgba(67, 209, 122, 0.56) !important;
	color: #baffd1 !important;
}

.match-pitch-card__inner {
	background: rgba(13, 27, 46, 0.92) !important;
	border-color: rgba(77, 227, 255, 0.28) !important;
}

.match-pitch-card__grade--high {
	background: var(--ftg-positive) !important;
	color: #071426 !important;
}

.match-pitch-card__grade--mid {
	background: var(--ftg-gold) !important;
	color: #071426 !important;
}

.match-pitch-card__grade--low {
	background: var(--ftg-negative) !important;
	color: var(--ftg-text) !important;
}

footer {
	background: rgba(7, 20, 38, 0.90) !important;
	border-color: rgba(36, 74, 143, 0.78) !important;
	color: var(--ftg-text-2) !important;
}

footer i {
	color: var(--ftg-gold) !important;
}

.alert,
.alert-info {
	background: rgba(30, 79, 255, 0.90) !important;
	border-color: rgba(77, 227, 255, 0.28) !important;
	color: var(--ftg-text) !important;
}

.alert-success {
	background: rgba(67, 209, 122, 0.90) !important;
	color: #071426 !important;
}

.alert-warning {
	background: rgba(243, 201, 105, 0.92) !important;
	color: #071426 !important;
}

.alert-error,
.alert-danger {
	background: rgba(255, 90, 90, 0.92) !important;
	color: var(--ftg-text) !important;
}

@media (max-width: 767px) {
	.main-container,
	.hd-dashboard {
		background: transparent !important;
	}

	.navbar .nav-collapse .nav > li > a {
		color: var(--ftg-text) !important;
	}
}