src/scss/ddgc/_radio.scss
/*
	Radio Lists
	
	Right now intended as a vertical accordion - horizontal can be done with a button group.
*/

.report-subtitle {
	padding-left: 16px;
	margin-bottom: 8px;
}

.radio-list,
.radio-list li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.radio-list .radio {
	display: none;
}

.radio--description {
	display: none;
	background-color: #f7f7f7;
	border: 1px solid #bdbdbd;
	margin-top: -2px;
	font-size: 0.9em;
	padding: 12px;
	color: #777;
}
	.radio:checked ~ .radio--description {
		display: block;
	}

.radio--title {
	display: block;
	text-align: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-top: -1px;
}

	.radio-list li:first-child .radio--title {
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		border-top-left-radius: 3px;
	}
	.radio-list li:last-child .radio--title {
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-left-radius: 3px;
	}
	
.radio--textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}