@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500&display=swap');
@font-face {
    font-family: Kollektif;
    src: url('../fonts/Kollektif.ttf');
}
@font-face {
    font-family: KollektifBold;
    src: url('../fonts/Kollektif-Bold.ttf');
}

/*** Global Variables ***/
:root {
    /* Main colors */
    --tk-dark: #0a001e;
    --tk-light: #49cc8d;
    --tk-white: #ffffff;
    
    /* Colors */
    --sf-dark: #222222;
    --sf-light-gray: #dedede;
    --sf-yellow: #f9d342;
    
    /* Backgrounds */
    --sf-body-bg: #f1f1f1;
}
html, body {
    height: 100% !important;
}
body {
    font-family: 'Rubik', sans-serif;
    background-color: var(--sf-body-bg);
    color: var(--tk-dark);
    font-size: 90%;
    
    /*display: flex;
    flex-direction: column;*/
}

/*** Container ***/
.container-fluid.container-fluid-1200 {
    max-width: 1200px;
}
.container-fluid.container-fluid-1200 .col-fluid-1200 {
    /*padding-left: 6px !important;*/
    /*padding-right: 6px !important;*/
}

/*** Push footer ***/
.push-footer {
    flex: 1 0 auto;
}

/*** Text ***/
h1.sf-page-title {
    font-family: 'KollektifBold', sans-serif;
    font-size: 215%;
    margin: 0;
}
.sf-text-yellow {
    color: var(--sf-yellow) !important;
}
.tk-text-white {
    color: var(--tk-white) !important;
}
.tk-text-dark {
    color: var(--tk-dark) !important;
}

/*** Text size ***/
.tk-text-95 {
    font-size: 95% !important;
}
.tk-text-90 {
    font-size: 90% !important;
}

/* Page title */
h1.sf-page-title {
    font-family: 'Rubik', sans-serif;
}
h1.sf-page-title > span.sf-page-title-lighter {
    font-weight: lighter;
}

/*** Background ***/
.sf-bg-dark {
    background-color: var(--tk-dark);
}

/*** Stats Table ***/
.table.sf-statstable td, .table.sf-statstable th {
    white-space: nowrap;
    padding: 0.5rem;
    font-size: 90%;
}
.table.sf-statstable tr th:first-of-type, .table.sf-statstable tr td:first-of-type {
    min-width: 3rem;
    position: sticky;
    left: 0px;
}
.table.sf-statstable tr th:nth-of-type(2), .table.sf-statstable tr td:nth-of-type(2) {
    max-width: 8rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    position: sticky;
    left: 3rem;
    text-align: left;
}
.table.sf-statstable tr th:nth-of-type(2) {
    box-shadow: 2px 0px 2px -1px #262626;
}
.table.sf-statstable tr td:nth-of-type(2) {
    box-shadow: 2px 0px 2px -1px #dadada;
    padding-right: 1rem;
    font-weight: normal;
}
.table.sf-statstable tr th:nth-of-type(3), .table.sf-statstable tr td:nth-of-type(3) {
    padding-left: 1rem;
}
.table.sf-statstable tr th:last-of-type, .table.sf-statstable tr td:last-of-type {
    padding-right: 1rem;
}
.table.sf-statstable thead th {
    background-color: var(--tk-dark);
    color: white;
    border: 0;
}
.table.sf-statstable tbody td {
    background-color: white;
    border: 0;
    border-bottom: 1px solid #dedede;
    font-weight: lighter;
}
.table.sf-statstable thead th.sf-statstable-thclick:hover {
    cursor: pointer;
}

/*** Pagination ***/
.sf-pagination-container {
    display: flex;
    justify-content: flex-end;
}
.paginationjs {
    font-family: inherit !important;
}
.paginationjs .paginationjs-pages li>a {
    line-height: 30px;
}
.paginationjs .paginationjs-pages li.active>a {
    line-height: 31px;
}

/*** Old Style ***/
.text-yellow-statfantacalcio {
    color: var(--tk-light);
}
a.text-yellow-statfantacalcio:hover {
    color: #F9D342;
}
.bg-dark-statfantacalcio {
    background-color: var(--tk-dark);
}
.bg-darkblue-statfantacalcio {
    background-color: #0A001E;
}
.bg-darkgray-statfantacalcio {
    background-color: var(--tk-dark);
}
.border-top-gray-statfantacalcio {
    border-top: 1px solid #777777;
}
.modal-open-statfantacalcio {
    height: 100%;
    overflow: hidden;
}
/****************/

/* Portrait + Landscape Phones */
@media only screen and (max-width: 767px) {
    body {
        font-size: 88%;
    }
    h1.sf-page-title {
        font-size: 180%;
    }
    .container-fluid.container-fluid-1200 .col-fluid-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sf-pagination-container {
        justify-content: center;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    *::-webkit-scrollbar {
        display: none;
    }
    /* Hide scrollbar for IE and Edge */
    * {
        -ms-overflow-style: none;
    }
}
/* Tablets + Desktop */
@media only screen and (min-width: 768px) {
    /* Stats Table */
    .table.sf-statstable tr th:nth-of-type(2) {
        /*box-shadow: 0px 0px 0px 0px #262626;*/
    }
    .table.sf-statstable tr td:nth-of-type(2) {
        /*box-shadow: 0px 0px 0px 0px #dadada;*/
    }
}