/* IJCMI Scrolling Notice Stylesheet for OJS 3.5 */

.ijcmi-notice-box {
    width: 100%;
    overflow: hidden;
    background-color: #fff8e6;
    border: 1px solid #d18b00;
    border-radius: 6px;
    margin: 20px 0;
    padding: 10px 0;
    box-sizing: border-box;
}

.ijcmi-notice-text {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: ijcmi-scroll 24s linear infinite;
    font-size: 16px;
    font-weight: bold;
    color: #5c3b00;
}

.ijcmi-notice-box:hover .ijcmi-notice-text {
    animation-play-state: paused;
}

@keyframes ijcmi-scroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}