/* 
Theme Name: Green Sky
Theme URI: https://www.green-sky.org/
Description: Humiverse child theme
Author: Marktkraft.Digital
Author URI: https://www.marktkraft.digital/
Template: hello-elementor
Version: 1.0.1
Text Domain: gso
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
*/

/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 140px;
	--shrink-header-to: 0.4;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	/*background-color: rgba(244, 245, 248, 1);*/
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	/*background-color: rgba(244, 245, 248, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);*/
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}

/***
* class: .logo
*/
header.sticky-header .logo img {
	transition: height var(--transition);
	width: auto;
	height: 120px;
}
header.sticky-header.elementor-sticky--effects .logo img {
	/*transform: scale(.4);*/
	height: calc( 120px * var(--shrink-header-to) );
}