.menuBackground {
  background-color: #eb6444; }

.menuContainer .homeButton {
  width: 40px;
  height: auto;
  margin: 0 5px; }

/*
  top Menu
 */
ul.menu {
  margin: 0;
  padding: 10px;
  text-align: center; }
  ul.menu a:hover {
    text-decoration: none; }
  ul.menu li {
    display: inline-block;
    text-align: left;
    position: relative;
    background: none;
    margin: 0 5px;
    color: white;
    font-size: 1.1em; }
    ul.menu li a {
      color: white;
      padding: 0; }
      ul.menu li a:hover {
        color: #eb6444; }
    ul.menu li .subMenu {
      width: 200px;
      padding: 0 0;
      display: none;
      position: absolute;
      z-index: 10; }
      ul.menu li .subMenu li {
        width: 100%;
        margin: 0;
        padding: 5px 10px;
        border-radius: 0;
        color: white;
        font-size: 18px;
        position: relative; }
        ul.menu li .subMenu li:hover {
          color: #eb6444;
          background: white; }
          ul.menu li .subMenu li:hover a {
            color: #83577b; }
          ul.menu li .subMenu li:hover li {
            color: white;
            background: transparent; }
            ul.menu li .subMenu li:hover li:hover {
              color: #83577b;
              background: white; }
              ul.menu li .subMenu li:hover li:hover a {
                color: #83577b; }
            ul.menu li .subMenu li:hover li a {
              color: white; }
      ul.menu li .subMenu a {
        color: white;
        display: block; }
      ul.menu li .subMenu .subMenu {
        position: absolute;
        top: 0;
        left: 100%;
        display: none; }
    ul.menu li.active, ul.menu li:hover {
      background: white;
      color: #eb6444;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      ul.menu li.active.no-sub, ul.menu li:hover.no-sub {
        border-radius: 5px; }
      ul.menu li.active .subMenu, ul.menu li:hover .subMenu {
        display: block; }
        ul.menu li.active .subMenu li .subMenu, ul.menu li:hover .subMenu li .subMenu {
          display: none; }
        ul.menu li.active .subMenu li:hover .subMenu, ul.menu li:hover .subMenu li:hover .subMenu {
          display: block; }
    ul.menu li button {
      border: none;
      background: none;
      padding: 6px 13px 5px; }

/*
  mobile menu
 */
ul.mobileMenu {
  margin-bottom: 0;
  padding: 10px; }
  ul.mobileMenu a:hover {
    text-decoration: none; }
  ul.mobileMenu li {
    display: inline-block;
    position: relative;
    background: none;
    margin: 0 40px;
    color: white;
    font-size: 1.0em;
    padding: 2px 3px; }
    ul.mobileMenu li a {
      color: white;
      padding: 0; }
      ul.mobileMenu li a:hover {
        color: #eb6444; }
    ul.mobileMenu li .subMenu {
      width: 200px;
      padding: 5px 0;
      display: none;
      position: absolute;
      z-index: 10;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      ul.mobileMenu li .subMenu li {
        width: 100%;
        margin: 0;
        padding: 5px 10px;
        border-radius: 0;
        color: white;
        font-size: 18px;
        position: relative; }
        ul.mobileMenu li .subMenu li:hover {
          color: #eb6444;
          background: white; }
          ul.mobileMenu li .subMenu li:hover a {
            color: #83577b; }
          ul.mobileMenu li .subMenu li:hover li {
            color: white;
            background: transparent; }
            ul.mobileMenu li .subMenu li:hover li:hover {
              color: #83577b;
              background: white; }
              ul.mobileMenu li .subMenu li:hover li:hover a {
                color: #83577b; }
            ul.mobileMenu li .subMenu li:hover li a {
              color: white; }
      ul.mobileMenu li .subMenu a {
        color: white;
        display: block; }
      ul.mobileMenu li .subMenu .subMenu {
        position: absolute;
        top: 0;
        left: 100%;
        display: none; }
    ul.mobileMenu li.active, ul.mobileMenu li:hover {
      background: white;
      color: #eb6444;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      ul.mobileMenu li.active .subMenu, ul.mobileMenu li:hover .subMenu {
        display: block; }
        ul.mobileMenu li.active .subMenu li .subMenu, ul.mobileMenu li:hover .subMenu li .subMenu {
          display: none; }
        ul.mobileMenu li.active .subMenu li:hover .subMenu, ul.mobileMenu li:hover .subMenu li:hover .subMenu {
          display: block; }
    ul.mobileMenu li button {
      border: none;
      background: none;
      padding: 6px 13px 5px; }

/*# sourceMappingURL=menu.css.map */