/*
 * This loads after Django's responsive.css (see the responsive block in
 * admin/base.html), so these rules win at equal specificity.
 *
 * Django's responsive.css increases the font size of labels, form fields,
 * and table cells at 1024px and below, and Django 5.0 increased the labels
 * and form fields from 0.875rem to 1rem.  We often use half-width browser
 * windows, which land in the 768px to 1024px range, so keep the font sizes
 * of the wide view there.  Phones (below 768px) keep Django's larger sizes.
 */

@media (min-width: 768px) and (max-width: 1024px) {
    td, th {
        font-size: 0.8125rem;
    }

    label {
        font-size: 0.8125rem;
    }

    .form-row input:not([type]),
    .form-row input[type=text],
    .form-row input[type=password],
    .form-row input[type=email],
    .form-row input[type=url],
    .form-row input[type=tel],
    .form-row input[type=number],
    .form-row textarea,
    .form-row select,
    .form-row .vTextField {
        font-size: 0.8125rem;
    }
}