/* -------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------- */


/* -------------------------------------------------------------
	NAVIGATION VARIABLES
------------------------------------------------------------- */

:root {
	
--navFontFamilyTopLevel: inherit;
--navFontFamilySubLevel: inherit;

--navFontWeightTopLevel: bold;
--navFontWeightSubLevel: normal;

--navTextTransformTopLevel: uppercase;
--navTextTransformSubLevel: uppercase;

--navFontSizeTopLevel: 16px;
--navFontSizeSubLevel: 16px;

--navPaddingTopLevel: 20px;
--navPositioningCorrection: -20px; /* Negative Value from 'NavPaddingTopLevel' */
--navPaddingSubLevel: 20px;
	
}



/* -------------------------------------------------------------
	Home Icon instead of text (Not on burger menu)
------------------------------------------------------------- */

#avia-menu li.menu-item-home a:after
{
	font-size: 0.9em;
	font-family: 'entypo-fontello' !important;
	content: "\e821";
	position: relative;
	top: 0;
	margin: 0!important;
}

#avia-menu li.menu-item-home a .avia-menu-text
{
	display: none;
}



/* -------------------------------------------------------------
	Top Level
------------------------------------------------------------- */

#top #header #avia-menu
{
	position: relative;
	right: var(--navPositioningCorrection); /* correct menu item padding */
}


/* First Level */
#top #header .av-main-nav > li > a
{
    font-family: var(--navFontFamilyTopLevel);
    font-size: var(--navFontSizeTopLevel) !important;
    font-weight: var(--navFontWeightTopLevel);
    text-transform: var(--navTextTransformTopLevel);
    padding-left: var(--navPaddingTopLevel);
    padding-right: var(--navPaddingTopLevel);
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Hover state */
#top #header .av-main-nav > li > a:hover
{
	color: rgba(255, 255, 255, 1) !important;
}

/* Active color when item is selected */
#top #header .av-main-nav > li.current_page_item > a
{
	opacity: 1 !important;
}

/* Active color when parent item is selected */
#top #header .av-main-nav > li.active-parent-item > a
{
	opacity: 1 !important;
}



/* -------------------------------------------------------------
	Arrows when submenu Topmenu
------------------------------------------------------------- */

.av-main-nav > li.menu-item-has-children > a > .avia-menu-text:after
{
	font-family: 'entypo-fontello' !important;
	content: "\e877";
	position: relative;
	top: 0;
	margin: 0 0 0 0.3em !important;
}



/* -------------------------------------------------------------
	CSS Triangle top (optional)
------------------------------------------------------------- */

#top #header .av-main-nav ul.sub-menu
{
	background-color: transparent !important;
	padding-top: 10px !important;
}

.av-main-nav  ul.sub-menu:before
{
	pointer-events: none !important;
	content: '';
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -10px; /* half the width */
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px; /* Height = 1 x border left or right, width = 2x border left or right */
	border-color: transparent transparent #403F4C transparent; /* bg color submenu */
}



/* -------------------------------------------------------------
	Optional: Maybe smaller when responsive
------------------------------------------------------------- */

@media only screen and (min-width: 990px) and (max-width: 1150px) {
	#top #header .av-main-nav li a,
	#top #header .av-main-nav ul.sub-menu li a {
	    font-size: var(--navFontSizeTopLevel) !important;
	    padding-left: var(--navPaddingTopLevel);
	    padding-right: var(--navPaddingTopLevel);
	}	
}



/* -------------------------------------------------------------
	Sub Level
------------------------------------------------------------- */

/* Hack when using the header shaddow */
#top #header .av-main-nav ul.sub-menu
{
	margin-top: 0 !important;
}

/* Border top (optional) */
#top #header .av-main-nav ul.sub-menu li:first-of-type
{
	border-top: 1px solid #403F4C;
}

#top #header .av-main-nav ul.sub-menu li a
{
    font-family: var(--navFontFamilySubLevel);
    font-size: var(--navFontSizeSubLevel) !important;
    font-weight: var(--navFontWeightSubLevel) !important;
    text-transform: var(--navTextTransformSubLevel);
    padding-left: var(--navPaddingSubLevel) !important;
    padding-right: var(--navPaddingSubLevel) !important;
}

#top #header .av-main-nav ul.sub-menu li a:hover
{
	color: rgba(0, 0, 0, 0.6) !important;
}

#top #header .av-main-nav ul.sub-menu li.current-menu-item a span
{
	opacity: 0.6 !important;
}



/* -------------------------------------------------------------
	MOBILE BURGER MENU
------------------------------------------------------------- */

/* Fix html overflow */
html.av-burger-overlay-active
{
	overflow: hidden !important;
}

#av-burger-menu-ul li a
{
	font-weight: 600 !important;
	font-size: 24px !important;
	font-style: normal;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
	color: #fff;
}

/* Hamburger Menu Position Fix */
@media only screen and (max-width: 989px) {
	.responsive #top #wrap_all .av-burger-menu-main {
	    right: 0;
	}
}

/* Hamburger Menu Position Fix mobile with smaller top bar */
@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .av-burger-menu-main {
	    top: -2px;
	    right: 15px;
	}
}

/* Search icon Fix width right */
@media only screen and (min-width: 990px) {
	#menu-item-search a {
		padding-right: 0 !important;
	}
}



/* -------------------------------------------------------------
	MOBILE BURGER MENU SOCIAL ICONS
------------------------------------------------------------- */


#av-burger-menu-ul li.burger-social
{
	float: left !important;
}

#av-burger-menu-ul li.burger-social:hover a,
#av-burger-menu-ul li.burger-social a:hover
{
	background: none !important;
}

.burger-social
{
	display: inline-block !important;
	width: 25% !important; /* Bei 4 Icons !!! */
	text-align: center !important;
	margin-top: 25px !important;
}