﻿/* ============================================================
   Horizontal radio spacing for owb_skilllevelsought
   - Keeps radio ↔ label gap small
   - Increases spacing BETWEEN the choices horizontally
   ============================================================ */

#owb_skilllevelsought {
	/* Render as inline block so it stays with surrounding content; adjust if needed */
	display: inline-block;
	/* Optional: allow wrapping on small screens; remove if you want one line only */
	white-space: normal;
}

	/* Keep the radio and its label tight together */
	#owb_skilllevelsought input[type="radio"] {
		margin: 0; /* remove default browser margins */
		vertical-align: middle; /* align with label text nicely */
	}

		/* Style the label that comes immediately after each radio */
		#owb_skilllevelsought input[type="radio"] + label {
			display: inline-flex; /* keeps the label inline but allows centering */
			align-items: center;
			margin-left: 6px; /* small gap between radio and its label (tight) */
			margin-right: 28px; /* BIGGER gap to the NEXT choice */
			cursor: pointer;
			font-size: 15px; /* adjust to match your form */
		}

	/* Optional: remove extra right gap after the last label */
	#owb_skilllevelsought label:last-of-type {
		margin-right: 0;
	}

	/* Optional hover for clarity (doesn't affect spacing) */
	#owb_skilllevelsought input[type="radio"] + label:hover {
		text-decoration: none;
	}
/* Normalize legend/h3 formatting so it matches other form text */
legend.section-title h3 {
	font-size: 18px !important; /* match your form section headers */
	font-weight: 600 !important;
	margin: 0 0 6px 0 !important;
}

/* Normalize the ordered list inside the legend */
legend.section-title ol {
	font-size: 15px !important; /* same as form body text */
	line-height: 1.4;
	margin-left: 20px !important;
}

	legend.section-title ol li {
		margin-bottom: 12px !important; /* consistent spacing */
	}

``