/*
* Uses Font Awesome and Bootstrap 3
* Both aren't required for this demo
*/
#site-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 1100px; /* Adjust this to tallest menu once navigation is finalized. */
}
#site-canvas {
  width: 100%;
  height: 100%;
  position: relative;
  
  -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; 
  /*padding: 5% 0; Temp: Just spacing. */
}
.show-nav #site-canvas {
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}
#site-menu {
  width: 300px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -300px;
  background: #215272;
  padding: 5px 15px 15px 15px;
  min-height: 1100px; /* Adjust this to tallest menu once navigation is finalized. */		
}



/* Just styles... Not relevant to demo */

#big-slidenav {
  display: flex;
  margin: 0 auto;
  font-size: 40px;
  font-weight: 300;
  color: #215272;
}
i#big-slidenav-icon {
    background-color: #215272;
    color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 35px;
    padding-left: 10px;
	border-left: 0px solid;
	cursor: pointer;	
}
#site-menu li a.selected{
  color:#0192d2;
}
#site-menu ul li a{
  color: #fff;
}

#site-menu ul{
  list-style: none;
}
#site-menu > ul{
  padding: 10px;
}

#site-menu > a{
  color:#fff;
  cursor: pointer;
}

#site-menu > ul > li{
  padding: 10px 0px 10px 10px;
  line-height: 18px;
}

#site-menu > ul > li > ul{
  padding: 5px 0px 5px 12px;
} 

#site-menu ul li ul li{
	font-size: 14px;
    padding-bottom: 10px;
    line-height: 15px;
}