@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {    
	font-family: Lato, sans-serif !important;   
}

:root {
    --primarybgcolor: #1d7ec9;
    --primarytextcolor: #000000;
	--highlightcolor: #5c7fb7;
	--highlightheadercolor: #000000;
    --highlightcolorlighter:#72b0df;
	--highlightcolorlightest:#72b0df;    
    --bannersbgcolor: #5993b1;
    --gamesbgcolor: #5a6ebf;
    --gamestextcolor: #000000;
    --gameshighlightcolor: #000000;
    --gamessecondarycolor: #5a6dbf;
    --sectionheadnewsimage: none;
    --fonttitle: Kanit, sans-serif;
}
/*=========================== FONTS ========================================*/
.menu a {
    font-family: var(--fonttitle)!important;
}
#sectionheadnews a {
	font-family: var(--fonttitle)!important;
}
#sectionheadnews button {
	font-family: var(--fonttitle)!important;
}
#sectiongames a {
	font-family: var(--fonttitle)!important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--fonttitle)!important;
}
/*=========================== COLORS ========================================*/
.menu.menu-primary .sub-menu {
    background-color: var(--primarybgcolor)!important;
}
.menu.menu.menu-primary a {
    color: var(--primarytextcolor)!important;
}
.menu.menu-primary a:hover {
    color: #777 !important;
}
 .menu.menu-primary {
    background-color: var(--primarybgcolor)!important;	
}
.menu-common LI A{
	color: var(--white)!important;
}
.menu-primary LI A{
	color: var(--primarybgcolor)!important;
}
.newslink-3 {
    color: var(--white)!important;
}
#sectionheadnews {
    background-color: var(--highlightcolor)!important;
    background-image: var(--sectionheadnewsimage)!important;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#sectionheadnews .btn {
	background-color: var(--highlightcolorlighter)!important;
    color: var(--highlightheadercolor)!important;
}
#sectionheadnews .btn:HOVER {
    background-color: var(--highlightcolorlightest)!important;
    color: var(--highlightheadercolor)!important;
}
#sectionheadnews .date {
    color: var(--highlightheadercolor)!important;
}
#sectionheadnews .h-news:nth-child(even) {
 background-color: var(--highlightcolorlighter)!important;
}
#sectionheadnews .h-news:nth-child(odd) {
    background-color: var(--highlightcolorlightest)!important;
}
#sectiongames {
    background-color: var(--gamesbgcolor)!important;
}
#sectiongames .Calendar-header {
    background-color: var(--gamessecondarycolor)!important;
    color: var(--gameshighlightcolor)!important;
}
#sectiongames .more {
    color: var(--dark)!important;
}
#sectiongames .more:HOVER {
    color: var(--gray)!important;
}
#sectiongames h4 {
    color: var(--gamestextcolor)!important;
}
#sectiongames .btn {
    color: var(--gameshighlightcolor)!important;
	background-color: var(--gamessecondarycolor)!important;
}
#sectiongames .btn:HOVER {
    color: var(--gamessecondarycolor)!important;
	background-color: var(--gameshighlightcolor)!important;
}
.Calendar-header button {
	color: var(--gameshighlightcolor) !important;
}
#sectiongames .Calendar-grid-item--current {
    background-color: var(--gamessecondarycolor) !important;
    color: var(--gameshighlightcolor) !important;
}
.event-day {
    color: var(--gameshighlightcolor)!important;
    background-color: var(--gamessecondarycolor)!important;
    border: 1px solid var(--gameshighlightcolor)!important;
}
.event-month {
    color: var(--gameshighlightcolor)!important;
    border: 1px solid var(--gameshighlightcolor)!important;
    background-color: var(--gamessecondarycolor) !important;
}
.event-time {
    color: var(--gameshighlightcolor) !important;
    border-bottom: 1px solid var(--gameshighlightcolor) !important;
    border-right: 1px solid var(--gameshighlightcolor) !important;
    border-left: 1px solid var(--gameshighlightcolor) !important;
    background-color:var(--gamessecondarycolor) !important;
}
#sectiongames .event-descr {
    color: var(--gamestextcolor) !important;
}
#sectiongames .event-title {
    color: var(--gamestextcolor) !important;
}
#sectiongames .event-result {
    color: var(--gamestextcolor) !important;
}
#sectiongames .event-place {
    color: var(--gamestextcolor) !important;
}
#links .header {
    background-color: var(--dark) !important;
    color: var(--primary) !important;
}
#links .link {
    color: var(--dark) !important;
}
#links .link:HOVER {
    color: var(--gray) !important;
}
#ads {
    background-color: var(--light) !important;
}
.highlightedheader{
    color: var(--white)!important;
    background-color: var(--highlightcolor)!important;
}
.primaryheader{
    color: var(--white)!important;
    background-color: var(--primarybgcolor)!important;
}
.sectionpersons .person:nth-child(odd) {
	background:  rgba(var(--primarybgcolor), 0.8) !important;
}
.personheader{
    color: var(--dark)!important;
}
.person-name {
    color: var(--white)!important;
    background-color: var(--highlightcolor)!important;
}
.person-number {
    color: var(--highlightcolor)!important;
    background-color: var(--white)!important;
}
footer {
    background-color: var(--primarybgcolor) !important;
    color: var(--primarytextcolor) !important;
}
footer a {
    color: var(--primarytextcolor) !important;
}
.somelinks a {
    color: var(--primarytextcolor) !important;  
}
.somelinks a:HOVER {
    color: var(--white) !important;     
}
#bannerstop, #bannerscenter, #imagelifts {
	background-color: var(--bannersbgcolor) !important;
}