.navbar {
    background-color: white !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); /* subtle shadow */
}



.navbar-brand {
    margin-left: 25%;
    color: #000000;
}
.nav-link {
    color: #000000;
}
.navbar-nav {
    margin-left: 15%;
}
.navbar-nav .nav-item {
    margin-right: 5px;
}
.flex-row {
    margin-right: 18%;
}
.navbar-toggler {
    margin-right: 5px;
}
.navbar-text {
    margin-right: 15%;
}



/* Hide mobile menus by default */
.tools-menu-mobile {
    display: none;
}

/* Desktop dropdown hover fix */
@media (min-width: 720px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media screen and (max-width: 720px) {
    .ytthumb {
        width: 100%;
    }
    .inputdiv {
        width: 90%;
    }
    .nav-item {
        height: auto;
        margin-bottom: 10px;
        margin-right: auto;
        margin-top: 10px;
        background-color: #fff;
    }
    .navbar-brand {
        margin-left: 3%;
    }
    #navbarNav {
        margin-right: 0%;
    }
    .data-div {
        font-size: 3vw;
    }
    .tools-menu-desktop {
        display: none;
    }
    .navbar {
        margin-right: 1%;
    }
    .nav-link {
        margin-left: 0;
    }
    .flex-row {
        margin-left: 0;
        justify-content: flex-start;
    }
    .tools-menu-mobile {
        display: inline;
        margin-right: auto;
        margin-left: 0;
    }
    .dropdown-menu {
        left: 0;
        transform: none;
        position: relative;
        box-shadow: none;
        border: none;
        background: transparent;
    }
    .dropdown-item {
        padding-left: 20px;
    }
}