/* Announcement marquee (layout="scroll") – vertical scroll, works in all themes */
.announcement-marquee {
    overflow: hidden;
    position: relative;
    max-width: 100%;
}

.announcement-marquee-inner {
    display: block;
    -webkit-animation: announcementScrollUp 25s linear infinite;
    animation: announcementScrollUp 25s linear infinite;
    will-change: transform;
}

.announcement-marquee:hover .announcement-marquee-inner {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.announcement-marquee .announcement-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}

.announcement-marquee .announcement-list li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.announcement-marquee .announcement-list li:last-child {
    border-bottom: none;
}

.announcement-marquee .announcement-list a {
    text-decoration: none;
}

@-webkit-keyframes announcementScrollUp {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@keyframes announcementScrollUp {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-50%);
    }
}