/*

Colors

#fbf7ff
#f6dcff
#e7b7f7
#9664A0
#7636a5
#5f1d80
#530064

*/

.navBar1_mainDIV
{
    justify-content: space-around;
    align-items: center;
}

.menuItems_hDIV
{
    justify-content: center;
}

.navBar1_mainDIV,
.menuDivider
{
    border-bottom: solid 0.1em #f6dcff;
}

.notifDIV
{
    background: url(images/bell-regular.svg);
}

.pageHomeDIV
{
    background: url(images/house-solid.svg);
}

.accountDIV
{
    text-align: center;
    
}

.searchDIV::after
{
    content: url(images/magnifying-glass-solid.svg);
    display: block;
    position: absolute;
    filter: brightness(10);
}

.pageTitleNavBarDIV
{
    text-align: center;
}

.notifDIV,
.pageHomeDIV
{
    height: 50%;
}




.navBarLogoDIV,
.navIconDIV,
.accountDIV,
.pageTitleNavBarDIV
{
    margin: 0 clamp(0.1em, 1vw, 0.8em);
}

.notifDIV,
.pageHomeDIV
{
    width: clamp(0.8em, 2.4vw, 5em);
}

.accountDIV
{
    padding: clamp(0.05em, 0.6vw, 0.5em);
    border-radius: clamp(0.1em, 1.7vw, 1.5em);
    font-size: clamp(0.3em, 0.9vw, 0.7em);
    height: clamp(0.1em, 1.3vw, 1.5em);
    width: clamp(0.1em, 1.3vw, 1.5em);
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.accountDIV div
{
    width: clamp(0.1em, 1.3vw, 1.5em);
    height: 100%;
    font-size: clamp(0.2em, 0.8vw, 0.9em);
    line-height: clamp(0.3em, 1.5vw, 1.9em);
    justify-content: center;
}

.searchDIV::after
{
    width: 1.4vw;
    margin: -3.2vw 0.9vw;
}


#navRightSpacer
{
    width: clamp(1em, 14vw, 13em);
}





/*
------------------------------------ ASPECT RATIO DRIVEN RULES
----------------------
---------------------- PORTRAIT RULES
*/

.navBar1_mainDIV,
.navBarLogoDIV img
{
    height: clamp(1em, 3.4vw, 2.8em);
}

.pageTitleNavBarDIV
{
    width: clamp(10em, 84vw, 70em);
}


/*
---------------------- LANDSCAPE RULES
*/

@media (min-aspect-ratio: 1)
{
    .navBar1_mainDIV,
    .navBarLogoDIV img
    {
        height: clamp(1em, 2.7vw, 2.1em);
    }
    
    .pageTitleNavBarDIV
    {
        width: clamp(10em, 65vw, 54em);
    }
    
    
    
    
}