/*Style 'show menu' label button and hide it by default*/
.menu-icon-wrapper {
    display: none !important;
}

div.navigation {
	float: left;
    position:relative;
    width: 100%;
}

#dummy {
    display: flex;
    height: 0px;
}

#menu-bar {
  padding: 0px;
  font-weight: 400;
  line-height: 100%;
  position: relative;
  margin: auto !important;
  top: -30px;
  left: 56px;
  z-index:999;
}

#menu-bar li {
  margin: 0px;
  float: left;
  position: relative;
  list-style: none;
}

#menu-bar p {
    margin: 0px;
	cursor:default;
}

#menu-bar p:after {
	content:" ▾";
}

#menu-bar ul p:after {
	content:" ▸";
}

#menu-bar li ul li.compressed div.spacer {
    background-color: rgba(248, 243, 243, 1.000);
    height: 1px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#menu-bar li ul li.compressed {
    height: 1px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/* menu bar text */
#menu-bar a, #menu-bar p {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;

  font-size: 22px;
  color: #452c00;
  /* text-decoration: none; */
  display: block;
  margin: 0;
}

/* submenu */
#menu-bar ul a, #menu-bar ul p {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #ccbda0;
}

#menu-bar>li:first-child>a, #menu-bar>li:first-child>p {
    border-radius: 5px 0px 0px 5px;
    padding-left: 20px !important;
}

#menu-bar>li:last-child>a, #menu-bar>li:last-child>p {
    border-radius: 0px 5px 5px 0px;
    padding-right: 20px !important;
}

#menu-bar li ul li a {
  margin: 0;
}

/* menu bar text hover */
#menu-bar .active a, #menu-bar li:hover > a, #menu-bar .active p, #menu-bar li:hover > p {
  /* background-color: #ccbda0; */
    text-decoration: underline;
}

#menu-bar li:hover > p {
  /* border-bottom-left-radius: 0px; */
  /* -webkit-border-bottom-left-radius: 0px; */
  /* -moz-border-radius-bottomleft: 0px; */
  /* border-bottom-right-radius: 0px; */
  /* -webkit-border-bottom-right-radius: 0px; */
  /* -moz-border-radius-bottomright: 0px; */
}

/* submenu text */
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  color: #452c00;
}

/* submenu hover */
#menu-bar ul a:hover {
  /* background-color: #c4b494; */
  /* border-radius: 0; */
  /* -webkit-border-radius: 0; */
  /* -moz-border-radius: 0; */
}

/* make submenus appear when hovering over main menu item */
#menu-bar li:hover > ul, #menu-bar li:active > ul {
  display: block;
}

/* submenu */
#menu-bar ul {
  display: none;
  margin: 0;
  padding: 0;
  border-left: 1px rgba(0, 0, 0, 0.3);
  width: 145px;
  position: absolute;
  top: 40px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
}

#menu-bar ul li ul {
  top: 0px;
  left: 175px;
}

#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}

/* submenu text */
#menu-bar ul a {
  padding:10px 0px 10px 15px !important;
}

#menu-bar ul li:first-child > a {
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}