@charset "utf-8";
/* CSS Document */

/*----- Toggle Button -----*/
.toggle-nav {
	display:none;
}

/*----- Menu -----*/
@media screen and (min-width: 1040px) {
	.menu_nav {
		width:80%;
		height: 60px;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		box-shadow:0px 1px 1px rgba(0,0,0,0.15);
		border-radius:3px;
		background-color: rgba(0,0,0,0.30);	
		font-family: "Sophie", "Andale Mono", "Lucida Sans Typewriter", "Courier New";
		font-size: 1.8em;
	}
}

.menu_nav ul {
	display:inline-block;
}

.menu_nav li {
	margin:-14px 50px 0px 0px;
	float: left;
	list-style:none;
	font-size: 1.2em;
	color: #AAAAAA;
}

.menu_nav li:last-child {
	margin-right:0px;
}

.menu_nav a {
	text-shadow:0px 1px 0px rgba(0,0,0,0.5);
	transition:color linear 0.15s;
}

.menu_nav a:hover, .menu_nav .current-item a {
	text-decoration:none;
	color:#EEEEEEE;
}

/*----- Responsive -----
@media screen and (max-width: 1150px) {
	.wrap {
		width:90%;
	}
}

@media screen and (max-width: 970px) {
	.search-form input {
		width:120px;
	}
}*/

@media screen and (max-width: 1040px) {
	.menu_nav {
		position:relative;
		display:inline-block;
		margin-top: -30px;
	}

	.menu_nav ul.active {
		display:none;
	}

	.menu_nav ul {
		width:200%;
		position:absolute;
		top:110%;
		left:0px;
		padding:4px 16px;
		text-align: left;
		box-shadow:0px 1px 1px rgba(0,0,0,0.15);
		border-radius:3px;
		background-color: rgba(0,0,0,0.70);
		z-index: 1;
	}

	.menu_nav ul:after {
		width:0px;
		height:0px;
		position:absolute;
		top:0%;
		left:12px;
		content:'';
		transform:translate(0%, -100%);
		border-left:7px solid transparent;
		border-right:7px solid transparent;
		border-bottom:7px solid #303030;
	}

	.menu_nav li {
		margin:5px 0px 5px 0px;
		float:none;
		display:block;
	}

	.menu_nav a {
		display:block;
		font-family: "Sophie", "Andale Mono", "Lucida Sans Typewriter", "Courier New", "monospace";
		font-size: 1.6em;
	}

	.toggle-nav {
		padding:8px 12px 8px 12px;
		margin-left: auto;
		margin-right: auto;
		display:inline-block;
		box-shadow:0px 1px 1px rgba(0,0,0,0.15);
		border-radius:3px;
		background:#242424;
		text-shadow:0px 1px 0px rgba(0,0,0,0.5);
		color:#bbb;
		font-size:26px;
		transition:color linear 0.15s;
	}

	.toggle-nav:hover, .toggle-nav.active {
		text-decoration:none;
		color:#bbb;
	}

}