/* navmenu */
#navmenulist {
    /* background: red; */
}

#navmenulist * {
    padding: 0;
    margin: 0;
}

#navmenulist > ul > li {
    border: none;
    list-style: none;
    padding: 0;
}

#navmenulist > h5,
#navmenulist > ul > li a {
    display: flex;
    align-items: center;

    padding: 10px 15px;
    /* min-height: 35px; */
}

#navmenulist > h5 {
    border-radius: 4px 4px 0 0;
    background-color: #f6f6f6;
    border-bottom: none;

    color: black;
}

#navmenulist > ul > li a {
    background-color: white;
    color: var(--primary-dark);
}

#navmenulist > h5 ~ ul > li:not(:last-child) a {
    border-radius: 0px;
    border-bottom: none;
}

#navmenulist > h5 ~ ul > li:last-child a {
    border-radius: 0 0 4px 4px;
}

#navmenulist > ul > li a:hover {
    background-color: #f1f1f1;
}

#navmenulist > ul {
    margin-bottom: 10px;
}

/* menu */

#menu {
    border: none;
    margin: 0;
}

#menu > ul {
    padding: 0;
}

#menu > ul > li {
    margin-bottom: 10px;
}

#menu > ul > li > a {
    background: none;
    margin: 0px;
    padding: 10px 15px;

    background-color: white;

    color: black;
}

#menu > ul > li.active > a {
    border-radius: 4px 4px 0 0;
    border-bottom: none;

    background-color: white;
}

#menu > ul > li.active > ul > li > a.pref_sublink {
    /* background: blue; */

    border-radius: 0px;
    padding: 10px 15px;

    text-align: left;
}

#menu > ul > li.active > ul > li > a.pref_sublink {
    font-weight: normal;
    color: var(--primary-dark);

    background-color: #f6f6f6;
}

#menu > ul > li.active > ul > li:not(:last-child) > a.pref_sublink {
    /* background: blue; */
    border-bottom: none;
}

#menu > ul > li.active > ul > li:last-child > a.pref_sublink {
    /* background: blue; */
    border-bottom: none;
    border-radius: 0px 0px 4px 4px;
}

#menu > ul > li > a:hover,
#menu > ul > li.active > a:hover,
#menu > ul > li.active > ul > li > a.pref_sublink:hover {
    background: none;
    border-color: var(--border-color);
    color: unset;

    background-color: #f1f1f1;
}

/* #menu > ul > li > a::after {
    font-family: 'FontAwesome';
    content: '\f0d7';
    font-size: 10px;
    padding-top: 2px;
}

#menu > ul > li.active > a::after {
    font-family: 'FontAwesome';
    content: '\f0d8';
    font-size: 10px;
    padding-top: 2px;
} */

.browse-controls {
    margin: 0;
}

.browse-controls .browse-label #browse-return-to-results {
    background-color: #f1f1f1;
    border-color: var(--border-color);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}

.browse-controls .browse-prev-next #browse-previous {
    border-color: var(--border-color);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}

.browse-controls .browse-prev-next #browse-next {
    border-color: var(--border-color);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}

#search-facets {
    border: none;
    border-radius: 0px;
}

#search-facets h4 {
    text-align: left;
    font-weight: normal;

    border-radius: 0px;
    background-color: unset;
    border: none;
    padding: 0;
    margin-bottom: 10px;
}

#search-facets > ul {
    border: none;
    border-radius: 0px;

    padding: 0;
}

#search-facets > ul > li {
    background-color: #f6f6f6;

    padding: 10px 15px 0 15px;

    margin-bottom: 10px;
}

#search-facets > ul > li > ul {
    padding: 0;
    margin: 0px -15px;
    margin-top: 10px;
}

#search-facets > ul > li > ul > li {
    padding: 0;
    margin: 0;
    display: flex;
    visibility: hidden;
}

#search-facets > ul > li > ul > li > span {
    flex-grow: 1;
    visibility: visible;
    background-color: white;
}

#search-facets > ul > li > ul > li > .facet-label {
    padding: 10px 15px;
    border-top: 1px solid var(--border-color);
}

#search-facets > ul > li > ul > li > .facet-count {
    padding: 10px 15px;
    border-top: 1px solid var(--border-color);
    flex-grow: 0;
}

#search-facets > ul > li > ul > li > .facet-label a {
    margin: -10px -15px;
    border-top: none;
}

#search-facets > ul > li > ul > li > span + a {
    margin-right: -3px;
    margin-left: -3px;
}

#search-facets > ul > li > ul > li span,
#search-facets > ul > li > ul > li a {
    display: block;
    visibility: visible;
}

#search-facets > ul > li > ul > li a {
    padding: 10px 15px;
    color: var(--primary-dark);
    flex-grow: 0;
    background-color: white;
    border-radius: 0px;
    border-top: 1px solid var(--border-color);
}

#search-facets > ul > li > ul > li.moretoggle a {
    border-radius: 0 0 4px 4px;
    flex-grow: 1;
}

#search-facets > ul > li > ul > li a:hover {
    background-color: #f1f1f1;
}

#search-facets > ul > li#availability_facet > ul > li {
    visibility: visible;
    background-color: white;
    border-top: 1px solid var(--border-color);
}

#search-facets > ul > li#availability_facet > ul > li > strong {
    padding: 10px 15px;
}

#search-facets > ul > li#availability_facet > ul > li > a {
    flex-grow: 1;
    border-top: none;
}

/* aside */

aside fieldset.brief {
    padding: 10px 15px;
}

aside fieldset.brief h3,
aside fieldset.brief h4 {
    margin: -10px -15px;
    padding: 10px 15px;
    margin-bottom: 10px;

    background-color: #f9f9f9;
    border-bottom: 1px solid var(--border-color);
}