/* !UNIVERSAL ELEMENTS */

/************************************
    ORGANISM - LEAGUE TABLE MOBILE
***********************************/

.table-filters span {
    display: inline-block;
    padding:.3rem 1rem;
    margin: 0;
    border-radius: 0;
    color: #343434;
    background: none;
    text-transform: capitalize;
}

.table-filters span:hover {
  background:#343434;
  color: #fff;
}

.league-table table thead tr th a:hover {
    color: #fff;
}

.league-table table tbody tr.highlight td {
    background: #d1d1d1;
    color: #343434;
    font-weight: bold;
}

.league-table table tbody tr td.group {
    text-align: left;
}

.league-table table tbody tr td:nth-child(3),
.league-table table thead tr th:nth-child(3) {
    text-align: left;
}

.league-table table tbody tr td.column_TmnmDisplay img {
    display: none;
}

/************************************
    ORGANISM - FIXTURE LIST
***********************************/

/** MOLCULES - NEXT/LAST MATCH TABS **/

.nextlast-tabs {
    width: 100%;
    float: left;
}

.nextlast-tabs .tab {
    width: 50%;
    float: left;
    font-size: 1rem;
}

/** MOLECULE - ADVERT **/
.nextlast-dfp {
    margin: 0;
}

.nextlast-tabs .tab span {
    opacity: .5;
    font-weight: 400;
}

.nextlast-tabs .tab-nav-active span {
    opacity: 1;
    font-weight: 500;
}

.nextlast-tabs a.tab:hover span {
    color: #fff;
    opacity: .75;
}

.nextlast-dfp > div > div > div {
    display: inline-block;
    padding: 1rem;
    min-height: 250px;
    width: 321px;
    text-align: center;
    background: #fff;
}

.fixResultsPage .nextlast-item .matchStatus-widget {
    position: relative;
    padding: 1rem;
}

.fixResultsPage .nextlast-item .matchStatus-widget:before {
    content:'';
    position: absolute;
    top: 0;
    right: -5.5%;
    width: 5.5%;
    height: 100%;
    background-color: #fff;
}

.matchStatus-meta {
    margin-top: .75rem;
}

.matchStatus-widget .matchStatus-links {
    margin-top: 1rem;
}

.hosp-button .btn {
    padding: .7rem 1rem;
    min-width: 114px;
}

.tickets-button .btn {
    padding: .7rem;
    min-width: 112px;
}

.match-info-button .btn {
    height: 38px;
    width: 38px;
    display: block;
}

.fix-result-name {
    font-size: .85rem;
}

.fix-results-score {
    font-size: .85rem;
}

.fix-results-date {
    margin-right: .4rem;
}

/** ORGANISM - FILTERS AND DROPDOWNS **/

.fixResultsOptions select, .fixResultsOptions .fixturesSort {
    float: left;
    width: calc(50% - .5rem);
}

.fixResultsOptions select {
    margin-right: 1rem;
}

.fixResultsOptions .fixturesSort {
    background-color: #fff;
    height: 40px;
    padding: .5rem 1.15rem .5rem .7rem;
    font-size: .9rem;
    cursor: pointer;
    text-shadow: 0 0 0 #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fixResultsOptions .rotate-90 {
    transform: rotate(180deg);
}

.fixResults-filters .btn {
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
}

.fixResults-calendar p {
    margin: 0;
}

/** MOLECULE - FIXTURE FILTERS AREA **/

.fixtureFilters {
    border: 1px solid #c9b771;
}

.fixtureFilters .fixture-filters-clear {
    cursor: pointer;
}

.fixtureFilters .fixtureFilters-options li:before {
    content: none;
}

.fixtureFilters .fixtureFilters-options li {
    display: inline-block;
    padding: .1rem 1rem;
    margin: .2rem 0;
    line-height: 2rem;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #c7c7c7;
    font-family: 'Frutiger', 'Helvetica', Arial, sans-serif;
    font-weight: bold;
    font-size: .8rem;
}

.fixtureFilters .fixtureFilters-options li.filter-active {
    background-color: #c9b771;
    color: #434343;
}

/** ATOMS - FIXTURE HEADING **/

.fixResults-heading {
    font-size: 1.2rem;
    width: 100%;
    float: left;
}

/* MOLECULE - FIXTURE BLOCK **/

.fix-results-container {
    float: left;
    width: calc(100% - 1rem);
}

.fixResults-fixtures,
.fixture-container-inner,
.fix-results-top,
.fix-results-main,
.fix-results-bottom,
.fix-results-linkdetails {
    float: left;
    width: 100%;
}

.fix-result-logo {
    display: none;
}

.fix-results-date {
    width: auto;
    min-width: 90px;
    margin-left: -1.75rem;
    padding: .5rem .6rem;
}

.fix-results-date p {
    display: inline;
}

.fix-results-bottom, .fix-results-linkdetails {
    border-top: 1px solid #c2c2c2;
}

.fix-results-bottom, .fix-results-linkdetails {
    font-size: .8rem;
}

/* MOLECULE - RESULT - SIMPLE **/

.fix-result-simple-container.fix-result-records {
    width: 100%;
}

.fix-result-simple-container {
    width: calc(100% - 1.5rem);
}

.fix-result-simple-container .fix-results-main {
    display: inline-flex;
    align-items: center;
}

.fix-result-simple-container .fix-results-opponent {
    width: calc(100% - 70px);
    float: left;
}

.fix-result-simple-container.fix-result-records .fix-results-opponent {
    width: 100%;
}

.fix-result-simple-container .fix-results-score {
    width: 70px;
    float: left;
    text-align: right;
}

.fix-result-simple {
    display: inline-flex;
    align-items: center;
}

.fix-result-simple .fix-results-date {
    width: 75px;
    float: left
}

.fix-result-simple .fix-result-name {
    width: calc(100% - 75px);
    float: left
}

/** MOLECULE - LIVE STATE **/

.fix-results-container[data-status="live"] {
    padding: 0;
}

.fix-results-container[data-status="live"] .fix-live-teams,
.fix-results-container[data-status="live"] .fix-results-bottom .fix-results-detail {
    padding: .75rem;
}

.fix-results-container[data-status="live"] .fix-results-bottom {
    padding-top: 0;
    margin-top: 0;
}

.fix-results-container[data-status="live"] .fix-live-teams {
    padding-bottom: 0;
}

.fix-results-container[data-status="live"] .fix-results-opponent {
    width: 100%;
}

.fix-live-teams {
    display: flex;
    align-items: center;
}

.fix-live-divider {
    width: 25%;
}

.fix-live-divider .live-score {
    display: none;
}

.fix-live-team {
    width: 50%;
}

.fix-live-team img {
    display: none;
}

.fix-live-link {
    border-top: 1px solid #c2c2c2;
}


/* !MEDIA QUERIES */
/* !Bootstrap xs: Small devices (360px) */
@media (min-width: 22.500em) {

}

/* !Bootstrap xs: Small devices (landscape phones for a 320 - 480px) */
@media (min-width: 30em) {
    /*******************************************
        ORGANISM - FIXTURE LIST LANDSCAPE PHONE
    *******************************************/

    .fix-result-logo {
        display: inline-block;
        max-height: 30px;
        max-width: 30px;
        vertical-align: middle;
    }

    .fix-result-logo img {
        width: 30px;
        height: 30px;
    }
}

/* !Bootstrap xs: Small devices (landscape phones for a 360 - 640px) */
@media (min-width: 40em) {

        /*******************************************
        ORGANISM - FIXTURE LIST LANDSCAPE PHONE
    *******************************************/

    /* MOLECULE - FIXTURE BLOCK **/

    .fix-results-container {
        float: left;
        width: calc(100% - 2rem);
    }

    .fix-result-name {
        font-size: 1rem;
    }

    .fix-results-score {
        font-size: 1rem;
    }

    .fix-results-date {
        margin-right: 1rem;
        padding: .5rem 1rem;
        min-width: 110px;
    }
}

/* !Bootstrap sm: Medium devices (tablets, 768px and up) */
@media (min-width: 48em) {
    /************************************
        ORGANISM - FIXTURE LIST TABLET
    ************************************/

    .fixResultsPage .nextlast-item .matchStatus-widget:before {
        display: none;
    }

    .nextlast-tab-content, .nextlast-tabs {
        width: calc(100% - 335px);
    }

    /** MOLECULE - ADVERT **/
    .nextlast-dfp {
        position: relative;
        top: -5rem;
        margin-bottom: -3rem;
    }

    /** ORGANISM - FILTERS AND DROPDOWNS **/
    .fixResultsOptions select, .fixResultsOptions .fixturesSort {
        width: calc(45% - .5rem);
    }

    .fixResultsOptions .fixResults-filters {
        margin-top: 0;
    }

    .fixResultsOptions .fixResults-calendar {
        height: 40px;
        padding-right: 1rem;
        margin-top: 0;
        text-align: right;
    }

    .fixResultsOptions .fixResults-calendar p {
        margin: .6rem 0;
    }

    /** MOLECULE - FIXTURE FILTERS AREA **/
    .fixtureFilters .fixtureFilters-set {
        padding: .25rem 1rem;
    }

    .fixtureFilters .fixtureFilters-set:last-child {
        padding-bottom: 1rem;
    }

    .fixtureFilters .fixtureFilters-heading {
        font-size: 1.1rem;
    }

    .fixtureFilters .fixtureFilters-options li {
        font-size: .8rem;
    }

    .regions-content .fixResults-filters {
        float: right;
        margin: 0;
    }

    /** MOLECULE - LIVE STATE **/

    .fix-live-teams {
        width: calc(100% - 200px);
        float: left;
    }

    .matches-sidebar .fix-live-teams {
        width: 100%;
    }

    .matches-sidebar .fix-live-link {
        width: 100%;
        padding: 0;
        padding-right: 1rem;
    }

    .matches-sidebar .fix-live-link a::after {
        content: "\e910";
        font-family: 'icomoon';
        padding-left: .5rem;
    }

    .fix-live-link {
        width: 200px;
        float: left;
        text-align: right;
        margin: 0;
        border: 0;
        padding: 1rem .5rem .5rem;
    }

    .fix-results-container[data-status="live"] .fix-live-teams {
        padding: 1rem .5rem .5rem;
    }

    .fix-live-team,
    .fix-live-divider {
        width: auto;
        padding: 0;
    }

    .fix-live-divider .live-score {
        display: block;
        padding: .2rem .5rem;
        margin: 0 .8rem;
        background-color: #f4cf00;
        border-color: #f4cf00;
    }

    .fix-live-score,
    .fix-live-divider .divider {
        display: none;
    }

    .fix-live-team {
        display: flex;
        align-items: center;
    }

    .fix-live-team img {
        display: inline-block;
        margin-right: 1rem;
        width: 30px;
        height: 30px;
    }

    .fix-live-team p {
        display: inline-block;
    }

}

/* !Bootstrap sm: Medium devices (landscape tablets, 1000px and up) */
@media (min-width: 62.5em) {

}

/* !Bootstrap md: Small Laptop (desktops, 1039px and up) */
@media (min-width: 65em) {

    /************************************
        ORGANISM - LEAGUE TABLE DESKTOP
    ***********************************/

    .league-table table tbody tr td.column_TmnmDisplay img {
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    .league-table table tbody tr td.column_TmnmDisplay .long-name {
        display: inline-block;
        padding-left: 1rem;
    }

    .table-filters span {
        display: inline-block;
    }

    /************************************
        ORGANISM - FIXTURE LIST DESKTOP
    ***********************************/

    .fixResultsPage h1 span {
        color: #fff;
    }

    .fix-results-date {
        min-width: 115px;
    }

    .fixResultsOptions .fixturesSort {
        font-size: 1rem;
    }

     .fixResultsOptions .fixturesSort i{
        font-size: .8rem;
    }

    .fixResultsPage .headline {
        background-color: #434343;
        color: #fff;
        position: relative;
    }

    .fixResultsPage .headline:after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 175%;
        background-color: #434343;
        left: 0;
        bottom: -175%;
    }

    .fixResultsPage .nextlast-container {
        background-color: #fff;
        margin-bottom: 2rem;
        float: left;
        position: relative;
        width: 100%;
    }

    .fixResultsPage .nextlast-container:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
        left: -100rem;
        right: 0;
    }

    .fixResultsPage .nextlast-item .matchStatus-widget,
    .fixResultsPage .nextlast-dfp {
        border-left: 1px solid #dedede;
        width: 330px;
        padding: 1.5rem 0 1.5rem 1.5rem;
        min-height: 310px;
        float: left;
    }

    .nextlast-tab-content, .nextlast-tabs {
        display: block;
        float: left;
        width: calc(100% - 370px);
    }

    .nextlast-item {
        width: 50%;
    }

    .nextlast-item.tab-content-active {
        padding-right: 2rem;
    }

    /** MOLECULE - ADVERT **/

    .nextlast-dfp {
        margin-bottom: 0;
        top: 0;
    }

    /** MOLECULE - FILTERS AND DROPDOWNS **/

    .fixResultsOptions select, .fixResultsOptions .fixturesSort {
        width: calc(35% - .5rem);
    }

    .fixture-filters-cont[data-filters] {
        visibility: hidden;
        max-height: 0;
    }

    .fixture-filters-cont[data-filters].open {
        visibility: visible;
        max-height: none;
    }

    .fixtureFilters .fixtureFilters-options li:hover {
        background-color:#ccb766;
        color:#fff;
    }

    /** MOLECULE - SIMPLIFIED FIXTURES **/

    .fix-result-simple .fix-results-date,
    .fix-result-simple .fix-result-name {
        width: auto;
    }

    /************************************************
        ORGANISM - FIXTURE LIST (SIDEBAR) - DESKTOP
    ************************************************/

    .matches-sidebar .fix-result-name p,
    .matches-sidebar .kick-off-time {
        font-size: .85rem;
    }
}

/* !Bootstrap md: Large devices (desktops, 1232px and up) */

@media (min-width: 77em) {

    /************************************
        ORGANISM - FIXTURE LIST DESKTOP
    ***********************************/

    .fixture-filters-cont[data-filters],
    .fixture-filters-cont[data-filters].open {
        width: calc(100% - 4rem);
        margin-left: 2rem;
    }

    .fixResultsPage h1{
        margin-left: 2rem;
    }

    .fixResultsPage .nextlast-container {
        width: calc(100% - 3rem);
        margin-right: 3rem;
        padding-left: 2rem;
    }

    .fix-results-container {
        float: left;
        width: calc(100% - 6rem);
        margin-left: .5rem;
    }

    /** ORGANISM - FILTERS AND DROPDOWNS **/

    .fixResultsOptions .fixResults-filters {
        padding-right: 2rem;
    }

    .fixResultsSelect{
        padding-left: 3rem;
    }

    /** ATOMS - FIXTURE HEADING **/

    .fixResults-heading {
        padding-left: 3rem;
    }

}

/* !Bootstrap md: Large devices (desktops, 1366px and up) */
@media (min-width: 85.375em) {

}

/* !Bootstrap lg: Extra Large devices (desktops, 1500px and up) */

@media (min-width: 93.750em) {

}

/* !Bootstrap lg: XL devices (desktops, 1696px and up) */
@media (min-width: 106em) {

}