/*
 * Plugin Name: MND Video Vault
 * Description: Styling the video templates.
*/


/* Single video
-------------------------------------------------------------- */

.mndvault-video-content {
	margin: 1.6em 0;
}

.mndvault-video-external {
	margin: 1.6em 0;
	text-align: center;
}

.mndvault-video-external a {
	display: inline-block;
	padding: 7px 20px;
	background: #e5e5e5;
}

.mndvault-video-details {
	margin: 0 0 1.6em 0;
	padding: 0;
	list-style: none;
}

.mndvault-video-details li {
	padding: 5px 0;
	border-bottom: 1px dotted #ddd;
}

.mndvault-video-details li:first-child {
	padding-top: 0;
}

.mndvault-video-details span {
	font-weight: 700;
}


/* Video list
-------------------------------------------------------------- */

.mndvault-video-list {
	margin: 0 0 1.6em 0;
	padding: 0;
	list-style: none;
}

.mndvault-video-list li {
	display: table;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
}

.mndvault-video-list li:first-child {
	padding-top: 0;
}

.mndvault-video-list-image,
.mndvault-video-list-details {
	min-height: 115px;
	vertical-align: top;
}

.mndvault-video-list-image {
	float: left;
	margin: 0 3% 0 0;
}

.mndvault-video-list-image img {
	max-width: 150px;
	height: auto;
}

.mndvault-video-list-title {
	font-size: 1.15em;
	margin: 0 0 3px 0;
}

.mndvault-video-list-meta span {
	font-weight: 700;
}

.mndvault-video-list-description {
	overflow: hidden;
	margin: 1em 0 0 0;
}


/* Video grid
-------------------------------------------------------------- */

.mndvault-video-grid,
.mndvault-video-grid-image img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mndvault-video-grid {
	margin: 0 -.75em;
}

.mndvault-video-grid-image img {
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-left: 0;
}

.mndvault-video-grid-title {
	margin: 5px 0 0 0;
	line-height: 1.5;
}

.mndvault-video-grid-meta {
	font-size: .85em;
}

.mndvault-video-grid-2,
.mndvault-video-grid-3,
.mndvault-video-grid-4,
.mndvault-video-grid-5 {
	display: inline-block;
	float: left;
	padding: 0 .75em;
	vertical-align: top;
	margin-bottom: 1.6em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mndvault-video-grid-2 {
	width: 50%;
}

.mndvault-video-grid-3 {
	width: 33.333%;
}

.mndvault-video-grid-4 {
	width: 25%;
}

.mndvault-video-grid-5 {
	width: 20%;
}


/* Video categories list
-------------------------------------------------------------- */

.mndvault-video-categories {
	margin: 0 0 1.6em 0;
	padding: 0;
	list-style: none;
}

.mndvault-video-categories li {
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
}

.mndvault-video-categories li:first-child {
	padding-top: 0;
}

.mndvault-video-catlist {
	min-height: 60px;
	vertical-align: top;
}

.mndvault-video-catlist-image {
	float: left;
	margin: 0 1.5% 0 0;
}

.mndvault-video-catlist-image img {
	max-width: 67px;
	height: auto;
}


/* Video categories grid
-------------------------------------------------------------- */

.mndvault-video-catgrid,
.mndvault-video-catgrid-image img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mndvault-video-catgrid {
	margin: 0 -.75em;
}

.mndvault-video-catgrid-image img {
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-left: 0;
}

.mndvault-video-catgrid-title {
	margin: 5px 0 0 0;
	text-align: center;
	line-height: 1.5;
}

.mndvault-video-catgrid-2,
.mndvault-video-catgrid-3,
.mndvault-video-catgrid-4,
.mndvault-video-catgrid-5 {
	display: inline-block;
	float: left;
	padding: 0 .75em;
	vertical-align: top;
	margin-bottom: 1.6em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mndvault-video-catgrid-2 {
	width: 50%;
}

.mndvault-video-catgrid-3 {
	width: 33.333%;
}

.mndvault-video-catgrid-4 {
	width: 25%;
}

.mndvault-video-catgrid-5 {
	width: 20%;
}


/* Recent videos shortcode
-------------------------------------------------------------- */

.mndvault-video-recent,
.mndvault-video-recent-box,
.mndvault-video-recent-image img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mndvault-video-recent {
	margin: 0 -.75em 1.6em;
}

.mndvault-video-recent-box {
	display: inline-block;
	float: left;
	width: 33.333%;
	padding: 0 .75em;
	vertical-align: top;
}

.mndvault-video-recent-image img {
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-left: 0;
}

.mndvault-video-recent-title {
	margin: 5px 0 0 0;
	line-height: 1.5;
}

.mndvault-video-recent-meta {
	font-size: .85em;
}


/* Video pagination tag
-------------------------------------------------------------- */

.mndvault-video-pagination {
	line-height: 1.6em;
	margin: 0 0 1.6em 0;
}

.mndvault-video-pagination .page-numbers {
	line-height: 1.6em;
	float: left;
	width: auto;
	margin: 0 5px 5px 0;
	padding: 10px;
	border: 1px solid #ddd;
}

.mndvault-video-pagination .next:after {
	content: '\003e';
}

.mndvault-video-pagination .prev:before {
	content: '\003c';
}


/* Video navigation tag
-------------------------------------------------------------- */

.mndvault-video-navigation {
	margin: 1.6em 0;
}

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

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

.mndvault-video-navigation .mndvault-meta-nav {
	font-weight: 700;
	display: block;
}


/* Related videos tag
-------------------------------------------------------------- */

.mndvault-video-related,
.mndvault-video-related-box,
.mndvault-video-related-image img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mndvault-video-related {
	margin: 0 -.75em 1.6em;
}

.mndvault-video-related-box {
	display: inline-block;
	float: left;
	width: 33.333%;
	padding: 0 .75em;
	vertical-align: top;
}

.mndvault-video-related-image img {
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-left: 0;
}

.mndvault-video-related-title {
	margin: 5px 0 0 0;
	line-height: 1.5;
}

.mndvault-video-related-meta {
	font-size: .85em;
}


/* Popular videos tag
-------------------------------------------------------------- */

.mndvault-video-popular,
.mndvault-video-popular-box,
.mndvault-video-popular-image img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mndvault-video-popular {
	margin: 0 -.75em 1.6em;
}

.mndvault-video-popular-box {
	display: inline-block;
	float: left;
	width: 33.333%;
	padding: 0 .75em;
	vertical-align: top;
}

.mndvault-video-popular-image img {
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-left: 0;
}

.mndvault-video-popular-title {
	margin: 5px 0 0 0;
	line-height: 1.5;
}

.mndvault-video-popular-meta {
	font-size: .85em;
}


/* Latest videos widget
-------------------------------------------------------------- */

.mndvault-video-latest-noThumb {
	float: left;
	width: 60px;
	margin: 0 12px 0 0;
	background-color: #000;
}

ul.mndvault-video-latest {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.mndvault-video-latest li {
	display: table;
	width: 100%;
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
	list-style: none;
}

ul.mndvault-video-latest li:last-child {
	margin: 0;
}

.mndvault-video-latest-image,
.mndvault-video-latest-details {
	min-height: 55px;
	vertical-align: top;
}

.mndvault-video-latest-image {
	float: left;
	margin: 0 12px 0 0!important;
}

.mndvault-video-latest-image img {
	max-width: 60px;
	height: auto;
}

.mndvault-video-latest-details {
	overflow: hidden;
}


/* Popular videos widget
-------------------------------------------------------------- */

.mndvault-video-popular-widget-noThumb {
	float: left;
	width: 60px;
	margin: 0 12px 0 0;
	background-color: #000;
}

ul.mndvault-video-popular-widget {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.mndvault-video-popular-widget li {
	display: table;
	width: 100%;
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
	list-style: none;
}

ul.mndvault-video-popular-widget li:last-child {
	margin: 0;
}

.mndvault-video-popular-widget-image,
.mndvault-video-popular-widget-details {
	min-height: 55px;
	vertical-align: top;
}

.mndvault-video-popular-widget-image {
	float: left;
	margin: 0 12px 0 0!important;
}

.mndvault-video-popular-widget-image img {
	max-width: 60px;
	height: auto;
}

.mndvault-video-popular-widget-details {
	overflow: hidden;
}


/* Patterns
-------------------------------------------------------------- */

.mndvault-video-nav .screen-reader-text {
	position: absolute!important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

.mndvault-nav-links:before {
	display: table;
	content: '';
}

.mndvault-nav-links:after {
	display: table;
	clear: both;
	content: '';
}

.single-mndvault_video .wp-post-image:not(.size-mndvault-video-thumb),
.single-mndvault_video .post-thumbnail {
	display: none!important;
}

.type-mndvault_video embed,
.type-mndvault_video iframe,
.type-mndvault_video object,
.type-mndvault_video video {
	max-width: 100%;
	vertical-align: middle;
}