/*! responsive-nav.js 1.0.25 by @viljamis */

.nav-collapse ul{
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  
    /* background: #DEB23D; */
    color:#fff;
    font-size:2em;
    line-height:2em;
    padding:0 1em;
	position:relative;
	width: auto;
	background: #DBCBAD;
	
}

.nav-collapse li, .nav-collapse li a  {
  width: 100%;
  display: block;
  color: black;
  text-decoration: none;
  font-size: 12pt;
  line-height: 30px; /* Must be at least 35px so you can click on mobile? */
  margin-bottom: 0;
  
}

.js .nav-collapse { /* The opened mobile nav menu */
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	zoom: 1;
	height: 206px;
	overflow: scroll; /* Allows scrolling menu */
	-webkit-overflow-scrolling: touch; /* Allows mobile scrolling menu */
	border: 2px solid #D6A00F;
	
}

.nav-collapse.opened {
  max-height: 9999px;
  
}

.nav-collapse.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle, .nav-toggle:hover, .nav-toggle:focus { /* The menu button */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  
    color:black;
    font-size:25px;
	font-weight: 100;
	font-color:white;
	text-decoration: none;
	
	float:left;
	z-index: 5;
	
}

/* CSS for sticking nav at top past scroll.. */
#nav {
	z-index: 5;
}

#custom-toggle{
	font-size: 25px;
	color: white;
	width:30px;
	padding-top:14px;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-right: 10px;
	margin: 0;
	float:left;
}

/* Used for the 3-bar icon in the subnav.. allows clicking the entire navbar to open list */
.float-left{
	float: left;
	font-size: 25px;
	padding-top: 2px;
}


@media screen and (min-width: 960px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle, #custom-toggle {
    display: none;
  }
}

@media screen and (min-width: 768px) {
	.nav-collapse ul{margin-left:0px;}
	.js .nav-collapse{margin-left:0px;}

}


@media only screen and (max-width: 480px) {
#custom-toggle {
float: left;
background-color: #212121;
color: #fff;
font-size: 1.6em;
height: 32px;
line-height: 1.4em;
padding: 8px 0px 6px 0px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 10%;
}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
#custom-toggle {
float: left;
background-color: #212121;
color: #fff;
font-size: 1.6em;
height: 32px;
line-height: 1.4em;
padding: 16px 0px 6px 0px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 10%;
}
}

@media screen and (min-width: 768px) and (max-width: 960px) {
 .nav-collapse{
     height:300px;
     overflow-y: scroll;
 }
#custom-toggle {
float: left;
background-color: #212121;
color: #fff;
font-size: 1.9em;
height: 32px;
line-height: 1.4em;
padding: 30px 0px 20px 0px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 10%;
}
}