/* Custom styles for Underdog Website */
html {
    scroll-behavior: smooth;
}

/* Marquee Animation */
@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.marquee-track {
    width: max-content;
    animation: marquee-scroll 40s linear infinite;
}

/* Pause/Slow animation controlled via JS now */
/*.marquee-container:hover .marquee-track {
    animation-play-state: paused; 
}*/

/* Hide scrollbar utility */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Article Typography Styles */
#article-content h1, 
#article-content h2, 
#article-content h3, 
#article-content h4 {
    color: #293241;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

#article-content h1 { font-size: 2.25rem; }
#article-content h2 { font-size: 1.875rem; }
#article-content h3 { font-size: 1.5rem; }
#article-content h4 { font-size: 1.25rem; }

#article-content p {
    margin-bottom: 1.25rem;
}

#article-content ul, 
#article-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

#article-content ul {
    list-style-type: disc;
}

#article-content ol {
    list-style-type: decimal;
}

#article-content li {
    margin-bottom: 0.5rem;
}

#article-content a {
    color: #EAC435;
    text-decoration: underline;
    font-weight: 700;
}

#article-content a:hover {
    color: #293241;
}

#article-content strong, 
#article-content b {
    font-weight: 700;
}

#article-content blockquote {
    border-left: 4px solid #EAC435;
    padding-left: 1.5rem;
    font-style: italic;
    margin: 2rem 0;
}

#article-content img {
    border-radius: 0.5rem;
    margin: 2rem 0;
}