#menu_panel {
    display:none;
    margin-bottom:2rem;
}
#menu_panel[aria-hidden="false"] {
    display:block;
}
/**
 * Large breakpoint
 */
 @media screen and (min-width: 1024px) {
    #menu_panel[aria-hidden="false"] {
        display:none;
    }
}
/**
 * Search
 */
#menu_panel .search form {
    border-top: var(--site-border-light);
    border-bottom: var(--site-border-light);
    border-radius:0;
    display: flex;
    align-items: center;
}
#menu_panel .search form input,
#menu_panel .search form button {
    border: none;
    border-radius: 0;
    padding: 0.75rem 1rem;
    line-height: 1;
    background:transparent;
}
#menu_panel .search form input[type="search"] {
    flex:1;
}
#menu_panel .search form button img {
    display: block;
}

/**
 * Main Navigation
 */
#main_navigation {
    display: block; 
}
#main_navigation ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;

}
#main_navigation ul.menu li {
    border-bottom: var(--site-border-light);
}
#main_navigation ul.menu a,
#main_navigation ul.menu button {
    display: block;
    padding: 0.75rem 1rem;
    color: inherit;
    text-decoration: none;
    background: transparent;
    border:none;
    width:100%;
    box-sizing: border-box;
    cursor: pointer;
}

#main_navigation ul.menu li.menu-item-has-children > a,
#main_navigation ul.menu li.menu-item-has-children > button {
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}
#main_navigation ul.menu li.menu-item-has-children > a:after,
#main_navigation ul.menu li.menu-item-has-children > button:after {
    display:block;
    content:' ';
    background:url('../images/icons/down.svg') no-repeat center center;
    width:8px;
    height:8px;
}
#main_navigation ul.menu li.menu-item-has-children > a[aria-expanded="true"]:after,
#main_navigation ul.menu li.menu-item-has-children > button[aria-expanded="true"]:after {
    background-image:url('../images/icons/up.svg');
}

#main_navigation ul.sub-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
#main_navigation ul.sub-menu[aria-hidden='false'] {
    display: block;
}
#main_navigation ul.sub-menu a,
#main_navigation ul.sub-menu button {
    padding-left:1.5rem;
}
#main_navigation ul.sub-menu ul.sub-menu a,
#main_navigation ul.sub-menu ul.sub-menu button {
    padding-left:2rem;
}