/*
 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: "DM Serif Display";
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/dm-serif-display-v17-latin-regular.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/plus-jakarta-sans-v12-latin-regular.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 700;
	src: url('assets/fonts/plus-jakarta-sans-v12-latin-700.woff2') format('woff2');
}

/* Globals */

:root {
    --site-width: 1424px;
    --narrow-container: 920px;
    --site-padding-inline: 1rem;
    --br-s: .25rem;
    --br-md: .75rem;
    --border-color: #ccc;
    --heading-h1: clamp(3rem, 2.36rem + 2.56vw, 4rem);
    --heading-h2: clamp(2rem, 1.36rem + 2.56vw, 3rem);
    --heading-h3: clamp(1.75rem, 1.59rem + 0.64vw, 2rem);
    --heading-h4: clamp(1.5rem, 1.34rem + 0.64vw, 1.75rem);
    --heading-h5: 1.5rem;
    --heading-h6: 1.25rem;
    --text-lg: clamp(1.125rem, 0.9505rem + 0.363vw, 1.25rem);
    --text-body: clamp(1rem, 0.8255rem + 0.363vw, 1.125rem);
    --text-s: 1rem;
    --text-xs: .875rem;
    --letter-spacing: 1.92px;
    --space-xl: clamp(3.5rem, -0.02rem + 14.08vw, 9rem);
    --space-lg: clamp(2rem, 0.08rem + 7.68vw, 5rem);
    --space-md: clamp(2rem, 1.36rem + 2.56vw, 3rem);
    --space-s: 2rem;
    --space-xs: 1.5rem;
    --space-xxs: 1rem;
    interpolate-size: allow-keywords;
}

@media (width >= 769px) {

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

}

html {
    overflow-x: clip;
}

html.mobile-menu-open.slide-opened, 
html:has(.facetwp-flyout.active) {
    overflow: clip;
}

@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;
}

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

a {
    text-underline-offset: .25em;
    color: inherit;
}

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

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--accent);
}

a:not([href]) {
    cursor: pointer;
}

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

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

.entry-content > figure:not(.wp-block-gallery) img {
    margin-bottom: 1.5rem;
}

.wp-block-gallery {
    margin-block: 1.25rem;
}

.wp-block-gallery img {
    transition: opacity 250ms ease-in-out;
}

.wp-block-gallery img:hover {
    opacity: .8;
}

.entry-content ol li::marker {
    font-weight: 600;
}

.entry-content .wp-block-embed {
    margin-block: 1.5em;
}

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

figcaption {
	margin-top: .375rem;
	font-weight: 500;
    text-align: center;
}

.list-nostyle {
	list-style-type: '';
	margin: 0;
}

.list-inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
}

.scroll-offset,
[id] {
    scroll-margin-top: 2rem;
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
}

.clear {
    clear: both;
}

.isolate {
    isolation: isolate;
}

.canvas-contrast { /* class defined in generateblocks global classes */
    --border-color: rgba(250, 247, 242, 0.40); 
}

/* Details/summary element */

details {
    max-width: 924px;
    overflow: hidden;
    border-bottom: 1px solid var(--border-color);
}

details::details-content {
    height: 0;
    transition: 
        height 250ms,
        content-visibility 250ms;
    transition-behavior: allow-discrete;
}

details[open]::details-content {
    height: auto;
    margin-bottom: 1.5rem;
}

details summary {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    cursor: pointer;
    gap: 1.25rem;
    padding-block: 1.5rem;
    font-weight: 600;
}

details summary::-webkit-details-marker { /* safari / ios */
    display: none !important;
}

details summary::after {
    content: ''; 
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("assets/images/plus-regular.svg");    
    background-repeat: no-repeat;
    flex-shrink: 0;
    position: relative;
    top: .125rem;
}

details[open] > summary:after {
    background-image: url("assets/images/minus-regular.svg");   
}

details p:last-child {
    margin-bottom: 0;
}

details .btn-text {
    margin-top: 1rem;
}

/* Breadcrumbs */
.tsf-breadcrumb li:not(:last-child)::after {
    margin-inline: .5em !important;
}

/* Single Acer Palmatum */

.single-acer-palmatum .dynamic-content-template > .inside-article section:last-of-type {
    margin-bottom: 0;
}