/*

	ITEM > NEWS

*/
.news-item {
	height: 390px;
	width: 100%;
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
	.news-item .picture-wrapper {
		height: 390px;
		width: 100%;
		position: relative;
		z-index: 8;
	}
		.news-item .picture-wrapper .picture {
			height: 390px;
			width: 100%;
			background-size: cover !important;
		}
			.news-item .picture-wrapper .picture img {
				max-height: 390px;
				min-width: 100%;
			}
	.news-item .infos {
		position: absolute;
		left: 10px;
		width: calc(100% - 20px);
		bottom: 14px;
		min-height: 145px;
		padding: 20px 15px 45px;
		background: #FFF;
		border-radius: 10px;
		z-index: 12;
		max-width: 256px;
	}
		.news-item .infos .title {
			font-size: 24px;
			font-family: 'Bebas Neue', cursive;
			line-height: 1;
			color: #333;
		}
		.news-item .infos .date {
			position: absolute;
			bottom: 15px;
			left: 15px;
			font-size: 12px;
			font-weight: 400;
		}

	.news-item.large {
	}

	.news-item.xlarge {
		width: 98%;
		height: 490px;
	}
		.news-item.xlarge .picture-wrapper {
			height: 490px;
		}
			.news-item.xlarge .picture-wrapper .picture {
				height: 490px;
			}
	.news-item.xlarge .infos {
		position: absolute;
		left: 50px;
		top: 15;
		bottom: 14px;
		height: 70%;
		width: calc(100% - 20px);
		padding: 25px;
		background: #FFF;
		border-radius: 10px;
		z-index: 12;
		max-width: 300px;
		display: flex; display: -webkit-flex; 
		flex-flow: column; -webkit-flex-flow: column;
		justify-content: center; -webkit-justify-content: center;
	}
		.news-item.xlarge .infos .title {
			margin-top: -25px;
			font-size: 40px;
		}
		.news-item.xlarge .infos .date {
			bottom: 25px;
			left: 25px;
		}

.news-item.title-only .infos {
	height: auto;
	min-height: unset;
	display: flex;
	padding: 15px;
}
	.news-item.title-only .infos .title {
		margin: auto
	}

.news-item.smaller {
	height: 290px;
}
	.news-item.smaller .picture-wrapper {
		height: 290px;
	}
		.news-item.smaller .picture-wrapper .picture {
			height: 290px;
		}
			.news-item.smaller .picture-wrapper .picture img {
				max-height: 290px;
			}
	.news-item.smaller .infos {
		min-height: 105px;
		padding: 20px 15px;
	}

/* 	HOVER 	*/
.news-item:hover .picture-wrapper .picture {
  	-moz-transform: scale(1.2);
  	-webkit-transform: scale(1.2);
  	transform: scale(1.2);	
}
.news-item.xlarge:hover .picture-wrapper .picture {
  	-moz-transform: none;
  	-webkit-transform: none;
	transform: none;
}
.news-item:hover .infos {
}
	.news-item:hover .infos .title {
	}
.news-item:focus {
	border: 2px solid #000;
}