body {
	font-family: 'Oswald', sans-serif;
}

h1 {
	text-align: center;
}

table {
	border-collapse: collapse;
	width: 100%;
}

@media (max-width: 350px) {
	table {
		font-size: .75em;
	}
}
@media (min-width: 500px) {
	table {
		font-size: 1.25em;
	}
}
@media (min-width: 800px) {
	table {
		font-size: 1.5em;
	}
}

table.schedule tr:nth-child(even) {
	background-color: rgba(67,175,113,0.05);
}
table.schedule tr:nth-child(odd) {
	background-color: rgba(67,175,113,0.2);
}

table.schedule tr:nth-child(5n+1) {
	border-bottom: 1px solid #9A9;
}


table td.time {
	background-color: #BCB;
	text-align: center;
	width: 2em;
	padding: 0 .5em;
}
table tr:nth-child(even) td.time {
	background-color: #9A9;
}


table.schedule th {
	padding: .5em 1em;
	background: #666;
	color: white;
}

.teams {
	font-size: .75em;
	padding: .5em 1em;
}

@media (max-width: 600px) {
	.teams {
		font-weight: 200;
	}
}

.teams table.gameTable {
	min-width: 100%;
}
@media (min-width: 600px) {
	.teams table.gameTable {
		margin: auto;
		width: auto;
		min-width: 75%;
	}
}
.gameTable tr {
	background: none !important;
	border: none !important;
}


.score {
	width: 2em !important;
	padding: 0 1em;
	max-width:3em;
	text-align: center;
	font-weight: 400;
	font-family:courier, monospace;
}

.team {
	white-space: nowrap;
	max-width: calc(100% - 3em);
}
.trimText {
	display: block;
  max-width: 25vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game {
	white-space: nowrap;
	text-align: center;
}
.gameLetter {
	font-size: .75em;
	background-color: #6A6;
	color: white;
	border-radius: 2em;
	width: 1.5em;
	margin: auto;
	padding: .25em;
}

.poolgame {
	font-size: .75em;
}

.field {
	text-align: center;
}

.pseudoteam {
	opacity: .5;
}

.scoreReady, .teamName {
	cursor: pointer;
}

.scoreReady:hover {
	text-decoration: underline;
	color: darkblue;
	background: rgba(0,255,0,.1);
}


.pdf {
	display: block;
	text-align: center;
	margin: .5em;
}
.pdf a {
	color: darkgreen;
}

.highlight {
	background: yellow !important;
}