/* Main horizontal menu under the header (overrides theme .main-navigation) */
#site-navigation.main-navigation{display:block;background-color:#0d0c24;margin-bottom:30px}
#site-navigation.main-navigation .main-navigation-inner{padding-left:30px;padding-right:30px}
#site-navigation.main-navigation ul{display:flex;flex-direction:row;flex-wrap:wrap;margin:0;padding:0;list-style:none}
#site-navigation.main-navigation ul li{margin:0}
#site-navigation.main-navigation ul li>a{display:flex;align-items:center;min-height:66px;padding:0 24px;font-size:16px;line-height:1.2;font-weight:700;color:#fff;text-decoration:none;transition:color .2s}
#site-navigation.main-navigation ul li:first-child>a{padding-left:0}
#site-navigation.main-navigation ul li>a:before{display:none}
#site-navigation.main-navigation ul li>a:hover,
#site-navigation.main-navigation ul li>a:focus-visible{color:#1db954}
#site-navigation.main-navigation ul li>a[aria-current="page"]{color:#fff;box-shadow:inset 0 -3px 0 #1db954}
#site-navigation.main-navigation ul li>a[aria-current="page"]:hover{color:#1db954}
/* The menu is always visible, so the (empty) theme hamburger and its mobile clone are not needed */
.js-humburger,.js-mobile-menu-placeholder{display:none!important}
@media (max-width:767px){
  #site-navigation.main-navigation .main-navigation-inner{padding-left:20px;padding-right:20px}
  #site-navigation.main-navigation ul li>a{min-height:52px;padding:0 16px;font-size:15px}
  #site-navigation.main-navigation ul li:first-child>a{padding-left:0}
}