#mobileTopBar {
    width: 100%;
    height: 5vh;
    background-color: var(--infobox-bg);
    display: flex;
    border-bottom: 1px grey solid;
    align-items: center;
    display: none;
}

img#mobileTopbarLogo {
    width: 5vw;
    margin-left: 10px;
}

#burgerMenu {
    background-image: url("https://www.svgrepo.com/show/506800/burger-menu.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-left: auto;
    margin-right: 25px;
    border: 1px transparent solid;
    filter: var(--toolbar-item-filter)
}

#burgerMenu:hover {
    border: 1px grey solid;
}

#burgerMenu:active {
    border: 1px grey solid;
}

#mobileDropdown {
    display: flex;
    width: 105vw;
    height: fit-content;
    flex-direction: column;
    border-bottom: 1px solid grey;
    display: none;
    align-items: center;
    justify-content: center;
}

#resultsMobile {
    display: flex;
    position: absolute;
    top: 9.7vh;
    flex-direction: column;
}

.mobileTopbarLogo {
    height: 25px; 
    width: auto; 
    margin-left: 10px;
}

.dropdown {
    height: 5vh;
    width: 97.5%;
    background-color: var(--infobox-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.dropdown:hover {
    border-bottom: 1px grey solid;
    border-top: 1px grey solid;
    cursor: pointer;
}

.search {
    min-height: 5vh;
    flex-direction: column;
    height: fit-content;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.search:hover {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.topbarLink {
    color: inherit;
}

.topbarLink:hover {
    text-decoration: none;
}

#searchbarMobile {
    height: 4vh;
    width: 80%;
}

.logoutLink.dropdown {
    display: none;
}

@media (max-width: 780px) {
    #mobileTopBar {
        display: flex;
    }

    .dropdown a {
        color: var(--text-color) !important;
    }
}