/* 
Theme Name: FREIRAUM 1.0
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Freiraum is a child theme of Hello Elementor, created by Elementor team
Author: henning schmitz designs
Author URI: https://henningschmitz.com/
Template: hello-elementor
Version: 2.0.0
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
*/

/* Add your custom styles here */

/* Forcing the alt set of glyphs for the font Nexa */
.elementor-element,
.elementor-element *,
.elementor-nav-menu a,
.elementor-button,
.elementor-heading-title,
.elementor-text-editor {
  font-feature-settings: "ss01" 1 !important;
}

/* Making sure everything looks snazzy even on ultra wide displays */

.second-level-container {
	max-width: 1920px;
	padding: 0;
}

.hero-inner-container {
	max-width: 1920px;
	
}

@media (min-width: 570px) {
	.hero-inner-container {
		padding-right: 33%;
	}
}

.text-block-720 {
	max-width: 720px;
}


/* Intro & FREIRAUM animation */

.hero-intro {
	height: 800px;
	overflow: hidden;
	position: relative;
	animation: introShrink 2.8s ease forwards;
	animation-delay: 1s;
}

.hero-logo-wrap {
	height: 100% !important;
	min-height: 100% !important;
	align-self: stretch;
	width: min(92vw, 1100px);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	align-content: center;
	justify-content: start;
	justify-items: start;
	transform-origin: left center;
	animation: logoMove 2.8s ease forwards;
	animation-delay: 1s;
}

/* Stack both lockup SVGs in the same grid cell */
.lockup-base,
.lockup-fade {
	grid-area: 1 / 1;
	display: block;
	width: 100%;
}

.lockup-base img,
.lockup-fade img {
	display: block;
	width: 100%;
	height: auto;
}

/* Only the full lockup fades in */
.lockup-fade {
	opacity: 0;
	animation: taglineFade 0.9s ease forwards;
	animation-delay: 2.35s;
}

@keyframes introShrink {
	from {
		height: 800px;
	}
	to {
		height: 164px;
	}
}

@keyframes logoMove {
	from {
		transform: translateY(0) scale(1);
	}
	to {
		transform: translateY(0) scale(0.4);
	}
}

@keyframes taglineFade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.hero-intro {
		height: 420px;
	}

	.hero-logo-wrap {
		width: min(96vw, 1100px);
		display: grid;
		height: 100%;
		align-content: center;
		justify-content: start;
		justify-items: start;
	}

	@keyframes introShrink {
		from {
			height: 420px;
		}
		to {
			height: 120px;
		}
	}

	@keyframes logoMove {
		from {
			transform: translateY(0) scale(1);
		}
		to {
			transform: translateY(0) scale(0.7);
		}
	}
}

/* iPhone / WebKit video corner bleed fix */

.hero-video,
.hero-video .elementor-background-video-container,
.hero-video .elementor-background-video-hosted {
	border-radius: 16px;
	overflow: hidden;
	background: #f5f3ee;
}

.hero-video .elementor-background-video-hosted {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}