
/* Bootstrap Overrides */
.form-group:focus {
    border: 1px solid red;
}

.input-group-text {
    border-radius: 0;
    background-color: var(--pure-white);
    border-color: var(--light-dusk);
    color: var(--dusk);
    fill: var(--dusk);
    border-right: none;

    font-style: normal;
    font-weight: 420;
    font-size: 20px;
    line-height: 30px;
}

.form-control {
    border-radius: 0;
    background-color: var(--pure-white);
    border-color: var(--light-dusk);
    color: var(--dusk);
    fill: var(--dusk);
    border-left-color: transparent;

    font-style: normal;
    font-weight: 420;
    font-size: 20px;
    line-height: 30px;

    padding: 12px 24px 12px 12px;
}

.form-control:focus {
    color: var(--night-sky);
    /* border-color: var(--light-dusk);
    box-shadow: none; */
}

.form-check-input {
    border: 1px solid var(--dusk);
    background-color: var(--white-sand);
}

.form-check-input:checked {
    background-color: var(--aqua);
    border-color: var(--aqua);
}