/* colors of the nav */

:root {

	--maincolor: #74af45;
	
  --nav-color:#444;
  --nav-active-color:var(--maincolor);
  --nav-mobile-active-color:var(--maincolor);
  --nav-mobile-active-border-color:var(--maincolor);
  --nav-mobile-btn-clr:var(--maincolor);
  --skip-focus-border-color:var(--maincolor);
  --nav-font-weight: 400;
  --nav-burger-line-color:var(--maincolor);
}



#header {
    height:unset;
}

.nav-is-desktop #header .mod_navigation {
	float: unset;
	margin-top: unset;
	overflow: visible;
}

.nav-is-desktop .level_1 > li {
	padding-right: 0 !important;
}

#header .mod_navigation a, 
#header .mod_navigation strong {
	margin-right: 0;
	font-size: 17px;
}

#header .mod_navigation a.submenu, 
#header .mod_navigation strong.submenu {
	margin-right: 1em;
}

.nav-is-desktop .navigation-main .level_1 {
  gap: 0 .8rem;
}

.nav-is-desktop .btn-toggle-submenu {
  transform: translateY(-3px);
  scale: 0.7;
}

#header .inside {
  display: grid;
  grid-column-gap: 20px;
}

.nav-is-desktop #header .inside {
  grid-template-columns: 180px auto;
}

.nav-is-mobile #header .inside {
  grid-template-columns: 200px auto;
}

.nav-is-desktop #header .logo {
  float:unset;
}

.nav-is-mobile .nav-burger {
  margin-left: auto;
}

.nav-is-mobile .mod_navigation.nav-wrapper {
  place-content: center;
}