:root {
    --hawkins-red: #cd1838;
    --hawkins-darker-red: #ac102c;
    --hawkins-lighter-red: #d35c71;
    --primary-color: var(--hawkins-red);
    --bs-primary-rgb: var(--hawkins-red);
}
.nav-pills {
    --bs-nav-pills-link-active-bg: #5d6778;
}
.nav {
    --bs-link-color: var(--bs-navbar-color);
    --bs-link-hover-color: var(--bs-navbar-hover-color);
}
.btn-primary {
    --mh-btn-hover-bg: #ab1630;
    --bs-btn-active-bg: #ab1630;
    --bs-btn-active-border-color: #ab1630;
    --bs-btn-hover-border-color: #ab1630;
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 0.4;
}
    a:hover {
    color: var(--hawkins-darker-red);
}
.k-button-solid-primary {
    border-color: var(--primary-color);
    color: white;
    background-color: var(--primary-color);
}
    .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
        border-color: var(--hawkins-darker-red);
        background-color: var(--hawkins-darker-red);
    }

.form-control:focus {
    border-color: var(--hawkins-lighter-red);
}
.form-select:focus {
    border-color: var(--hawkins-lighter-red);
    box-shadow: 0 0 0 0.25rem rgba(205,24,56,.25);
}



.hawkins-red {
    background-color: #c90043;
    background-color: var(--hawkins-red);
    border-color: #c90043;
    border-color: var(--hawkins-red);
}

.hawkins-color-red {
    color: #c90043; 
    color: var(--hawkins-red);
}