/* bootstrap xs - X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    :root {
        --x-breakpoint: 'xs';
        --team-stat-width-adj: 7rem;
    }

    #mainArticle {
        margin-top: 0;
        margin-bottom: 0;
    }

    .urepp-clip-row {
        font-size: 80%;
    }

    .urepp-player-profile-header {
        height: 5.8rem;
        line-height: 5.8rem;
    }

    .urepp-player-profile-header > .img-container {
        width: 5.0rem;
        height: 5.0rem;
    }

    .urepp-play-desc {
        font-size: 0.875rem;
    }

    .urepp-velo-container {
        font-size: 0.688rem;
    }

    div.scoreboard {
        width: 100%;
        margin-left: 0;
    }

    .container {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .sb-header {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
        padding-left: 0.1rem !important;
        padding-right: 0.1rem !important;
    }

    .sb-content {
        border-bottom: none !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        padding-left: 0.4rem !important;
        padding-right: 0.4rem !important;
    }

    .urepp-card-stats {
        font-size: 65%;
    }

    div.stat-item-season {
        width: 2rem;
    }

    div.stat-item-pnum {
        width: 2rem;
    }

    div.stat-item-pname {
        width: 3rem;
    }

    .urepp-sb-bases-btn {
        min-width: 2.5rem;
    }
    .urepp-sb-outs-btn {
        min-width: 2.5rem;
    }
    .urepp-sb-balls-btn {
        min-width: 2.5rem;
    }
    .urepp-sb-strikes-btn {
        min-width: 2.5rem;
    }

    div.roster-container {
        min-height: 200px;
    }
}

/* bootstrap sm - Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    :root {
        --x-breakpoint: 'sm';
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #mainArticle {
        margin-top: 0;
        margin-bottom: 0;
    }

    .urepp-play-desc {
        font-size: 0.875rem;
    }

    .urepp-velo-container {
        font-size: 0.688rem;
    }

    .urepp-profile-content-item {
        width: calc(100% - 0.4rem);
    }

    div.scoreboard {
        width: 100%;
        margin-left: 0;
    }

    .container {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* bootstrap md - Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    :root {
        --x-breakpoint: 'md';
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #mainArticle {
        margin-top: 0;
        margin-bottom: 0;
    }

    .urepp-tab-live > span {
        display: none !important;
    }
    .urepp-tab-recent > span {
        display: none !important;
    }
    .urepp-tab-scheduled > span {
        display: none !important;
    }

    .urepp-play-desc {
        font-size: 0.875rem;
    }

    .urepp-velo-container {
        font-size: 0.688rem;
    }

    div.scoreboard {
        width: 100%;
        margin-left: 0;
    }

    .container {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* bootstrap lg - Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    :root {
        --x-breakpoint: 'lg';
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    div.scoreboard {
        width: 95% !important;
        border-radius: 4px !important;
    }
}

/* bootstrap xl - X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    :root {
        --x-breakpoint: 'xl';
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    div.scoreboard {
        width: 95% !important;
        border-radius: 4px !important;
    }
}

/* bootstrap xxl - XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    :root {
        --x-breakpoint: 'xxl';
    }

    div.scoreboard {
        width: 95% !important;
        border-radius: 4px !important;
    }
}

@media only screen and (min-width: 600px) {
    .menu-lg {}

    .menu-sm {
        display: none;
    }
}

/* mobile overrides */
@media only screen and (min-width: 375px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    div.standard {
        grid-template-rows: /*4.5rem*/ auto minmax(0, 1fr) auto;
    }

    #pageHeader {
        padding: 0.125rem 0 0.125rem 0;
    }

    .urepp-footer-row-std {
        height: 0;
    }

    .urepp-footer-row-std span {
        visibility: hidden;
        display: none;
    }

    .menu-lg {
        display: none;
    }

    .menu-sm {}

    .score-content {
        margin: 0;
    }

    .sb-lg-txt {
        display: none;
    }

    .sb-sm-txt {
        display: inline-block;
    }
}

/* iphones */
@media only screen and (max-width: 430px) and (min-width: 320px) {
    div.urepp-page-index-max-width {
        max-width: 25rem
    }
}



/* Dark mode */
@media (prefers-color-scheme: dark) {
   /*:root {
        --urepp-blue-lighter: #0e2c5e;
        --urepp-grey-light: #5d5c5c;
    }

    body {
        background-color: #454545 !important;
    }

    .btn-light {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #5d5c5c;
        --bs-btn-border-color: #232323;
        --bs-btn-hover-bg: #7c7c7c;
        --bs-btn-hover-border-color: #454545;
    }

    #divTeamContainer {
        background-color: #5d5c5c;
    }

    #divTeamContainer, .urepp-schedule-game.team.stats {
        background-color: #454545;
    }

    #divOpponentContainer {
        background-color: #454545;
    }

    .urepp-schedule-game.opponent.container {
        background-color: #454545;
    }

    #divOpponentContainer, .urepp-schedule-game.opponent.stats {
        background-color: #454545;
    }*/
}

@media print {
    #divTeamName {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    div.urepp-schedule-game, div.urepp-roster-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    div.urepp-matchup-container-team, div.urepp-matchup-container-opponent {
        width: 100% !important;
    }

    div.urepp-matchup-container-team > div.urepp-schedule-game.team.container, div.urepp-matchup-container-opponent > div.urepp-schedule-game.opponent.container {
        max-width: unset !important;
    }

    tr.urepp-matchup-roster-row-blank {
        display: none !important;
    }

    div.stat-row.blank {
        display: none !important;
    }
}