/* This is the selector i used for my menu, it needs to be set as position:absolute; */
#navbar_container {
  position: absolute;
  top: 124px;
  z-index: 99999;
  width: 100%;
  min-width: 1040px;
  background: none; }

.customize-support #navbar_container {
  top: 246px; }

.nav-spacer {
  height: 54px; }

.navbar {
  background-color: #fff;
  margin: 0 auto;
  max-width: 1036px; }

.menu-rest-menu {
  margin: 0 20px; }

.main-navigation {
  clear: both;
  margin: 0 auto;
  max-width: 1040px;
  min-height: 45px;
  position: relative;
  border-bottom: 0;
  padding: 0 0 0 24px; }

/* NAVBAR ON */
#navbar_container.fxd {
  background-color: #5c5149; }
  #navbar_container.fxd .navbar {
    background-color: #5c5149; }
  #navbar_container.fxd #menu-rest-menu.nav-menu li a {
    color: #fff;
    border-right: 1px solid #fff; }
  #navbar_container.fxd #menu-rest-menu.nav-menu li a.active, #navbar_container.fxd #menu-rest-menu.nav-menu li a:hover {
    color: #ffe697; }
  #navbar_container.fxd #menu-rest-menu.nav-menu li.home-item a {
    color: #fff;
    border-right: 0;
    background: url(/wp-content/themes/bayless/images/top-rest.png) -95px 13px no-repeat; }
  #navbar_container.fxd #menu-rest-menu.nav-menu li.home-item a:hover {
    color: #fff;
    border-right: 0;
    background: url(/wp-content/themes/bayless/images/top-rest.png) -95px -30px no-repeat; }

@media (max-width: 1040px) {
  #navbar_container {
    min-width: 0;
    margin: 0 14px;
    width: auto; } }

@media (max-width: 768px) {
  #navbar_container {
    width: 100%;
    min-width: 0;
    margin: 0 0; } }

@media (max-width: 500px) {
  .nav-spacer {
    height: 0; } }