/* =====================================================================
   FRONT-END CONTENT STYLE CONFIG
   ---------------------------------------------------------------------
   Change how the form TEXT LOOKS from this one file - no need to touch
   index.html. Edit the values in the :root block below and refresh the
   page.

   CASING options (set each value to one of these words):
     none         show the text exactly as written in index.html
     capitalize   Capitalise The First Letter Of Each Word
     uppercase    ALL CAPITAL LETTERS
     lowercase    all lowercase letters

   What each setting controls:
     --title-case       the big form title ("Student Information & Preferences")
     --heading-case     section headings (Food & Dietary Preferences,
                        Health Information, Parent / Guardian Details,
                        Emergency Contact, Identification Details)
     --subheading-case  the intro line + "Mother's Details" / "Father's Details"
     --label-case       every question / field label

   You can also tweak the sizes/weights in the SIZE section further down.
   ===================================================================== */
:root {
  --title-case:      none;
  --heading-case:    none;
  --subheading-case: none;
  --label-case:      none;

  /* SIZE / WEIGHT (optional) - use normal CSS values */
  --title-size:      1.5rem;   /* form title */
  --title-weight:    600;
  --heading-size:    1rem;     /* section headings */
  --heading-weight:  600;
  --label-weight:    500;      /* field labels */
}

/* ---------------------------------------------------------------------
   The rules below apply the settings above. You normally don't need to
   edit anything past this point.
   --------------------------------------------------------------------- */
.c-title {
  text-transform: var(--title-case);
  font-size: var(--title-size);
  font-weight: var(--title-weight);
}
.c-heading {
  text-transform: var(--heading-case);
  font-size: var(--heading-size);
  font-weight: var(--heading-weight);
}
.c-subheading {
  text-transform: var(--subheading-case);
}
#mainForm label {
  text-transform: var(--label-case);
  font-weight: var(--label-weight);
}