:root {
--county-navy:#00065b;
--county-red:#ee1b24;
--county-white:#ffffff;

--background-1:#ffffff;
--background-2:#f8f8f8;
--background-3:#ebebeb;

--border-1:#b3b3b3;
--border-2: #333333;
--border-3: #ebebeb;
}

body {
	font-family:calibri,helvetica;
	font-size:20px;
	line-height:1.6;
	color:#333;
	background:#f5f5f5;
}

header {
	padding:.5em 1em;
	background:var(--county-navy);
	color:var(--county-white);
	border-bottom:4px solid var(--county-red);
	box-shadow:0 0 4px 0 rgba(0,0,0,.4);
}
	header #filterbox {
		position:absolute;
		top:1em;
		right:1em;
	}
	header h1 {
		font-size:28px;
		font-weight:normal;
	}
	header a {
		color:var(--county-white);
	}

div.msg {
	padding:.25em;
	text-align:center;
	background:#fbd989;
	font-size:.9em;
	box-shadow:0 0 4px 0 rgba(0,0,0,.4);
}

main {
	margin: 0.5em;
	min-height:calc(100vh - 11rem);
}

footer {
	text-align:center;
	font-size:1rem;
	background:var(--county-red);
	color:var(--county-white);
	border-top:4px solid var(--county-navy);
	padding:.5em 0 2em 0;
}
	footer a {
		color:var(--county-white);
	}

table {
	width:100%;
	border: 1px solid var(--border-1);
	border-collapse:collapse;
}
	table.floatingmenu {
		float:right;
		width:auto;
		font-size:.9em;
		box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);
	}

	table + table {
		margin-top:.5em;
	}
	table caption {
		font-weight:bold;
		text-align:left;
	}
	table thead tr {
		border-bottom: 1px solid var(--border-1);
	}
	table th {
		background:var(--background-3);
		text-align:left;
	}
	table tbody tr {
		background:var(--background-1);
		border-bottom:1px solid var(--border-3);
	}
		table tbody tr:last-child {
			border:0;
		}
	table tbody tr:nth-child(even) {
		background:var(--background-2);
	}
	table tr>* {
		padding: .5rem 1rem .4375rem .5rem;
		vertical-align:top;
	}
	table td.mugshot {
		border: 1px solid var(--border-1);
	}

	table a.on,
	table a:hover {
		box-shadow:0 0 0 2px #ccc;
	}

.flag {
	background-size:50%;
	background-position:center center;
	background-repeat:no-repeat;
}
.mugshot {
	position:relative;
}
	.flagover {
		position:absolute;
		bottom:.5em;
		right:.5em;
	}


.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}

body.iniframe {
	background-color:transparent;
}
.iniframe header,
.iniframe footer {
	display:none;
}
.iniframe main {
	margin:0;
}
.iniframe a {
	color: #333;
	text-decoration: none;
}

p.mobileonly {
	font-style:italic;
}

.pform input[type=submit] {
	background:var(--county-navy);
	color:var(--county-white);
	border:4px solid var(--county-navy);
}
	.pform input[type=submit]:hover {
		background:var(--county-red);
		color:var(--county-white);
		border:4px solid var(--county-red);
	}
	.pform input[type=submit]:active {
		background:var(--county-red);
		color:var(--county-white);
		border:4px solid var(--county-navy);
	}

a.icon {
	font-size:16px;
	font-weight:normal;
	color:#333 !important;
}
	a.icon:visited {
		color:#333;
	}
	a.icon:hover {
		text-decoration:underline;
	}

.team_colours {
	background-color:#bbb;
	background-image: linear-gradient(180deg, var(--teamcolour1) 0%, var(--teamcolour1) 100%);
	background-size:90% 90%;
	background-repeat:no-repeat;
	background-position:center;
}
	td.team_colours {
		width:40px;
		border-right:1px solid var(--border-1);
	}

	.team_colours.shirt-shorts {
		background-image: linear-gradient(180deg, var(--teamcolour1) 0%, var(--teamcolour1) 62%, transparent 62%, transparent 64%, var(--teamcolour2) 64%, var(--teamcolour2) 100%);
	}
	.team_colours.stripes {
		background-image: linear-gradient(90deg, var(--teamcolour1) 0%, var(--teamcolour1) 20%, var(--teamcolour2) 20%, var(--teamcolour2) 40%, var(--teamcolour1) 40%, var(--teamcolour1) 60%, var(--teamcolour2) 60%, var(--teamcolour2) 80%, var(--teamcolour1) 80%, var(--teamcolour1) 100%);
	}
	.team_colours.pinstripes {
		background-image: linear-gradient(90deg, var(--teamcolour1) 0%, var(--teamcolour1) 26%, var(--teamcolour2) 26%, var(--teamcolour2) 35%, var(--teamcolour1) 35%, var(--teamcolour1) 65%, var(--teamcolour2) 65%, var(--teamcolour2) 74%, var(--teamcolour1) 74%, var(--teamcolour1) 100%);
	}
	.team_colours.hoops {
		background-image: linear-gradient(180deg, var(--teamcolour1) 0%, var(--teamcolour1) 20%, var(--teamcolour2) 20%, var(--teamcolour2) 40%, var(--teamcolour1) 40%, var(--teamcolour1) 60%, var(--teamcolour2) 60%, var(--teamcolour2) 80%, var(--teamcolour1) 80%, var(--teamcolour1) 100%);
	}


.player_goals_scored {
	display:inline-block;
	background:lightgreen;
	border:1px solid #444;
	border-radius:50%;
	text-align:center;
	width:26px;
	height:26px;
	line-height:1.2;
}
.player_yellow_card {
	background:yellow;
	color:black;
	border:1px solid #444;
	padding:0 3px;
}
.player_red_card {
	background:red;
	color:white;
	border:1px solid #444;
	padding:0 3px;
}
.player_ogs_scored {
	display:inline-block;
	background:pink;
	border:1px solid #444;
	border-radius:50%;
	text-align:center;
	width:26px;
	height:26px;
	line-height:1.2;
}

.el_hidden {
	display:none;
}

.leaflet-control-minimap {
	border: 2px solid white;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,.5);
}
@media only screen and (max-width: 600px) {
	.leaflet-control-minimap {
		display:none;
	}

	.nomobile {display:none;}

	.nomobile_first tr>*:first-child {
		display:none;
	}
	.nomobile_2 tr>*:nth-child(2) {
		display:none;
	}
	.nomobile_3 tr>*:nth-child(3) {
		display:none;
	}
	.nomobile_4 tr>*:nth-child(4) {
		display:none;
	}
	.nomobile_5 tr>*:nth-child(5) {
		display:none;
	}
	.nomobile_last tr>*:last-child {
		display:none;
	}
}
@media only screen and (max-width: 800px) {
	.notablet {display:none;}
	.flag {background-size:90%;}
}
@media only screen and (min-width: 600px) {
	.mobileonly {display:none;}
	main {
		margin: 1em;
	}
	.col-list-desktop-5 {
		columns: 2;
	}
}
@media only screen and (min-width: 1280px) {
	.grid_desktop_1_1 {
		display:grid;
		gap:1em;
		grid-template-columns:1fr 1fr;
	}
	.grid_desktop_1_1 table {
		margin-top:0 !important;
	}
	.col-list-desktop-5 {
		columns: 3;
	}
}
@media only screen and (min-width: 1600px) {
	.col-list-desktop-5 {
		columns: 5;
	}
}