@import url('base_styles.css');

body{
    background-color: rgb(100, 100, 100);
    background-blend-mode:exclusion;
    color:lightgray;
}

.chapter-content {
    background-color: rgb(60, 60, 60);
    color:rgb(178, 178, 178);
    border-color: lightgray;
}

p.site-title {
    color: rgb(143, 2, 2);
    text-decoration-color: rgb(214, 6, 6);;
}

p.site-slogan {
    color:rgb(220, 220, 220);
}

.content-text {
    color:rgb(178, 178, 178);
}

a:link{
    color:red;
}

a:visited{
    color:red;
}

a.mainnav{
    color: rgb(210, 210, 210);
}

a.titlenav{
    color: rgb(172, 1, 1);
}

a:hover{
    color:rgb(185, 6, 6)
}

hr{
    background-color: white;
}

nav.mainnav{
    background-color: rgb(70,70,70);
    color: rgb(210, 210, 210);
}

/* Dark Theme Button */

.btn-toggle {
    color: #ff7559;
}

/* Pagination */
.pagination > li > a
{
    background-color: rgb(60, 60, 60) !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color:red;
    background-color: rgb(70, 70, 70) !important;
    border-color: black;
}

.pagination > .active > a
{
    color: white;
    background-color: pink;
    border: solid 1px red;
}

.pagination > .active > a:hover
{
    color:white;
    background-color: pink;
    border: solid 1px red;
}

span.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.dropdown-menu{
    background-color: rgb(70,70,70);
}

.dropdown-menu > a{
    color: rgb(210, 210, 210) !important;
}

.dropdown-menu > a:hover{
    background-color: rgb(90, 90, 90);
}

button.btn-outline-white{
    color:rgb(210, 210, 210);
}

.review-content {
    background-color: rgb(50, 50, 50);
    color:rgb(178, 178, 178);
    border-color: lightgray;
}

.admin-tag{
    color: greenyellow; 
    margin-left: 8px; 
    font-weight: bold;
}

.director-tag{
    color: rgb(116, 144, 236); 
    margin-left: 8px; 
    font-weight: bold;
}

a.active{
    background-color: rgb(172, 1, 1) !important;
    color: white !important
}

.card{
    background-color: rgb(84, 84, 84);
}