@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";

//@mixin trx_addons--xxl() {
@media #{$media_xxl} {
    .sp-template-event-blocks {
        .sp-event-blocks .team-logo.logo-odd {
            left: 24px;
        }
        .sp-event-blocks .team-logo.logo-even {
            right: 24px;
        }
        .sp-event-results {
            font-size: 30px;
            margin: 15px 0;
        }
    }
}

//@mixin trx_addons--xl() {
@media #{$media_xl} {
    .sp-template-countdown {
        .sp-countdown {
            margin-top: 15px;
        }
        time span {
            margin: 0 30px;
            font-size: 50px;
            min-width: 65px;
            small {
                font-size: 17px;
                margin-top: 8px;
                padding-top: 12px;
            }
            &:after {
                right: -36px;
            }
        }
    }

    .sp-template-event-blocks {
        table.sp-data-table td {
            padding: 15px;
        }
        .sp-event-blocks .team-logo.logo-odd {
            left: 19px;
        }
        .sp-event-blocks .team-logo.logo-even {
            right: 19px;
        }
        .sp-event-results {
            font-size: 26px;
            margin: 11px 0;
        }
    }
}

//@mixin trx_addons--lg() {
@media #{$media_lg} {
    .sp-template-details dt {
        margin: 15px 0 5px;
        padding: 15px 0 0 0;
        font-size: 22px;
    }

    .sp-template-countdown time span {
        margin: 0 20px;
        &:after {
            right: -26px;
        }
    }
    .sidebar .sp-template-countdown time span {
        margin: 0 8px;
        min-width: 40px;
        &:after {
            right: -18px;
        }
    }

    body:not(.sportspress-page) .sp-view-all-link {
        margin-top: 40px;
    }

    // Tab menu
    .sp-tab-menu a {
        padding: 15px 40px;
    }
}

//@mixin trx_addons--md() {
@media #{$media_md} {
    .sc_team {
        .sp-player-number {
            font-size: 38px;
        }
    }

    .sp-template-photo {
        padding: 20px;
        max-width: 50%;
    }
    .sp-template-details dt {
        font-size: 20px;
    }
    .sp-template-details dl {
        padding: 20px;
    }

    table.sp-data-table {
        td {
            padding: 10px;
        }
        th {
            font-size: 16px;
            padding: 10px;
        }
    }
    .sp-table-caption {
        padding: 10px;
    }
    .sp-table-wrapper .dataTables_paginate {
        padding: 5px 10px;
    }

    .sp-template-countdown {
        .event-name,
        .event-venue,
        .event-league,
        .event-date {
            padding: 10px;
        }
        h5 {
            padding: 10px;
        }
        time span {
            margin: 0 17px;
            font-size: 40px;
            min-width: 65px;
            &:after {
                right: -26px;
            }
            small {
                font-size: 16px;
            }
        }
    }
    .sidebar .sp-template-countdown time span {
        margin: 0 5px;
        &:after {
            right: -15px;
        }
    }
    
    .sp-table-caption,
    .sp-template-countdown .event-name {
        font-size: 17px;
    }
    .sp-template-event-blocks.sp-template-event-logos-block {
        .team-logo img {
            height: 65px;
        }
    }
    .sp-template-gallery dd {
        font-size: 15px;
    }

    .sp-event-performance-teams .sp-template-event-performance-icons:nth-child(2n),
    .sp-event-performance-teams .sp-template-event-performance-icons {
        width: 100%;
        float: none;
        clear: both;
        padding-left: 0;
        padding-right: 0;
    }

    body:not(.sportspress-page) .sp-view-all-link {
        margin-top: 30px;
    }
}

//@mixin trx_addons--sm() {
@media #{$media_sm} {
    .sp-template-photo {
        max-width: 100%;
        margin-right: 0;
        float: none;
    }
    .sp-template-details dt {
        margin: 10px 0 5px;
        padding: 10px 0 0 0;
        font-size: 18px;
    }
    .sp-template-event-logos {
        .sp-event-logos {
            font-size: 20px;
        }
        .sp-event-logos img {
            max-width: 110px;
        }
    }

    .sp-template-countdown {
        .sp-countdown {
            margin-top: 12px;
        }
        time span {
            margin: 0 15px;
            font-size: 38px;
            min-width: 55px;
            &:after {
                right: -21px;
            }
        }
    }

    body:not(.sportspress-page) .sp-view-all-link {
        margin-top: 25px;
    }

    // Tab menu
    .sp-tab-menu a {
        padding: 8px 20px;
    }
}

//@mixin trx_addons--xs() {
@media #{$media_xs} {
    .sp-table-caption, .sp-template-countdown .event-name {
        font-size: 16px;
    }
    table.sp-data-table {
        th {
            font-size: 15px;
        }
        td {
            font-size: 15px;
        }
    }
    .sp-template-countdown {
        time span {
            margin: 0 12px;
            font-size: 30px;
            min-width: 43px;
            &:after {
                right: -18px;
            }
            small {
                font-size: 15px;
                margin-top: 6px;
                padding-top: 8px;
            }
        }
    }
    .sp-table-wrapper .dataTables_paginate .paginate_button {
        margin: 0.25em;
    }
    .sp-template-gallery dd {
        font-size: 14px;
    }
    .sp-template-event-blocks {
        table.sp-data-table {
            min-height: 130px;
        }
        .sp-event-results {
            font-size: 22px;
            margin: 10px 0;
        }
        .sp-event-status,
        .sp-event-venue,
        .sp-event-date {
            margin: 6px 0;
            padding: 0 26%;
        }
        .sp-event-blocks .team-logo.logo-odd {
            left: 12px;
        }
        .sp-event-blocks .team-logo.logo-even {
            right: 12px;
        }
    }
    .sp-template-event-blocks.sp-template-event-logos-block {
        .team-logo img {
            height: 60px;
        }
        .team-logo {
            flex-direction: column;
            .sp-team-name {
                font-size: 14px;
            }
            &.logo-even,
            &.logo-odd {
                .sp-team-name {
                    margin: 3px 0 0 0;
                }
            }
            &.logo-even {
                flex-direction: column-reverse;
            }
        }
    }    
}