.salepanel{

}

.salebanner:after {
    content: 'Sale';
    content: attr(data-sale);
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    background-color: #bc2453;
    color: #ffffff;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}
[data-col="macro"] .salepanel .salebanner:after {
    bottom: initial;
    top: 0px;
}

    .brand-heading.salebanner:after,
    .heading-image.salebanner:after,
    .hero-carousel.salebanner:after,
    .featured-panel.salebanner:after {
        top: 0px;
        bottom: initial;
        text-align: center;
    }


.salebanner.Christmas2018:after {
    background-color: #12429a;
    color: #ffffff;
    /*background-image: url('../content/Christmas_Banner_Repeat.svg');*/
    background-size: 10%;
}

.salebanner.Summer2019:after {
    background-color: #ae2927;
    color: #ffffff;
}

.salebadge.Summer2019:after {
    background-color: #ae2927;
    color: #ffffff;
}

.salebanner.Sale:after {
    background-color: #ae2927;
    color: #ffffff;
}

.salebadge.Sale:after {
    background-color: #ae2927;
    color: #ffffff;
}

.salebanner.ComingSoon:after {
    content: 'Coming Soon';
    background-color: #81d8d0;
    color: #ffffff;
}



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    .salebanner:after {
        font-size: 16px;
    }

}