/*	
	======================================================================

	public/nav.css

	======================================================================
*/


/* ----------------------------------------------------
   top nav
   ---------------------------------------------------- */
	
	#top_nav {

		position: absolute;
		right: 50px;
		top: 50px;
		width: 730px;
		height: 22px;
		z-index: 30;
		padding: 0;
	}

	.top_nav_link {
	
		float: right;
		margin-left: 25px;
		font-size: 1.8rem;
	}
	
/* ----------------------------------------------------
   top nav
   ---------------------------------------------------- */

	#mobile_nav_div_background {
	
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 90;
	}
	
	#mobile_nav_div {
	
		display: none;
		position: absolute;
		left: 0;
		top: 30px;
		text-align: center;
		width: 100%;
		z-index: 100;
		pointer-events: none;
	}
	
	#mobile_nav_div_inner {

		display: inline-block;
		background-color: #A4C34E;
		padding: 4px 50px 15px 50px;
		border-radius: 0 0 10px 10px;
		pointer-events: auto;
		z-index: 200;
		box-shadow: 10px 10px 10px rgb(0, 0, 0, 0.3);
	}
	
	#mobile_nav_div_inner a {
	
		color: white;
		font-size: 2.0rem;
		line-height: 260%;
		font-weight: normal;
		z-index: 300;
		padding: 6px 20px;
		border-radius: 8px;
	}	
	
	#mobile_nav_div a:active {
	
		text-decoration: none;
		background-color: #0071B5;
	}