/* Remove safari select rendering */
select {
    -webkit-appearance: none;
}

section, header, main, footer, nav {
    box-sizing: border-box;
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        .acf-field & {
            box-sizing: initial;
        }
        em {
            font-style: italic;
        }
        strong {
            font-weight: bold;
        }
    }
    input[type="text"], input[type="tel"],
    input[type="email"], input[type="number"],
    input[type="date"], input[type="time"],
    input[type="password"], select, textarea {
        -webkit-appearance: none;
        border-width: 1px;
        border-style: solid;
        max-width: 100%;
    }
    button, input[type="submit"] {
        -webkit-appearance: none;
        appearance: none;
        background: none;
        border: none;
        cursor: pointer;
    }
    p, h1, h2, h3, h4, h5, h6 {
        overflow-wrap: break-word;
    }
    ul {
        list-style: none;
    }
    ol {
        padding-inline-start: var(--step-1);
    }
    p ul{
        list-style: circle;
    }
    p ol{
        list-style: decimal;
    }
    img, svg, video, picture, canvas, iframe {
        max-width: 100%;
        width:100%;
        display: block;
    }
    svg{
        height: auto;
    }

    video, img {
        &.lazy {
            opacity: 0;
            transition: opacity 0.25s ease-in-out;
        }
        &.show {
            opacity: 1;
        }
    }
    .text-content {
        max-width: 75ch;
        h1, h2, h3, h4, h5, h6 {
            margin-bottom: var(--space-xs);
            margin-top: var(--space-l);
            &:first-child {
                margin-top: 0;
            }
        }
        p {
            margin-block: var(--space-xs);
            &:first-child {
                margin-top: 0;
            }
            &:last-child {
                margin-bottom: 0;
            }
        }
        blockquote {
            padding-inline-start: var(--space-s);
        }
        ol, ul {
            padding-inline-start: var(--step-1);
            margin-block: var(--space-xs);
        }
        ul {
            padding-inline-start: var(--step-0);
            list-style: circle;
        }
    }
}

/* Til eldre nettlesere */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    margin: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}