navigation {
    display: flex;
    position: static;
    z-index: 1;
    width: 100%;
    border-bottom: inset 2px var( --frw-accent-darkest-color );
    -webkit-box-shadow: 0px 0px 20px 10px var( --frw-accent-darkest-color );
    -moz-box-shadow: 0px 0px 20px 10px var( --frw-accent-darkest-color );
    box-shadow: 0px 0px 20px 10px var( --frw-accent-darkest-color );
    border-top: inset 2px var( --frw-accent-darkest-color );
    background-color: var( --clr-white );
    height: 140px;
    justify-content: space-between;
    align-items: center;
}

sitelogo
{
    background-color: var( --frw-accent-color );
    border: inset 2px var( --frw-accent-darkest-color );
    border-radius: 2px;
    height: 138px;
    width: 138px;
    display: grid;
}

sitelogo > a 
{

}

sitelogo > a > img
{
    height: 138px; width: 138px;
}

navigation > urlbox
{
    color: var(--frw-accent-color );
    background-color: var(--frw-accent-light-color );
    display: flex;
    height: 100px;
}

navigation > urlbox > a
{
    font-size: 20px;
    padding-top: 19px;
    padding-bottom: 26px;
    padding-right: 25px;
    padding-left: 25px;
    cursor: pointer;
    border: 2px solid var(--frw-accent-light-color );
    display: grid;
    justify-items: center;
    align-items: center;
    color: var(--frw-accent-color);
}

navigation > urlbox > a:hover
{
    background-color: var(--frw-accent-color);
    color: var(--clr-white);
}

/*
a:visited
{
    text-decoration: unset !important;
    color: unset !important;
}
*/

mobilenavigation
{
    display: none;
}