.wpeo-project-task {
	position: relative;
	width: 100%;
	padding: 10px;

	@media ( max-width: $media__medium ) {
		width: 100%;
		padding: 0 0 10px 0;
	}

	.wpeo-project-task-container {
		background: #fff;
		box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
		position: relative;
		transition: all 0.2s ease-out;

		&:before {
			display: block;
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(0,0,0,0.1);
			opacity: 0;
			pointer-events: none;
			transition: all 0.2s ease-out;
			z-index: 80;
		}
	}

	&.mask .wpeo-project-task-container:before {
		opacity: 1;
		pointer-events: all;
	}

	.wpeo-task-footer {
		padding: 0.4em 0.4em 0 0.4em;
		border-top: 1px solid rgba(0,0,0,0.2);
	}
}

@media ( max-width: 1000px ) {
	.tm-wrap {
		.list-task {
			.wpeo-project-task {
				width: 100%;
			}
		}
	}
}


@import "header";
@import "option";
@import "estimated-time";
@import "activity-view";
@import "post-type-link";
