/* When abbreviated forms of the team name should be shown */

/* Follow this pattern to abbreviate for MD resolution 
.ost-selection-label.ost-selection-ArizonaCardinals .ost-label-abbr::after,
                         .ost-abbr-ArizonaCardinals::after       { content: "Cardinals" }
*/
.ost-abbr-49ers::after      { content: "49ers" }
.ost-abbr-Bears::after      { content: "Bears" }
.ost-abbr-Bengals::after    { content: "Bengals" }
.ost-abbr-Bills::after      { content: "Bills" }
.ost-abbr-Broncos::after    { content: "Broncos" }
.ost-abbr-Browns::after     { content: "Browns" }
.ost-abbr-Buccaneers::after { content: "Buccaneers" }
.ost-abbr-Cardinals::after  { content: "Cardinals" }
.ost-abbr-Chargers::after   { content: "Chargers" }
.ost-abbr-Chiefs::after     { content: "Chiefs" }
.ost-abbr-Colts::after      { content: "Colts" }
.ost-abbr-Commanders::after { content: "Commanders" }
.ost-abbr-Cowboys::after    { content: "Cowboys" }
.ost-abbr-Dolphins::after   { content: "Dolphins" }
.ost-abbr-Eagles::after     { content: "Eagles" }
.ost-abbr-Falcons::after    { content: "Falcons" }
.ost-abbr-Giants::after     { content: "Giants" }
.ost-abbr-Jaguars::after    { content: "Jaguars" }
.ost-abbr-Jets::after       { content: "Jets" }
.ost-abbr-Lions::after      { content: "Lions" }
.ost-abbr-Packers::after    { content: "Packers" }
.ost-abbr-Panthers::after   { content: "Panthers" }
.ost-abbr-Patriots::after   { content: "Patriots" }
.ost-abbr-Raiders::after    { content: "Raiders" }
.ost-abbr-Rams::after       { content: "Rams" }
.ost-abbr-Ravens::after     { content: "Ravens" }
.ost-abbr-Saints::after     { content: "Saints" }
.ost-abbr-Seahawks::after   { content: "Seahawks" }
.ost-abbr-Steelers::after   { content: "Steelers" }
.ost-abbr-Texans::after     { content: "Texans" }
.ost-abbr-Titans::after     { content: "Titans" }
.ost-abbr-Vikings::after    { content: "Vikings" }
.ost-abbr-Bye::after,
.ost-abbr-BYE::after        { content: "Bye" }

/***** 
 ***** PRE-SEASON TIPS TEAM NAME FORMATTING 
 *****/
div#ost-specialtips-selections .ost-tip-selection label.ost-selection-WashingtonCommanders { 
/*    --tip-selection-scaling: 0.1;*/ /* var not supported in IE11 */
    font-size:  calc(24px * (1 - 0.1));
    margin-top: calc(0.45rem / (1 - (0.1 * 1.75)));
}
div#ost-specialtips-selections .ost-tip-selection label.ost-selection-WesternBulldogs {
/*    --tip-selection-scaling: 0.15;*/ /* var not supported in IE11 */
    font-size:  calc(24px * (1 - 0.15));
    margin-top: calc(0.45rem / (1 - (0.15 * 1.75)));
}

@media screen and (min-width: 1200px /*xl*/) {

div#ost-specialtips-selections .ost-tip-selection label.ost-selection-NorthMelbourne { 
/*    --tip-selection-scaling: 0.2;*/ /* var not supported in IE11 */
    font-size:  calc(24px * (1 - 0.2));
    margin-top: calc(0.45rem / (1 - (0.2 * 1.75)));
}
div#ost-specialtips-selections .ost-tip-selection label.ost-selection-WesternBulldogs {
/*    --tip-selection-scaling: 0.275;*/ /* var not supported in IE11 */
    font-size:  calc(24px * (1 - 0.275));
    margin-top: calc(0.45rem / (1 - (0.275 * 1.75)));
}

}


/***** 
 ***** FIXTURES PAGE TEAM NAME FORMATTING 
 *****/

/* By default, show full team name on fixtures page */
label.ost-selection-label span.ost-label-full {
    display: inline;
}
label.ost-selection-label span.ost-label-abbr {
    display: none;
}

/* Extreme oversize, needs adjusting down for at XL */
div#ost-fixtures .ost-tip-selection label.ost-selection-WashingtonCommanders {
    font-size: 22px;
    margin-top: 0.55rem;
}    

/* Overrides for LG and smaller */
@media screen and (max-width: 1199px) {
    
    /* Any general font-downsizing for LG */

}

/* Overrides specifically for MD */
@media screen and (min-width: 768px) and (max-width: 991px) {

    /* For this competition, show mascots without city ONLY in MD
    label.ost-selection-label span.ost-label-full {
        display: none;
    }
    label.ost-selection-label span.ost-label-abbr {
        display: inline;
    }
    */

    /* Any general font-downsizing specifically at MD, but reverting back to LG when smaller */
    div#ost-fixtures .ost-tip-selection label.ost-selection-label {
        font-size: 20px;
        margin-top: 0.7rem;
    }

    
}

/* Overrides for MD and smaller */
@media screen and (max-width: 991px) {

    /* Any general font-downsizing for MD and smaller */

}

/* Overrides for SM and smaller */
@media screen and (max-width: 767px) {
    
    /* Any further overrides for SM */
    
}

/* Overrides specifically for XS */
@media screen and (max-width: 575px) {
    
    /* General font-reduction */
    div#ost-fixtures .ost-tip-selection label.ost-selection-label {
        font-size: 20px;
        margin-top: 0.7rem;
    }

}