.bg-chiefs {
    --bs-bg-opacity: 1;
    background-color:var(--chiefs-bg-color)!important;
    background-image: url('/images/Results-BG.png');
}

:root {
    --chiefs-bg-color: #e31837;
    --bs-body-color: #ffffff;
  }



/* Overrides bootstrap defaults */


/* Buttons */


.btn-primary {
    color: #ffffff;
    background-color: #e21937;
    border-color: #ffffff;
    font-weight: bold;
}

.btn-primary:hover {
    color: #e21937;
    background-color: #ffffff;
    border-color: #e21937;
}

.btn-primary:active {
    color: #e21937;
    background-color: #ffffff;
    border-color: #e21937;
}

.btn-primary:focus {
    color: #e21937;
    background-color: #ffffff;
    border-color: #e21937;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 50%);
}

.btn-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 50%);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/* Gallery */

.figure-img {
    margin-bottom: 0.rem;
}

/* Pagination */

.page-link {
    color: #fff;
    background-color: #e21937;
    border-color: #fff;
}

.page-item.active .page-link {
    z-index: 3;
    color: #e21937;
    background-color: #fff;
    border-color: #fff;
}

.page-item.disabled .page-link {
    color: #fff;
    pointer-events: none;
    background-color: #e21937;
    border-color: #fff;
}


/* Link Text */

.link-chiefs {
    color:#FFFFFF !important;
}

.btn-close-circle {
    box-sizing: content-box;
    /* width: 2em;
    height: 2em; */
    padding: .25em .25em;
    color: #ffffff;
    border: 0;
    border-radius: .25rem;
    opacity: 1;
    padding: 0.1rem 0.1rem;
    margin: -0.5rem 0rem -0.5rem auto;
    background: none;
    font-size: 2em;
}