/*
 * Quark 2 CHILD — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */
:root {
    --section-padding-vert: 4rem;
    --section-padding-vert-big: 8rem;

    @media (min-width: 768px) {
        --section-padding-vert: 8rem;
        --section-padding-vert-big: 12rem;
    }
}



:root[data-theme="dark"] {
    --q2-bg: #000;
}
html[data-theme="light"] {
    body.header-fixed #header {
        background: #fff;
    }
}

html[data-theme="dark"] {
    body {
        background-image: url('/user/media/huset360-bg.jpg');
        background-size: contain;
    }

    #body-wrapper {
        background: none;
    }
}



header.page-header {
    background-size: cover;
    padding-top: var(--section-padding-vert);
    padding-bottom: var(--section-padding-vert);
    padding-inline: clamp(1rem, 4vw, 2rem);

    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: rgba(0,0,0,.6); */
        background: linear-gradient(    180deg,    rgba(0, 0, 0, 0.35) 0%,    rgba(0, 0, 0, 1) 60%);
    }

    h1 {
        color: inherit;
    }

    .header-content {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
        color: #fff;
    }

    .page-header_meta {
        color: hsl(258 90% 80% / 1);
        font-size: 1.4rem;
    }

    &.big {
        padding-top: var(--section-padding-vert-big);
        padding-bottom: var(--section-padding-vert-big);
    }



}