/* Info Bar Ticker Styles */
.infobar-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1030;
    white-space: nowrap;
    overflow: hidden;
    background-color: rgba(23, 162, 184, 0.15);
    border-top: 1px solid #bee6ec;
    padding: 0.5rem 0;
}

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

.ticker-content {
    display: inline-block;
    animation: ticker 30s linear infinite;
    padding-right: 100%;
}

.ticker-content:hover {
    animation-play-state: paused;
}

/* Add this to your main stylesheet or inline in your HTML */
/*
body {
    padding-bottom: 50px; 
}
*/