#top-container {
  overflow: initial !important;
  height: 120px;
}
#top-container nav#site-navigation {
  overflow: visible;
}
#top-container nav#site-navigation ul.main-menu ul.sub-menu {
  display: none;
}
#top-container nav#site-navigation ul.main-menu li.menu-item-has-children:hover {
  position: relative;
}
#top-container nav#site-navigation ul.main-menu li.menu-item-has-children:hover ul.sub-menu {
  display: block !important;
  position: absolute;
  left: -10px;
  top: 32px;
  z-index: 999;
  background-color: #fff;
  width: 200px;
  padding: 5px;
}
#top-container nav#site-navigation ul.main-menu li.menu-item-has-children:hover ul.sub-menu li {
  padding: 5px;
  display: block;
  border-bottom: 0px;
  margin-right: 0px;
  border-bottom: 5px solid #fff;
}
#top-container nav#site-navigation ul.main-menu li.menu-item-has-children:hover ul.sub-menu li:hover {
  border-bottom: 5px solid #b32317!important;
}
#top-container nav#site-navigation ul.main-menu #menu-item-372 {
  background-image: url('/wp-content/themes/voala/images/donate.png');
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 30px;
}
@media (max-width: 1024px) {
  #top-container {
    overflow: auto !important;
    height: max-content !important;
  }
  #top-container .logo {
    float: left;
    margin-top: 15px;
  }
  #top-container .main-nav {
    float: right;
  }
  #top-container .main-nav .mobile-menu {
    float: none;
    text-align: right;
    background-position: top right;
    margin-top: 10px;
    margin-right: 40px;
  }
  nav#site-navigation {
    display: none !important;
  }
  .mobile-menu {
    float: none;
    text-align: left;
  }
  #mobile-nav {
    overflow: visible;
  }
  #mobile-nav ul.sub-menu {
    display: none;
    margin-left: 15px;
  }
  #mobile-nav li.menu-item-has-children {
    background-image: url('/wp-content/themes/voala/images/down.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 13px;
  }
  #mobile-nav li.menu-item-has-children.activated {
    background-image: url('/wp-content/themes/voala/images/right.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 9px;
  }
  #mobile-nav li.activated ul.sub-menu {
    display: block;
  }
  #mobile-nav li.a-clicked ul.sub-menu {
    display: none !important;
  }
  #mobile-nav a:hover {
    border-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .main-nav {
    width: 35%;
  }
}
@media (max-width: 667px) {
  .main-nav {
    width: 100% !important;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  nav#site-navigation {
    display: none !important;
  }
  #top-container.container .main-nav {
    width: 340px;
  }
  #top-container.container .main-nav .mobile-menu {
    display: block;
  }
  #top-container.container .main-nav #mobile-nav ul.main-menu li {
    display: block;
  }
}
@media (max-width: 736px) and (orientation: portrait) {
  #top-container .logo {
    width: 80%;
  }
  #top-container .main-nav .mobile-menu {
    margin-right: 0px;
  }
}
@media (max-width: 736px) and (orientation: landscape) {
  #top-container .logo {
    width: 45%;
  }
  #top-container .main-nav .mobile-menu {
    margin-right: 34px;
    margin-top: 10px;
  }
  nav#site-navigation {
    display: none !important;
  }
}
@media (max-width: 667px) and (orientation: landscape) {
  #top-container .logo {
    width: 45%;
  }
  #top-container .main-nav {
    padding: 0px;
    width: 45% !important;
  }
  #top-container .main-nav .mobile-menu {
    margin-right: 50px;
    margin-top: 40px;
  }
}