/* Navigation Menu */

@media (max-width:957px) {
	ul#menu {
  		display:none;
	}
	#mobileNav, #mobileLogout {
  		display:block;
	}
  #logoutMobile {
    width:100%;
  }
}

@media (min-width:957px) {
	#mobileNav, #mobileLogout {
  		display:none;
	}
}

#mobileNav {
  margin-left:auto;
  margin-right:auto;
  width:70%;
  margin-top:10px;
}


#navigation {
  width:100%;
  background:#d29234;
  height:46px;
  font-family: 'Open Sans', Arial, "MS Trebuchet", sans-serif;
  font-weight:700;
  font-size:14px;
}

ul#menu {
  width:100%;
}

ul#menu, ul#menu ul.sub-menu {
  padding:0;
  margin: 0;
  z-index:9999;
}
ul#menu li, ul#menu ul.sub-menu li {
  list-style-type: none;
  display: inline-block;
}

/* Link Appearance */
ul#menu li a, ul#menu li ul.sub-menu li a, ul#menu li ul.sub-menu li button {
  text-decoration: none;
  color: #fff;
  line-height:46px;
  display:inline-block;
  background:#d29234;
  padding-left: 40px;
  padding-right: 40px;
  text-transform:uppercase;
  font-size:14px;
  border-left:1px solid #e5e5e5;
}

ul#menu li a.first, ul#menu li ul.sub-menu li a.first {
	border:none;
}

ul#menu li ul.sub-menu li a, ul#menu li ul.sub-menu li button {
  padding-left:7px;
  padding-right:7px;
  height:37px;
  line-height:37px;
  width:220px !important;
  font-size:14px;
  border-left:0px;
}

ul#menu li {
  position: relative;
  float: left;
}

ul#menu li a:hover {
  background:#e5e5e5;
  color:#d29234;
}

ul#menu li.current a {
  background: #e5e5e5;
  color: #d29234;
}

/* Sub Menu */
ul#menu li ul.sub-menu {
  display:none;
  position: absolute;
  top: 46px;
  left: 0;
  width: 220px;
  z-index:100000;
  border: 1px solid #A7AE77;
  overflow: hidden;
}
ul#menu li ul.sub-menu li a:hover, ul#menu li ul.sub-menu li button:hover {
  background:#e5e5e5;
  color:#d29234;
}
ul#menu li:hover ul.sub-menu {
  display:block;
}

ul#menu li ul.sub-menu.client-details {
  max-width:162px;
}
ul#menu li ul.sub-menu.client-details li button {
  text-align:left;
  outline:0px;
  line-height:24px;
}

@media all and (max-width:1200px) {
  ul#menu li a {
    padding-left:27px;
    padding-right:27px;
  }
}

@media all and (max-width:992px) {
  ul#menu li a {
    padding-left:13px;
    padding-right:13px;
  }
}