/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 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 */

/**
 *  news posts (single-post / beiträge) background-color: white;
 */

body.single-post {
	background-color: white;
}

/**
 * 
 */

#breadcrumbs {
	font-size: 16px;
}

/**
 * 	style link in text-element
 */
.elementor-widget-text-editor a:not([class]) {
    color: var(--e-global-color-primary);
	transition: .3s color;
}

.elementor-widget-text-editor a:not([class]):hover {
    color: var(--e-global-color-text);
}

/**
 *  header wordpress mega menu desktop
 */

#custom-mega-menu .elementor-nav-menu--dropdown {
    background-color: transparent;
}
#custom-mega-menu .elementor-nav-menu--dropdown a:hover {
    background-color: transparent ;
}
#custom-mega-menu .elementor-nav-menu--dropdown a.elementor-item-active {
	background-color: transparent;
}

#custom-mega-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    gap: 30px;
}

#custom-mega-menu .elementor-nav-menu--main .elementor-nav-menu > .menu-item > a {
    padding: 0;
}

#custom-mega-menu .elementor-nav-menu--main .elementor-nav-menu > .menu-item > a.highlighted {
    background-color: white;
}

#custom-mega-menu .elementor-nav-menu--main .elementor-nav-menu a .sub-arrow {
    display: none;
}

#custom-mega-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu {

    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--header-container-height) !important;
    margin: auto !important;
    width: var(--content-width) !important;
    max-width: var(--content-width) !important;
	background: white;
	border-top: 1px solid #e7e7e7;
	box-shadow: 0 10px 10px rgba(0,0,0,.1);
}

#custom-mega-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu:has(li.menu-item.menu-item-has-children) {
	padding-top: 20px;
	padding-bottom: 20px
}

#custom-mega-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu > li.menu-item {
    width: 25% !important;
    position: relative !important;
    float: left;
    
}

#custom-mega-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu > li.menu-item > a {
    display: none;
}

#custom-mega-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu > li.menu-item > ul.sub-menu {
    width: 100% !important;
    display: block !important;
    top: auto !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    min-width: unset !important;
    max-width: unset !important;
    position: relative !important;
}


/**
 *  header wordpress mega menu desktop scrolled
 */

@media (min-width: 1140px) {
	
	#header-container #meta-menu {
		transition: .5s all;
		overflow: hidden;
		margin-top: 0;
		height: 45px;
	}
	
	#header-container.scrolled #meta-menu {
		height: 0;
		margin-top: - 500px;
		padding-top: 0;
		opacity: 0;
		pointer-events: none;
	}
	
	#header-container #spinner-logo img {
		transition: .5s all;
	}
	
	#header-container.scrolled #spinner-logo img {
		width: 70px;
	}
}



/* header wordpress mega menu mobile v2 */
#custom-mega-menu-mobile .elementor-nav-menu--dropdown a {
	color: white;
}
#custom-mega-menu-mobile.custom-dropdown .elementor-nav-menu > .menu-item > a {
	color: white;
	font-size: 22px;
}
#custom-mega-menu-mobile.custom-dropdown .elementor-nav-menu > .menu-item > a svg {
	fill: white;
}
#custom-mega-menu-mobile.custom-dropdown .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item > a.elementor-sub-item {
	display: none !important;
}

#custom-mega-menu-mobile.custom-dropdown .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
	display: block !important;
	padding-bottom: 20px;
}

#custom-mega-menu-mobile.custom-dropdown .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu > .menu-item > a {
	border-left: 0;
	padding: 7px 0;
}


/** contact plugin **/
.custom-contact-plugin {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 5rem;
}

.custom-contact-plugin .input-group,
.custom-contact-plugin .country {
    width: 50%;
    @media (max-width: 920px) {
        width: 100%; /
    }
}

.custom-contact-plugin .custom-contact-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
    @media (max-width: 920px) {
        flex-direction: column;
        align-items: stretch;
    }
}

.custom-contact-plugin .custom-contact-info .custom-contact-info-text {
    width: 48%;
    @media (max-width: 920px) {
        width: 100%;
    }
}

.custom-contact-plugin .custom-contact-info .custom-contact-info-text-style {
    width: 100%;
    padding: 25px 50px;
    background-color: #FAFAF9;
    box-sizing: border-box;
    @media (max-width: 920px) {
        padding: 20px;
    }
}

.custom-contact-plugin .custom-contact-info .custom-contact-info-text-style .custom-contact-info-text-location p {
    margin-bottom: 5px;
}

.custom-contact-plugin .custom-contact-info .custom-contact-info-text h3 {
    color: rgb(0, 164, 232);
}

.custom-contact-plugin .custom-contact-info .custom-contact-info-maps {
    width: 48%;
    @media (max-width: 920px) {
        width: 100%;
        margin-top: 20px;
    }
    border: 1px solid #ccc; 
    box-sizing: border-box;
}



/** form required label **/
.elementor-mark-required .elementor-field-label:after {
	color: inherit;
}

/** form label space **/
label.elementor-field-label {
    margin-bottom: 8px;
}

/** image figcaption **/
body figcaption {
    font-size: 12px;
    font-style: normal;
}

/** customer wish to minimize the padding of nav Produkte - Mobilfunk **/

@media (min-width: 1140px) {
	.elementor-nav-menu--main > .elementor-nav-menu > .menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item:not(:first-child) > a {
    	padding-top: 7px !important;
    	padding-bottom: 7px !important;
	}

}