:root {--ishar-color: #fa7; }

.border-ishar { border: 0.1rem solid var(--ishar-color); }

.navbar, .navbar-expand-lg .navbar-nav .nav-link, .list-group, .list-group-item, .card { background-color: #000; }

.list-group a .bi,
.blockquote-footer .bi,
.navbar,
.navbar-expand-lg .navbar-nav .nav-link,
.text-ishar
{
    color: var(--ishar-color);
}

.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-divider: '•';
    --bs-breadcrumb-divider-color: var(--bs-secondary);
}
.breadcrumb-item .bi, .nav-link .bi, footer a .bi {
    color: var(--bs-primary);
}

.icon-link-hover { --bs-icon-link-transform: translate3d(0, -.3rem, 0); }
svg[role="img"] { color: var(--bs-primary); }
svg[role="note"] { color: var(--bs-secondary); }
a[target="_blank"] {
    svg[role="img"] {
        --bs-icon-link-transform: none;
        color: var(--bs-secondary);
    }
}

body { background-color: #323639; color: #d6d6d7; }
.card-header, .card-title { color: var(--ishar-color); }
.card, .card-text, .card-footer { color: #d6d6d7; }
button, textarea, select {
    border: 0.1rem solid var(--ishar-color);
    background-color: #323639;
    color: var(--ishar-color);
}
textarea {
    white-space: break-spaces;
    background-color: #000;
}
input {
    border: 0.1rem solid var(--ishar-color);
    background-color: #000;
    color: var(--ishar-color);
}
h1, h2, h3, h4, h5,
label, strong, th {
    color: var(--ishar-color);
}

summary h3,
summary h4,
summary h5 {
    display: inline-block;
}

.btn-ishar {
    --bs-btn-bg: var(--bs-black);
    --bs-btn-border-color: var(--ishar-color);
    --bs-btn-color: var(--ishar-color);

    --bs-btn-active-bg: var(--ishar-color);
    --bs-btn-active-border-color: var(--ishar-color);
    --bs-btn-active-color: var(--bs-black);

    --bs-btn-hover-bg: var(--ishar-color);
    --bs-btn-hover-border-color: var(--ishar-color);
    --bs-btn-hover-color: var(--bs-black);

    --bs-btn-visited-bg: var(--bs-black);
    --bs-btn-visited-border-color: var(--ishar-color);
    --bs-btn-visited-color: var(--ishar-color);
}
.past-news {
    a:link, a:visited { color: var(--ishar-color); }
    a:active, a:hover { color: var(--bs-black); }
}

a:link { color: #09f; text-decoration: none; }
a:active, a:visited { color: #6082b6; }
a:hover { color: #d6d6d7; }

a img:hover{ opacity: 0.8; }

.god-player,
.forger-player,
.eternal-player,
.artisan-player,
.immortal-player,
.consort-player {
    color: #00b7eb;
}
.nested-list { list-style: none; }
.god-player::after { content: ' 😇'; }
.forger-player::after,
.eternal-player::after,
.artisan-player::after,
.immortal-player::after,
.consort-player::after {
    content: ' 👼';
}

.dead-player, .dead-player a,
.survival-player, .survival-player a,
.hardcore-player, .hardcore-player a,
.message-error, .errorlist {
    color: #d02b2b;
}

a.dead-player:active, a.dead-player:visited,
a.survival-player:active, a.survival-player:visited,
a.hardcore-player:active, a.hardcore-player:visited
{
    color: #fa8072;
}
.dead-note,
a.dead-player:hover,
a.survival-player:hover,
a.hardcore-player:hover {
    color: #f00;
}
.dead-player::after { content: ' ☠️'; }
.dead-player::after { content: ' ☠️'; }

.message-info { color: #09f; }
.message-success, .active-season td { color: #4cbb17; }
.message-warn, .message-warning  { color: #f80; }

.two-col { column-count: 2; }
.challenge-completed {
    text-decoration: line-through;
    text-decoration-color: #a00;
    text-decoration-thickness: 0.25rem;
}

.anchor-link {
    padding: 0 .175rem;
    font-weight: 400;
    color: var(--ishar-color);
    text-decoration: none;
    opacity: 0;
    transition: color 0.15s ease-in-out,opacity 0.15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
    .anchor-link { transition:none }
}
.anchor-link::after {
    color: var(--ishar-color);
    content: "#"
}
.anchor-link:focus,
.anchor-link:hover,
:hover>.anchor-link,
:target>.anchor-link
{
    color: #0d6efd;
    text-decoration: none;
    opacity: 1
}

.remort-upgrade-row:target,
.challenge-row:target
{
    font-weight: bold;
    border: 0.1rem solid var(--ishar-color);
}