/* absolute position menu button */
.site-header .header-widget-area .menu-toggle {
	//position: absolute;
	top: 0;
	right: 0;
}

/*nav.nav-header.mobile-nav-open .genesis-nav-menu li {
	float: none !important;
}*/

nav.nav-header.mobile-nav-open .menu {
 	width: 100%;
}
.mobile-nav-open .menu a {
	/*padding: 1.2rem;*/
}
@media screen and (max-width: 960px) {
	header.site-header > .wrap {
		padding: 0;
		/*max-width: 100%;*/
	}
	.header-image .title-area {
		margin-bottom: 0;
		padding-left:5%;
	}
	nav {
		position: absolute;
		bottom: 0;
	}
}
nav.nav-header{
	position: static;
}

/*  */
/*@media screen and (min-width: 769px) and (max-width: 961px) {
	.site-header .widget-area {
		width: 100%;
	}
}*/
nav.nav-header.mobile-nav-open .menu {
	display: block;
}

@media screen and (max-width: 960px) {
 	nav.nav-primary .menu-primary {
 		width: 100%;
 	}

	nav.nav-primary,
	nav.nav-header {
		//width: 100%;
	  	//height: auto;
	  	/*position: relative;
	  	left: 0;
	  	z-index: 1;
	  	overflow: hidden;*/
	  	display: block;
		
	}
	nav.nav-primary .wrap,
	nav.nav-header .wrap {
		padding-left: 0;
		padding-right: 0;
	}
	nav.nav-primary.mobile-nav-open #menu-main-menu,
	nav.nav-primary.mobile-nav-open .menu-primary,
	nav.nav-primary.mobile-nav-open .menu,
	nav.nav-header.mobile-nav-open .menu {
		height:auto;
		margin-top: 0;
	}

	nav.nav-primary .wrap,
	nav.nav-header .wrap {
		width: 100%;
		//overflow: hidden;
	}

	nav.nav-primary #menu-main-menu,
	nav.nav-primary .menu-primary,
	nav.nav-primary .menu,
	nav.nav-header .menu {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 60;
		overflow-x: hidden; 
		height:0;
	}
	nav.nav-primary #menu-main-menu .menu-item,
	nav.nav-primary .menu-primary .menu-item,
	nav.nav-header .menu .menu-item,
	nav.nav-primary .menu .menu-item {
		background-color: #10a4bc;
		background-color: rgba(19,19,19,.90);
		width: 100%;
		float: left;
	}
	/*nav.nav-primary #menu-main-menu .menu-item.current-menu-item,
	nav.nav-primary .menu-primary .menu-item:hover,
	nav.nav-header .menu .menu-item.current-menu-item,
	nav.nav-header .menu .menu-item.current-menu-parent,
	nav.nav-header .menu .menu-item:hover {
		background-color: rgba(19,19,19,.90);
		border-bottom-width: 0;
	}*/
	nav.nav-primary #menu-main-menu .menu-item a,
	nav.nav-header .menu .menu-item a {
		color: #fff;
		padding: 1.2rem;
		width: 100%;
	}
	/*nav.nav-primary #menu-main-menu .menu-item.current-menu-item > a,
	nav.nav-primary .menu-primary .menu-item:hover > a,
	nav.nav-header .menu .menu-item.current-menu-item > a,
	nav.nav-header .menu .menu-item:hover > a{
		color: #fff !important;
		border-left: 6px solid #00bdbd;
	}*/
	nav.nav-primary #menu-main-menu > .menu-item:nth-child(odd),
	nav.nav-primary #menu-main-menu > .menu-item:nth-child(even)  {
		-webkit-transition: -webkit-transform 0.6s ease;
		-webkit-transition-delay: 0.2s; 
	    -moz-transition: -moz-transform 0.6s ease 0.2s;
	    -o-transition: -o-transform 0.6s ease 0.2s;
	     transition: transform 0.6s ease 0.2s; 
	}
	/* right */
	nav.nav-primary #menu-main-menu > .menu-item:nth-child(odd) {
	  -moz-transform: translateX(100%);
	  -o-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	  -webkit-transform: translateX(100%);
	  transform: translateX(100%);
	}
	/* left */
	nav.nav-primary #menu-main-menu > .menu-item:nth-child(even) {
	  -moz-transform: translateX(-100%);
	  -o-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  -webkit-transform: translateX(-100%);
	  transform: translateX(-100%);
	}

	nav.nav-primary.mobile-nav-open #menu-main-menu > .menu-item:nth-child(odd),
	nav.nav-primary.mobile-nav-open #menu-main-menu > .menu-item:nth-child(even) {
	  	-moz-transform: translateX(0%);
	  	-o-transform: translateX(0%);
	  	-ms-transform: translateX(0%);
	  	-webkit-transform: translateX(0%);
	  	transform: translateX(0%);
	}

}

/* sub menu items */
@media only screen and (max-width: 960px) {
	.genesis-nav-menu .sub-menu.mobile-nav-open {
	  display: block;
	}

	.sub-menu-toggle {
	  position: absolute;
	  right: 0;
	  top: 0;
	  margin: 0;
	  border-radius: 0;
  	  -moz-border-radius: 0;
  	  -webkit-border-radius: 0; 
  	  -o-border-radius: 0;
	}
	nav.nav-primary #menu-main-menu .sub-menu .menu-item a,
	nav.nav-primary .menu-primary .sub-menu .menu-item a,
	nav.nav-header .menu .sub-menu .menu-item a {
		padding-left: 2.5rem;
		background-color: rgba(255, 255, 255, 0.93);
	}
	nav.nav-primary .genesis-nav-menu .sub-menu a:hover, 
	nav.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a, 
	nav.genesis-nav-menu .sub-menu a:hover, 
	nav.genesis-nav-menu .sub-menu .current-menu-item > a {
    	color: #fff;
    	background-color: #b88400;
	}
	.genesis-nav-menu .sub-menu a:last-child {
		border-bottom: none
	}
}