body {
    background-color: white;
    color: #10124f;
}
@media (min-width: 768px) {
    .main-content > .col-auto {
        background-color: #d9ffea;
    }
}

/* Header */
.App-header > div > nav {
    background-color: #10124f !important;
}

/* Logo */
#logo {
    content: url('/images/logo-white.ff2042e331b5.svg') !important;
    width: auto;
    max-height: 28px;
}

/* Header navigation links */
#basic-navbar-nav > .navbar-nav > .nav-link {
    color: white;
    border-radius: 9px;
}
#basic-navbar-nav > .navbar-nav > .nav-link:hover {
    background-color: #8affba;
    color: #151253;
    border-radius: 9px;
}
#basic-navbar-nav > .navbar-nav > .nav-link.active {
    background-color: #8affba;
    color: #151253 !important;
    border-radius: 9px;
}

/* Header navigation icons (language, admin options) */
#basic-navbar-nav > .navbar-nav > .nav-item.dropdown > a {
    color: white;
}
#basic-navbar-nav > .navbar-nav > .nav-item.dropdown > a:hover {
    color: #151253;
    background-color: #8affba;
}

/* Header navigation icon menus */
.dropdown-item {
    color: #151253;
}
.dropdown-item:hover {
    background-color: #8affba;
}
.navbar-toggler-icon {
    background-color: #8affba;
}

/* Front page items */
.jumbotron {
    background-color: #151253 !important;
}
.jumbotron > h2 {
    color: white;
}
.card-body .wmde-markdown-color a {
    color: #10124f;
    text-decoration: underline;
}
.card-body .wmde-markdown-color a:hover {
    color: #10124f;
    text-decoration: none;
}

/* Sidebar */
.offcanvas-body > .navigation-sidebar {
    background-color: #d9ffea !important;
}
.offcanvas-header {
    background-color: #10124f;
    color: white;
}
.offcanvas-header .btn-close {
    background-color: #8affba;
    opacity: 1;
}

/* Sidebar links */
.offcanvas-body > .navigation-sidebar .nav-link:not(.active) {
    color: #10124f;
}
.offcanvas-body > .navigation-sidebar .nav-link:hover {
    text-decoration: underline;
}
.sidebar .nav-link.active {
    background-color: #8affba;
}

/* Table items */
.table-striped-columns > :not(caption) > tr > :nth-child(2n),
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #d9ffea;
}

.table a {
    color: #10124f;
}
.table a:hover {
    text-decoration: underline !important;
}

.table > td > div > * {
    color: #10124f;
}

/* Buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
    background-color: #3339cf !important;
    border-color: #3339cf !important;
}
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:visited {
    background-color: #8affba !important;
    border-color: #8affba !important;
    color: #10124f !important;
}