.fixture-list .item {
    display: flex;
    flex-direction: row;
    border-bottom: solid 3px rgba(255,255,255, 0.1);
    padding: 11px 0;
}

    .fixture-list .item.first {
        border-top: solid 3px rgba(255,255,255, 0.1);
    }

    .fixture-list .item:first-child, .fixture-list .item.first {
        border-top: solid 3px rgba(255,255,255, 0.1);
    }

    .fixture-list .item .teams {
        display: flex;
        flex-direction: row;
    }

    .fixture-list .item > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .fixture-list .item .teams {
        display: flex;
        flex-direction: row;
    }

    .fixture-list .item .team img {
        width: 90px;
        height: 90px;
    }

    .fixture-list .item .teams .seperator {
        width: 50px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
    }

    .fixture-list .item .teams .state {
        width: 50px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
    }

    .fixture-list .item .teams .score {
        width: 50px;
        text-align: left;
        font-size: 24px;
        font-weight: bold;
    }


        .fixture-list .item .teams .score.first {
            text-align: right;
        }



        .fixture-list .item .teams .score .number {
            text-shadow: 0 0 15px white;
            color: transparent;
            font-size: 30px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }


    .fixture-list .item .btn {
        width: 190px;
    }


body.show-scores .fixture-list .item .teams .score .number {
    font-size: unset;
    text-shadow: unset;
    color: unset;
}

body.always-show-scores .fixture-list .item .teams .score .number {
    font-size: unset;
    text-shadow: unset;
    color: unset;
    cursor: unset;
}


.fixture-list .item .time {
    flex-grow: 1;
    font-weight: bold;
    text-transform: uppercase;
}


.fixture-list .item .timezone {
    font-size: 12px;
}


.fixture-list .item .team-names {
    flex: 0 0 330px;
    display: flex;
    flex-direction: column;
    justify-content: start;
}



    .fixture-list .item .team-names .seperator {
        width: 50px;
        text-align: center;
        opacity: 0.5;
    }


.fixture-list.sport-tennis h2 {
    margin: 12px 0;
    font-size: 28px;
}

.fixture-list.sport-tennis .item {
    justify-content: space-between;
}

    .fixture-list.sport-tennis .item .scores {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: start;
        flex-wrap: wrap;
        margin-right: 18px;
    }

        .fixture-list.sport-tennis .item .scores .row {
            display: flex;
            flex: 1;
            flex-direction: row;
            justify-content: stretch;
            width: 100%;
        }

            .fixture-list.sport-tennis .item .scores .row .name {
                display: flex;
                flex: 1;
                font-size: 20px;
                font-weight: 500;
            }

            .fixture-list.sport-tennis .item .scores .row .set {
                flex: 0 0 50px;
                font-size: 20px;
            }

                .fixture-list.sport-tennis .item .scores .row .set span {
                    font-size: 12px;
                    opacity: 0.75;
                }

@media only screen and (max-width:768px) {
    .fixture-list.sport-tennis .item .scores {
        margin-right: 0;
    }

    .fixture-list .item .teams .score .number {
        font-size: 24px;
        text-shadow: 0 0 12px white;
    }

    .fixture-list.sport-tennis .item .scores .row .set {
        text-align: center;
    }
}

@media only screen and (max-width:576px) {
    .fixture-list.sport-tennis h2 {
        font-size: 18px;
    }



    .fixture-list.sport-tennis .item .scores .row {
    }

        .fixture-list.sport-tennis .item .scores .row .name {
            display: flex;
            flex: 1;
            font-size: 16px;
            font-weight: 500;
        }

        .fixture-list.sport-tennis .item .scores .row .set {
            flex: 0 0 35px;
            font-size: 16px;
            text-align: center;
        }

            .fixture-list.sport-tennis .item .scores .row .set span {
                font-size: 10px;
                opacity: 0.75;
            }
}

.fixture-list heading {
    display: flex;
    flex-flow: row wrap;
    margin: 40px 0;
    align-items: end;
}

    .fixture-list heading h1 {
        display: inline-block;
        margin: 0;
    }

    .fixture-list heading .toggle-container {
        flex-grow: 1;
        justify-content: end;
        display: flex;
    }


    .fixture-list heading button {
        line-height: 1em !important;
    }

    .fixture-list heading button {
        line-height: 1em !important;
    }

    .fixture-list heading ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        margin-bottom: 23px;
    }

    .fixture-list heading li {
        float: left;
        margin-right: 16px;
    }

        .fixture-list heading li a, .fixture-list heading li a:hover, .fixture-list heading li a:visited, .fixture-list heading li a:active {
            display: block;
            text-decoration: none;
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            opacity: 0.3;
            border-bottom: solid 3px transparent;
            text-transform: uppercase;
            text-decoration: none;
            line-height: 1em;
            padding-bottom: 5px;
            cursor:pointer;
        }

            .fixture-list heading li a:hover {
                opacity: 1;
            }

        .fixture-list heading li.active a, .fixture-list heading li.active a:hover, .fixture-list heading li.active a:visited, .fixture-list heading li.active a:active {
            opacity: 1;
            color: rgba(35,66,129, 1);
            border-bottom: 3px solid rgba(35,66,129, 1);
            
        }


    .fixture-list heading .dropbtn {
        color: rgba(255,255,255,0.8);
        padding: 0 40px 0 0;
        margin-left: 16px;
        font-size: 26px;
        font-weight: 500;
        cursor: pointer;
        background-color: transparent;
        border: none;
        outline: none;
        background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='white'/></g></svg>") no-repeat;
        background-position: right 5px top 50%;
    }

    .fixture-list heading .button:disabled, .fixture-list heading button[disabled] {
        cursor: default;
        color: rgba(255,255,255,0.8) !important;
    }





    

    /* Dropdown button on hover & focus */
    .fixture-list heading .dropbtn:hover, .fixture-list heading .dropbtn:focus {
        color: rgba(255,255,255,1);
        outline: none;
    }

    /* The container <div> - needed to position the dropdown content */
    .fixture-list heading .dropdown {
        position: relative;
        display: inline-block;
    }

    /* Dropdown Content (Hidden by Default) */
    .fixture-list heading .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        margin: auto;
    }

        /* Links inside the dropdown */
        .fixture-list heading .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            font-size: 22px;
            font-weight: 500;
            white-space: nowrap;
        }

  


    /* Change color of dropdown links on hover */
    .fixture-list heading .dropdown-content a:hover {
        background-color: #ddd
    }

    /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
    .fixture-list heading .show {
        display: block;
    }

.fixture-list .results-empty {
    text-align: center;
    padding: 80px;
}

.fixture-list h2 {
    font-size: 42px;
    text-transform: uppercase;
}
@media only screen and (max-width:1200px) {

    .fixture-list heading h1 {
        width: 100%;
        margin-bottom:16px;

    }

    .fixture-list heading .dropdown:first-child .dropbtn {
        margin-left: 0;
    }
}

    @media only screen and (max-width:768px) {
        .fixture-list heading {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }


            .fixture-list heading ul {
                margin-bottom: 13px;
            }

            .fixture-list heading li a, .fixture-list heading li a:hover, .fixture-list heading li a:visited, .fixture-list heading li a:active {
                font-size: 16px;
                padding-bottom: 3px;
            }

            .fixture-list heading h1 {
                text-align: center;
            }

        .fixture-list h2 {
            font-size: 20px;
            text-align: center;
        }

        .fixture-list heading .dropdown {
            display: block;
            width: 100%;
            text-align: center;
        }

        .fixture-list heading .dropbtn {
            font-size: 18px;
            margin-top: -6px;
            margin-bottom: 12px;
            margin-left: 0;
            padding: 0 16px;
            background: none;
        }

        .fixture-list heading .dropdown-content {
            left: 50%;
            transform: translate(-50%, 0);
        }

        .fixture-list heading .dropdown-season .dropdown-content a {
            font-size: 22px;
            font-weight: 600;
        }


        .fixture-list heading .dropdown-season .dropbtn {
            font-size: 22px;
            font-weight: 600;
        }

        .fixture-list heading .dropdown-content a {
            font-size: 18px;
        }

        .fixture-list .item {
            flex-direction: column;
            padding: 19px 0;
            border-bottom: solid 1px rgba(255,255,255, 0.1);
        }

            .fixture-list .item.first {
                border-top: solid 1px rgba(255,255,255, 0.1);
            }



            .fixture-list .item:first-child {
                border-top: solid 1px rgba(255,255,255, 0.1);
            }

            .fixture-list .item > div {
                margin-bottom: 16px;
            }

                .fixture-list .item > div:last-child {
                    margin-bottom: 0;
                }

            .fixture-list .item .team img {
                width: 70px;
                height: 70px;
            }

            .fixture-list .item .teams .seperator {
                width: 40px;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
            }

            .fixture-list .item .teams .state {
                width: 40px;
                font-size: 20px;
            }

            .fixture-list .item .teams .score {
                width: 40px;
                font-size: 20px;
            }

            .fixture-list .item .time {
                font-size: 12px;
                text-transform: none;
                font-weight: normal;
            }

            .fixture-list .item .team-names {
                flex: 1 0;
                display: flex;
                flex-direction: column;
            }



                .fixture-list .item .team-names .seperator {
                    width: 50px;
                    text-align: center;
                    opacity: 0.5;
                }
    }



    .fixture-list .sport-rodeochile .item .info {
        flex: 0 0 580px;
        display: flex;
        flex-direction: row;
    }

        .fixture-list .sport-rodeochile .item .info .competition {
            flex: 0 0 320px;
            font-weight: bold;
        }

        .fixture-list .sport-rodeochile .item .info .discipline {
            flex: 1 0;
            font-weight: bold;
        }

    .fixture-list .sport-rodeochile .item .action .btn {
        white-space: nowrap;
    }

    .fixture-list .sport-rodeochile .item .winner {
        flex: 1;
        display: flex;
        flex-direction: row;
    }

        .fixture-list .sport-rodeochile .item .winner .rider {
            flex: 1 0;
        }

        .fixture-list .sport-rodeochile .item .winner .region {
            flex: 0 0 200px;
        }

    .fixture-list .sport-rodeochile .item .schedule {
        flex: 1;
        display: flex;
        flex-direction: row;
    }

        .fixture-list .sport-rodeochile .item .schedule .venue {
            flex: 1 0;
        }


            .fixture-list .sport-rodeochile .item .schedule .venue span:not(:first-child):before {
                content: ', ';
            }

        .fixture-list .sport-rodeochile .item .schedule .time {
            flex: 0 0 100px;
        }


    .fixture-list h2 small {
        font-weight: 500;
        opacity: 0.8;
        font-size: 28px;
    }



    @media only screen and (max-width:1486px) {
        .fixture-list .sport-rodeochile .item .info {
            flex: 0 0 480px;
        }

        .fixture-list .sport-rodeochile .item .winner {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

            .fixture-list .sport-rodeochile .item .winner .rider {
                flex: 1;
                font-weight: normal;
            }

            .fixture-list .sport-rodeochile .item .winner .region {
                flex: 1;
            }

        .fixture-list .sport-rodeochile .item .schedule {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

            .fixture-list .sport-rodeochile .item .schedule .venue {
                flex: 1;
                font-weight: normal;
            }

            .fixture-list .sport-rodeochile .item .schedule .time {
                flex: 1;
            }
    }

    @media only screen and (max-width:992px) {
        .fixture-list .sport-rodeochile .item .info {
            flex: 0 0 310px;
            display: flex;
            flex-direction: column;
            align-items: start;
        }

            .fixture-list .sport-rodeochile .item .info .competition {
                flex: 1;
                font-weight: normal;
                text-align: left;
            }

            .fixture-list .sport-rodeochile .item .info .discipline {
                flex: 1;
                order: -1;
            }

        .fixture-list h2 small::before {
            content: "\A";
            white-space: pre;
        }
    }

    @media only screen and (max-width:768px) {


        .fixture-list .sport-rodeochile .item .info {
            flex: 0 1 auto;
            align-items: center;
        }

        .fixture-list .sport-rodeochile .infinite-list h1 {
            text-align: center;
            font-size: 22px;
        }



        .fixture-list .sport-rodeochile .item .winner {
            font-size: 12px;
            opacity: 0.85;
            flex: 0 1 auto;
        }

        .fixture-list .sport-rodeochile .item .schedule {
            font-size: 12px;
            opacity: 0.85;
            flex: 0 1 auto;
        }

        .fixture-list h2 small {
            font-size: 16px;
        }
    }



    label.toggle-switch {
        display: flex;
        align-items: center;
    }

        label.toggle-switch span:first-child {
            font-size: 12px;
            margin-right: 10px;
        }
        /* The switch - the box around the slider */
        label.toggle-switch .switch {
            position: relative;
            display: inline-block;
            width: 44px;
            height: 24px;
        }

            /* Hide default HTML checkbox */
            label.toggle-switch.switch input {
                opacity: 0;
                width: 0;
                height: 0;
            }

            /* The slider */
            label.toggle-switch .switch .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #ccc;
                -webkit-transition: .4s;
                transition: .4s;
            }

                label.toggle-switch .switch .slider:before {
                    position: absolute;
                    content: "";
                    height: 20px;
                    width: 20px;
                    left: 2px;
                    bottom: 2px;
                    background-color: white;
                    -webkit-transition: .4s;
                    transition: .4s;
                }

            label.toggle-switch .switch input:checked + .slider {
                background-color: rgb(35,66,129);
            }

            label.toggle-switch .switch input:focus + .slider {
                box-shadow: 0 0 1px rgb(35,66,129);
            }

            label.toggle-switch .switch input:checked + .slider:before {
                -webkit-transform: translateX(20px);
                -ms-transform: translateX(20px);
                transform: translateX(20px);
            }

            /* Rounded sliders */
            label.toggle-switch .switch .slider.round {
                border-radius: 24px;
            }

                label.toggle-switch .switch .slider.round:before {
                    border-radius: 50%;
                }


    @media only screen and (max-width:768px) {
        label.toggle-switch {
            flex-direction: column;
        }

            label.toggle-switch span:first-child {
                margin: 16px;
            }
    }


.fixture-list .notes 
{
    opacity:0.8;
}

@media only screen and (max-width:768px) {
    .fixture-list .notes {
        margin-top: -28px;
        margin-bottom: 28px;
        text-align: center;
        font-size: 14px;
    }

    .fixture-list h1 {
        text-align: center;
        font-size: 24px;
        width: 80%;
        margin:auto;
        margin-bottom: 13px;
    }
}