:root {
    --travis-yellow: #e1fb04;
    --travis-red: #a01608;
}

/* RESET THE RESET */

a {
    color: var(--travis-red);
    transition: color 250ms ease;
}

a:hover, a:focus {
    color: var(--red);
}

body {
    background-color: #e1fb04;
}

/* COLOR UTILITIES */
.bg-darkest {
    background-color: #222222 !important;
}

.bg-travis-yellow {
    background-color: var(--travis-yellow);
}

.text-travis-red {
    color: #a01608 !important;
}

/* FORM */
.form-control {
    border-radius: 0;
}

/* OVERRIDING COMPONENTS */
.card {
    border-radius: 0;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

a.bg-darkest.list-group-item:hover {
    background-color: #111111 !important;
}

.bg-darkest.card {
    background-color: #222222 !important;
    border-color: var(--light);
}

.bg-darkest.card .card-header {
    background-color: #111111 !important;
    border-color: var(--light);
}

.btn {
    border-radius: 0;
}

.btn-travis-red {
    background-color: var(--travis-red);
    border-color: var(--dark);
    color: #fff;
    transition: background-color 250ms ease, border-color 250ms ease;
}

.btn-travis-red:hover {
    background-color: var(--red);
    border-color: var(--dark);
    color: #fff;
}

/* Antispam bundle */
.hidden {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

/* Bits */
.bit-button {
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

/* Popover */
.popover-header {
    color: var(--dark);
}