/* Additional styles created as amendments to the original tailwindcss styles
   provided in the theme by Parallel (original theme developer). 
   It would probably be better if these styles were incorporated into tailwindcss-driven
   main.css, but this developer is unfamiliar with that framework and toolset.
   -- Allen Shaw, Joinery (allen@joineryq.com), 2025-08-20
*/

/* Fix indentation and placement of afform radio buttons.
 * Background:
 * - civicrm-greenwich (rightly) adds left margin on labels for afform inline radio buttons.
 * - wp theme (audaciously) forces all afform radios to one-per-line.
 * - these, together, cause labels on all but the first radio buttons to have an extra left margin,
 *   and to have the label at far-page-left while the radio itself is at far-page-right,
 *   which is visually unapealing.
 * Solution:
 * - Set consistent left margin on all afform radio labels, and relative position on the radios.
 */
#crm-container.crm-container .af-field-type-radio .crm-af-field label {
    margin-left: 20px;
}
#crm-container.crm-container .af-field-type-radio .crm-af-field input[type="radio"] {
    position: relative;
}