/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#eventbrite-widget-modal-trigger-616962059127 .elementor-button:hover {cursor:pointer!important;}

/** MOBILE MENU */
.elementor-nav-menu--dropdown ul {margin-top:20px;}


/** STICKY HEADER */
header.sticky-header.elementor-element {
	--header-height: 160px; /* Set your own header height */
	--shrink-header-to: 0.8; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: 1s ease; /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	background-color: rgba(255, 255, 255, .9); /* Set your own background color */
	--min-height: var(--header-height);
	transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing);
}
header.sticky-header.elementor-element.elementor-sticky--effects {
	background-color: rgba(255, 255, 255, .9); /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07); /* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(10px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
	--logo-height: 120px; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to: 0.6; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
	height: var(--logo-height);
	transition: height var(--transition-timing);
}
header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	height: calc(var(--logo-height) * var(--logo-shrink-to));
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
}

/***
* Optional: Shorter header on mobile
*/
@media only screen and (max-width: 1024px) {
	header.sticky-header.elementor-element  {
		--header-height: 100px;
	}
	
	header.sticky-header .logo img,
	header.sticky-header .logo.elementor-widget-theme-site-logo img,
	header.sticky-header .logo .elementor-icon svg  {
	--logo-height: 80px; /* This should be the original logo height _before_ being shrunk */

}