/**************************
*	LIST STYLES
***************************/


/*******************************
*	TYPOGRAPHY
********************************/


li .fn {
	font-weight: bold;
}
li .org {
	font-style: italic;
}

.standout .data {
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif; */
/* 	font-weight: 500; */
	letter-spacing: -0.05em;
	line-height: 0.9em;
	font-size: 2.2em;
/* 	text-transform: uppercase; */
}
.standout .data.large {
	letter-spacing: -0.03em;
	font-size: 4em;
}
.standout .data.x-large {
	letter-spacing: -0.02em;
	font-size: 6em;
}
.data-list.stats-h span.label {
	font-size: 0.85em;
}


/*
.target-list li .target,
.target-list li .time {
	font-weight: bold;
}
.target-list li .completed {
	font-size: 0.85em;
	font-style: italic;
	font-weight: bold;
}
.target-list li a {
	font-size: 0.8em;
}
*/


@media screen and (min-width: 650px) and (max-width: 850px) {
	
	.standout .data {
		font-size: 1.65em;
	}

}

@media screen and (max-width: 320px) {
	
	.standout .data {
		font-size: 1.65em;
	}

}



/*******************************
*	LAYOUT
********************************/


/*
.data-panel h4 {
	border-bottom: 0.5em solid;
	margin-bottom: 0;
	padding: 0.5em 0;
}
*/
ol,
ul {
	margin: 0;
}
.data-list {
/* 	margin: 1em 0; */
	padding: 1em 0;
}
/*
.data-list.stats {
	padding: 1em;
}
*/
.data-list.stats-h {
	border-bottom: 1px solid;
/* 	border-top: 1px solid; */
	margin: 0;
/* 	margin-right: -2px; */
	overflow: hidden;
	padding: 0.6875em;
}
.data-list li {
/* 	border-bottom: 1px solid; */
	list-style: none;
	overflow: hidden;
	padding: 0.25em 0;
}
.data-list.stats li {
	border-bottom: 0;
}
.data-list li > span {
	display: block;
}
.data-list span.label {
	clear: left;
	display: block;
	float: left;
	margin-right: 8px;
	text-align: right;
	width: 30%;
}
.data-list span.data {
	display: block;
	float: left;
	font-weight: bold;
	padding-left: 8px;
}
/*
.data-list.stats span.data {
	border-left: 1px solid;
}
*/
.data-list.stats-h li {
/* 	border-bottom: 2px solid rgb(255,255,255); */
/* 	border-left: 2px solid rgb(245,245,245); */
/* 	border-right: 1px solid rgb(220,220,220); */
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
/* 	padding: 1em 1.5% 0; */
	width: 33.333%;
}
.data-list.stats-h li.first-child {
	border-left: 0;
}
.data-list.stats-h li.last-child {
	border-right: 0;
}
.data-list.stats-h span {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: auto;
}

.data-list .list-block-item-wrap {
	background: rgb(240,240,240);
/* 	padding: 0 2px 2px 0; */
	padding: 5px;
}
.data-list .list-block-item {
	background: rgb(248,248,248);
	height: 4.2em;
	padding-top: 1em;
}

.full-width .data-list.stats-h li {
	width: 20%;
}


.data-list.percs {
	margin: 0;
	padding-bottom: 0;
}
.data-list.percs .data {
	padding: 0 8px 0 0;
}
.data-list li.last-child {
	border-bottom: 0;
}

.link-list li {
	list-style: none;
	font-size: 0.8em;
}

/*
.target-list {
	margin-bottom: 1em;
	overflow: hidden;
}
.target-list > li {
	border-bottom: 1px solid rgb(235,235,235);
	list-style: none;
	overflow: hidden;
	padding: 1em 0;
}

.target-list li .completed {
	margin-bottom: 0.25em;
	padding: 0.25em;
}
.target-list .buttons {
	margin-bottom: 0;
}

.donuts li canvas {
	float: left;
	margin-right: 3%;
	width: 4.5em;
}
.donuts li span.data {
	display: block;
	float: left
	font-weight: bold;
	padding-right: 8px;
}
*/



/*******************************
*	COLOUR
********************************/


.data-panel {
/* 	background-color: rgb(245,245,245); */
}
.data-panel h4 {
/* 	border-color: rgb(90,90,90); */
}
.data-list.stats {
/* 	background-color: rgb(235,235,235); */
}
.data-list li {
	border-bottom-color: rgb(220,220,220);
}
.data-list.stats-h {
	background-color: rgb(240,240,240);
	border-color: rgb(245,245,245);
	border-bottom-color: rgb(225,225,225);
}
.data-list.stats span.data {
	border-left-color: rgb(150,150,150);
}
.standout .data {
	color: rgb(136,178,223);
	color: rgb(173,205,40);
}


.target-list {
/* 	background-color: rgb(245,245,245); */
}
.target-list li .completed {
/* 	background-color: rgb(220,220,220); */
/* 	color: rgb(193,215,47); */
}




@media only screen and (max-width: 750px) {

	.full-width .data-list.stats-h li {
		width: 33.33%;
	}
	
}

@media only screen and (max-width: 550px) {

	.data-list.stats-h li, 
	.full-width .data-list.stats-h li {
		width: 50%;
	}
	
}