//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .header-promo {
        background-color: @djo-blue;
        color: #fff;
        font-weight: bold;
        margin-bottom: 18px;
        margin-top: -23px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
        text-transform: uppercase;
        p {
            margin-bottom: 0;
        }
        a {
            color: inherit;
            text-decoration: underline;
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    .header-promo {
        .lib-font-size(11);
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) {
    .header-promo {
        .lib-font-size(14);
    }
}