/* Off Canvas menu */
.wrapper {
	position: relative;	
}


/* line 4, layouts\structure\_mobile-navigation.scss */
.nav-toggle {
  position: absolute;
  right: 15px;
  top: 2px;
  display: inline-block;
  z-index: 99;
}
/* line 11, layouts\structure\_mobile-navigation.scss */
.nav-toggle .dashicons {
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #ffffff;
}

/* line 19, layouts\structure\_mobile-navigation.scss */
.nav-close {
  position: absolute;
  right: 15px;
  top: 2px;
}
/* line 23, layouts\structure\_mobile-navigation.scss */
.nav-close .dashicons {
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
}


.mobile-nav {
  overflow: hidden;
  background: #352413;
  text-align: left;
}
.mobile-nav .wrap {
  padding: 0;
}
.mobile-nav > .wrap {
  position: relative;
  padding: 50px 15px;
}
.mobile-nav .menu-item {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ce8c4a;
  text-align: left;
}
.mobile-nav .menu-item a {
  border: none;
  color: #3ea5bc;
  font-weight: normal;
  font-size: 16px;
  font-family: PTSansNarrowRegular;
  line-height: 24px;
  padding: 5px 0;
  display: inline-block;
  text-transform: uppercase;

}
.mobile-nav .menu-item a:hover {
  color: #fff;
}
.mobile-nav .menu-item a span {
  display: none;
}
.mobile-nav .sub-menu {
  padding: 4px 0;
}
.mobile-nav .sub-menu li {
  padding-left: 24px;
  border: none !important;
}
.mobile-nav .sub-menu li a {
  padding: 5px 0;
}



@media screen and (min-width: 960px) {
	.nav-toggle, .nav-close, .mobile-nav {
		display: none;	
	}

}
@media screen and (max-width: 959px) {
	

	.show-nav {
		overflow-x: hidden; 	
	}
	
	.mobile-nav .nav-close span {
		position: absolute;
		text-indent: -999em;
	}
	
	
	
	.nav-toggle {
	  display: inline-block;
	  z-index: 999;
	}
	.nav-toggle:focus {
		outline: none;
	}
	.nav-toggle:hover, .nav-close:hover {
	  text-decoration: none;
	}
	
	.mobile-nav {
		text-align: inherit;
		clear: both;
		width: 280px;
		left: -280px;
		position: absolute;
		top: 0;
		height: auto;
		min-height: 100%;
		z-index: 9000;	
	}
	
	.csstransforms3d.csstransitions .wrapper {
		-webkit-transform: translateX(0);
	  transform: translateX(0);
	  
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  
	  -webkit-transition: 300ms ease all;
	  transition: 300ms ease all;
	 
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	}
	
	/* no transitions default */
	.show-nav .wrapper {
			position: relative;
			left: 280px;
	 }
	  
	.csstransforms3d.csstransitions .show-nav .wrapper {
		 left: 0;
		 -webkit-transform: translateX(280px);
		 transform: translateX(280px);
		 
		 -webkit-transform: translate3d(280px, 0, 0);
		 transform: translate3d(280px, 0, 0);
	 }
	  
	
	}

  


}