/*
Theme Name: Sierra Child
Theme URI: https://sierra.keydesign.xyz/
Description: SaaS & Tech Startup Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: sierra
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: sierra-child
*/


.back-to-top {
	bottom: 90px;
}

.elementskit-megamenu-panel, .elementskit-navbar-nav-default .elementskit-megamenu-panel{
	background: transparent !important;
}

@media (max-width: 1024px) {
	.back-to-top.active {
		display: none;
	}
}


@media (min-width: 1025px) {

	/* ==========================================================
	 * ElementsKit Mega Menu: Container dürfen nichts abschneiden
	 * ========================================================== */

	.ekit-wid-con,
	.elementskit-menu-container,
	.elementskit-navbar-nav,
	.elementskit-navbar-nav > li.elementskit-megamenu-has,
	.elementskit-navbar-nav > li.elementskit-dropdown-has {
		overflow: visible !important;
	}


	/* ==========================================================
	 * Haupt-Menücontainer als eigener Stack
	 * Kein Header-Zwang, damit der Header nicht springt.
	 * ========================================================== */

	#ekit-megamenu-main-manu-deutsch {
		position: relative !important;
		z-index: 10000 !important;
		isolation: isolate;
	}

	#ekit-megamenu-main-manu-deutsch .elementskit-navbar-nav {
		position: relative !important;
		z-index: 2 !important;
	}


	/* ==========================================================
	 * Overlay innerhalb des Menücontainers
	 * Position wird per JS exakt unter den Header gesetzt.
	 * ========================================================== */

	#ekit-megamenu-main-manu-deutsch #ekit-mega-a11y-overlay {
		position: fixed;
		top: 80px;
		left: 0;
		right: 0;
		bottom: 0;

		background: rgba(5, 0, 36, 0.50);
		z-index: 1;
		pointer-events: none;

		opacity: 0;
		visibility: hidden;

		transition:
			opacity 200ms ease,
			visibility 0s linear 200ms;
	}

	body.ekit-mega-a11y-active
	#ekit-megamenu-main-manu-deutsch #ekit-mega-a11y-overlay {
		opacity: 1;
		visibility: visible;

		transition:
			opacity 200ms ease,
			visibility 0s linear 0s;
	}


	/* ==========================================================
	 * Mega Menu Grundzustand
	 * Kein display:none, sonst funktioniert der Fade nicht.
	 * ========================================================== */

	#ekit-megamenu-main-manu-deutsch
	.elementskit-navbar-nav > li.elementskit-megamenu-has > .elementskit-megamenu-panel {
		display: block !important;

		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;

		position: absolute !important;
		z-index: 5 !important;

		height: auto !important;
		min-height: 1px !important;
		max-height: none !important;
		overflow: visible !important;

		clip: auto !important;
		clip-path: none !important;

		transform: translateY(8px) !important;

		transition:
			opacity 200ms ease,
			transform 200ms ease,
			visibility 0s linear 200ms !important;
	}


	/* ==========================================================
	 * Mega Menu sichtbar
	 * Aktivierung per JS-Klasse, Hover oder Tastaturfokus.
	 * ========================================================== */

	#ekit-megamenu-main-manu-deutsch
	.elementskit-navbar-nav > li.elementskit-megamenu-has.ekit-mega-a11y-open > .elementskit-megamenu-panel {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: translateY(0) !important;

		transition:
			opacity 200ms ease,
			transform 200ms ease,
			visibility 0s linear 0s !important;
	}


	/* ==========================================================
	 * Leerer Overlay-Link der Stylish List
	 * Kein Fokusrahmen mehr.
	 * ========================================================== */

	#ekit-megamenu-main-manu-deutsch
	.ekit-stylish-list-content-wrapper {
		position: relative;
		border-radius: 12px;
	}

	#ekit-megamenu-main-manu-deutsch
	.ekit-stylish-list-content-wrapper > a.ekit-wrapper-link {
		position: absolute;
		inset: 0;
		display: block;
		z-index: 2;
		border-radius: 12px;
	}

	#ekit-megamenu-main-manu-deutsch
	.ekit-stylish-list-content {
		position: relative;
		z-index: 1;
	}
}