:root {
	--football-brown: #7f765e;
	--football-yellow: #d4af37;
	--football-gold: #b8860b;
	--football-dark: #24130f;
	--football-cream: #f8f6ef;
}

body {
	background: var(--football-brown);
	font-family: Arial, Helvetica, sans-serif;
}

.league-hero {
	background: var(--football-yellow);
	color: var(--football-dark);
	padding: 2rem 0;
}

.league-hero h1 {
	color: #000;
	font-weight: 400;
	margin-bottom: 0.5rem;
}

.league-hero h2 {
	color: var(--football-dark);
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 0.5rem;
}

.league-hero h1 img {
	max-height: 2.5rem;
	vertical-align: middle;
}

.league-hero p {
	margin-bottom: 0;
}

.league-content {
	background: #fff;
	min-height: 60vh;
	padding: 2rem 2rem 3rem;
}

.league-content h4 {
	color: var(--football-brown);
}

.league-content > .breadcrumb {
	align-items: center;
	background: var(--football-cream);
	border: 1px solid #e8e1cd;
	border-left: 0.35rem solid var(--football-yellow);
	border-radius: 0.35rem;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1.5rem;
	min-height: 3rem;
	padding: 0.6rem 1rem;
}

.league-content .breadcrumb-item.active {
	color: var(--football-dark);
	font-weight: 600;
}

.league-content .breadcrumb a,
.league-content a {
	color: #755600;
}

.league-content .breadcrumb a:hover,
.league-content .breadcrumb a:focus-visible,
.league-content a:hover,
.league-content a:focus-visible {
	color: var(--football-dark);
}

.league-content .nav-pills {
	margin-bottom: 1rem;
}

.league-content .nav-pills .nav-link {
	color: #755600;
}

.league-content .nav-pills .nav-link.active {
	background: var(--football-yellow);
	color: var(--football-dark);
}

.league-content .tab-content {
	background: var(--football-cream);
	border: 1px solid #e8e1cd;
	border-radius: 0.5rem;
	padding: 1rem;
}

.league-content table {
	background: #fffefa;
	color: #464646;
}

.league-content table caption {
	caption-side: top;
	color: var(--football-dark);
	font-weight: 600;
}

.league-content table thead.thead-dark th {
	background: var(--football-yellow);
	border-color: var(--football-gold);
	color: var(--football-dark);
}

.league-content table tbody tr th[colspan] {
	background: #eee8d8;
	color: var(--football-dark);
}

.match-section {
	border-color: #e8e1cd;
	margin-bottom: 1rem;
}

.match-section .card-header {
	background: var(--football-cream);
}

.match-section-toggle {
	color: var(--football-dark);
	font-size: 1.1rem;
	font-weight: 600;
	padding: 0;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.match-section-toggle:hover,
.match-section-toggle:focus {
	color: #755600;
	text-decoration: none;
}

.match-section-toggle::after {
	content: "+";
	float: right;
}

.match-section-toggle[aria-expanded="true"]::after {
	content: "-";
}

@media (max-width: 575.98px) {
	.league-content {
		padding: 1.5rem 1rem 2rem;
	}

	.league-content .tab-content {
		padding: 0.5rem;
	}
}