@import "../globals.scss";

.appHeader {
    @extend %flex-container-horizontal;
    justify-content: space-between;
    align-items: center;
    background-color: $color-gray-darkest;
    height: $app-header-height;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 990;
}

.siteLogo {
    display: block;
    height: 1.75rem;
    padding-left: $grid-gutter/2;
    color: $ms-color-black;
    font-size: 1.5rem;
    img,
    svg {
        max-height: 100%;
        height: 100%;
    }
}

.menu {
    display: flex;
    padding: $app-header-link-padding;
}

.moreButton {
    [data-icon-name="ChevronDown"] {
        display: none;
    }
}