#header-bar {
    box-sizing: border-box;
    
    width: 100%;
    /* height: 58px; */
    /* height: 3.625rem; */
    flex-basis: 3.625rem;

    background: linear-gradient(180deg, var(--main-blue) 0%, var(--alt-blue) 100%);
    color: white;

    /* padding: 12px 16px; */
    padding: 0.75rem 1rem;

    z-index: 100;
    
    margin: 0 !important;
    max-width: initial !important;
    max-height: 3.625rem;
}

.disabled-link {
    pointer-events: none;
    cursor: default;
}

#home-button { 
    /* height: 34px; */
    height: 2.125rem;
    width: auto;
}

.dropdown#profile {
    float: right;
    margin-left: 4.5rem;
}
.dropdown#profile .dropdown-toggle::after {
    vertical-align: middle;
}
.dropdown#profile span {
    font-size: 0.875rem;
}
.dropdown#profile a {
    font-size: 0.875rem;
}
.dropdown#profile > button {
    padding: 0rem !important; 
    background: rgba(0, 0, 0, 0.0);
    border-width: 0rem;    
}
.dropdown#profile > button:hover {
    background: rgba(0, 0, 0, 0.0);
}
.dropdown#profile > button > img {
    /* width: 28px;
    height: 28px; */
    width: 1.75rem;
    height: 1.75rem;

    border: 1px solid white;
    border-radius: 50%;

    object-fit: cover;
}
.dropdown#profile > button > div {
    display: inline-block;
    margin: 0rem 0.417rem;
    height: 1.875rem;
    line-height: 1.875rem;
}

/* Mobile Version */
@media (max-width: 767.98px) {
    #header-bar {
        max-height: 6.5rem;
    }

    #header-bar #search {
        flex-basis: 100%;
        order: 3 !important;
    }
    #header-bar #profile {
        order: 2 !important;
    }
}