/*

Colors

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

*/


.menuItem
{
    margin: auto 0;
    text-align: center;
    white-space: nowrap;
    height: 100%;
}
    
.activeMenuItem
{
    font-weight: bold;
}

.activeMenuItem
{
    background-color: #f6dcff !important;
}

#accountMenuDIV
{
    position: absolute;
}

.menuDivider
{
    height: 0.1em;
}

#accountMenuUserInfoDIV,
#accountMenuUserInfoDIV div
{
    text-align: center;
}

#accountUserNameSpan,
#accountEmailSpan
{
    color: #555;
}

#accountEmailSpan
{
    font-style:italic;
}

/*
#addProjectButton
{
    width: max-content;
}
*/



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

.menuItems_hDIV
{
    min-width: 46vw;
}

.accountMenuItem
{
    font-size: 1.7vw;
    padding: 1.2vw;
}

.homeMenuItem
{
    font-size: 1.4vw;
    line-height: 5vw;
    padding: 0 2vw;
    background-color: #fbf7ff;
    border-left: solid 0.1em #e7b7f7;
}

.homeMenuItemLast
{
    border-right: solid 0.1em #e7b7f7;
}

#homeSearch
{
    padding: 0.7vw 0.7vw 0.7vw 3vw;
    font-size: 1.2vw;
    width: 20vw;
    margin: 1vw 0;
}

#accountMenuDIV
{
    top: 5vw;
    right: 1vw;
    padding: 0 2vw 2vw;
}

#accountMenuUserInfoDIV
{
    padding: 1vw 2vw;
}

#accountMenuUserInfoDIV div
{
    margin: 0.6vw 0;
}

#accountUserNameSpan
{
    font-size: 1vw;
}

#accountFullNameSpan
{
    font-size: 1.5vw;
}

#accountEmailSpan
{
    font-size: 1vw;
}

/*
#addProjectButton
{
    margin-top: 5vw;
    font-size: 1.5vw;
    padding: 2.8vw;
}
*/



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

@media (min-aspect-ratio: 1)
{
    
}

/*
------------------------------------ MAXIMUMS/LIMITS
*/


@media screen and (min-width: 56em)
{
    .accountMenuItem
    {
        font-size: 0.6em;
        line-height: 3.6em;
        padding: 0 2em;
    }

    .homeMenuItem
    {
        font-size: 0.6em;
        line-height: 3.6em;
        padding: 0 2em;
    }
    
    #homeSearch
    {
        padding: 0.5em 0.5em 0.5em 2.4em;
        font-size: 0.6em;
        width: 16em;
        margin: 0.5em 0;
    }
    
    /*
    #addProjectButton
    {
        margin-top: 3em;
        font-size: 0.7em;
        padding: 1.6em;
    }
    */
    
    .menuItems_hDIV
    {
        min-width: 27em;
    }
}

.homeTabHeader
{
    margin: 0 0 2em;
}

.homeTabTitle,
.homeTabBackArrow
{
    font-size: 0.8em;
}

.homeTabBackArrow
{
    position: fixed;
    margin-left: 4em;
    padding-left: 1.2em;
    background-size: 0.9em;
    background-position-y: 0.07em;
}