/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         3 Plus Solutions
 Author URI:     https://www.3plus.solutions
 Template:       Divi
 Version:        1.0.2
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

html body {
	font-family: "azo-sans-web", sans-serif;
}


/*---- MENÜ ----*/

.et_header_style_left #main-header #et-top-navigation{
	padding-right: 15px;
}
.logo_container {
	padding-left: 10px;
}

#main-header, #main-header.et-fixed-header  {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: transparent;
	padding: 0 12px;
}

#main-header .et_menu_container {
	-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.12);
	box-shadow: 0 1px 15px rgba(0,0,0,.12);
	margin: 12px auto;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 50px;
	width: auto;
	max-width: 1400px;
	background-color: rgba(16,45,48,0.95);
	backdrop-filter: blur(3px);
}

@media screen and (max-width: 980px) {
  #main-header.et-fixed-header {
    position: sticky;
  }

  .logged-in #main-header.et-fixed-header {
    top: 0 !important;
    transition: all .3s 0s;
  }
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
	position: fixed;

	} 
	.et_header_style_left #logo {
		max-width: 280px;
		width: 60%;
	}
}

.et_mobile_menu {
	overflow: scroll !important;
	max-height: 83vh;
}

/*--- MENU BUTTON ---*/
#top-menu-nav #top-menu li.menu-cta.menu-item a {
	background-color: var(--gcid-secondary-color) !important;
	padding: 8px 18px;
	border-radius: 30px;
	text-transform: none;
	font-weight: 500;
	line-height: 1.4em;
}
@media only screen and (min-width: 981px) {
	.et_header_style_left #main-header div#et-top-navigation {
		padding: 20px 0 0 0;
	}
	.et_header_style_left #main-header.et-fixed-header div#et-top-navigation {
		padding: 15px 0 7px 0;
	}
}


/*---- BACKDROP BLUR ----*/
.backdrop-blur {
	backdrop-filter: blur(4px);
}