simplepage/css/colors.css

:root {
}

.bg-content, .blog-item, .item-page {
    background-color: rgba( var(--bs-background-content-rgb), var(--bs-background-content-opacity) );
}

.bg-content.solid, .blog-item.solid, .item-page.solid {
    background-color: var(--bs-background-content);
}

.bg-content .bg-content, .bg-content .blog-item, .bg-content .item-page {
    background-color: unset;
}

.blog-item, .item-page {
    padding: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.bg-header {
    background-color: var(--bs-primary);
}

.bg-viewport {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

h1 {
    color: var(--bs-h1);
}
h2, h3 {
    color: var(--bs-primary);
}


/*
.top {
    background-color: var(--colPrimary);
}

.background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--colContentBackground);
    z-index: -1;
    opacity: 0.95;

}



#footers {
    background-color: var(--colPrimary);
}
#footers .nav li.active a, #footers .nav a:hover {
    margin-top: 2px;
    border-top: 2px solid white;
    border-bottom: none;
}
h1 {
    color: var(--colH1);
}
h2, h3 {
    color: var(--colTertiary);
}

a {
    color: var(--colSecondary);
    text-decoration: none;
    font-style: normal;
}

.muted {
    color: #808080;
}
*/