/**
 * Article template (yellow) top ribbon
 */

a.atRibbon {
    display: block;
    min-width: 100%;
    padding: 15px 1em;
    text-decoration: none;
    color: #002b5c;
    background: #eaaf2d;
}

.atRibbon-ellipsis {
    margin-right: .5em;
}

.atRibbonLink {
    font-family: 'Futurapt Bold', sans-serif;
    letter-spacing: -.03em;
    word-break: break-word;
    font-weight: normal;
}

.atRibbonLink:before {
    margin-right: .3em;
    content: '\27a1';
    font-family: 'icons';
}

@media screen and (min-width: 480px) {
    .l-flexItem--hasRibbon {
        position: relative;
        margin-top: 60px;
    }

    a.atRibbon {
        display: flex;
        justify-content: center;
        position: absolute;
        top: -60px;
        left: 0;
        right: 0;
        height: 60px;
        line-height: 30px;
        text-align: center;
        white-space: nowrap;
    }

    .atRibbon-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}