/* CSS Document */

/* Features */
#Features .contentPadding {
	border-top-width: 2px;
	padding-bottom: 0;
}
.features {
	font-size: 0;
	text-align: center;
}



/* News Feed */
#News {
	background: #000;
}
#News .pageWidth {
	background-position: right bottom;
	background-size: 540px auto;	
	background-repeat: no-repeat;
}
#NewsItem {
	color: #fff;	
	transition: opacity .25s ease-out;
	min-height: 270px;
}
#NewsItem .authorDate {
	font-family: "Roboto Condensed", Roboto, Arial, Helvetica, sans-serif;	
	font-weight: normal;
}
.typography #NewsItem h5 {
	color: #fff;
}

#NewsItem.loading {
	opacity: 0.5;
	position: relative;	
}
#NewsItem.loading:before {
	content: "";
	display: block;
	position: absolute;
	/*bottom: -6px;*/
	
	bottom: 60%;
	left: 0;
	
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: #000 url(../images/ajax-loader-black.gif) center no-repeat;
	z-index: 1;
}



/* Screen size specific stuff */

/* DESKTOP */
/* Desktop */
@media all and (min-width: 1184px) {
	/* Features */
	#Features .contentPadding {
		padding-top: 62px;	
	}
	.contentList li.feature {
		display: inline-block;
		vertical-align: top;
		width: 256px;
		margin: 0 16px 2.3em 16px;
	}
	.contentList li.feature:first-child {
		margin-left: 0;	
	}
	.contentList li.feature:nth-child(4n) {
		margin-right: 0;	
	}
	
	/* News Feed */
	#News .contentPadding {
		padding-top: 62px;
		padding-bottom: 60px;
	}
	#NewsItem {
		max-width: 560px;
	}
	/*#NewsItem.loading:before {
		left: 140px;
	}*/
}


/* DEVICES */
/* ALL mobile and tablet devices */
@media all and (max-width: 1183px) {
	/* Features */
	#Features {
		margin-top: 32px;
		padding-bottom: 37px;	
	}
	#Features .contentPadding {
		padding-top: 60px;	
	}
	.contentList li.feature {
		display: block;
		max-width: 546px;
		margin: 0 auto 27px auto;
	}
	.contentList li.feature:after {
		content: '';
		display: block;
		max-width: 356px;
		margin: 30px auto 0 auto;
		border-top: 3px solid #b5b7b9;	
	}
	.contentList li.feature:last-child:after {
		display: none;	
	}
	
	/* News Feed */
	#News .contentPadding {
		padding-top: 60px;	
		padding-bottom: 40px;	
	}
	/*#NewsItem.loading:before {
		left: 130px;
	}*/
}

/* TABLET */
/* Tablet */
@media all and (min-width: 800px) and (max-width: 1183px) {
	#News .pageWidth {
		background-size: 358px auto;		
	}
	#NewsItem {
		max-width: 439px;	
	}
}

/* PHONE */
/* ALL phone sizes */
@media all and (max-width: 799px) {
	#News .pageWidth {
		background: #000 !important;	
	}
	#NewsItem.loading:before {
		left: 50%;
		margin-left: -21px;
		padding: 10px;
	}
}
/* Phone horizontal */
@media all and (min-width: 480px) and (max-width: 799px) {
	
}
/* Phone vertical */
@media all and (max-width: 479px) {
	
}