/*
 Theme Name:   LMPR (GeneratePress Child Theme)
 Theme URI:    https://lamper-design.nl
 Description:  GeneratePress child theme
 Author:       Team Lamper Design
 Author URI:   https://lamper-design.nl
 Template:     generatepress
 Version:      0.1
*/


@font-face {
	font-display: swap;
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/inter-v20-latin-regular.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	src: url('assets/fonts/inter-v20-latin-600.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/roboto-slab-v36-latin-regular.woff2') format('woff2');
}

/* Globals */

:root {
    --site-width: 1360px;
    --site-padding-inline: 1rem;
    --heading-h1: clamp(1.75rem, 1.4375rem + 1vw, 2rem);
    --heading-h2: 1.375rem;
    --heading-h3: 1.25rem;
    --space-xl: clamp(3rem, -2.625rem + 18vw, 7.5rem);
    --space-lg: clamp(2.5rem, -2.1875rem + 15vw, 6.25rem);
    --space-md: clamp(2rem, -0.1875rem + 7vw, 3.75rem);
    --space-s: 2rem;
    --space-xs: 1.5rem;
    --space-xxs: 1rem;
    interpolate-size: allow-keywords;
}

@media (width >= 769px) {

    :root {
        --site-padding-inline: 2.5rem;
    }

}

@media (prefers-reduced-motion: no-preference) {

    html {
        scroll-behavior: smooth;
    }

}

h1, h2, h3, h4, h5, h6, .h1-style, .h2-style, .h3-style, .h4-style {
    overflow-wrap: anywhere;
    text-wrap: balance;
}

h1.entry-title {
    margin-bottom: .75em;
}

p,
li:not(.comment),
figcaption {
    text-wrap: pretty;
}

a {
    text-underline-offset: .125em;
}

:is(h1, h2, h3, h4, h5, h6) a {
    text-underline-offset: .125em;
}

ul, ol {
	margin-left: 1.5em;
}

::marker {
    color: var(--text-accent);
    font-weight: 600;
}

.container-padding {
    padding-inline: var(--container-padding);
}

.entry-content p+:is(h2,h3,h4),
.dynamic-entry-content p+:is(h2,h3,h4) {
    margin-top: 1em;
}

.entry-content > figure:not(.wp-block-gallery) img,
.dynamic-entry-content > img {
    margin-bottom: var(--space-xs);
}

.gb-container p:last-child:last-of-type {
    margin-bottom: 0;
}