[data-bs-theme=light] {
    --color-pagetitle: #cab57b;
    --color-pagetitle-secondary: #cab57b;
    --bg-news-title: #003366;
    --bg-news-description: #666666;
    --bg-news-date-small: black;
    --color-news-date-small: white;
}

body {
    background: var(--bg-main) url(/Images/bg-nav-news.png) center top/100% 280px no-repeat;
}

header {
    background: var(--bg-nav) url(/Images/bg-nav-news-small.png) center top/100% 80px no-repeat;
}

    header nav {
        background-color: transparent;
    }

main .PageTitle {
    color: var(--color-pagetitle);
}

main .PageSecondarytitle {
    color: var(--color-pagetitle-secondary);
}

main #divNewsList a.Image,
main #divNews a.Image {
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 100% 100%;*/
    background-size: contain;
}

    main #divNewsList a.Image:hover,
    main #divNews a.Image:hover {
        transform: scale(1.1);
        transition: all .2s linear;
    }

@media (min-width: 0px) {
    main #divNews .detail {
        --bs-rows: 1;
        --bs-columns: 1;
        --bs-gap: 0.5em;
    }
}

@media (min-width: 576px) {
}

@media (min-width: 992px) {
    main #divNews .detail {
        --bs-rows: 1;
        --bs-columns: 10;
        --bs-gap: 0.5em;
    }
}

main #divNewsList div.TitleMargin,
main #divNews div.TitleMargin {
    height: 200px;
}

main #divNewsList .date,
main #divNewsList .title,
main #divNewsList .title a {
    color: var(--bg-news-title);
    white-space: nowrap;
    text-overflow: ellipsis;
}

    main #divNewsList .title a {
        text-decoration: none;
    }

        main #divNewsList .title a:hover {
            text-decoration: underline;
        }

main #divNewsList .description {
    color: var(--bg-news-description);
}

main #divNews .date.big,
main #divNews .date.small {
}

main #divNews .date.small {
    background-color: var(--bg-news-date-small);
    color: var(--color-news-date-small);
    text-align: justify;
    text-align-last: justify;
}
article {
    line-height: 2em;
}