/*.component.parallax.layout-1.bg-white.text-dark.position-relative {
    z-index: 1;
    background-color: transparent!important;
    min-height:300px;
    position:relative;
}
.component.parallax:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(/images/site-parallax1.jpg);
    z-index: -1;
}
.parallax-image {
    display: none;
}*/
.btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, a.btn-secondary:hover, a.btn-secondary.focus, a.btn-secondary:focus, a.btn-secondary:not(:disabled):not(.disabled).active, a.btn-secondary:not(:disabled):not(.disabled):active, .schedule-grid .status.bg-secondary, .badge-secondary, .btn-secondary, a.btn-secondary, .btn-outline-secondary:hover, .btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle, a.btn-outline-secondary:hover, a.btn-outline-secondary.focus, a.btn-outline-secondary:focus, a.btn-outline-secondary:not(:disabled):not(.disabled).active, a.btn-outline-secondary:not(:disabled):not(.disabled):active, .show > a.btn-outline-secondary.dropdown-toggle, .schedule-grid .status.bg-secondary, .badge-secondary, .btn-outline-secondary, a.btn-outline-secondary {
    color: #000
    }
.card-header.bg-secondary.text-light {
    color: #000 !important
    }
@font-face {
    font-family: "Kanit";
    src: url(/Kanit-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
    }
@font-face {
    font-family: "Kanit";
    src: url(/Kanit-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
    }
@font-face {
    font-family: "Kanit";
    src: url(/Kanit-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
    }
@font-face {
    font-family: "Kanit";
    src: url(/Kanit-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
    }
@font-face {
    font-family: "Kanit";
    src: url(/Kanit-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
    }
body, .navbar {
    font-family: "Kanit" !important
    }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Kanit"
    }
.internal-page .h1, .internal-page .h2, .internal-page .h3, .internal-page .h4, .internal-page .h5, .internal-page .h6, .internal-page h1, .internal-page h2, .internal-page h3, .internal-page h4, .internal-page h5, .internal-page h6 {
    font-family: "Kanit";
    font-weight: bold !important
    }
.section.header .mod-site-header .header-text {
    letter-spacing: 6px;
    font-size: 1rem;
    font-weight: 300 !important;
    text-transform: uppercase
    }
.parallax .component-include .parallax-image {
    min-height: 350px
    }
/*.section.header  .mod-site-header.style2 .navbar.navbar-primary .nav-link { font-weight: bold; } */
.card-header.text-center.date-status, .card-header.text-center.date-status span {
    font-weight: normal !important
    }
.h5.card-title.sport {
    font-weight: normal
    }
.sr-only {
    background: #000;
    color: #fff
    }
.card-header.date-status.text-light.bg-secondary {
    color: #000 !important
    }
@media (min-width: 992px) {
    .landing.sport-home .component.newsrotator, .landing.sport-home #main-wrapper {
        background: transparent !important
        }
    .landing.sport-home body.bg-secondary.text-dark {
        background-position-y: 160px;
        background-position-x: center
        }
    }
@media (min-width: 1200px) {
    .header .mod-site-header .navbar-primary .navbar-logo img {
        max-height: 105px
        }
    .sticky-nav.sticky-nav-primary .header .mod-site-header .navbar-primary .navbar-logo img {
        max-height: 55px
        }
    }
.component.parallax .component-heading {
    display: none !important
    }
.component.parallax .component-inner-heading {
    font-size: 3rem;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    color: #fff !important
    }