/*

 Theme Name:   GeneratePress Child

 Theme URI:    https://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Lamper Design

 Author URI:   https://lamper-design.nl/

 Template:     generatepress

 Version:      1.0.0

*/

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

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

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

/* Globals */

:root {
    --sitewidth: 1320px;
    --narrow-content: 78ch;
    --border-radius: .5rem;
    --max-text-width: 85ch;
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

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

:is(h1,h2,h3,h4,h5,h6) a {
    text-decoration: none;
}

:is(h1,h2,h3,h4,h5,h6) a:hover {
    text-decoration: underline;
}

p,
li,
figcaption {
    text-wrap: pretty;
    max-width: 85ch;
}

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

a:is(:hover,:focus-visible) {
    text-decoration: none;
}

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

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

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

.sitewidth-container {
	max-width: var(--sitewidth);
	margin-left: auto;
	margin-right: auto;
}

.container-padding {
    padding-inline: 1rem;
}

@media (min-width: 769px) {

    .container-padding {
        padding-inline: 2.5rem;
    }

}

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

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

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

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

.site-footer .footer-ads-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    /* background-color: #fff; */
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    height: auto;
}

.entry-content p > a,
.entry-content p > em > a,
.entry-content li > a,
.site-footer a {
	font-weight: 600;
	text-decoration: underline;
}

.entry-content p > a:hover,
.entry-content p > em > a:hover,
.entry-content li > a:hover,
.site-footer a:hover {
	text-decoration: none;
}

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

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

.entry-content .wp-block-embed iframe {
    border-radius: var(--border-radius);
}

.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-footer li {
    margin-bottom: .5rem;
}

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

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

.square-image {
    aspect-ratio: 1/1;
}

.border-waves {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1242' height='13' viewBox='0 0 1242 13' fill='none'%3E%3Cpath d='M1 11.8021L16.5 4.90105C26.3665 0.508212 37.6335 0.50821 47.5 4.90104V4.90104C57.3665 9.29388 68.6335 9.29388 78.5 4.90104V4.90104C88.3665 0.50821 99.6335 0.50821 109.5 4.90104V4.90104C119.366 9.29388 130.634 9.29388 140.5 4.90104V4.90104C150.366 0.50821 161.634 0.50821 171.5 4.90104V4.90104C181.366 9.29388 192.634 9.29388 202.5 4.90104V4.90104C212.366 0.50821 223.634 0.50821 233.5 4.90104V4.90104C243.366 9.29388 254.634 9.29388 264.5 4.90104V4.90104C274.366 0.50821 285.634 0.50821 295.5 4.90104V4.90104C305.366 9.29388 316.634 9.29388 326.5 4.90104V4.90104C336.366 0.50821 347.634 0.50821 357.5 4.90104V4.90104C367.366 9.29388 378.634 9.29388 388.5 4.90104V4.90104C398.366 0.50821 409.634 0.50821 419.5 4.90104V4.90104C429.366 9.29388 440.634 9.29388 450.5 4.90104V4.90104C460.366 0.50821 471.634 0.50821 481.5 4.90104V4.90104C491.366 9.29388 502.634 9.29388 512.5 4.90104V4.90104C522.366 0.50821 533.634 0.50821 543.5 4.90104V4.90104C553.366 9.29388 564.634 9.29388 574.5 4.90104V4.90104C584.366 0.50821 595.634 0.50821 605.5 4.90104V4.90104C615.366 9.29388 626.634 9.29388 636.5 4.90104V4.90104C646.366 0.50821 657.634 0.50821 667.5 4.90104V4.90104C677.366 9.29388 688.634 9.29388 698.5 4.90104V4.90104C708.366 0.50821 719.634 0.50821 729.5 4.90104V4.90104C739.366 9.29388 750.634 9.29388 760.5 4.90104V4.90104C770.366 0.50821 781.634 0.50821 791.5 4.90104V4.90104C801.366 9.29388 812.634 9.29388 822.5 4.90104V4.90104C832.366 0.50821 843.634 0.50821 853.5 4.90104V4.90104C863.366 9.29388 874.634 9.29388 884.5 4.90104V4.90104C894.366 0.50821 905.634 0.50821 915.5 4.90104V4.90104C925.366 9.29388 936.634 9.29388 946.5 4.90104V4.90104C956.366 0.50821 967.634 0.50821 977.5 4.90104V4.90104C987.366 9.29388 998.634 9.29388 1008.5 4.90104V4.90104C1018.37 0.50821 1029.63 0.50821 1039.5 4.90104V4.90104C1049.37 9.29388 1060.63 9.29388 1070.5 4.90104V4.90104C1080.37 0.50821 1091.63 0.50821 1101.5 4.90104V4.90104C1111.37 9.29388 1122.63 9.29388 1132.5 4.90104V4.90104C1142.37 0.50821 1153.63 0.50821 1163.5 4.90104V4.90104C1173.37 9.29388 1184.63 9.29388 1194.5 4.90104V4.90104C1204.37 0.50821 1215.63 0.50821 1225.5 4.90104L1241 11.8021' stroke='%23DFD7CB' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.border-waves-bottom {
    background-position: bottom;
}

@media (width > 768px) {
    .image-absolute {
        position: absolute;
        inset: 0;
    }
}


/* buttons */

.btn-main::after,
.btn-text::after {
    content: '';
    flex-shrink: 0;
    background-color: var(--text-base);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E") no-repeat 50% 50%/.875rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E") no-repeat 50% 50%/.875rem;
    width: .875rem;
    height: .875rem;
    margin-top: -.125rem;
    transition: background-color 100ms ease-in-out;
}

.btn-main:is(:hover,:focus-visible) {
    outline-color: var(--accent-pink);
}

.btn-main:is(:hover,:focus-visible)::after {
    background-color: var(--text-contrast);
}

.btn-taxonomy {
    position: relative;
    display: inline-block;
    margin-top: .75rem;
    padding: .25rem .75rem;
    background-color: var(--canvas-medium);
    border-radius: .125rem;
    font-size: .875rem;
    font-weight: 600;
    text-decoration: none !important;
    transition: 
        color .1s ease-in-out, 
        background-color .1s ease-in-out
    ;
    z-index: 3;
}

.btn-taxonomy:is(:hover,:focus-visible) {
    background-color: var(--canvas-contrast);
    color: var(--text-contrast);
}

.btn-underline:is(:hover,:focus-visible) {
    text-decoration: underline;
}

.categories-list {
    gap: .5rem;
}

.categories-list li {
    margin-left: 0 !important;
}

.categories-list .btn-taxonomy {
    margin: 0;
}

a.vegan-recepten,
a.vega-recepten,
a.glutenvrije-recepten,
a.lactosevrije-recepten,
a.koolhydraatarm,
li.vegan-recepten a,
li.vega-recepten a,
li.glutenvrije-recepten a,
li.lactosevrije-recepten a,
li.koolhydraatarm a {
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
}

a.vegan-recepten::after,
a.vega-recepten::after,
a.glutenvrije-recepten::after,
a.lactosevrije-recepten::after,
a.koolhydraatarm::after,
li.vegan-recepten a::after,
li.vega-recepten a::after,
li.glutenvrije-recepten a::after,
li.lactosevrije-recepten a::after,
li.koolhydraatarm a::after {
    content: '';
    flex-shrink: 0;
    display: inline-block;
    background-color: var(--text-base);
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -.125rem;
    transition: background-color 100ms ease-in-out;
}

a.vegan-recepten::after,
li.vegan-recepten a::after {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M149.6 234.4c20.9-6.7 43.2-10.4 66.4-10.4l80 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-25.4 0-49.5 5.6-71 15.7C152.7 351 206.6 400 271.9 400c0 0 0 0 .1 0l.8 0c0 0 0 0 .1 0C370.2 399.5 464 299.7 464 156.6c0-12.8-.8-25.3-2.3-37.5C437 134.9 407.6 144 376 144l-104 0c-57.6 0-106.3 38.1-122.4 90.4zM96.4 260.1C102.5 168.5 178.8 96 272 96l104 0c28.7 0 54.8-10.8 74.6-28.5c.7-.6 1.4-1.3 2.1-1.9c6.6-6.2 12.5-13.2 17.4-20.9c1.6-2.5 3.2-5.1 4.6-7.8c3.5-6.5 13.6-6.8 16.2 .1c1.3 3.5 2.5 7 3.7 10.6c2.9 8.9 5.5 17.9 7.8 27.2c.5 1.9 .9 3.8 1.3 5.6c5.4 24.3 8.3 49.8 8.3 76.2C512 317.1 405.1 447.3 273 448l-1 0c-81.7 0-150.4-55.7-170.2-131.2C68.7 347.5 48 391.3 48 440l0 16c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-16c0-75.1 38.3-141.2 96.4-179.9z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M149.6 234.4c20.9-6.7 43.2-10.4 66.4-10.4l80 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-25.4 0-49.5 5.6-71 15.7C152.7 351 206.6 400 271.9 400c0 0 0 0 .1 0l.8 0c0 0 0 0 .1 0C370.2 399.5 464 299.7 464 156.6c0-12.8-.8-25.3-2.3-37.5C437 134.9 407.6 144 376 144l-104 0c-57.6 0-106.3 38.1-122.4 90.4zM96.4 260.1C102.5 168.5 178.8 96 272 96l104 0c28.7 0 54.8-10.8 74.6-28.5c.7-.6 1.4-1.3 2.1-1.9c6.6-6.2 12.5-13.2 17.4-20.9c1.6-2.5 3.2-5.1 4.6-7.8c3.5-6.5 13.6-6.8 16.2 .1c1.3 3.5 2.5 7 3.7 10.6c2.9 8.9 5.5 17.9 7.8 27.2c.5 1.9 .9 3.8 1.3 5.6c5.4 24.3 8.3 49.8 8.3 76.2C512 317.1 405.1 447.3 273 448l-1 0c-81.7 0-150.4-55.7-170.2-131.2C68.7 347.5 48 391.3 48 440l0 16c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-16c0-75.1 38.3-141.2 96.4-179.9z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
}

a.vega-recepten::after,
li.vega-recepten a::after {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M512 32l0-32L464 0l-8 0C370.5 0 296.1 48 258.4 118.5c12.1 14.5 22.7 30.2 31.6 47.1C314 97.1 379.3 48 456 48l7.3 0c-7.5 83.3-73.1 149.9-156 159c4.9 15.1 8.4 30.9 10.5 47.1c104.4-13.9 186.1-99.7 193.6-206c.4-5.3 .6-10.6 .6-16zM56 112c97.2 0 176 78.8 176 176l0 16-8 0c-97.2 0-176-78.8-176-176l0-16 8 0zM279.9 280C275.6 160 177 64 56 64l-8 0L0 64l0 48 0 16C0 251.7 100.3 352 224 352l8 0 0 136 0 24 48 0 0-24 0-136 0-48 0-16 0-8-.1 0z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M512 32l0-32L464 0l-8 0C370.5 0 296.1 48 258.4 118.5c12.1 14.5 22.7 30.2 31.6 47.1C314 97.1 379.3 48 456 48l7.3 0c-7.5 83.3-73.1 149.9-156 159c4.9 15.1 8.4 30.9 10.5 47.1c104.4-13.9 186.1-99.7 193.6-206c.4-5.3 .6-10.6 .6-16zM56 112c97.2 0 176 78.8 176 176l0 16-8 0c-97.2 0-176-78.8-176-176l0-16 8 0zM279.9 280C275.6 160 177 64 56 64l-8 0L0 64l0 48 0 16C0 251.7 100.3 352 224 352l8 0 0 136 0 24 48 0 0-24 0-136 0-48 0-16 0-8-.1 0z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
}

a.glutenvrije-recepten::after,
li.glutenvrije-recepten a::after {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-174-136.4c3.6-2.8 7.1-5.9 10.5-9.3l16.9-16.9c8.5-8.5 9.3-21.7 2.4-31.1c21.9-3.8 42.9-14.2 59.8-31.1l16.9-16.9c9.4-9.4 9.4-24.6 0-33.9l-16.9-16.9c-11.6-11.6-24.8-20.4-38.9-26.7C546.8 140.9 576 105.9 576 64l0-40c0-13.3-10.7-24-24-24L512 0c-41.9 0-76.9 29.3-85.8 68.5C420 54.3 411 41 399.4 29.4L382.5 12.4c-9.4-9.4-24.6-9.4-33.9 0L331.6 29.4c-16.9 16.9-27.3 37.9-31.1 59.8c-9.4-6.9-22.6-6.1-31.1 2.4l-16.9 16.9c-12.5 12.5-21.5 27.3-26.8 43L38.8 5.1zM267.7 184.5c.8-15.3 7-30.3 18.6-42c19.9 20 27.1 47.8 21.6 73.5l-40.2-31.5zM372 266.3c22-1.3 44.5 6.4 61.3 23.3c-5 4.9-10.5 8.9-16.4 11.9L372 266.3zM173.3 346.1l11.3 11.3c0 0 0 0 0 0L71 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L218.5 391.4l11.2 11.2c43.7 43.7 114.6 43.7 158.4 0l.5-.5-38.1-30c-25.1 21.5-63 20.4-86.8-3.4l-10.1-10.2c20.1-13.3 44.8-16.6 67.2-9.8l-90.2-71.1c.1 15.6-4.3 31.2-13.2 44.7l-10.1-10.1c-17.6-17.6-22.8-43-15.6-65.2l-39.1-30.8c-21.4 42.1-14.5 94.8 20.7 129.9zM512 48l16 0 0 16c0 22.1-17.9 40-40 40l-16 0 0-16c0-22.1 17.9-40 40-40zM365.5 153.8c-25-25-25-65.5 0-90.5c27.3 27.4 30.7 69.6 10.2 100.6l-10.1-10.1zm147 56.5c-25 25-65.5 25-90.5 0l-10.1-10.1c31-20.5 73.3-17.2 100.6 10.2z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-174-136.4c3.6-2.8 7.1-5.9 10.5-9.3l16.9-16.9c8.5-8.5 9.3-21.7 2.4-31.1c21.9-3.8 42.9-14.2 59.8-31.1l16.9-16.9c9.4-9.4 9.4-24.6 0-33.9l-16.9-16.9c-11.6-11.6-24.8-20.4-38.9-26.7C546.8 140.9 576 105.9 576 64l0-40c0-13.3-10.7-24-24-24L512 0c-41.9 0-76.9 29.3-85.8 68.5C420 54.3 411 41 399.4 29.4L382.5 12.4c-9.4-9.4-24.6-9.4-33.9 0L331.6 29.4c-16.9 16.9-27.3 37.9-31.1 59.8c-9.4-6.9-22.6-6.1-31.1 2.4l-16.9 16.9c-12.5 12.5-21.5 27.3-26.8 43L38.8 5.1zM267.7 184.5c.8-15.3 7-30.3 18.6-42c19.9 20 27.1 47.8 21.6 73.5l-40.2-31.5zM372 266.3c22-1.3 44.5 6.4 61.3 23.3c-5 4.9-10.5 8.9-16.4 11.9L372 266.3zM173.3 346.1l11.3 11.3c0 0 0 0 0 0L71 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L218.5 391.4l11.2 11.2c43.7 43.7 114.6 43.7 158.4 0l.5-.5-38.1-30c-25.1 21.5-63 20.4-86.8-3.4l-10.1-10.2c20.1-13.3 44.8-16.6 67.2-9.8l-90.2-71.1c.1 15.6-4.3 31.2-13.2 44.7l-10.1-10.1c-17.6-17.6-22.8-43-15.6-65.2l-39.1-30.8c-21.4 42.1-14.5 94.8 20.7 129.9zM512 48l16 0 0 16c0 22.1-17.9 40-40 40l-16 0 0-16c0-22.1 17.9-40 40-40zM365.5 153.8c-25-25-25-65.5 0-90.5c27.3 27.4 30.7 69.6 10.2 100.6l-10.1-10.1zm147 56.5c-25 25-65.5 25-90.5 0l-10.1-10.1c31-20.5 73.3-17.2 100.6 10.2z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
}

a.lactosevrije-recepten::after,
li.lactosevrije-recepten a::after {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M72 184c0-23 10.7-43.4 27.5-56.6C97.2 135.2 96 143.5 96 152l0 248c0 26.5 21.5 48 48 48l32 0c26.5 0 48-21.5 48-48l0-21.4c2.5 .6 5.2 1.2 8 1.7l0 11.6c0 8.8 7.2 16 16 16s16-7.2 16-16l0-8.1c2.6 .1 5.3 .1 8 .1s5.4 0 8-.1l0 8.1c0 8.8 7.2 16 16 16s16-7.2 16-16l0-11.6c2.8-.5 5.5-1.1 8-1.7l0 21.4c0 26.5 21.5 48 48 48l32 0c26.5 0 48-21.5 48-48l0-128.9 16 18 0 46.9c0 4.6 1.3 9 3.8 12.9l42.3 66.5C523 435.7 545.4 448 569.5 448c38.9 0 70.5-31.6 70.5-70.5l0-102.6c0-12.4-4.1-24.4-11.7-34.2l-4.3-5.6 0-67.1c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 5-48.2-62.4C505.1 81.2 470 64 432.9 64L256 64l-72 0-40 0C77.7 64 24 117.7 24 184l0 54C9.4 249.8 0 267.8 0 288l0 17.6c0 8 6.4 14.4 14.4 14.4C46.2 320 72 294.2 72 262.4l0-6.4 0-32 0-40zm91.2-66.1c3.6 12.3 10.3 23.6 19.5 32.8l7.4 7.4C211.8 179.8 241.3 192 272 192s60.2-12.2 81.9-33.9l7.4-7.4c10.7-10.7 17.9-24.1 21-38.6l50.5 0c22.3 0 43.3 10.3 57 28L590.3 270c1.1 1.4 1.7 3.1 1.7 4.9l0 102.6c0 12.4-10.1 22.5-22.5 22.5c-7.7 0-14.8-3.9-19-10.4L512 329l0-49c0-5.9-2.2-11.6-6.1-15.9l-64-72c-6.6-7.4-17.2-10-26.5-6.5S400 198 400 208l0 192-32 0 0-48 0-8 0-8c0-53-43-96-96-96s-96 43-96 96l0 8 0 8 0 48-32 0 0-248c0-14.5 7.7-27.1 19.2-34.1zm62.4 211.4l-1.1-.4C228 305.7 247.9 288 272 288s44 17.7 47.5 40.9l-1.1 .4c-9.7 3.2-25.1 6.8-46.4 6.8s-36.7-3.5-46.4-6.8zM576 320a16 16 0 1 0 -32 0 16 16 0 1 0 32 0z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M72 184c0-23 10.7-43.4 27.5-56.6C97.2 135.2 96 143.5 96 152l0 248c0 26.5 21.5 48 48 48l32 0c26.5 0 48-21.5 48-48l0-21.4c2.5 .6 5.2 1.2 8 1.7l0 11.6c0 8.8 7.2 16 16 16s16-7.2 16-16l0-8.1c2.6 .1 5.3 .1 8 .1s5.4 0 8-.1l0 8.1c0 8.8 7.2 16 16 16s16-7.2 16-16l0-11.6c2.8-.5 5.5-1.1 8-1.7l0 21.4c0 26.5 21.5 48 48 48l32 0c26.5 0 48-21.5 48-48l0-128.9 16 18 0 46.9c0 4.6 1.3 9 3.8 12.9l42.3 66.5C523 435.7 545.4 448 569.5 448c38.9 0 70.5-31.6 70.5-70.5l0-102.6c0-12.4-4.1-24.4-11.7-34.2l-4.3-5.6 0-67.1c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 5-48.2-62.4C505.1 81.2 470 64 432.9 64L256 64l-72 0-40 0C77.7 64 24 117.7 24 184l0 54C9.4 249.8 0 267.8 0 288l0 17.6c0 8 6.4 14.4 14.4 14.4C46.2 320 72 294.2 72 262.4l0-6.4 0-32 0-40zm91.2-66.1c3.6 12.3 10.3 23.6 19.5 32.8l7.4 7.4C211.8 179.8 241.3 192 272 192s60.2-12.2 81.9-33.9l7.4-7.4c10.7-10.7 17.9-24.1 21-38.6l50.5 0c22.3 0 43.3 10.3 57 28L590.3 270c1.1 1.4 1.7 3.1 1.7 4.9l0 102.6c0 12.4-10.1 22.5-22.5 22.5c-7.7 0-14.8-3.9-19-10.4L512 329l0-49c0-5.9-2.2-11.6-6.1-15.9l-64-72c-6.6-7.4-17.2-10-26.5-6.5S400 198 400 208l0 192-32 0 0-48 0-8 0-8c0-53-43-96-96-96s-96 43-96 96l0 8 0 8 0 48-32 0 0-248c0-14.5 7.7-27.1 19.2-34.1zm62.4 211.4l-1.1-.4C228 305.7 247.9 288 272 288s44 17.7 47.5 40.9l-1.1 .4c-9.7 3.2-25.1 6.8-46.4 6.8s-36.7-3.5-46.4-6.8zM576 320a16 16 0 1 0 -32 0 16 16 0 1 0 32 0z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
}

a.koolhydraatarm::after,
li.koolhydraatarm a::after {
    mask: url("data:image/svg+xml,%3Csvg id='fi_5640796' enable-background='new 0 0 510 510' height='512' viewBox='0 0 510 510' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m255 0c-140.929 0-255 114.049-255 255 0 140.929 114.049 255 255 255 140.929 0 255-114.049 255-255 0-140.929-114.049-255-255-255zm0 30c56.647 0 108.463 21.05 148.06 55.728l-65.831 65.831c-145.329-59.656-277.229 57.374-277.229 118.441 0 41.647 51.619 59.145 92.033 66.753l-66.306 66.306c-34.677-39.596-55.727-91.413-55.727-148.059 0-124.065 100.935-225 225-225zm-165 240c0-13.879 16.08-40.183 46.812-63.602.958-.73 1.98-1.49 3.037-2.263 8.212 31.186 25.987 50.865 47.651 50.865 29.805 0 52.305-38.374 52.491-89.365 10.048-.846 19.966-.847 30.018 0 .186 50.991 22.686 89.365 52.491 89.365 21.664 0 39.44-19.679 47.65-50.865 1.056.772 2.079 1.533 3.037 2.263 30.733 23.419 46.813 49.723 46.813 63.602 0 21.673-51.634 45-165 45s-165-23.327-165-45zm76.893-82.67c12.172-6.355 26.619-12.384 42.98-16.575-1.399 33.794-14.858 54.245-22.373 54.245-5.566 0-16.236-12.592-20.607-37.67zm176.213 0c-4.37 25.078-15.04 37.67-20.606 37.67-7.515 0-20.975-20.451-22.373-54.245 16.361 4.191 30.808 10.22 42.979 16.575zm-88.106 292.67c-56.646 0-108.463-21.05-148.06-55.728l82.293-82.293c76.883 7.632 260.767 6.991 260.767-71.979 0-26.392-22.466-59.906-58.629-87.464-6.596-5.025-15.229-11.015-25.674-17.02l58.575-58.575c34.678 39.596 55.728 91.413 55.728 148.059 0 124.065-100.935 225-225 225z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg id='fi_5640796' enable-background='new 0 0 510 510' height='512' viewBox='0 0 510 510' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m255 0c-140.929 0-255 114.049-255 255 0 140.929 114.049 255 255 255 140.929 0 255-114.049 255-255 0-140.929-114.049-255-255-255zm0 30c56.647 0 108.463 21.05 148.06 55.728l-65.831 65.831c-145.329-59.656-277.229 57.374-277.229 118.441 0 41.647 51.619 59.145 92.033 66.753l-66.306 66.306c-34.677-39.596-55.727-91.413-55.727-148.059 0-124.065 100.935-225 225-225zm-165 240c0-13.879 16.08-40.183 46.812-63.602.958-.73 1.98-1.49 3.037-2.263 8.212 31.186 25.987 50.865 47.651 50.865 29.805 0 52.305-38.374 52.491-89.365 10.048-.846 19.966-.847 30.018 0 .186 50.991 22.686 89.365 52.491 89.365 21.664 0 39.44-19.679 47.65-50.865 1.056.772 2.079 1.533 3.037 2.263 30.733 23.419 46.813 49.723 46.813 63.602 0 21.673-51.634 45-165 45s-165-23.327-165-45zm76.893-82.67c12.172-6.355 26.619-12.384 42.98-16.575-1.399 33.794-14.858 54.245-22.373 54.245-5.566 0-16.236-12.592-20.607-37.67zm176.213 0c-4.37 25.078-15.04 37.67-20.606 37.67-7.515 0-20.975-20.451-22.373-54.245 16.361 4.191 30.808 10.22 42.979 16.575zm-88.106 292.67c-56.646 0-108.463-21.05-148.06-55.728l82.293-82.293c76.883 7.632 260.767 6.991 260.767-71.979 0-26.392-22.466-59.906-58.629-87.464-6.596-5.025-15.229-11.015-25.674-17.02l58.575-58.575c34.678 39.596 55.728 91.413 55.728 148.059 0 124.065-100.935 225-225 225z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%/1.125rem;
}

a.btn-taxonomy.vegan-recepten:is(:hover,:focus-visible)::after,
a.btn-taxonomy.vega-recepten:is(:hover,:focus-visible)::after,
a.btn-taxonomy.glutenvrije-recepten:is(:hover,:focus-visible)::after,
a.btn-taxonomy.lactosevrije-recepten:is(:hover,:focus-visible)::after,
a.btn-taxonomy.koolhydraatarm:is(:hover,:focus-visible)::after {
    background-color: var(--text-contrast);
}

.menu-block-button {
    display: grid !important;
    place-content: center;
    padding: 0rem !important;
}

.menu-block-button:is(:hover,:focus-visible) {
    color: var(--text-contrast) !important;
}

/* Tables */

.wp-block-table thead {
    border-bottom: none;
    text-align: left;
}

.wp-block-table tbody tr:nth-child(even) {
    background-color: var(--canvas-light);
}

.wp-block-table th,
.wp-block-table td {
    padding: .75em;
    border-color: var(--border-color);
}

.wp-block-table table:has(+ figcaption) {
    margin-bottom: .5rem;
}

.wp-block-table figcaption {
    text-align: left;
    font-weight: 400;
    font-style: italic;
}

.ingredienten-tabel tr td:first-child {
    font-weight: 600;
}

/* Account navigation */

nav.account-nav::before {
    content: '';
    flex-shrink: 0;
    background-color: var(--text-base);
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%/.875rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%/.875rem;
    width: 1rem;
    height: 1rem;
    margin-top: -.125rem;
    transition: background-color 100ms ease-in-out;
}

.account-nav > li > .wp-block-navigation-submenu {
    width: 220px !important;
    z-index: 999 !important;
    border-radius: var(--border-radius) !important;
    background-color: var(--canvas-light) !important;
    border: none !important;
}

.account-nav > li > .wp-block-navigation-submenu a:is(:hover,:focus-visible) {
    text-decoration: underline !important;
}

/* Account */

.um-account .um-account-main .um-account-heading {
    color: var(--text-base) !important;
    margin-bottom: 1em !important;
}

.account-recepten  {
    color: var(--text-base);
}

.um-account .account-recepten p {
    margin-block: 0 1em !important;
}

.recipe-collection-wrapper .wprmprc-collection .wprmprc-collection-column {
    flex-basis: 100%;
}

/* Search modal */

.search-modal-form {
    border-radius: var(--border-radius);
}

/* Main menu */

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

.menu-home svg {
    width: 22px;
    height: 22px;
    vertical-align: sub;
}

.menu-item.menu-highlighted a {
    background-color: var(--accent-yellow);
    width: fit-content;
    padding-inline: 1.5rem !important;
    margin-inline: 22px;
    border-radius: 100vw;
}
.menu-item.menu-highlighted a:is(:hover,:focus-visible) {
    background-color: var(--canvas-contrast);
    color: var(--text-contrast) !important;
    outline-color: var(--accent-pink);
}

.menu-link-to-all a {
    display: flex !important;
    align-items: center;
    gap: .5rem;
    text-decoration: underline;
    font-weight: 600 !important;
}

.menu-link-to-all a:is(:hover,:focus-visible) {
    text-decoration: none !important;
}

@media (width > 1024px) {
    .menu-link-to-all a::after {
        content: '';
        flex-shrink: 0;
        background-color: var(--text-base);
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E") no-repeat 50% 50%/.875rem;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E") no-repeat 50% 50%/.875rem;
        width: .875rem;
        height: .875rem;
        margin-top: -.125rem;
        transition: background-color 100ms ease-in-out;
    }
}

/* Mobile menu */

#generate-slideout-menu {
    --gp-slideout-width: 500px;
    max-width: 100%;
}

.site-header.has-inline-mobile-toggle > .inside-header {
    column-gap: 1.5rem;
}

.site-header.has-inline-mobile-toggle .site-logo {
    flex: 1;
}

/* Mobile menu toggle */

.mobile-menu-control-wrapper .menu-toggle {
    display: flex;
    flex-direction: column;
    padding: 0;
    background-color: var(--canvas-base);
    gap: 0.25rem;
    margin-left: 1.25rem;
    font-size: 1rem;
}

.mobile-menu-control-wrapper .menu-toggle svg {
    height: 1.5em;
    width: 1.5em;
    top: 0;
}

.mobile-menu-control-wrapper .menu-toggle .mobile-menu {
    font-size: .875rem;
    line-height: 1;
    padding: 0;
}

/* Mobile search */

.mobile-menu-control-wrapper a[aria-label="Open zoeken"] {
    background-color: var(--accent-pink) !important;
    padding: 10px;
    border-radius: 100vw;
    line-height: normal;
    font-size: 1rem;
}

.mobile-menu-control-wrapper a[aria-label="Open zoeken"] .icon-search {
    display: grid;
    place-content: center;
}

.mobile-menu-control-wrapper a[aria-label="Open zoeken"] svg {
    height: 1.125em;
    width: 1.125em;
    top: 0;
}

/* Mobile slideout exit */

.slideout-exit {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: fit-content !important;
    padding-inline: 1rem !important;
}

.slideout-exit .gp-icon {
    display: block;
    align-self: revert;
}

.slideout-exit .gp-icon svg {
    height: 1.25em;
    width: 1.25em;
}

.slideout-exit .screen-reader-text {
    height: revert;
    width: revert;
    position: relative !important;
    clip: revert;
    clip-path: revert;
    margin: 0;
    font-size: .875rem;
    text-transform: lowercase;
}

/* Mobile main nav */

.slideout-navigation.main-navigation .main-nav {
    margin-bottom: 2rem;
}

.slideout-navigation.main-navigation .slideout-menu > .menu-item-has-children > .sub-menu {
    margin-block: .5rem;
    padding-left: 1rem;
    box-shadow: none;
}

.slideout-navigation.main-navigation .slideout-menu > .menu-item-has-children > .sub-menu .sub-menu {
    margin-bottom: 1rem;
    box-shadow: none;
}

.slideout-navigation.main-navigation .slideout-menu > .menu-item-has-children > .sub-menu .sub-menu a {
    font-size: 1rem;
}

.slideout-navigation.main-navigation .mega-menu-heading.sfHover > a {
    font-weight: 600;
}

.slideout-navigation .menu-highlighted {
    margin-top: .75rem;
}

.slideout-navigation .menu-highlighted a {
    margin-inline: 1rem;
}

.slideout-navigation.main-navigation .main-nav .slideout-menu li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: 1rem;
}

.slideout-navigation.main-navigation .main-nav .slideout-menu .dropdown-menu-toggle {
    padding-right: 0;
    padding: 0;
    margin: 0;
}

.slideout-navigation.main-navigation .main-nav .slideout-menu .dropdown-menu-toggle .gp-icon {
    font-size: 1.125em;
    vertical-align: sub;
}

.slideout-navigation.main-navigation .main-nav .slideout-menu .dropdown-menu-toggle svg {
    top: 0;
}

@media (min-width: 1025px) {

    .menu-home a {
        padding-inline: 15px !important;
        margin-right: 7px;
        border-radius: 100vw;
    }

    .menu-home a:is(:hover,:focus-visible) {
        background-color: var(--accent-green);
    }

    .menu li:not(.menu-highlighted) > a:hover {
        text-decoration: underline;
        text-underline-offset: .25em;
    }

    .menu-bar-item a:has(.icon-search) {
        border-radius: 100vw;
        padding-inline: 18px;
        margin-inline: 4px;
    }

    .menu-bar-item a:has(.icon-search):is(:hover,:focus-visible) {
        background-color: var(--accent-pink);
    }

    /* mega-menu */

    .site-header > .inside-header {
        position: relative;
        gap: 1rem;
    }
    .site-header .main-navigation .inside-navigation {
        position: initial;
    }
    nav .main-nav .mega-menu {
        position: static;
        padding-bottom: 1.25rem;
        margin-bottom: -1.25rem;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: calc(100% - 80px);
        top: 100%;
        left: 40px !important;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1.5fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
        box-shadow: none;
        border-radius: 0 0 var(--border-radius) var(--border-radius);
        background-color: var(--canvas-light);
    }

    .main-navigation:not(.toggled) ul li.mega-menu.sfHover > ul, 
    .main-navigation:not(.toggled) ul li.mega-menu:hover > ul {
        padding: 3rem 2rem;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        -webkit-box-shadow: 0 0 0;
                box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        background-color: var(--canvas-light);
    }
    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }
    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }

    nav .main-nav .mega-menu .mega-menu-heading > a {
        font-size: 1.25rem;
        font-weight: 600;
        pointer-events: none;
    }

}

/* Search block */

.wp-block-search .wp-block-search__inside-wrapper {
    position: relative;
    align-items: center;
}

.wp-block-search__label:not(.screen-reader-text) {
    display: block;
    font-weight: 600;
    margin-bottom: .25em;
}

.wp-block-search .wp-block-search__input {
    padding: 1.675rem 1rem;
    border-radius: 100vw;
    border: none;
}

.wp-block-search .wp-block-search__button {
    position: absolute;
    background-color: var(--accent-green);
    border-radius: 100vw;
    width: 3.875rem;
    height: 3.875rem;
    padding: 0;
    right: .5rem;
    font-size: 0;
}

.wp-block-search .wp-block-search__button:is(:hover,:focus-visible) {
    background-color: var(--accent-pink);
}

@media ( width < 768px ) {

    .wp-block-search .wp-block-search__input::placeholder {
        font-size: .875rem;
    }

    .wp-block-search .wp-block-search__button {
        background-color: transparent;
        width: 3.25rem;
        height: 3.25rem;
    }

}

/* Home */

@media ( width < 1026px ) {

    .home .site-main {
        margin: 0;
    }

}

.grid-image-content:after {
    content: '';
    position: absolute;
    inset: 60% 0 0 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.68) 100%);
    border-radius: var(--border-radius);
}

.image-overflow-top {
    margin-top: -2rem;
}

@media ( width < 768px ) {

    .home-banner-grid {
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        max-width: 100vw;
        width: auto;
    }

    .grid-image-content:after {
        border-radius: 0;
    }

}

/* Single weekmenu */

.single-weekmenu-dag {
    max-width: 85ch;
    margin-top: 2rem;
}

.single-weekmenu-dag:last-of-type {
    margin-bottom: 3rem;
}

.single-weekmenu-dag .weekmenu-image {
    max-width: min(600px, 100%);
    border-radius: var(--border-radius);
}

.single-weekmenu-dag .description {
    margin-top: .5em;
}

.single-weekmenu-dag .description p:last-child {
    margin-bottom: .75em;
}

/* Archive */

/* geen resultaten */
.facetwp-template .archive-header {
    display: none;
}

.archive-noresults {
    background-color: var(--canvas-light);
    margin-block: 2rem;
    padding: 2rem;
    border-radius: var(--border-radius);
}

.archive-noresults .trigger-input {
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.bericht-slide .bericht-link {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.bericht-slide .image-container,
.archive .post-image,
.blog .post-image,
.search-results .post-image {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.bericht-slide .image-container:after,
.archive .post-image::after,
.blog .post-image::after,
.search-results .post-image::after {
    content: '';
    position: absolute;
    inset: 70% 0 0 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.9) 100%);
    border-radius: var(--border-radius);
    pointer-events: none;
}

.custom-loop-item .post-image::after,
body.category-artikelen .post-image::after,
body.category-weekmenu .post-image::after {
    background: none;
}

.bericht-slide .image-container img,
.archive .post-image img,
.blog .post-image img,
.search-results .post-image img {
    display: block;
    border-radius: var(--border-radius);
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transform: translateY(.5rem);
    transition: 
        transform 200ms ease-in-out,
        opacity 200ms ease-in-out
    ;
}

@media (width > 480px) {
    .bericht-slide .image-container img,
    .archive .post-image img,
    .blog .post-image img,
    .search-results .post-image img {
        aspect-ratio: 1 / 1.4;
    }

    body.category-artikelen .post-image img {
        aspect-ratio: 1 / 1.2;
    }

    body.category-weekmenu .post-image img {
        aspect-ratio: 1.2 / 1;
    }

    .bericht-slide .bericht-link:is(:hover,:focus-visible) + .image-container img,
    .archive .post-image a:is(:hover,:focus-visible) img,
    .blog .post-image a:is(:hover,:focus-visible) img,
    .search-results .post-image a:is(:hover,:focus-visible) img {
        transform: translateY(0);
        opacity: .9;
    }

}

.bericht-slide .recipe-time,
.archive .recipe-time,
.blog .recipe-time,
.search-results .recipe-time {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--text-contrast);
    z-index: 2;
    pointer-events: none;
}

.bericht-slide .recipe-time::before,
.archive .recipe-time::before,
.blog .recipe-time::before,
.search-results .recipe-time::before {
    content: '';
    flex-shrink: 0;
    display: inline-block;
    background-color: var(--text-contrast);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M160 25.4C143 9.6 120.2 0 95.2 0C42.6 0 0 42.6 0 95.2c0 18.8 5.5 36.3 14.9 51.1L160 25.4zM256 112a176 176 0 1 1 0 352 176 176 0 1 1 0-352zm0 400c53.2 0 102.1-18.6 140.5-49.5L439 505c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-42.5-42.5c31-38.4 49.5-87.3 49.5-140.5C480 164.3 379.7 64 256 64S32 164.3 32 288c0 53.2 18.6 102.1 49.5 140.5L39 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l42.5-42.5c38.4 31 87.3 49.5 140.5 49.5zM497.1 146.4C506.5 131.6 512 114 512 95.2C512 42.6 469.4 0 416.8 0C391.8 0 369 9.6 352 25.4L497.1 146.4zM280 184c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 104c0 6.4 2.5 12.5 7 17l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-41-41 0-94.1z'/%3E%3C/svg%3E") no-repeat 50% 50%/1em;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M160 25.4C143 9.6 120.2 0 95.2 0C42.6 0 0 42.6 0 95.2c0 18.8 5.5 36.3 14.9 51.1L160 25.4zM256 112a176 176 0 1 1 0 352 176 176 0 1 1 0-352zm0 400c53.2 0 102.1-18.6 140.5-49.5L439 505c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-42.5-42.5c31-38.4 49.5-87.3 49.5-140.5C480 164.3 379.7 64 256 64S32 164.3 32 288c0 53.2 18.6 102.1 49.5 140.5L39 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l42.5-42.5c38.4 31 87.3 49.5 140.5 49.5zM497.1 146.4C506.5 131.6 512 114 512 95.2C512 42.6 469.4 0 416.8 0C391.8 0 369 9.6 352 25.4L497.1 146.4zM280 184c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 104c0 6.4 2.5 12.5 7 17l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-41-41 0-94.1z'/%3E%3C/svg%3E") no-repeat 50% 50%/1em;
    width: 1em;
    height: 1em;
    margin-top: -.125rem;
}

.bericht-slide .category {
    position: relative;
    z-index: 2;
}

.bericht-slide .bericht-title,
.archive .entry-title,
.blog .entry-title,
.search-results .entry-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: .5rem;
    text-transform: revert;
}

.archive .entry-title,
.blog .entry-title,
.search-results .entry-title {
    font-family: Montserrat;
    font-size: 1.25rem;
    line-height: 1.4em;
    text-transform: none;
    margin-top: .5rem;
}

.bericht-slide .bericht-link:is(:hover,:focus-visible) ~ .bericht-title {
    opacity: .8;
}

.archive .site-main,
.blog .site-main,
.search-results .site-main {
    padding-inline: 1rem;
}

.archive .page-header,
.paging-navigation,
.archive article > .inside-article,
.blog article > .inside-article,
.search-results article > .inside-article {
    padding-inline: 0 !important;
}

.archive .page-header,
.blog .page-header,
.search-results .page-header {
    margin-left: 1.5rem;
}

.archive .inside-left-sidebar > aside,
.blog .inside-left-sidebar > aside,
.search-results .inside-left-sidebar > aside {
    padding-top: .5rem;
    padding-right: 0;
}

.taxonomy-extra-text {
    margin-block: 0 2rem;
}

@media (width < 769px ) {

    .archive .sidebar,
    .blog .sidebar,
    .search-results .sidebar {
        display: none;
    }

    .taxonomy-extra-text {
        margin-block: 2rem 0;
    }

}

.archive article,
.blog article,
.search-results article {
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.archive .post-image,
.blog .post-image,
.search-results .post-image {
    margin-bottom: 0 !important;
}

.archive article > .inside-article:has(.label-mega),
.blog article > .inside-article:has(.label-mega),
.search-results article > .inside-article:has(.label-mega) {
    transform: scale(1);
}

.archive .post-image .label-mega,
.blog .post-image .label-mega,
.search-results .post-image .label-mega {
    position: fixed;
    top: 1.5rem;
    left: .5rem;
    display: grid;
    place-content: center;
    max-width: 100px;
    aspect-ratio: 1/1;
    background-color: var(--accent-yellow);
    border-radius: 100vw;
    font-size: 1.25rem;
    z-index: 2;
    pointer-events: none;
    transform: rotate(-15deg);
}

.archive .entry-summary,
.blog .entry-summary,
.search-results .entry-summary {
    display: none;
}

.nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

.nav-links .page-numbers {
    background-color: var(--accent-pink-50);
    border-radius: 100vw;
    font-weight: 600;
    text-decoration: none;
    display: grid;
    place-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

.nav-links .page-numbers:not(.current):is(:hover,:focus-visible) {
    background-color: var(--accent-pink);
}

.nav-links .page-numbers.current {
    background-color: var(--canvas-contrast);
    color: var(--text-contrast);
}

.nav-links .page-numbers svg {
    width: 1rem;
    vertical-align: sub;
}

.nav-links .page-numbers.prev svg {
    transform: rotate(180deg);
}

@media screen and (width > 768px) {

    .archive .site-main,
    .blog .site-main,
    .search-results .site-main {
        padding-inline: .25rem 2.5rem;
    }

    .archive article,
    .blog article,
    .search-results article {
        margin-bottom: 2rem;
    }

    .archive .post-image .label-mega,
    .blog .post-image .label-mega,
    .search-results .post-image .label-mega {
        left: -1rem;
    }

}

.boxzilla {
    padding:0 !important;
}

@media screen and (max-width:500px) {
.boxzilla-center-container {
    margin: 20px;
}
}

/* Verplaats Boxzilla popup hoger */
#boxzilla-113746 {
  margin-top: 200px !important; /* pas dit aan naar wens, bv. 30px of 100px */
}


/* archive - no sidebar */

:is(.category-weekmenu,.category-artikelen) .site-content .content-area {
    width: 100%;
}

:is(.category-weekmenu,.category-artikelen) .site-content .sidebar {
    display: none;
}

@media screen and (width > 768px) {
    :is(.category-weekmenu,.category-artikelen) .site-main {
        padding-left: 1.25rem;
    }
}

.category-weekmenu .btn-taxonomy.weekmenu {
    display: none;
}

.category-weekmenu article .entry-header {
    margin-top: .75rem;
}

/* Search */

.search-results .page-header {
    padding: 0;
    margin-bottom: .5em;
}

.search-results .page-title {
    font-family: 'Montserrat';
    font-size: clamp(1.5rem, 1.4197rem + 0.367vw, 1.75rem);
    font-weight: 400;
    text-transform: none;
}

.search-results .page-title span {
    font-weight: 600;
}

/* Pages */

.page .site-main {
    margin-bottom: 3rem;
}

/* Receptindex */

.taxonomy-gallery img {
    aspect-ratio: 1 / 1.1;
}

/* Footer */

.footer-list li {
    margin-bottom: .25em;
}

.footer-list a {
    font-weight: 400;
    text-decoration: none;
}

.footer-list a:is(:hover,:focus-visible) {
    text-decoration: underline;
}

@media screen and (min-width: 769px) {
    .footer-accordion-item .gb-accordion__toggle {
        pointer-events:none
    }

    .footer-accordion-item .gb-accordion__toggle .gb-icon {
        display: none
    }

    .footer-accordion-item .gb-accordion__content {
        max-height: inherit!important;
        visibility: visible!important
    }
}

.footer-copyright a {
    font-weight: 400;
    text-decoration: none;
}

.footer-copyright a:is(:hover,:focus-visible) {
    text-decoration: underline;
}

/* rankmath breadcrumbs */

.rank-math-breadcrumb {
    font-size: .875rem;
}

.rank-math-breadcrumb > p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rank-math-breadcrumb a {
    color: var(--accent);
    text-decoration: none;
}

.rank-math-breadcrumb a:hover {
    text-decoration: underline;
}

.rank-math-breadcrumb .separator {
    position: relative;
    margin-inline: .5rem;
    color: #fff0;
}

.rank-math-breadcrumb .separator::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 1px;
    left: -1px;
    background-color: var(--text-base);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.125em' height='1.125em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125em;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.125em' height='1.125em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%/1.125em;
    width: 1.125em;
    height: 1.125em;
}

.rank-math-breadcrumb .last {
    font-weight: 600;
}

/* Facetwp */

.facetwp-flyout-open:is(:hover,:focus-visible) svg path {
    fill: var(--text-contrast);
}

.facet-wrap,
.facetwp-selections:not(:empty) {
    padding-bottom: 1.5rem;
    border-bottom: 1px dashed var(--border-color);
}

.facetwp-selections:not(:empty) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.5rem;
}

.facet-wrap .facet-label {
    padding-top: 1.5rem;
    margin-bottom: .375em;
}

:not(.facet-wrap) + .facet-wrap .facet-label {
    padding-top: 0;
}

.facetwp-type-checkboxes .facetwp-checkbox {
	padding-left: 1.75rem;
    margin-bottom: .675rem;
    background: url(/wp-content/themes/generatepress_child/assets/images/empty-checkbox.svg) 0 .125em no-repeat;
    background-size: 1.125em;
}

.facetwp-type-checkboxes .facetwp-checkbox:hover {
    background: url(/wp-content/themes/generatepress_child/assets/images/empty-checkbox-highlighted.svg) 0 .125em no-repeat;
    background-size: 1.125em;
}

.facetwp-type-checkboxes .facetwp-checkbox.checked {
    background-image: url(/wp-content/themes/generatepress_child/assets/images/filled-checkbox.svg);
}

.facetwp-type-checkboxes .facetwp-checkbox {
    line-height: 1.5;
}

.facetwp-type-checkboxes .facetwp-toggle {
    padding-left: 1.75rem;

}

.facetwp-type-checkboxes .facetwp-toggle:not(.facetwp-hidden) {
    display: block;
}

.facetwp-type-checkboxes .facetwp-toggle:not(.facetwp-hidden):last-child {
    margin-top: .5rem;
}

.facetwp-selection-label {
    display: none;
}

.left-sidebar-container .facetwp-selections .facetwp-selection-value {
    padding: 0.75rem;
    padding-left: 2.25rem;
    margin-right: 0;
    background-position: 0.5rem center;
    background-color: var(--canvas-light);
    border-radius: 100vw;
    font-size: .875rem;
    font-weight: 600;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_155_2979)'%3E%3Cpath d='M9.99999 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 9.99999 1.66667C5.39762 1.66667 1.66666 5.39763 1.66666 10C1.66666 14.6024 5.39762 18.3333 9.99999 18.3333Z' stroke='%23150D07' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 7.5L7.5 12.5' stroke='%23150D07' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 7.5L12.5 12.5' stroke='%23150D07' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_155_2979'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 1.25rem;
}

.left-sidebar-container .facetwp-selections .facetwp-selection-value:is(:hover,:focus-visible) {
    background-color: var(--canvas-medium);
}


.facetwp-selections ul,
.facetwp-selections ul li {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 0;
}

.facetwp-counter {
    font-size: .875em;
    color: var(--contrast-2);
}

.facetwp-facet-search.facetwp-facet {
    margin-bottom: 0;
}

.facetwp-type-search .facetwp-input-wrap {
    width: 100%;
    max-width: 920px;
}

.facetwp-facet-search .facetwp-search {
    width: 100%;
    padding: 1.625rem 1.25rem;
    border-radius: 100vw;
}

.facetwp-type-search .facetwp-icon {
    display: grid;
    place-items: center;
    top: .5rem;
    right: .5rem;
    width: 3.875rem;
    height: 3.875rem;
    opacity: 1;
}

.facetwp-type-search .facetwp-icon::before {
    width: 3.875rem;
    height: 3.875rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z'/%3E%3C/svg%3E");
    background-size: 1em;
    background-position-x: 50%;
    background-color: var(--accent-green);
    border-radius: 100vw;
}

.facetwp-type-search .facetwp-icon:hover::before {
    background-color: var(--accent-pink);
}

.facetwp-type-slider .facetwp-slider {
    background-color: var(--canvas-light);
    height: .5rem;
}

.facetwp-slider .noUi-connect {
    background-color: var(--canvas-medium);
}

.facetwp-type-slider .facetwp-slider .noUi-handle {
    width: 18px;
    height: 18px;
    right: -8px;
    top: -6px;
    background-color: var(--accent-pink);
    border: none;
    cursor: pointer;
}

.facetwp-facet-bereidingstijd {
    margin-top: 1rem;
}

.facetwp-facet-bereidingstijd .facetwp-slider-reset {
    background-color: transparent !important;
    color: var(--text-base) !important;
    box-shadow: none;
    padding: 0;
    margin-top: .5rem;
    text-decoration: underline;
    text-underline-offset: .25em;
}

.facetwp-facet-bereidingstijd .facetwp-slider-reset:is(:hover,:focus-visible) {
    text-decoration: none;
}

/* Facetwp flyout */

.archive .facetwp-flyout,
.blog .facetwp-flyout,
.search-results .facetwp-flyout {
    max-width: 500px;
    width: 100%;
    transform: translateY(120%);
}

.archive .facetwp-flyout.active,
.blog .facetwp-flyout.active,
.search-results .facetwp-flyout.active {
    transform: translateY(0);
    z-index: 99999999999;
}

.facetwp-flyout-header {
    display: flex;
    align-items: center;
    background-color: var(--canvas-light);
    font-weight: 600;
}

.facetwp-flyout-header > span {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.facetwp-flyout-header .facetwp-flyout-close {
    padding: 1rem;
    line-height: 0;
}

.facetwp-flyout-header .facetwp-flyout-close svg {
    width: 1.5rem;
    height: 1.5rem;
}

.facetwp-flyout .facetwp-flyout-content {
    padding: 0 1rem 116px 1rem; /* 100px buttons height + header padding */
}

.flyout-item {
    display: none;
}

.flyout-row:not(:nth-last-of-type(2)) {
	border-bottom: 1px dashed var(--border-color);
}

.flyout-row.expanded .flyout-item {
    display: block;
}

.flyout-row .flyout-heading {
    cursor: pointer;
    margin: 1rem 0;
}

.flyout-row .flyout-heading:after {
	content: '';
    flex-shrink: 0;
	float: right;
	background-color: var(--text-base);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
	width: 1.5em;
	height: 1.5em;
	rotate: 90deg;
}

.flyout-row.expanded .flyout-heading:after {
	rotate: 270deg;
}

.facetwp-flyout .facetwp-facet {
    margin-bottom: 1.5rem;
}

.flyout-buttons {
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-inline: -1rem;
    padding: 1.5rem 1rem;
    background-color: var(--canvas-light);
    position: fixed;
    bottom: 0;
    width: 100%;
}

.facetwp-flyout.active .flyout-buttons {
    display: flex;
}

.flyout-buttons .facetwp-facet-aantal_resultaten_flyout {
    margin-bottom: 0;
}

.flyout-buttons .btn-flyout {
    flex: 1;
    padding: .75rem 1.5rem;
    border-radius: 100vw;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}

.flyout-buttons .btn-flyout-reset {
    background-color: var(--canvas-base);
}

.flyout-buttons .btn-flyout-reset:is(:hover,:focus-visible) {
    background-color: var(--canvas-contrast);
    color: var(--text-contrast);
}

.flyout-buttons .btn-flyout-close {
    background-color: var(--canvas-contrast);
    color: var(--text-contrast);
}

.flyout-buttons .btn-flyout-close:is(:hover,:focus-visible) {
    background-color: var(--canvas-base);
    color: var(--text-base);
}

/* Swiperjs */

.swiper-button {
    --button-size: 4.5rem;
    --slide-gap: 1.5rem;
    width: var(--button-size);
    height: var(--button-size);
    top: calc(50% - (var(--button-size) / 2));
    margin-top: 0;
    border-radius: 100vw;
    background-color: var(--canvas-base);
    transition: background-color ease 250ms,opacity ease 500ms;
}

.swiper-button:after {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-base);
    transition: color ease 250ms;
}

.swiper-button-shadowed {
    filter: drop-shadow(0 2px 8px rgb(0 0 0 / .12));
}

.swiper-button-bordered {
    background-color: transparent;
    border: 1px solid var(--canvas-contrast);
}

.swiper-button-prev {
    left: .5rem;
}

.swiper-button-next {
    right: .5rem;
}

@media (min-width: 1025px) {
    .swiper-button-prev {
        display: flex;
        left: -1rem;
    }

    .swiper-button-next {
        right: -1rem;
    }

    .swiper-button:is(:hover,:focus-visible) {
        background-color: var(--canvas-contrast);
    }
    
    .swiper-button:is(:hover,:focus-visible):after,
    .swiper-button-extra:focus:after {
        color: var(--text-contrast);
    }
}

@media (min-width: 1400px) {

    .swiper-button-prev {
        left: calc(-1 * ( (var(--button-size) / 2) ));
    }

    .swiper-button-next {
        right: calc(-1 * ( (var(--button-size) / 2) ));
    }
}

.swiper-button-disabled {
    filter: none;
    opacity: 0!important;
    transition: opacity ease 500ms;
}

/* Single page */

.page .featured-image {
    padding-inline: 1rem;
}

@media ( width > 769px ) {
    .page .featured-image {
        padding-inline: 2.5rem;
    }
}

.page .featured-image img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: var(--border-radius);
}

/* Single blog */

.single-post .entry-content {
    max-width: var(--narrow-content);
    margin-inline: auto;
}

.single-post .entry-content > img,
.single-post .entry-content > figure img {
    display: block;
    max-width: min(600px, 100%);
    margin: 2rem auto;
}

.recipe-data-featured {
    display: grid;
    gap: 1rem 1.5rem;
    margin-top: 1.25rem;
    padding-bottom: 3rem;
}

.recipe-data-featured .featured img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.recipe-data-featured .recipe-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--canvas-light);
    padding: 1rem;
    border-radius: var(--border-radius);
}

.recipe-data-featured .recipe-data .wprm-recipe-rating,
.recipe-data-featured .recipe-data .categories-list,
.recipe-data-featured .recipe-data .time-servings {
    margin-bottom: 1.25rem;
}

.wprm-recipe-servings-container:not(:has(.wprm-recipe-servings-with-unit)) {
    display: none;
}

.recipe-data-featured .recipe-data .wprm-recipe-rating {
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    gap: 0 .5rem;
}

.recipe-data-featured .recipe-data .wprm-recipe-rating .wprm-rating-star:not(:first-of-type) {
    margin-left: -.5rem;
}

.recipe-data-featured .recipe-data .wprm-recipe-rating .wprm-recipe-rating-details {
    margin-left: 0;
}

.recipe-data-featured .recipe-data .categories-list li:nth-child(n+4) {
    display: none;
}

.recipe-data-featured .recipe-data .time-servings {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1.25rem;
}

.recipe-data-featured .recipe-data .wprm-recipe-details-unit {
    font-size: inherit;
} 

.recipe-data-featured .recipe-data .wprm-recipe-servings-with-unit {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
}

.recipe-data-featured .recipe-data .wprm-recipe-servings-with-unit::before {
    content: '';
    flex-shrink: 0;
    display: inline-block;
    background-color: var(--text-base);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z'/%3E%3C/svg%3E") no-repeat 50% 50%/1rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z'/%3E%3C/svg%3E") no-repeat 50% 50%/1rem;
    width: 1rem;
    height: 1.25rem;
    margin-right: .25rem;
    margin-top: -.125rem;
    transition: background-color 100ms ease-in-out;
}

.recipe-data-featured .recipe-data .btn-to-recipe {
    width: 100%;
    margin-top: auto;
}

.recipe-data-featured .recipe-data .btn-to-recipe::after {
    rotate: 90deg;
}

@media (min-width: 769px) {

    .recipe-data-featured {
        display: flex;
    }

    .recipe-data-featured .featured {
        flex-grow: 1;
    }

    .recipe-data-featured.vertical .featured:not(.no-recipe) {
        flex-grow: 0;
    }

    .recipe-data-featured.vertical .featured.no-recipe {
        max-width: var(--narrow-content);
        margin-inline: auto;
    }

    .recipe-data-featured .featured img {
        max-height: 640px;
    }

    .recipe-data-featured.vertical .featured img {
        aspect-ratio: 1 / 1.2;
        max-width: 800px;
        margin-inline: auto;
    }

    .recipe-data-featured.vertical .featured.no-recipe img {
        max-width: var(--narrow-content);
        margin-inline: auto;
        max-height: unset;
    }
    
    .recipe-data-featured .recipe-data {
        order: -1;
        padding: 2rem;
        max-width: 460px;
    }

    .recipe-data-featured.vertical .recipe-data {
        max-width: revert;
        flex-basis: 60%;
    }


}

.related-swiper-wrapper .berichten-swiper-container {
    margin-top: 1rem;
}

.related-heading-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 2rem;
    align-items: flex-end;
}

.related-heading-wrapper h2 {
    margin-bottom: 0;
}

.comments-area {
    display: none;
}

/* Recipe maker */

.wprm-recipe-container {
    margin-block: 3rem;
    padding-block: 3rem 7rem;
    background-color: var(--accent-yellow-50);
    box-shadow: 0 0 0 100vmax var(--accent-yellow-50);
    clip-path: inset(0 -100vmax);
}

.wprm-recipe {
    background-color: var(--canvas-base);
    border-radius: var(--border-radius);
    padding: 1rem;
}

.wprm-recipe h3,
.wprm-recipe h4 {
    font-family: 'Montserrat';
    font-weight: 600;
}

.wprm-recipe h3 {
    font-size: 1.125rem;
    margin-bottom: 1.5rem !important;
}

.wprm-recipe h4 {
    font-size: 1rem;
    margin-bottom: .5rem !important;
}

.wprm-recipe .border-waves {
    margin-top: 1.75rem;
    padding-top: 2.5rem;
}

.wprm-recipe .wprm-recipe-image img {
    width: clamp(200px, 40vw, 360px);
    margin-bottom: 1.75rem;
}

.wprm-recipe-time {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
}

.wprm-recipe .wprm-recipe-time {
    margin-bottom: .5rem;
}

.wprm-recipe-time::before {
    content: '';
    flex-shrink: 0;
    display: inline-block;
    background-color: var(--text-base);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M160 25.4C143 9.6 120.2 0 95.2 0C42.6 0 0 42.6 0 95.2c0 18.8 5.5 36.3 14.9 51.1L160 25.4zM256 112a176 176 0 1 1 0 352 176 176 0 1 1 0-352zm0 400c53.2 0 102.1-18.6 140.5-49.5L439 505c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-42.5-42.5c31-38.4 49.5-87.3 49.5-140.5C480 164.3 379.7 64 256 64S32 164.3 32 288c0 53.2 18.6 102.1 49.5 140.5L39 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l42.5-42.5c38.4 31 87.3 49.5 140.5 49.5zM497.1 146.4C506.5 131.6 512 114 512 95.2C512 42.6 469.4 0 416.8 0C391.8 0 369 9.6 352 25.4L497.1 146.4zM280 184c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 104c0 6.4 2.5 12.5 7 17l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-41-41 0-94.1z'/%3E%3C/svg%3E") no-repeat 50% 50%/1rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M160 25.4C143 9.6 120.2 0 95.2 0C42.6 0 0 42.6 0 95.2c0 18.8 5.5 36.3 14.9 51.1L160 25.4zM256 112a176 176 0 1 1 0 352 176 176 0 1 1 0-352zm0 400c53.2 0 102.1-18.6 140.5-49.5L439 505c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-42.5-42.5c31-38.4 49.5-87.3 49.5-140.5C480 164.3 379.7 64 256 64S32 164.3 32 288c0 53.2 18.6 102.1 49.5 140.5L39 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l42.5-42.5c38.4 31 87.3 49.5 140.5 49.5zM497.1 146.4C506.5 131.6 512 114 512 95.2C512 42.6 469.4 0 416.8 0C391.8 0 369 9.6 352 25.4L497.1 146.4zM280 184c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 104c0 6.4 2.5 12.5 7 17l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-41-41 0-94.1z'/%3E%3C/svg%3E") no-repeat 50% 50%/1rem;
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
    margin-top: -.125rem;
    transition: background-color 100ms ease-in-out;
}
.wprm-recipe-rating .wprm-recipe-rating-details {
    font-size: inherit !important;
}

.wprm-recipe .wprm-recipe-details-unit {
    font-size: inherit;
} 

.wprm-recipe-name {
    text-align: center;
}

.wprm-recipe-summary {
    margin-top: 1rem;
    text-align: center;
}

.wprm-recipe .wprm-recipe-rating {
    display: block !important;
    text-align: center;
    margin: 1.5rem auto;
}

.recipe-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

.recipe-buttons .wprm-recipe-link.wprm-recipe-add-to-collection,
.recipe-buttons .wprm-recipe-link.wprm-recipe-print  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: 0 !important;
    font-weight: 600;
}

.recipe-buttons .wprm-recipe-add-to-collection:is(:hover,:focus-visible),
.recipe-buttons .wprm-recipe-print:is(:hover,:focus-visible)  {
    color: var(--text-contrast) !important;
    background-color: var(--canvas-contrast) !important;
}

.recipe-buttons .wprm-recipe-incollection svg path,
.recipe-buttons .wprm-recipe-print svg path  {
    transition: fill 100ms ease-in-out;
}

.recipe-buttons .wprm-recipe-add-to-collection:is(:hover,:focus-visible) svg path,
.recipe-buttons .wprm-recipe-print:is(:hover,:focus-visible) svg path  {
    fill: var(--text-contrast);
}

.recipe-buttons .share-btn-open,
.recipe-buttons .wprm-prevent-sleep {
    margin: 0;
    padding: .75rem 1rem;
    border: 1px solid var(--canvas-contrast);
    border-radius: 100vw;
}

.recipe-buttons .share-btn-open {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

.recipe-buttons .share-btn-open svg {
    width: 1.25rem;
    height: 1.25rem;
}

.recipe-buttons .wprm-prevent-sleep {
    justify-content: center;
}

.recipe-buttons .wprm-prevent-sleep .wprm-prevent-sleep-label {
    font-weight: 600;
}

@media (max-width: 480px) {
    
    .recipe-buttons .wprm-recipe-add-to-collection, 
    .recipe-buttons .wprm-recipe-print,
    .recipe-buttons .share-btn-open,
    .recipe-buttons .wprm-prevent-sleep {
        font-size: .75rem;
    }

}

.ingredienten-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.ingredienten-heading h3 {
    margin-bottom: 0 !important;
}

.ingredienten-heading .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-change.wprm-recipe-servings-increment,
.ingredienten-heading .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-change.wprm-recipe-servings-decrement {
    border-radius: 100vw !important;
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    font-size: 1.5rem;
}

.ingredienten-heading .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-change.wprm-recipe-servings-increment:is(:hover,:focus-visible),
.ingredienten-heading .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-change.wprm-recipe-servings-decrement:is(:hover,:focus-visible) {
    background-color: var(--canvas-contrast) !important;
    color: var(--text-contrast) !important;
}

.ingredienten-heading .wprm-recipe-servings {
    border: none !important;
    height: 34px !important;
    width: 32px !important;
}

.ingredienten-heading .wprm-recipe-details-unit {
    margin-right: .5rem;
    line-height: 2.125;
} 

.wprm-recipe-ingredients > li,
.wprm-recipe-equipment > li {
    margin-left: 0 !important;
    margin-bottom: .25rem !important;
}

.wprm-recipe-ingredients .wprm-recipe-ingredient-notes {
    font-style: italic;
}

.wprm-recipe-ingredients .wprm-recipe-ingredient-notes::before {
    content: '\0028';
}

.wprm-recipe-ingredients .wprm-recipe-ingredient-notes::after {
    content: '\0029';
}

.wprm-checkbox-container {
    position: revert !important;
}

.wprm-checkbox-container label {
    padding-left: 32px !important;
}

.wprm-checkbox-container label:before {
    border-color: var(--border-color) !important;
    border-radius: .25rem !important;
}

.wprm-checkbox-is-checked .wprm-checkbox-label::before {
    border-color: var(--accent-pink) !important;
    background-color: var(--accent-pink);
}

.wprm-recipe-equipment-name {
    display: inline-block;
}

.wprm-recipe-instructions {
    list-style-type: '';
	margin: 0;
    counter-reset: step-counter;
}

.wprm-recipe .wprm-recipe-instructions > li {
    list-style-type: none !important;
    margin-left: 0;
    margin-bottom: 2rem;
    counter-increment: step-counter;
}

.wprm-recipe-instructions .wprm-recipe-instruction-text {
    display: flex;
    gap: 1rem;
}

.wprm-recipe-instructions .wprm-recipe-instruction-text::before {
    content: counter(step-counter);
    display: grid;
    place-content: center;
    width: 2rem;
    height: 2rem;
    background-color: var(--accent-pink);
    border-radius: 100vw;
    font-weight: 600;
    flex-shrink: 0;
}

.wprm-recipe-notes-container {
    display: flex;
    flex-direction: column;
    gap: 0 1rem;
    margin-block: 1.25rem;
    padding: 1rem;
    border: 1px solid var(--canvas-medium);
    border-radius: var(--border-radius);
}

.wprm-recipe-notes-header {
    flex-shrink: 0;
}

.wprm-nutrition-label-container-grouped {
    gap: .25rem;
}

.wprm-nutrition-label-text-nutrition-container {
    flex: 1;
    font-size: .875rem;
}

.wprm-nutrition-label-text-nutrition-container .wprm-nutrition-label-text-nutrition-label {
    color: var(--text-base) !important;
    font-weight: 600;
}

.wprm-recipe .categories-list {
    margin-block: 1.75rem;
}

.wprm-recipe .over-miljuschka {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem 1.5rem;
    margin-bottom: 1.75rem;
}

.wprm-recipe .over-miljuschka img {
    border-radius: 100vw;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.recipe-ingredients-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.recipe-ingredients-wrapper > .wprm-recipe-ingredients-container {
    flex: 1;
}

@media (min-width: 769px) {

    .wprm-recipe-container {
        margin-block: 7rem;
        padding-block: 5rem;
    }

    .wprm-recipe {
        padding: 2rem;
    }

    .recipe-buttons {
        grid-template-columns: repeat(3, 1fr);
    }

    .recipe-buttons:has( .wprm-recipe-add-to-collection) {
        grid-template-columns: repeat(4, 1fr);
    }

    .recipe-ingredients-wrapper {
        flex-direction: row;
    }

    .wprm-recipe-notes-container {
        flex-direction: row;
    }

    .wprm-recipe .over-miljuschka {
        flex-direction: row;
    }

}

/* dialogs */
dialog::backdrop,
dialog::-webkit-backdrop {
    background-color: rgb(0 0 0 / .4);
}


dialog[open] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: calc(100% - 2rem);
    max-width: var(--narrow-content);
    border: none!important;
    border-radius: var(--border-radius);
}

dialog button {
    display: block;
    align-self: center;
    border: 2px solid #fff0;
    padding-block: .5rem;
}

@media (min-width: 769px) {
    dialog[open] {
        width:calc(100% - 4rem);
        padding: 1.5rem;
    }
}

.share-dialog[open] {
    max-width: 600px;
    background-color: var(--accent-yellow-50);
}

.share-dialog .heading {
    text-align: center;
}

/* Social share buttons */

.social-share-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    gap: 2rem 1rem;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 1rem;
}

@media (min-width: 481px) {
    .social-share-buttons {
        grid-template-columns: repeat(5, 1fr);
    }
}

.social-share-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    font-weight: 600;
    position: relative;
}

.social-share-button a {
    font-weight: 600;
}

.social-share-button a:hover {
    text-decoration: underline;
}

.social-share-button a::after {
    content: '';
    position: absolute;
    inset: 0;
}

.social-share-button svg {
    width: 2rem;
    height: 2rem;
    padding: .5rem;
    border-radius: 100vw;
    background-color: var(--accent-pink);
}

/* Mediavine */

.mv-video-target {
    max-width: 450px;
}

/* Gravity Forms */

.gform_wrapper form .gform_fields .gfield_label {
    font-weight: 600;
    margin-bottom: .25rem;
}

.gform_wrapper input[type=email],
.gform_wrapper input[type=text],
.gform_wrapper input[type=submit] {
    padding: 1rem 1.125rem!important;
    border-radius: 100vw;
}

.gform_required_legend {
    display: none;
}

.gfield_required {
    font-style: normal !important;
    color: revert !important;
}

.gform_submission_error {
    font-family: 'Montserrat';
    text-transform: none;
}

/* nieuwsbrief formulier */

.nieuwsbrief-formulier_wrapper {
    width: 100%;
}

.nieuwsbrief-formulier_wrapper .nieuwsbrief-formulier .gform_fields {
    gap: 1.25rem;
}

.gform_wrapper .nieuwsbrief-formulier input[type=email],
.gform_wrapper .nieuwsbrief-formulier input[type=text] {
    border-color: transparent;
}

.gform_wrapper .nieuwsbrief-formulier input[type=email]:is(:focus-visible),
.gform_wrapper .nieuwsbrief-formulier input[type=text]:is(:focus-visible) {
    background-color: var(--canvas-base);
    border-color: var(--canvas-contrast);
}

.nieuwsbrief-footer .gform_footer.top_label {
    padding: 0 !important;
}

.nieuwsbrief-footer input[type=submit] {
    background-color: var(--accent-green);
    width: 100%;
}

.nieuwsbrief-footer input[type=submit]:is(:hover,:focus-visible) {
    background-color: var(--canvas-contrast);
}

.gform_footer input[type=submit] {
    background-color: var(--accent-green);
    color: var(--text-base);
    border-radius: 100vw;
    width: 100%;
    transition: background-color 100ms ease,color 100ms ease;
}

.gform_footer input[type=submit]:is(:hover,:focus-visible,:focus) {
    background-color: var(--canvas-contrast);
    color: var(--text-contrast);
}

/* Form - inkijkexemplaar */ 

.form-inkijkexemplaar_wrapper {
    max-width: 85ch;
}

.form-inkijkexemplaar_wrapper .gform_title {
    text-wrap: auto;
    font-size: clamp(1.5rem, 1.4197rem + 0.367vw, 1.75rem);
}

.form-inkijkexemplaar_wrapper form {
    max-width: 500px;
}

.form-inkijkexemplaar_wrapper span.name_first {
    padding-right: 0 !important;
}

.form-inkijkexemplaar_wrapper input[type=submit] {
    width: 100%;
}