body {
    font-family: 'Exo 2' !important;

}

table {
    width: 100% !important;
    font-size: small !important;
}

table.dataTable thead .sorting {
     background-image: none !important;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: none !important;
}

footer {
    margin-top: 30px;
    text-align: center;
}

footer .container .row .col {
    border-top: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #aaa;
}

footer .container .row .col p {
    font-size: x-small;
    margin-top: 20px;
}

footer img {
    width: 100px;
}

table a {
    color: #0967ac !important;
}

.navbar-brand span {
    color: #0967ac !important;
    font-family: 'Maven Pro';
    font-weight: bold;
    vertical-align: middle;
    font-size: small;
    display: inline-block;
    line-height: 1.2;
    padding-right: 20px;
    border-right: 1px solid #c1c1c1;
}

.navbar-brand img {
    height: 30px;

    display: inline-block;
    margin-right: 9px;
}

.hvr-bubble-float-left:before {
    display: none !important;
}

.race-element img {
    width: 17px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.race-element {
    display: block;
    color: #444;
    border-bottom: 1px dashed #ccc;
    padding: 1px 10px;
    font-weight: 200;
    cursor:pointer;
}

.col-md h5 {
    margin-top: 20px;
}

.event-element {
    background-color: #eee;
    padding: 5px 10px;
    margin: 4px 3px;
    display: inline-block;
    color: #0967ac;
    text-decoration: none;
    cursor:pointer;
}

.event-element:hover {
    text-decoration: none !important;
}

.results-active {
    background-color: #2098D1;
    color: #fff;
}

.results-active:hover {
    color: #fff !important;
}

eta {
    font-family: "Montserrat";
    font-weight: 600;
    width: 55px;
    display: inline-block;
}

rno {
    font-family: "Montserrat";
    font-weight: 600;
    width: 45px;
    display: inline-block;
    margin-left: 10px;
}

eno {
    font-family: "Montserrat";
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
}

.race-element span {
    color: #777;
}

.navbar {
    box-shadow: 0px 0px 10px #bbb;
}



@media (prefers-color-scheme: dark) {
    body { background-color: #0f1216 !important; color: #b3c3d2 !important; }
    div.bg-light, nav.bg-light, .competition-table-header, .entry-meta, .breadcrumb, .event-element { background-color: #1b2126 !important; }
    .navbar-light .navbar-nav .nav-link { color: #fff !important; }
    .navbar-light .navbar-nav .active .nav-link { color: #66686e !important; font-weight: bold !important; }
    .navbar-brand span { color: #73b2e1 !important; }
    a.nav-link, a { color: #73b2e1 !important; }
    .navbar { box-shadow: 0px 0px 10px #000 !important }
    .btn-primary { background-color: #112437 !important; border-color: #2e5075 !important;  }
    .btn-secondary { background-color: #111417 !important; border-color: #3b5871 !important; }
    .btn-success { background-color: #13461f !important; color: #77c587 !important; }
    .btn-primary:hover, .btn-secondary:hover, .btn-success:hover { background-color: #104475 !important; border-color: #2e5075 !important;  }
    hr { border-top: 1px solid rgb(255 255 255 / 10%) !important }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #9fc1e4 !important }
    .card { background-color: #1b2126 !important; }

    .alert-danger { background-color: #2f2022 !important; border-color: #942D39 !important; color: #ffb9c0 !important; }
    .table-bordered { border: none !important; border-top: 1px solid #243342 !important; }
    .table-bordered th, .table-bordered td { border: 1px solid #243342 !important; }
    .table th, .table td { border-top: none !important; }
    .table thead th {    border-bottom: 2px solid #3d77b2 !important; }
    .table tfoot tr th { background-color: #111a27 !important }
    .competition-number { background-color: #13141d !important }
    .rower-licence { background-color: #142c48 !important; }
    .r-index {     background-color: #000 !important; border: 1px solid #666; color: #f7e8e8 !important; padding-top: 1px !important }

    .form-control, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { background-color: #1b2126 !important; color: #bbc6d1 !important;  }

    .select2-container--default .select2-selection--single .select2-selection__rendered { color: #bbc6d1 !important;  }
    .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #112437 !important; border-color: #2e5075 !important; }
    .select2-dropdown { background-color: #1b2126 !important; }
    .select2-search__field { color: #fff; }
    table.dataTable tbody tr { background-color: #0a0b0f !important }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #aaa !important; background: #1b253b !important; }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #aaa !important;}
    footer .container .row .col {     border-top: 1px solid #353f59; opacity: 0.3; }
}