@charset "utf-8";
/* CSS Document */

.item {
	display: block;
	position: relative;
	height: auto;
	margin: 50px 0 0 0;
	padding: 50px 0 0 0;
	border-top: 2px solid #222222;
	opacity: 1;
	outline: 0;
	
	transform: translateY(0px) scale(1.00);
	
	-webkit-transition: all 250ms cubic-bezier(0, .5, .15, 1) 0ms;
	-moz-transition: all 250ms cubic-bezier(0, .5, .15, 1) 0ms;
	-o-transition: all 250ms cubic-bezier(0, .5, .15, 1) 0ms;
	transition: all 250ms cubic-bezier(0, .5, .15, 1) 0ms;
}

.item.hide {
	height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	border-top: 0;
	
	transform: translateY(50px) scale(0.75);
}

.item h4 {
	margin: 0 0 15px 0;
}

span.item_type {
    margin: 20px 0;
    display: block;
}

.item p {
	margin: 25px 0;
}

.item .image {
	height: 220px;
	background-color: #0c0c0c;
	background-size: cover;
	background-position: center;
}

.category_label {
	display: inline-block;
	margin: 0 0 0 20px;
	white-space: nowrap;
	opacity: 0.5;
}
.category_label.active, .category_label:hover, .category_label:active {
	opacity: 1;
}

.item .category {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 10px;
	height: 10px;
	
}

.red .category {		background-color: #b94b4b;	}
.yellow .category {		background-color: #acb94b;	}
.blue .category {		background-color: #5b59a0;	}
.green .category {		background-color: #5cab68;	}