.burger {display: none;}


#login {width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-image: url('/images/login-bg.webp'); background-repeat: no-repeat; background-position: center; background-size: cover;}
#login {color: #6c912a;}
#login .inner {width: 400px;}
#login .inner h1 {text-align: center;}


#header {width: 100%; float: left; background-color: #123025;}
#header .inner {width: 100%; float: left; display: flex; justify-content: space-between;}
#header .inner .image {display: flex; align-items: center;}
#header .inner .image span {color: #6c912a; font-size: 35px; font-weight: 900; text-transform: uppercase;}
#header .inner .menuFrame {font-size: 16px; font-weight: 700; color: #ffffff;}
#header .inner .menuFrame .menu {height: 100%; display: flex;}
#header .inner .menuFrame .menu ul {margin: 0; padding: 0;}
#header .inner .menuFrame .menu ul li {margin: 0; padding: 0;}
#header .inner .menuFrame .menu ul li a {display: flex; margin: 0; padding: 0 20px; align-items: center; white-space: nowrap;}
#header .inner .menuFrame .menu ul li a:hover {background-color: #749929;}
#header .inner .menuFrame .menu ul li a.active {background-color: #749929;}


.menuContent {width: 100%; float: left; margin: 20px 0 0 0; display: flex; justify-content: space-between; color: #ffffff;}
.menuContent a {flex: 1; height: 200px; margin: 0 30px 0 0; display: flex; align-items: center; justify-content: center; font-size: 35px; font-weight: 900; text-transform: uppercase;}
.menuContent a {background-color: #749929;}
.menuContent a:nth-child(3n) {margin-right: 0;}
.menuContent a:nth-child(2) {background-color: #e6b329;}
.menuContent a:nth-child(3) {background-color: #e65f29;}


#homepage {width: 100%; float: left;}
#homepage .inner {width: 100%; float: left;}


#news {width: 100%; float: left; margin: 40px 0 0 0; color: #353535;}
#news h2 {font-size: 35px; font-weight: 900; color: #353535; text-align: center;}
#news h2 span {font-style: italic; font-weight: 400;}
#news .inner {width: 100%; float: left;}
#news .inner .item {padding: 30px 40px; margin: 0 0 20px 0; background-color: #f0f1ee;}
#news .inner .item .row1 {margin: 0 0 10px 0; color: #749929;}
#news .inner .item .row2 {margin: 0 0 10px 0; font-weight: 700; font-size: 25px;}
#news .inner .item .row3 {font-size: 18px;}


#mainText {width: 100%; float: left;}
#mainText .inner {width: 100%; float: left;}
#mainText .inner .title {width: 100%; margin: 40px 0 20px 0; display: flex; justify-content: space-between; align-items: center;}
#mainText .inner .title .left {}
#mainText .inner .title .left h1 {margin: 0; padding: 0;}
#mainText .inner .title .right {color: #6c912a; display: flex; align-items: center;}
#mainText .inner .title .right .years {}
#mainText .inner .title .right span {font-size: 15px; font-weight: 700; margin-right: 10px;}
#mainText .inner .title .right .years a {display: inline-block; padding: 16px 30px; font-size: 15px; font-weight: 900; background-color: #ffffff; border: 2px solid #6c912a; border-left: 0; color: #6c912a; text-decoration: none;}
#mainText .inner .title .right .years a.year:first-child {border-left: 2px solid #6c912a;}
#mainText .inner .title .right .years a.active {background-color: #6c912a; color: #ffffff;}
#mainText .inner .title .right .years a:hover {background-color: #6c912a; color: #ffffff;}

#mainText .inner .text {width: 100%; float: left; margin: 20px 0 0 0;}


.tableHunting {width: 100%; border-collapse: collapse;}
.tableHunting thead tr th {padding: 8px 20px; color: #6c912a; font-size: 16px; font-weight: 700; border-bottom: 2px solid #6c912a; text-align: left;}
.tableHunting thead tr th:first-child {padding-left: 0;}
.tableHunting tbody tr td {padding: 8px 20px; color: #353535; font-size: 15px; font-weight: 400; border-bottom: 2px solid #909090;}
.tableHunting tbody tr td:first-child {padding-left: 0;}
.tableHunting tbody tr td a.edit svg {width: 14px; height: 14px;}



.ageGroupInfo {width: 100%; float: left; display: flex; flex-wrap: wrap;}
.ageGroupInfo .item {width: calc(50% - 20px); margin: 20px 40px 20px 0;}
.ageGroupInfo .item:nth-child(2n) {margin-right: 0;}
.ageGroupInfo .item .name {font-size: 16px; font-weight: 700; margin-bottom: 5px;}
.ageGroupInfo .item .info {font-size: 14px; font-weight: 400;}


#footer {width: 100%; float: left; padding: 20px 0; margin: 40px 0 0 0; background-color: #123025;}
#footer .inner {width: 100%; float: left; display: flex; justify-content: space-between;}
#footer .inner .menuFrame {font-size: 16px; font-weight: 700; color: #698632;}
#footer .inner .menuFrame .menu {height: 100%; display: flex; align-items: center;}
#footer .inner .menuFrame .menu ul {margin: 0; padding: 0;}
#footer .inner .menuFrame .menu ul li {margin: 0; padding: 0;}
#footer .inner .menuFrame .menu ul li a {display: flex; margin: 0; padding: 0 20px; align-items: center;}
#footer .inner .menuFrame .menu ul li a:hover {text-decoration: underline;}