/* *only* bootstrap overrides */
:root {
    --suba-purple: rgb(136, 0, 136);
    --suba-green: #7fb329;
    --suba-green-active: rgba(127, 179, 41, .8);
    --suba-purple-faded: rgba(136, 0, 136, .8);
}

a {
    color: var(--suba-purple);
}

.nav-tabs .nav-item a:hover,
.nav-tabs .nav-item a:focus,
.nav-tabs .nav-item a:active,
.nav-tabs .nav-item a.active {

    background-color: var(--suba-green) !important;
    color: #ffffff !important;
}

.btn-primary {
    background: var(--suba-green);
    border-color: var(--suba-green-active);
    color: #ffffff;
}

.btn-outline-primary {
    border-color: var(--suba-green);
}

.btn-outline-primary:hover {
    background: var(--suba-green-active);
    border-color: var(--suba-green-active);
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {

    background-color: var(--suba-green);
    border-color: var(--suba-green-active);
}

.btn-primary:active,
.btn-primary.active {
    background: #007299;
    box-shadow: none;
}

.card-primary {
    border-color: var(--suba-green-active)
}

.card-primary>.card-header {
    color: #ffffff;
    background-color: var(--suba-green-active);
    border-color: var(--suba-green-active);
}

nav.navbar {
    border-radius: 0px !important;
}


.jumbotron {

    padding-top: 1em;
    padding-bottom: 0px;
    height: 160px;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    background-color: transparent;
}

.jumbotron {
    background-size: cover;
    background-color: #D9D9D9;
    /* Old browsers */
    background: linear-gradient(to left, #FFFFFF 0%, #D9D9D9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: url('../img/BannerArtlarge.png') 480px 30px/75% no-repeat, linear-gradient(to left, #FFFFFF 0%, #D9D9D9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.jumbotron h1 {
    color: #cccccc;
}


#toast-container>div {
    opacity: 0.9 !important;
}

#toast-container>.toast-error {
    background-color: var(--bs-danger) !important;
}

#toast-container>.toast-warning {
    background-color: var(--bs-warning) !important;
}

#toast-container>.toast-success {
    background-color: var(--bs-success) !important;
}

#toast-container>.toast-info {
    background-color: var(--bs-info) !important;
}