/*
	Theme Name: Hello Elementor extended by Jonas Reetz
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-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.
	Author: Elementor Team mit Erweiterung von Jonas Reetz
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
	Template: hello-elementor
*/

a {
  display: inline-block;
}

a::after {
  content: '';
  width: 0px;
  height: 3px;
  display: block;
  background: white;
  transition: 300ms;
}

a:hover::after {
  width: 100%;
}


.site-header {
    margin: 20px 0px 20px 0px;
    border-radius: 10px;
	position: fixed !important;
	top: 0px;
	left: 20px;
	width: calc(100vw - 55px);
	z-index: 999999999;
	opacity: 1;
}

main {
	padding-top: 80px;
}

.cta {
    background-color: white;
    border-radius: 7px;
    margin: 0px -20px 0px 20px;
}
.cta > a {
    color: var(--e-global-color-primary) !important;
}

.menu {
	background: var(--e-global-color-primary) !important;
	border-radius: 20px;
}

.site-navigation-dropdown ul.menu li a {
	background: var(--e-global-color-primary) !important;
	color: white !important;
}



@media only screen and (max-width: 993px) {
  	.cta {
		font-weight: 700;
		margin: 0;
	}

	.menu {
		transform: translateY(-30px);
	}
	
	.cta {
		border-radius: 20px;
	}

	.menu li a {
		font-size: 18px;
	}

	.menu li:first-of-type a{
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	.menu li:last-of-type a{
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown::after {
		content: "";
		position: absolute;
		left: calc(50vw - 20px);
		bottom: 60px;
		width: 0px;
		height: 0px;
		-webkit-transform:rotate(360deg);
		border-style: solid;
		border-width: 0 60px 40px 60px;
		border-color: transparent transparent var(--e-global-color-primary) transparent;
	}

	.site-header {
		top: unset;
		bottom: 0px;
		left: 20px;
		width: calc(100vw - 40px);
	}

	.site-navigation-dropdown {
		top: -350px !important;
		transform-origin: bottom !important;
		z-index: -1 !important;
	}

	main {
		padding-top: 20px;
	}

	.site-navigation-toggle-icon {
		width: 40px !important;
		display: flex !important;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		gap: 5px;
	}

	.site-navigation-toggle-holder .site-navigation-toggle-icon:before {
		margin-block-end: 0 !important; 
	}

	.site-navigation-toggle-holder .site-navigation-toggle-icon:after, .site-navigation-toggle-holder .site-navigation-toggle-icon:before {
		height: 4px !important;
		width: 100%;
		margin: 2px 0px;
	}

	.site-navigation-toggle-holder {
		padding: 0 !important;
	}

	footer {
		background: var(--e-global-color-primary) !important;
		margin-top: 80px;
		padding-block-start: 120px !important;
		padding-block-end: 120px !important;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	.site-footer .footer-inner {
		gap: 80px;
	}
}