/*
 * Plugin Name: MND Filmography
 * Description: Styling the filmography templates.
*/


/* Remove default theme page thumbs
-------------------------------------------------------------- */

.single-mndfilm_project .wp-post-image:not(.size-mndfilm-project-thumb),
.single-mndfilm_project .post-thumbnail,
.post-type-archive-mndfilm_project .wp-post-image:not(.size-mndfilm-project-thumb),
.post-type-archive-mndfilm_project .post-thumbnail {
	display: none!important;
}


/* Single project
-------------------------------------------------------------- */

.mndfilm-project-content {
	display: table;
	width: 100%;
}

.mndfilm-project-box {
	float: left;
	margin-right: 3%;
	margin-bottom: 3%;
}

.size-mndfilm-project-thumb {
	max-width: 150px;
	height: auto;
}

.mndfilm-project-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mndfilm-project-links li {
	padding: 3px;
	border-bottom: 1px dotted #ddd;
}

.mndfilm-project-details {
	margin-bottom: 1.6em;
}

.mndfilm-project-details span {
	font-weight: 700;
}


/* Project list
-------------------------------------------------------------- */

.mndfilm-project-list-row {
	display: table;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
}

.mndfilm-project-list-row:first-child {
	padding: 0 0 10px 0;
}

.mndfilm-project-list-year,
.mndfilm-project-list-title,
.mndfilm-project-list-character {
	display: table-cell;
}

.mndfilm-project-list-year {
	width: 10%;
}

.mndfilm-project-list-title {
	width: 50%;
}

.mndfilm-project-list-status {
	display: inline-block;
	margin: 0 0 0 7px;
	text-transform: uppercase;
	padding: 5px;
	font-size: .7em;
	line-height: 1;
	background: #eee;
	color: #666;
}

.mndfilm-project-list-character {
	width: 40%;
}


/* Project navigation
-------------------------------------------------------------- */

.mndfilm-project-navigation .nav-previous {
	display: inline-block;
	float: left;
	width: 49.5%;
	vertical-align: top;
}

.mndfilm-project-navigation .nav-next {
	display: inline-block;
	float: right;
	width: 49.5%;
	text-align: right;
	vertical-align: top;
}

.mndfilm-project-navigation .meta-nav {
	font-weight: 700;
	display: block;
}


/* Accessibility
-------------------------------------------------------------- */

.post-type-archive-mndfilm_project .screen-reader-text,
.single-mndfilm_project .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}


/* Responsive
-------------------------------------------------------------- */

@media (max-width: 600px) {
	.mndfilm-project-list-year,
    .mndfilm-project-list-title,
    .mndfilm-project-list-character {
		display: block;
		width: 100%;
	}

	.mndfilm-project-list-character:before {
		content: 'as';
	}
}