/*
	Author: Gilberto Galvan
	CSS for shared navigation using wordpress menu in navigation div and profile.
*/

/* NAVIGATION */
.navigation {
	border-bottom:2px solid #87B925;
	color:#676767;
	font-size:17px;
	position:relative;
	z-index:99999;
	padding:0px;
	display:block;
}

.navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}


.navigation a{
	text-decoration:none;
}

/* MAIN MENU */
.menu-main-container, #user-greeting{
	width:auto;
	display:block;
	position:relative;
	z-index:9999;
}
.menu-main-container>.nav-menu>li, #user-greeting{
	position:relative;
}

.menu-main-container>.nav-menu>li .sub-menu, #user-greeting>ul{
	
	opacity:0;
	display:none;
	position:absolute;
	top:100%;
	left:0px;
	width:auto;
	margin:0px;
	padding:0px;
	background-color: #0F206C;
	
}

.menu-main-container>.nav-menu>li:hover .sub-menu, #user-greeting:hover>ul{
	display:block;
	opacity:1;
}




.menu-main-container>.nav-menu>li .sub-menu>li, #user-greeting li{
	display:block;
	position:relative;
	background-color: #0F206C;
	z-index:99999;
	margin:0px !important;
	padding:0px;
}
.menu-main-container .sub-menu>li>a, #user-greeting>ul>li>a{
	display:block;
	background-color: transparent ;
	min-width:200px;
	color: #FFF;
	border-top:1px solid rgba(255,255,255,.25);
	
	transition:background-color .1s linear, text-indent .2s ease-out;
	-webkit-transition:background-color .1s linear, text-indent .2s ease-out;
	-ms-transition:background-color .1s linear, text-indent .2s ease-out;
	
}

.menu-main-container ul a, .menu-main-container ul a:visited, #user-greeting li a { 
	background-color: transparent;
	font-family: inherit ;
	font-size:  17px ;
	font-weight: normal ;
	font-style: normal ;
	margin:0px;
	text-decoration: none;
}
#user-greeting:hover a
{
	color:#FFF;
}
.menu-main-container>.nav-menu>li{
	display:block;
	float:left;
	margin:0;
	padding:0px;
}
.menu-main-container>.nav-menu li a, .menu-main-container>.nav-menu li a:visited, #user-greeting a { 
	padding: 4px 20px 4px 10px;
	margin:0px;
}

.menu-main-container>.nav-menu li:hover>a, .menu-main-container>.nav-menu li>a:focus,
.menu-main-container>.nav-menu li>a:active, .menu-main-container ul a:hover, #user-greeting ul a:hover{ 
	background: rgba(255,255,255,.2);
	color: #fff !important;
}

.menu-main-container .sub-menu>li:hover>a
{
	/* text-indent:10px; */
}
.menu-main-container>.nav-menu>li:hover>a, #user-greeting:hover>a
{
	background-color:#0F206C;
}
.menu-main-container>.nav-menu>li>a, .menu-main-container>.nav-menu>li>a:visited, #user-greeting a{
	color:#676767;
}
.menu-item-has-children>a, #user-greeting>a
{
 	background-image:url('/common/images/cih-navigation-dropdown-arrow.gif');
	background-repeat:no-repeat;
	background-position:right center;
}
.menu-main-container>.nav-menu>li>a:only-child
{
	background-image:none;
}


/* style selected page in the top menu */                                  
.navigation .current-menu-item>a, .navigation .current-page-parent>a { 
	background-color: #0F206C !important;
	color:#FFF !important;
}

/* NAVIGATION USER GREETING AND SIGN IN */
#user-greeting
{
	text-align:right;
	float:right;
	z-index:999;
}
#user-greeting>ul>li>a
{
	text-align:right;
}

#user-greeting:hover>ul
{
	right:0px !important;
	left:auto !important;
	margin:0px;
}




@media (max-width: 768px) { 
	.menu-main-container, .menu-main-container li, .menu-main-container a, #user-greeting, #user-greeting li, #user-greeting a, #user-greeting ul{
		width:100% !important;
		padding:0px !important;
		display:block;
		margin-left:auto !important;
		margin-right:auto !important;
		text-align:center;
		position:relative;
	}
	
	.navigation>div{
		display:none !important;
	}
	.navigation:before
	{
		content:'Menu';
		display:block;
	}
	.navigation:hover > div, .navigation:focus > div
	{
		display:block !important;
	}
	.navigation:hover:before, .navigation:focus:before
	{
		
	}
	.menu-main-container, #user-greeting
	{
		
		top:0px;
	}
	.menu-main-container li, #user-greeting
	{
		background:#fff;
	}
	.menu-main-container li:hover, #user-greeting:hover, .menu-main-container li:focus, #user-greeting:focus
	{
		z-index:99999;
	}
	.menu-main-container ul ul, #user-greeting ul
	{
		width:90% !important;
		margin:0px auto !important;
		float:none !important;
		display:block;
		bottom:0px !important;
		top:auto;
		left:5% !important;
		
	}
	.menu-main-container ul ul>li, .menu-main-container ul ul>li>a, #user-greeting ul a, #user-greeting ul li
	{
		width:100% !important;
		display:block !important;
		background:#0F206C;
		padding:0px !important;
		margin:0px;
	}
	.menu-main-container ul ul>li>a, #user-greeting ul a
	{
		padding:5px 0px !important;
	}
	
	#user-greeting ul
	{
		display:none;
		top:100% !important;
		bottom:auto !important;
		position:relative !important;
	}
	#user-greeting a
	{
		text-align:center !important;
	}
}