:root {
  --wok-oranguage: #fa8d00;
}

a {
	color: var(--wok-oranguage);
}

img {
	max-width: 100%;
}

th {
	text-align: left;
}

footer {
	margin: 1rem auto;
	padding-top: 1rem;

	border-top: 2px solid var(--wok-oranguage);
	text-align: center;
}

footer a {

	text-decoration: none;
	color: #000;

}

.bg-wok {
	background-color: var(--wok-oranguage);
}

.main-content {
	padding: 0 1rem;
}

.main-navigation {
	position: relative;

	padding: 0.25rem 1rem;

	background-color: var(--wok-oranguage);

	line-height: 1;
}

.menu-toggler-input {
	display: none;
}

.menu-toggler-label {
	color: var(--wok-oranguage);
	font-weight: 600;
	cursor: pointer;
}

/* ////////////
// Navigation menu
/////////// */

nav.nav-menu {
	display: none;
}

nav.nav-menu li {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.4rem;
}

nav.nav-menu a {
	display: inline;

	font-weight: 600;
	text-decoration: none;
	color: var(--wok-oranguage);
}

.nav-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #ffff;
  border-radius: 5px;
}


#navigation-menu-toggler:checked ~ nav.nav-menu {
	display: block;
	position: absolute;
	top: 100%;
	background-color: #fff;
}

/* ////////////
// Year navigation menu
/////////// */
nav.year-nav {
	display: none;
}

#year-selector:checked ~ nav.year-nav {
	display: block;
}

nav.year-nav a {
	display: inline;

	padding-left: 0.25rem;
	padding-right: 0.25rem;

	font-weight: 600;
	text-decoration: none;
}

nav.year-nav a.current {
	color: #000;
}

.year-nav .current {
	font-weight: bold;
}

nav.year-nav a:nth-child(5n):after {
	content: "\A";
    white-space: pre;
}

nav.edit-year-nav {
	display: none;
}

#edit-year-toggler:checked ~ nav.edit-year-nav {
	display: block;
}

nav.edit-year-nav a {
	display: inline;

	padding-left: 0.25rem;
	padding-right: 0.25rem;

	font-weight: 600;
	text-decoration: none;
	color: var(--wok-oranguage);
}

/* ////////////
// Event navigation menu
/////////// */
nav.event-nav {
	display: none;
}

#last-event-selector:checked ~ nav.event-nav {
	display: block;
}

nav.event-nav a {
	display: inline;

	padding-left: 0.25rem;
	padding-right: 0.25rem;

	font-weight: 600;
	text-decoration: none;
	color: var(--wok-oranguage);
}

nav.event-nav a.current {
	color: #000;
}

/* ////////////
// Event edit menu
/////////// */
nav.edit-event-nav {
	display: none;
}

#edit-event-toggler:checked ~ nav.edit-event-nav {
	display: block;
}

nav.edit-event-nav a {
	display: inline;

	padding-left: 0.25rem;
	padding-right: 0.25rem;

	font-weight: 600;
	text-decoration: none;
	color: var(--wok-oranguage);
}

.result-selector {
	margin-bottom: 1rem;
}

.cup-standing,
.event-result table {
	border: 1px solid #000;
}

.cup-standing thead tr {

}

.cup-standing thead th,
.event-result table th {
	vertical-align: top;
}

.cup-standing thead th a {
	font-weight: 600;
	text-decoration: none;
	color: var(--wok-oranguage);
}

.cup-standing thead th,
.cup-standing tbody td,
.event-result thead th,
.event-result tbody td {
	border: 1px solid #000;
	text-align: center;
	padding: 0 0.25rem;
}

.cup-standing thead th:first-child,
.cup-standing tbody td:first-child,
.event-result thead th:first-child,
.event-result tbody td:first-child {
	text-align: left;
}

.table {
	display: table;
}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
	vertical-align: middle;
}

.page-home .main-content {
	margin-top: 20px;
}

.page-home .main-content > h1 {
	text-align: center;
}

.page-home .main-content  .logo {
	text-align: center;
}

.page-home img {
	width: 100px;
}

.page-home .main-content  > nav {
	text-align: center;
}

.page-home .main-content  > nav li {
	display: inline-block;

	padding-left: 1rem;
	padding-right: 1rem;

	font-weight: 600;
}

.page-home .main-content  > nav li a {
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wok-oranguage);
}

.page-home .main-content  > nav li:first-child {
	padding-left: 0;
}

.page-home .main-content  > nav li:last-child {
	padding-right: 0;
}

.event-result h1 {
	margin-bottom: 0;
}

.event-result h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.event-result h3 + p {
	margin-top: 0;
}

.only-year-result-table {
	border: 1px solid #000;
}

.only-year-result-table tbody td,
.only-year-result-table thead th {
	padding: 0 0.25rem;
}

.only-year-result-table thead th:first-child {
	text-align: center;
}

.only-year-result-table tbody td {
	border: 1px solid #000;
	text-align: left;
}

.only-year-result-table tbody td:last-child,
.only-year-result-table tbody td:first-child {
	text-align: right;
}

.page-member table td {
	padding: 0 0.25rem;

	border: 1px solid #000;
	text-align: right;
}

.page-member table td:nth-child(2) {
	text-align: left;
}

/*
 * Box toggler
*/

.box-toggler .toggler-box,
.box-toggler .box-toggler-input {
	display: none;
}

.box-toggler .box-toggler-input:checked ~ .toggler-box {
	display: block;
}

.box-toggler nav ul li a {
	text-decoration: none;
	font-weight: bold;
}

.box-toggler .input-edit-table td {
	border: none;
	text-align: left;
}