/*
Theme Name: Hello Biz Child
Theme URI: https://example.com/
Description: Basic child theme setup for Hello Biz.
Author: Your Name
Author URI: https://example.com/
Template: hello-biz
Version: 1.0.0
Text Domain: hello-biz-child
*/

/* Add your custom CSS below this line. */


/* =============================================================================
   General
   ============================================================================= */



body {
	margin: 0;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-size: 22px;
}


@media screen and (max-width: 1366px) {
body {
	font-size: 20px;
}

}
:root {
	--p-xs: 5px;
	--p-sm: 10px;
	--p-md: 20px;
	--p-lg: 40px;
	--p-xl: 80px;
	--font-lg: 1.25em;
	--font-base: 1em;
	--font-sm: 0.95em;
	--font-xs: 0.85em;
	--font-xl: 1.8em;
	--font-2xl: 2.2em;
	--font-3xl: 3em;

}


h3, p {
	  hyphens: auto;
}

span a, p a {text-decoration:underline !important}



/* =============================================================================
   Elementor custom CSS
   ============================================================================= */


/* =============================================================================
   1. Header                                                                      */


#site-header .custom-logo-link {
	max-width: 200px;
}


#header-magenta-logo, #header-red-logo{
    display: none !important;
    min-width: 200px;
}

.elementor-sticky--effects #header-magenta-logo, .elementor-sticky--effects #header-red-logo{
    display: block !important;
}


.opus-button svg{
   transform: rotate(45deg);
}

.elementor-nav-menu--dropdown{
	padding-top: var(--p-md);
	padding-bottom: var(--p-md);
}



.header-alternative svg .cls-1{
    fill: black;
    stroke:white;
    stroke-width: 0px;
}

ul.elementor-nav-menu--dropdown{
    min-width: calc(100% - 30px) !important;
    font-size: 0.9em;
}


@media screen and (max-width: 1200px) {
	.header-alternative svg .cls-1{
		fill: white !important;
		stroke:black !important;
		stroke-width: 0px;
	}
}


/* =============================================================================
   Other                                                               */


/*demnachst box */ 

@media screen and (max-width: 1024px) {
	.demnachst-text-container{
	    position: relative !important;
	}
}

/*form*/

.elementor-message-success {
    border: 5px solid green;
    padding: 20px;
}

/* custom map */
.elementor-shortcode .wp_osm canvas, .wp_osm .ol-attribution,.wp_osm .ol-viewport{
    border-radius: 20px !important;
}