.navbar-custom {
  background-color: #d28a64;
  border-color: #cb784b;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #8a4a28;
}

.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li {
  background: url("../images/menu-spacer.png") left no-repeat;
}
.navbar-custom .navbar-nav > li:first-child {
  background: none;
}

.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  font-weight: bold;
  transition: 300ms;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #8a4a28;
  background-color: #cb784b;
  text-shadow: none;
}

.navbar-custom .navbar-nav > li > .dropdown-menu {
  background: url("../images/shadow.png") top repeat-x #d28a64;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  padding: 10px 0 0 0;
}
.navbar-custom .navbar-nav > li > .dropdown-menu li {
  background: url("../images/dropdown-menu-spacer.png") top repeat-x;
}
.navbar-custom .navbar-nav > li > .dropdown-menu li:first-child {
  background: none;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li a {
  color: #fff;
  padding: 8px 15px 8px 15px;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li a:hover,
.navbar-custom .navbar-nav > li > .dropdown-menu > li a:focus,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:hover,
.navbar-custom .nav .open > a:focus {
  color: #8a4a28;
  background-color: #cb784b;
}

.navbar-custom .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #d28a64;
}

.navbar-custom .navbar-nav > li > .dropdown-menu > li .dropdown-menu {
  background: #dfaf95;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li .dropdown-menu > li {
  background: url("../images/submenu-spacer.png") top repeat-x;
}
.navbar-custom
  .navbar-nav
  > li
  > .dropdown-menu
  > li
  .dropdown-menu
  > li:first-child {
  background: none;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li .dropdown-menu > li > a {
  color: #95502b;
}
.navbar-custom
  .navbar-nav
  > li
  > .dropdown-menu
  > li
  .dropdown-menu
  > li
  > a:focus,
.navbar-custom
  .navbar-nav
  > li
  > .dropdown-menu
  > li
  .dropdown-menu
  > li
  > a:hover {
  color: #fff;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #8a4a28;
  background-color: #cb784b;
  text-shadow: none;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .dropdown-menu > .active > a,
.navbar-custom .dropdown-menu > .active > a:hover,
.navbar-custom .dropdown-menu > .active > a:focus,
.navbar-custom .navbar-nav > .open > a:focus {
  color: #8a4a28;
  background-color: #cb784b;
}

.navbar-custom .navbar-toggle {
  border-color: #cb784b;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #cb784b;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #ffffff;
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #8a4a28;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: -3px;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #8a4a28;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #8a4a28;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #8a4a28;
    background-color: #cb784b;
  }
}