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

$layout_logo_height: 60px;

.Layout {
    flex-grow: 1;
    text-align: left;
}

.Layout-header {
    line-height: $line_height_default;
    padding: ($offset_main * 3) 0 $layout_header_bottom_offset;

    &-with-logo {
        display: table;
        width: 100%;
    }
}

.Layout-header-box {
    display: table-cell;
    vertical-align: middle;
}

.Layout-header-box-logo {
    text-align: right;
    width: 1px;
}

.Layout-header-title {
    font-size: $font_size_heading_xl;
    font-weight: $weight_light;
}

.Layout-header-description {
    font-size: $font_size_heading_s;
    line-height: $line_height_heading;
    margin-bottom: $offset_main;
    margin-top: $offset_main * .5;
}

.Layout-wrapper {
    @include main-wrapper;
}

.Layout-body,
.Layout-body-simple {
    position: relative;
}

.Layout-body {
    @include base-container;

    padding-bottom: $offset_main * 3;
    padding-top: $offset_main * 3;
}

.Layout-heading-x {
    font-style: $font_size_heading_x;
    font-weight: $weight_light;
}