/*
	Theme Name: Music Press Video
	Author: seosbg
	Description: Child theme for Music Press. The theme offers a wide range of customization options and great flexibility. Music Press Video is fully responsive and compatible with Gutenberg and WooCommerce. It includes an MP4 video header option.
	Version: 1.1.0
	Requires at least: 5.6
	Requires PHP: 5.6
	Tested up to: 6.9
	Author URI: https://seosthemes.com/
	Template: music-press
	Theme URI: https://seosthemes.com/music-press-video
	License: GNU General Public License v2 or later
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
	Tags: grid-layout, wide-blocks, one-column, two-columns, left-sidebar, right-sidebar, rtl-language-support, translation-ready, footer-widgets, microformats, theme-options, flexible-header, custom-header, custom-logo, full-width-template, sticky-post, custom-background, custom-menu, custom-colors, featured-image-header, threaded-comments, blog, entertainment, featured-images, editor-style, template-editing, photography
	Text Domain: music-press-video 
*/

.vid-wrapper {
	text-align: center;
	margin: 40px 0; 
}

.vid-video video{
	width: 100%; 
}

.vid-item { 
	display: inline-block;
	vertical-align: top;
	width: 30%; 
	margin: 10px;
	padding: 15px;
	border-radius: 8px; 
}

.vid-item img {
	max-width: 100%; 
	height: auto; 
	border-radius: 8px; 
	transform: scale(0.9);
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.vid-item img:hover {
	transform: scale(1);
    object-fit: cover;
    object-position: 50% 50%; 
}

.vid-item h3 {
	font-size: 1.5em;
}

.vid-item p {
	font-size: 1em; 
}
.vid-item a { 
	display: inline-block; 
	margin-top: 10px; 
	padding: 8px 12px; 
	background: #008989; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px; 
}

.vid-item a:hover { 
	background: #005656; 
}

@media screen and (max-width: 600px) {
	.vid-item {
	   max-width: 100%;
		width: 100%;
		display: block;
		margin: 0;
	}
}