/*
	Theme Name: Music Press DJ
	Author: seosbg
	Description: Music Press DJ is a modern and stylish child theme for Music Press, designed especially for DJs, music producers, electronic artists, radio stations, clubs, festivals and music events. Built with performance and flexibility in mind, Music Press DJ offers a dark modern design, responsive layout and easy customization options to create a professional music website without coding knowledge. The theme is fully compatible with Gutenberg and WooCommerce, allowing you to showcase mixes, albums, events, merchandise and artist portfolios with ease. Music Press DJ includes custom colors, animations, featured headers, MP4 video support, SEO optimized structure and mobile-friendly design for the best user experience on all devices. Whether you are a club DJ, techno producer, music blogger or event organizer, Music Press DJ helps you build an impressive online presence quickly and easily.
	Version: 1.2.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-dj
	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-dj 
*/
.music-wrapper{
	padding:60px 20px;
	text-align:center;
}

.music-title{
	font-size:40px;
	margin-bottom:40px;
}

.music-grid{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:30px;
}

.music-item{
	width:320px;
}

.music-cover{
	position:relative;
	cursor:pointer;
	border-radius:20px;
	overflow:hidden;
}

.music-cover img{
	width:100%;
	display:block;
	border-radius:20px;
	transition:0.3s;
}

.music-cover:hover img{
	transform:scale(1.05);
}

.music-play-icon{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80px;
	height:80px;
	border-radius:50%;
	background:rgba(0,0,0,0.7);
	display:flex;
	align-items:center;
	justify-content:center;
}

.music-play-icon i{
	color:#fff;
	font-size:32px;
}

.music-item h3{
	margin-top:20px;
	font-size:24px;
}