/**
 * Header
 */

.header {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    transition-property: var(--header--transition-property, background-color);
    transition-duration: var(--header--transition-duration, var(--transition-duration));
    transition-timing-function: var(
        --header--transition-timing-function,
        var(--transition-timing-function)
    );
    color: var(--header--color);
    background: var(--header--background);
    padding: var(
        --header--padding,
        (
            var(--header--padding-top, 10rem) var(--header--padding-right, 0)
                var(--header--padding-bottom, 10rem) var(--header--padding-left, 0)
        )
    );

    /* stylelint-disable selector-list-comma-newline-after */
    > .container,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin-top: 0;
    }
    /* stylelint-enable */

    &.-cover {
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: unset;
        background-size: cover;
    }

    &.-fullscreen {
        padding: 0;
        align-items: center;
        width: 100vw;
        height: 100vh;
        max-width: 100%;
        max-height: 100%;
    }
}