.navbar--section {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 70px;
    position: relative;
    z-index: 1000;
}

.navbar--notify {
    font-size: 35px !important;
}

.navbar--notify svg {
    fill: var(--color-blackshade);
}

/* menu */

.navbar--menu {
    box-shadow: var(--theme-shadow);
    height: 60px;
    padding: 0px 20px;
    border-radius: var(--menu-radius);
}

.navbar--menu-button {
    border-radius: 0px;
    border-bottom: 2px solid transparent;
}

.navbar--menu-button:hover,
.navbar--menu-button:focus {
    border-bottom: 2px solid var(--bg-theme);
}

.navbar--menu-button.active {
    border: none;
    background-color: var(--bg-theme);
    border-radius: var(--navbar-radius);
    color: white;
}

/* search */

.navbar--menu-search {
    width: 150px !important;
    height: 38px !important;
    display: inline-block;
    font-size: 12px !important;
    border-color: var(--color-theme-light);
}

/* profile */

.navbar--profile-menu {
    background-color: #efefef;
    padding: 0px;
    width: 190px;
}

.navbar--profile-menu a {
    padding: 12px 0px;
}

.navbar--profile-menu a:hover,
.navbar--profile-menu a:focus {
    background-color: var(--color-scheme-4);
    color: white;
    border-radius: inherit;
}

.navbar--profile-menu a:hover svg,
.navbar--profile-menu a:focus svg {
    fill: white;
}

.navbar--profile-button {
    padding: 0px;
    width: 80%;
    max-width: 75px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

.navbar--profile-button img {
    width: 100%;
    height: 100%;
    border: 3px solid white !important;
    /* background-color: var(--bg-theme) !important; */
    object-fit: cover;
    border-radius: 50%;
}