/*
	Theme Name: Music Events
	Author: seosbg
	Description: Child theme for Music Press. Music Events is a theme with many possibilities. Beautiful, extremely customizable, multipurpose theme that you can use to create an amazing websitea. You will be surprised how many possibilities and options this theme contains. The theme is for any business, very fast and SEO friendly. WordPress theme for professionals. Gutenberg Compatible, WooCommerce Compatible, Full Responsive, Header MP4 Video Option, Content Options, Back To Top Button, Microdata, Animations and Custom Colors. Music Press Theme can be used by bloggers, musicians, producers, magazine, portfolio, photography, newspaper, startups, agencies, E-Commerce, news, wedding and many more.
	Version: 1.0.0
	Requires at least: 5.6
	Requires PHP: 5.6
	Tested up to: 6.7
	Author URI: https://seosthemes.com/
	Template: music-press
	Theme URI: https://seosthemes.com/music-events
	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-еvents 
*/


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

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

.event-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;
}

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

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

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

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