/*
* Changes link colors to make the contrast ratio ADA AA compliant
*/
a {
    /* Primary color with rgb value */
    --bs-link-color: var(--primary-color);
    --bs-link-color-rgb: 73, 15, 82;

    /* Hover color */
    --bs-link-hover-color: #811b91;
    --bs-link-hover-color-rgb: 129, 27, 145;
}

/* Makes all legends in forms look like standard paragraphs */
fieldset legend {
    float: none;
    width: auto;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

/* Border Colors */
:root {
    --success-border-color: #448266;
    --warning-border-color: #957100;
    --info-border-color: #0A819B;
    --danger-border-color: #DC3645;
    --bs-border-color: #909090;
    --focus-border-color: #4c94fe;
}

/*
* These override bootstrap's default colors in favor of ADA compliant colors
* Changes to the color to the below classes should be done from the variables above.
*/
.alert-success {
    --bs-alert-border-color: var(--success-border-color);
}

.alert-info {
    --bs-alert-border-color: var(--info-border-color);
}

.alert-danger {
    --bs-alert-border-color: var(--danger-border-color);
}

.alert-warning {
    --bs-alert-border-color: var(--warning-border-color);
}

.card {
    border: var(--bs-card-border-width) solid var(--bs-border-color);
}

.card-header {
    border-bottom: var(--bs-card-border-width) solid var(--bs-border-color);
}

.form-control:focus {
    border-color: var(--focus-border-color);
    box-shadow: 0 0 0 .25rem var(--focus-border-color);
}

.form-check-input:focus {
    border-color: var(--focus-border-color);
    box-shadow: 0 0 0 .25rem var(--focus-border-color);
}

.form-select:focus {
    border-color: var(--focus-border-color);
    box-shadow: 0 0 0 .24rem var(--focus-border-color);
}

/* The default padding of this banner makes the text skewed with the dismiss button */
.banner-icon {
    padding: 0 1.5rem
}

/* Darkening the button halo effect to meet contrast requirements */
.btn-success:focus,
.btn-success:focus-visible {
    box-shadow: none;
    outline: 3px solid #12633D;
    outline-offset: 2px;
}

.btn-danger:focus,
.btn-danger:focus-visible {
    box-shadow: none;
    outline: 3px solid #B51D1D;
    outline-offset: 2px;
}