@import "../colors";
@import "../variables";
@import "../mixins";

$header-height: 86px;

.Header {
    height: $header-height;
    min-height: $header-height;
    width: 100%;
}

.Header-wrapper {
    @include main-wrapper;

    display: table;
    height: 100%;
    position: relative;
}

.Header-logo-container,
.Header-login-container {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.Header-login-container {
    line-height: $line_height_default;
    padding-bottom: $offset_main;
    padding-top: $offset_main * 1.5;
    text-align: right;
}

.Header-user-name {
    color: $color_dark_text;
    font-weight: $weight_bold;
}

.Header-login-item {
    @include separated-item;
}

.Header-search {
    margin-top: $offset_main * 1.5;
}