/* THOUGHTS CSS */

#project {
	display:none;
	padding:0px;
}

.project-date {
	top:20px;
	left:20px;
	position:absolute;
	z-index:3;
}

.project-header {
	position:absolute;
	top:30px;
	left:20px;
	text-align:left;
	z-index:3;
}

.header-parent {
	width:100%;
	max-height:300px;
	overflow:hidden;
	position:relative;
}

.cover-image {
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	height:auto;
	z-index:1;
}

#project-body {
	margin:20px 0px;
}

#project-images {
	padding:0px !important;
}

@media (max-width: 768px) {
	#project-images {
		padding:10px !important;
	}
}

.project-image-parent {
	width:100%;
	margin-top:20px;
	height:auto;
	overflow:hidden;
	position:relative;
}

.project-image {
	width:100%;
	height:auto;
	display:block;
	position:relative;
	z-index:1;
}

.project-image-zoom {
	position:absolute;
	width:100%;
	z-index:2;
	height:auto;
	left:0px;
	top:0px;
}

#comments {
	height:350px;
	overflow:hidden;
	position:relative;
}

/* ZOOM CSS */
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.5); }
/***********/

/* VIDEO CSS */
.project-video-parent {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 20px;
	width:100%;
	height: 0;
	margin-top:20px;
}
.project-video-parent iframe, .project-video-parent video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}