html { font-size: 14px; }
@media (min-width: 768px) { html { font-size: 16px; } }
body { margin-bottom: 60px; }
.footer { position: absolute; bottom: 0; width: 100%; white-space: nowrap; line-height: 60px; }

/* Required-field validation UX (jQuery Unobtrusive Validation adds/removes this class live as
   the user types, and the Input TagHelper adds it server-side when ModelState has an error for
   that field) - red border + light red tint so an invalid field stands out at a glance. */
.input-validation-error {
    border: 1px solid #dc3545 !important;
    background-color: #fff5f5 !important;
}
.field-validation-error {
    color: #dc3545;
    font-size: 0.875rem;
    display: block;
    margin-top: 0.25rem;
}