@font-face {
	/*font-style: normal;*/
	/*font-weight: normal;*/
	font-family: 'Toonish';
	src: url('./Toonish.woff2') format('woff2'), url('./Toonish.woff') format('woff');
}

h1 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-family: ToonishRegular;
}
h2 {
	font-family: Toonish;
	font-size: 2em;
	font-weight: lighter;
	letter-spacing: 1px;
}
div#menus,
ul#results_menu {
	display: none;
}

html, body {
	width: 100% !important;
	max-width: 1800px;
	text-align: center;
	margin: auto;
	/*background-color: lightgrey;*/
	/*margin: 0;*/
	/*overflow: scroll;*/
}
div.tab.livetracking {
	width: 1800px;
}

table.group {
	float: left;
	min-width: 16%;	/* voor 5, beetje marge voor TV's */
	/*min-width: 18%;	!* voor 5 *!*/
	/*min-width: 23%;	!* voor 4 *!*/
	min-height: 6em;
}
table.group caption .wall,
table.group caption .optional {
	display: none;
}
table.group caption .small {
	 display: inline;
 }

table.group th.optional,
table.group td.optional {
	display: none;
}

table th.player, table td.player, table td.player > span {
	min-width: 11em !important;
	max-width: 11em !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.clearleft {
	clear: left;
}
table.group tfoot td {
	font-weight: bold;
	padding: 1em !important;
	background-color: inherit;
}

.results_women table.results tr th.stage,
.results_women table.results tr td.stage,
.results_individual table.results tr th.stage,
.results_individual table.results tr td.stage,
.results_individual table.results tr td.stage.finals.women,
.results_individual table.results tr th.stage.finals.women {
	display: none !important;
}
.results_individual table.results tr td.stage.finals,
.results_individual table.results tr th.stage.finals,
.results_women table.results tr th.stage.women.finals,
.results_women table.results tr td.stage.women.finals {
	display: table-cell !important;
}

.results_teams table.results tr th.location,
.results_teams table.results tr td.location {
	display: none;
}

div#alles {
	width: 1800px;
}
div#alles > div {
	float: left;
}

footer.poweredby {
	position: absolute;
	left: 0;
	bottom: 1em;
	font-size: 1em;
}
footer.poweredby > a {
	min-height: 40px;
	display: inline-flex;
	align-items: center;
}

div#alles #stages_overview .optional {
	display: none;
}

.results td.pos.p1,
.results td.pos.p1 + td,
.results td.pos.p1 + td + td,
.results td.pos.p1 + td + td + td,
.results td.pos.p1 + td + td + td + td,
.results td.pos.p1 + td + td + td + td + td,
.results td.pos.p1 + td + td + td + td + td + td,
.results td.pos.p1 + td + td + td + td + td + td + td,
.results td.pos.p1 + td + td + td + td + td + td + td + td,
.results td.pos.p1 + td + td + td + td + td + td + td + td + td,
.results td.pos.p1 + td + td + td + td + td + td + td + td + td + td,
.results td.pos.p1 + td + td + td + td + td + td + td + td + td + td + td,
.results td.pos.p1 + td + td + td + td + td + td + td + td + td + td + td + td {
	background-color: gold;
}
.results td.pos.p2,
.results td.pos.p2 + td,
.results td.pos.p2 + td + td,
.results td.pos.p2 + td + td + td,
.results td.pos.p2 + td + td + td + td,
.results td.pos.p2 + td + td + td + td + td,
.results td.pos.p2 + td + td + td + td + td + td,
.results td.pos.p2 + td + td + td + td + td + td + td,
.results td.pos.p2 + td + td + td + td + td + td + td + td,
.results td.pos.p2 + td + td + td + td + td + td + td + td + td,
.results td.pos.p2 + td + td + td + td + td + td + td + td + td + td,
.results td.pos.p2 + td + td + td + td + td + td + td + td + td + td + td,
.results td.pos.p2 + td + td + td + td + td + td + td + td + td + td + td + td {
	background-color: silver;
}
.results td.pos.p3,
.results td.pos.p3 + td,
.results td.pos.p3 + td + td,
.results td.pos.p3 + td + td + td,
.results td.pos.p3 + td + td + td + td,
.results td.pos.p3 + td + td + td + td + td,
.results td.pos.p3 + td + td + td + td + td + td,
.results td.pos.p3 + td + td + td + td + td + td + td,
.results td.pos.p3 + td + td + td + td + td + td + td + td,
.results td.pos.p3 + td + td + td + td + td + td + td + td + td,
.results td.pos.p3 + td + td + td + td + td + td + td + td + td + td,
.results td.pos.p3 + td + td + td + td + td + td + td + td + td + td + td,
.results td.pos.p3 + td + td + td + td + td + td + td + td + td + td + td + td {
	background-color: #cba15c;
}

table.results {
	max-height: 75vh;
	height: 100%;
	overflow-y: scroll;
	display: block;
}


#stages_overview {
	font-size: 1.5em;
}
#stages_overview caption {
	margin-bottom: 1em;
}


/*

html {
	background-image: url('./img/logo.svg');
	background-repeat: no-repeat;
	background-position: -50% -5%;
	width: 100% !important;
	max-width: 100vw;
}
body {
	background-color: rgba(255, 255, 255, 0.3);
	!*background-color: transparent;*!
	width: 100% !important;
}
div.partners {
	background-color: rgba(255, 255, 255, 0.62);
}*/


html.single_screen {
	max-width: 96%;
	/*background-color: red;*/
}
html.single_screen body {
	max-width: 100%;
	font-size: 3.5em;
}
html.single_screen table caption {
	padding: 0;
}
html.single_screen table.group th,
html.single_screen table.group td {
	padding: 0.5em;
}
html.single_screen h1,
html.single_screen .partners {
	display: none;
	visibility: hidden;
}
html.single_screen .poweredby {
	font-size: 0.7em;
}
html.single_screen footer img {
	height: 1.5em;
}

div.partners {
	clear: both;
	position: absolute;
	bottom: 60pt;
	left: 0;
	width: 100vw;
}

div.partners img {
	width: 80pt !important;
	margin: 5pt !important;
}