/* ************************************ */

/* 
	Example of intended markup structure:
	
		<div class="csn-label-value-list">

			<div class="csn-label-value-list-label">
				About Us
			</div>
			<ul class="csn-label-value-list-list">
				<li>
					Our Mission
				</li>
				<li>
					The Team
				</li>
				<li>
					Beliefs
				</li>
				<li>
					Locations
				</li>
			</ul>
		</div>
*/

.csn-label-value-list {
	margin: 0;
	padding: 0;
}
	
	.csn-label-value-list-label { 
		font-size: 16px;

		/* font-family: 'Roboto', 'Arial', sans-serif; */
		
		font-weight: 400;
		color: var(--csn-transparent-black-0060);

		
	}

	.csn-label-value-list-list { 
		color: var(--csn-transparent-black-0093);
		list-style: none;

		padding: 0;
		margin: 0;

		font-weight: 500;
	}

		.csn-label-value-list-list li {
			margin-top: .8em;
		}

/* 
## Layout modifiers */
	
	/* inline */
	.csn-label-value-list.csn-label-value-list--inline .csn-label-value-list-label {
		display: inline;
	}
		.csn-label-value-list.csn-label-value-list--inline .csn-label-value-list-list {
			display: inline;
		
		}

			.csn-label-value-list.csn-label-value-list--inline .csn-label-value-list-list li {
				display: inline;
				margin-left: .8em;
			}

	/* inline value list */
	.csn-label-value-list.csn-label-value-list--inline-value-list .csn-label-value-list-label { 
		display: block;
	}

		.csn-label-value-list.csn-label-value-list--inline-value-list .csn-label-value-list-list {
			display: block;
			margin-top: .8em;
		}

			.csn-label-value-list.csn-label-value-list--inline-value-list .csn-label-value-list-list li { 
				display: inline;
				margin-left: .8em;
			}

			.csn-label-value-list.csn-label-value-list--inline-value-list .csn-label-value-list-list li:first-of-type { 
				margin-left: 0;
			}


/* 
## Size modifiers */
	
	/* 
	### Small */
		.csn-label-value-list.csn-label-value-list--small {
			margin: 0;
			padding: 0;
		}

			.csn-label-value-list--small .csn-label-value-list-label { 

				font-size: 14px;

				/* font-family: 'Roboto', 'Arial', sans-serif; */

				font-weight: 400;
				color: var(--csn-transparent-black-0060);
				
			}

			.csn-label-value-list--small .csn-label-value-list-list { 

				font-size:14px;

				font-weight: 500;
				color: var(--csn-transparent-black-0093);
				list-style: none;
			}

	/* 
	### Tiny */
	.csn-label-value-list.csn-label-value-list--tiny {
		margin: 0;
		padding: 0;
	}

		.csn-label-value-list--tiny .csn-label-value-list-label { 

			font-size: 12px;

			/* font-family: 'Roboto', 'Arial', sans-serif; */

			font-weight: 400;

			color: var(--csn-transparent-black-0060);
			
		}

		.csn-label-value-list--tiny .csn-label-value-list-list { 

			
			font-size: 12px;

			font-weight: 500;
			color: var(--csn-transparent-black-0093);
			list-style: none;
		}



/* 
*/