@import "colorScheme-11-04-25.css";

body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--medSmoke) !important;
    /* padding: 2rem; */
}

.rssContainer {
    background-color: #8b5d32;
}

.rss-title {
    font-family: 'Libre Baskerville', serif;
    font-size: 1.25rem;
    font-weight: bold;
    color: #3b2e2a;
}

.rss-date {
    font-family: 'Crimson Text', serif;
    font-size: 0.9rem;
    color: #6c5e57;
    margin-bottom: 0.5rem;
}

.rss-description {
    font-size: 1rem;
    color: #3a3a3a;
    margin-bottom: 0.5rem;
}

.rss-readmore {
    font-size: 0.95rem;
    color: #7a5c4b;
    font-weight: bold;
    text-decoration: none;
}

.rss-readmore:hover {
    text-decoration: underline;
}

.rss-card {
    background-color: #e0bd98 !important;
    border: 1px solid #e0dcd5;
    border-left: 5px solid #a88c6f;
    padding: 16px;
    margin-bottom: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
}

.rss-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 576px) {
    .rss-title {
        font-size: 1.1rem;
    }

    .rss-description {
        font-size: 0.95rem;
    }
}


/* #region Scrollbar styling for Firefox and WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #c4a586;
    /* light gray */
}

::-webkit-scrollbar-thumb {
    background-color: #a85757;
    /* softer gray */
    border-radius: 4px;
    border: 1px solid #faf6c0;
}

::-webkit-scrollbar-thumb:hover {
    background-color: color-mix(in srgb, var(--color-accent) 60%, #000);
}

/* Firefox */
* {
    scrollbar-width: thin;
    /* options: auto | thin | none */
    scrollbar-color: #f8e802 #967a5d;
    /* thumb color, then track color */
}

/* #endregion For WebKit browsers (Chrome, Safari, Edge) */