/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1755423190
Updated: 2025-08-17 06:33:10

*/

/* .ee-featured-image {
  width: 100%;
  height: 40vh;
  overflow: hidden;
}
 */
.ee-featured-image {
	display: flex;
	justify-content: end;
	
	img {
	/*   min-width: 100%; */
		display: flex;
		justify-content: end;
		width: auto;
		height: 320px; /* takes 40% of the screen height */
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	/*   	object-fit: cover; /* crops nicely without distortion */ */
	}	
}




/* event detail style */
.ee-venue-events {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display: grid;
/*   gap: .5rem; */
}
.ee-venue-events li a {
  display: block;
  text-decoration: none;
  border: 1px solid var(--e-border-color, #e5e7eb);
  border-radius: 12px;
  padding: .75rem 1rem;
}
.ee-venue-events li a:hover {
  background: rgba(0,0,0,.03);
}

@media screen and (max-width: 399px) {
    .ee-featured-image {
		img {
			width: auto !important;
			height: auto !important;
		}	
	}
}
@media screen and (min-width: 400px) and (max-width: 767px) {
    .ee-featured-image {
		img {
			width: 400px !important;
			height: 400px !important;
		}	
	}
}