#top-navigation { position: relative; top: 26px;}


/* MAIN NAVIGATION ***********/

#mainmenu {font-family: "Arial Narrow", Arial, sans-serif; font list-style-type: none; margin: 0 36px 0 0; padding: 0; display: inline-block;}

	#mainmenu > li { float: left;margin: 0 22px 0 0; line-height: 3rem ;   }
	#mainmenu > li:last-child { margin-right: 0; }
	
	#mainmenu > li a { color: #aaaaaa; text-decoration: none; position: relative; }
	#mainmenu > li > a {  text-transform: uppercase;  font-size: 1.2em; }
	#mainmenu > li > a:hover { color: #e73064; }	
	body.fixed-header #desktop-header:not(.fixed) #mainmenu > li > a { color: #fff;}
	body.fixed-header #desktop-header:not(.fixed) #mainmenu > li > a:hover { color: #000;}
	


		
		
		#mainmenu li a:hover, 
		#mainmenu li.is-active-element > a,
		#mainmenu li.current-menu-item > a,
		#mainmenu li.current-menu-ancestor > a,
		#mainmenu li.current-post-ancestor > a,
		#mainmenu li.current-menu-parent > a { color: #e73064;  }

	#mainmenu ul { 
		background: #fff;
		display: none;
		min-width: 200px;
		box-shadow: 0px 3px 2px rgba(0,0,0,.12);
		border-top: 5px solid #e73064;
	}
		#mainmenu ul li:not(:last-child) { /*border-bottom: 1px solid #DCDCDC;*/ }
		#mainmenu ul li > a { display: block; padding: .6rem; }

/* caret */
	#mainmenu span.caret {
		background: none !important;
	}
	#mainmenu span.caret:before
	{
	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: 12px;
	  margin-left: 6px;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  content: "\f0d7";
	}

#submenu { margin: 0 0 36px 0; padding: 0; font-size: .9em; }
#submenu li { margin: 0; text-transform: uppercase; color: #b1b1b1; }
#submenu li a { color: #8a8a8a; padding: 10px 4px; border-bottom: 1px solid rgb(206, 206, 206); }
#submenu li a:hover,
#submenu li.is-active-element > a, 
ul#submenu li.current-post-parent > a,
ul#submenu li.current-menu-item > a {  color: #e73064; }

/* TOP LEVEL */
#submenu > li { margin: 0; }
#submenu > li > a{  }
#submenu > li > a:hover {  }
/* SUB LEVEL */
#submenu > li ul { margin: 0; }
#submenu > li ul li > a{  }
#submenu > li ul li > a:hover {  }
	

.toggle-menudrawer {
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    font-size: 1.8rem;
    color: #6e6e6e;
}

body.menu-drawer-is-visible { margin-top: 0; }
body.menu-drawer-is-visible .toggle-menudrawer { opacity: 0; }

#menudrawer { background: rgba(84, 84, 84, 0.9); }
#menudrawer .close-drawer {
	top: 1%; 
	transition: 200ms linear all;
}
#menudrawer .close-drawer:hover {
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-90deg);
}

/**
	 * MAIN NAVIGATION */
	#menudrawer #drawer-mainmenu { margin: 42px 0 0 0; }
	#drawer-mainmenu li
	{
		display: block;
		margin-right: 0;
		width: 100%;
	}

	#drawer-mainmenu li > a
	{
		display: block;
		padding: 12px 16px;
		margin: 0px;
		color: #fff;
		border-bottom: 0;
	}


	#drawer-mainmenu li.current-menu-item > a,
	#drawer-mainmenu li.menuItemActive > a,
	#drawer-mainmenu li > a:hover,
	#drawer-mainmenu li > a:focus,
	#drawer-mainmenu li > a:active
	{
		background: #e73064;
		color: #fff;
		border-bottom: 0;
		padding: 12px 16px;
	}
	/* caret */
	#drawer-mainmenu span.caret {
		text-align: center;
		background: none !important;
		margin-top: 14px;

	}
	#drawer-mainmenu span.caret:before
	{
	display: block;
	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: inherit;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  content: '\f067';
	}
	#drawer-mainmenu span.caret.open:before {
		content: '\f068';
	}

	#drawer-mainmenu > li > ul > li ul { margin-top: 0px; }


		#drawer-mainmenu li ul {
			box-shadow: inset 0px 2px 5px -1px rgba(0,0,0,.2);
			border-width: 0;
			padding: 0;
			background: rgba(0,0,0,.2);
			max-width: 100%;
			width: 100%;
			position: static;
		}
		#drawer-mainmenu li ul li { border: 0; min-width: auto;}
		#drawer-mainmenu li ul li a { padding: 12px 16px; color: #fff; }