/****************************************
RNav
Created by Jennifer L Holt and Nick Arnoldi
ResponsiveNav.com

-----------------------------------------
THEME: Dark
-----------------------------------------

****************************************/


/****************************************
	General
****************************************/

body {
	-webkit-text-size-adjust: 100%; 
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif
}



/****************************************
	Desktop Navigation Styles
****************************************/


ul.rNav, ul.rNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
    
ul.rNav { /*Menu Bar*/
	zoom:1;
	margin-top: 10px;
	}
    
ul.rNav:before,
ul.rNav:after { 
	content: "";
	display: table;
	}
    
ul.rNav:after {
        clear: both;
    }
    
ul.rNav li {
	float: left;
	position: relative;
	line-height:normal; 
    }
    
ul.rNav a { /*Link Style*/
	color: #fff;
	font-weight:bold;
    text-decoration: none; 	
	padding: 0 20px;/*space between main nav items*/
	float: left;
	height:30px;
    }
	
ul.rNav a:hover{/*Hover Style*/
	color: #e0e0e0;
	background: rgba(220,138,75,0)
	} 
	
ul.rNav a:active{ /*Causes the text to shift upon click*/
	position: relative;
  	top: 1px;
}

ul.rNav > li > a{	
	height:30px;/*Height of nav bar, must match to vertically center items*/
	line-height:30px;
	}


ul.rNav li:hover > a {/*Link Hover Styles*/
	color: #e0e0e0; 
   }
    
    
ul.rNav ul { 
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 30px; /*Must match height of nav bar as defined under 'ul.rNav > li > a'*/
	left: 0;
	z-index: 9999;
	border: thin solid #383838; /*border for dropdown*/

    }

ul.rNav li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
    }
	
ul.rNav ul li { /*drop down nav style*/
	background:#383838; 
	border-bottom: 1px solid #383838; 
    }	
	
ul.rNav ul li:last-child{
	border:none;
	}
	
ul.rNav li:hover{	
	}

ul.rNav ul a {  /*Drop Down Link Style*/
	padding: 10px 25px; 
	font-size:14px;
	width: 130px;  /*if you change the width of the drop down, you must change the "left" value of ul.rNav ul ul (below)*/
	display: block;
    }
    
ul.rNav ul ul {
	top:-1px;
	left: 180px; /*width of drop down link + padding*/
    }
    

    

    
    
/****************************************
	Mobile Menu Styles
****************************************/
#rNav-trigger {
	display: none;
	}
@media screen and (max-width: 768px) {
/*If you change the max-width, remember to change it in your JS options*/
       
#rNav-wrap {
	position: relative; 
	}

      
#rNav-trigger {/* Nav Bar/Trigger */
	display: block;
	height: 70px;
	line-height: 70px; /*Must match height to vertically center*/
	cursor: pointer;
	padding: 0 0 0 45px;
	font-size:1.125em;
	color: #fafafa;
	font-weight: bold;
	background: url(icon-menu.png) 95% center no-repeat #383838;        
		}
        
       
ul.rNav { /* main nav styles */
	margin: 0; 
	padding:0;
	z-index: 9999;
	position: absolute;
	top: 70px; /*Must match height/line-height defined in '#rNav-trigger'*/
	width: 100%;
	background-image:none; /*removes gradient from mobile navigation*/
	display: none;
        }

ul.rNav > li > a{	
	height:auto;
	line-height:normal;
	padding: 22px 45px; /*space between main nav items*/
	}	
	
ul.rNav li.rNav-back{/*Style Back Hover button*/
	background: #4a4a4a url(icon-arrow-back.png) no-repeat 45px center; 
	}
ul.rNav li.rNav-back:hover{/*Style Back Hover button*/
	background: #666666 url(icon-arrow-back.png) no-repeat 45px center; 
		}	
	
ul.rNav li.rNav-back a{/*Style Back button*/
	margin: 0; 
	font-size: 0.750em;
	font-weight: bold;
	text-indent:30px;
	text-transform: uppercase;
	letter-spacing: 1px ;
	color: #ccc;
		}


ul.rNav ul {
	position: static;
	visibility: visible;
	opacity: 1;
	margin: 0;
    }


ul.rNav li, ul.rNav li:hover { /*Mobile Navigation Style*/
	position: static;
	display: block;
	float: none;
	border-bottom: 1px solid #343434;
	background: #000;  
	     
    }

ul.rNav a{/*Link Style*/
	display: block;
	float: none;
	font-weight:bold;
	color: #fff; 
	text-decoration:none;
	line-height: 50px;
        }

ul.rNav a:hover{/*Hover Style*/
	color: #e0e0e0;
	
	}   



	
ul.rNav ul a{
	padding: 0;
	width: auto;        
        }


ul.rNav ul li:first-child a:after,
ul.rNav ul ul li:first-child a:after {
	border: 0;
        }       
      
a.rNav-parent { /*Style parents only*/
	background: url(icon-arrow-forward.png) no-repeat 95% center !important;
        }



ul.rNav-trans {
	display: block;
	position: absolute;
	overflow: hidden;
        }

ul.rNav-trans li, ul.rNav-trans li a {
	overflow: hidden;
	white-space: nowrap;
        }
    }