// -----------------------------------------------------------------------------
// Contains all styles related to the header of the site/application.
// -----------------------------------------------------------------------------

.header {
    width: 100vw; 
    max-width: 100%;
    display: block;
    z-index: @z-index-3;
}

.header-top {
    background-color: @white;
}

.header-menu__link {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    padding: 1em;
    font-size: @font-size;
    color: inherit;
    cursor: pointer;
    float: left;

    &.header-menu__link--icon {
        text-align-last: center;
    }
}