.elementor-kit-100{--e-global-color-primary:#1E1E1E;--e-global-color-secondary:#1E1E1E;--e-global-color-text:#1E1E1E;--e-global-color-accent:#FFFFFF00;--e-global-color-35e1b40:#FFFFFF;--e-global-color-70f1389:#F4F2F1;--e-global-color-ba81b45:#1E1E1EE6;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:50px;--e-global-typography-primary-letter-spacing:10px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:normal;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:32px;--e-global-typography-secondary-letter-spacing:4px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:21px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-fa7df5a-font-family:"Lato";--e-global-typography-fa7df5a-font-size:36px;--e-global-typography-fa7df5a-font-weight:400;--e-global-typography-fa7df5a-text-transform:uppercase;--e-global-typography-fa7df5a-font-style:normal;--e-global-typography-fa7df5a-text-decoration:none;--e-global-typography-fa7df5a-line-height:1.2em;--e-global-typography-fa7df5a-letter-spacing:6px;--e-global-typography-fa7df5a-word-spacing:0px;--e-global-typography-88d4b64-font-family:"Jost";--e-global-typography-88d4b64-font-size:20px;--e-global-typography-88d4b64-font-weight:500;--e-global-typography-88d4b64-text-transform:uppercase;--e-global-typography-88d4b64-font-style:normal;--e-global-typography-88d4b64-text-decoration:none;--e-global-typography-88d4b64-line-height:32px;--e-global-typography-88d4b64-letter-spacing:2px;--e-global-typography-88d4b64-word-spacing:0px;--e-global-typography-f305cc4-font-family:"Jost";--e-global-typography-f305cc4-font-size:18px;--e-global-typography-f305cc4-font-weight:300;--e-global-typography-f305cc4-text-transform:none;--e-global-typography-f305cc4-font-style:normal;--e-global-typography-f305cc4-text-decoration:none;--e-global-typography-f305cc4-line-height:27px;--e-global-typography-f305cc4-letter-spacing:0px;--e-global-typography-6407ae9-font-family:"Jost";--e-global-typography-6407ae9-font-size:14px;--e-global-typography-6407ae9-font-weight:300;--e-global-typography-6407ae9-text-transform:uppercase;--e-global-typography-6407ae9-font-style:normal;--e-global-typography-6407ae9-text-decoration:none;--e-global-typography-6407ae9-line-height:20px;--e-global-typography-6407ae9-letter-spacing:5px;--e-global-typography-6407ae9-word-spacing:0px;--e-global-typography-f7fa2be-font-family:"Jost";--e-global-typography-f7fa2be-font-size:20px;--e-global-typography-f7fa2be-font-weight:600;--e-global-typography-f7fa2be-text-transform:uppercase;--e-global-typography-f7fa2be-font-style:normal;--e-global-typography-f7fa2be-text-decoration:none;--e-global-typography-f7fa2be-line-height:1em;--e-global-typography-f7fa2be-letter-spacing:7px;--e-global-typography-f7fa2be-word-spacing:0em;background-color:var( --e-global-color-70f1389 );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );--e-preloader-animation-duration:400ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:20px;}.elementor-kit-100 e-page-transition{background-color:#FFBC7D;}.elementor-kit-100 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-fa7df5a-font-family ), Sans-serif;font-size:var( --e-global-typography-fa7df5a-font-size );font-weight:var( --e-global-typography-fa7df5a-font-weight );text-transform:var( --e-global-typography-fa7df5a-text-transform );font-style:var( --e-global-typography-fa7df5a-font-style );text-decoration:var( --e-global-typography-fa7df5a-text-decoration );line-height:var( --e-global-typography-fa7df5a-line-height );letter-spacing:var( --e-global-typography-fa7df5a-letter-spacing );word-spacing:var( --e-global-typography-fa7df5a-word-spacing );}.elementor-kit-100 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-100 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85vw;}.e-con{--container-max-width:85vw;--container-default-padding-top:3px;--container-default-padding-right:3px;--container-default-padding-bottom:3px;--container-default-padding-left:3px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-100{--e-global-typography-primary-font-size:32px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:8px;--e-global-typography-secondary-font-size:26px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:3px;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-size:18px;--e-global-typography-fa7df5a-font-size:50px;--e-global-typography-fa7df5a-line-height:1em;--e-global-typography-fa7df5a-letter-spacing:5px;--e-global-typography-f305cc4-font-size:17px;--e-global-typography-f305cc4-line-height:1.5em;--e-global-typography-6407ae9-font-size:13px;--e-global-typography-6407ae9-line-height:1.2em;--e-global-typography-6407ae9-letter-spacing:4px;--e-global-typography-f7fa2be-font-size:18px;--e-global-typography-f7fa2be-letter-spacing:6px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-100 h1{font-size:var( --e-global-typography-fa7df5a-font-size );line-height:var( --e-global-typography-fa7df5a-line-height );letter-spacing:var( --e-global-typography-fa7df5a-letter-spacing );word-spacing:var( --e-global-typography-fa7df5a-word-spacing );}.elementor-kit-100 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-100 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-100{--e-global-typography-primary-font-size:26px;--e-global-typography-primary-letter-spacing:6px;--e-global-typography-secondary-font-size:21px;--e-global-typography-secondary-letter-spacing:2px;--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-size:16px;--e-global-typography-fa7df5a-font-size:38px;--e-global-typography-fa7df5a-letter-spacing:3px;--e-global-typography-f305cc4-font-size:16px;--e-global-typography-f305cc4-line-height:1.4em;--e-global-typography-f305cc4-letter-spacing:0px;--e-global-typography-6407ae9-font-size:12px;--e-global-typography-6407ae9-letter-spacing:3px;--e-global-typography-f7fa2be-font-size:16px;--e-global-typography-f7fa2be-letter-spacing:4px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-100 h1{font-size:var( --e-global-typography-fa7df5a-font-size );line-height:var( --e-global-typography-fa7df5a-line-height );letter-spacing:var( --e-global-typography-fa7df5a-letter-spacing );word-spacing:var( --e-global-typography-fa7df5a-word-spacing );}.elementor-kit-100 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-100 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================================== */
/* LAUWELIER RECEPTEN - FRONTEND STYLING VOOR EEN ENKEL RECEPT        */
/* Voeg deze CSS toe aan je THEMA's style.css of via Extra CSS      */
/* ================================================================== */

/* Stijl voor de hoofdcontainer van een enkel recept */
.lauwelier-single-recipe {
    width: 90vw; /* Breedte: 90% van de viewport breedte */
    max-width: 1000px; /* Maximale breedte, zodat het niet té breed wordt op grote schermen */
    margin: 20px auto; /* Centreer de container en voeg 20px ruimte boven/onder toe */
    padding: 30px; /* Ruimte binnen de container */

    /* "Glassy" effect */
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparante witte achtergrond (70% opacity) */
    border: 1px solid rgba(200, 200, 200, 0.5); /* Subtiele, semi-transparante rand */
    border-radius: 12px; /* Afgeronde hoeken */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Subtiele schaduw voor diepte */

    /* Optioneel: Backdrop filter voor echt "frosted glass" (browser support varieert) */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */ /* Voor Safari */

    /* Standaard lettertype voor de receptinhoud (pas aan indien gewenst) */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #333; /* Donkergrijze tekstkleur */
}

/* Stijl voor de titel van het recept (H1) */
.lauwelier-single-recipe h1 {
    font-size: 2.5em; /* Grotere titel */
    color: #000; /* Zwarte titel */
    margin-top: 0; /* Geen extra ruimte bovenaan de titel */
    margin-bottom: 20px; /* Ruimte onder de titel */
    text-align: center; /* Centreer de titel */
}

/* Stijl voor sectie titels (H3) */
.lauwelier-single-recipe h3 {
    font-size: 1.5em; /* Middelgrote sectie titel */
    color: #555; /* Grijze titel */
    margin-top: 20px; /* Ruimte boven de sectie titel */
    margin-bottom: 10px; /* Ruimte onder de sectie titel */
    border-bottom: 1px solid rgba(200, 200, 200, 0.5); /* Subtiele lijn onder de titel */
    padding-bottom: 5px; /* Ruimte tussen titel en lijn */
}

/* Stijl voor de uitgelichte afbeelding container */
.recipe-featured-image {
    text-align: center; /* Centreer de afbeelding als deze kleiner is dan de container */
    margin-bottom: 20px; /* Ruimte onder de afbeelding */
}

/* Stijl voor de afbeelding zelf */
.recipe-featured-image img {
    max-width: 100%; /* Zorg dat de afbeelding niet breder wordt dan de container */
    height: auto; /* BeHoud de aspect ratio */
    border-radius: 8px; /* Afgeronde hoeken voor de afbeelding */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtiele schaduw */
}

/* Stijl voor de beschrijving */
.recipe-description {
    margin-bottom: 20px; /* Ruimte onder de beschrijving */
}

/* Stijl voor de detailsectie (tijden, opbrengst etc.) */
.recipe-details p {
    margin-bottom: 8px; /* Ruimte tussen de regels in de details */
    line-height: 1.4; /* Leesbaarheid van tekst */
}

/* Stijl voor de ingrediëntenlijst container */
.recipe-ingredients {
    margin-bottom: 20px; /* Ruimte onder de ingrediëntenlijst */
}

/* Stijl voor de ongeordende lijst (ul) in ingrediënten */
.recipe-ingredients ul {
    list-style: none; /* Verwijder standaard list bullets */
    padding: 0; /* Verwijder standaard linker padding */
    margin: 0; /* Verwijder standaard margin */
}

/* Stijl voor lijstitems (li) in ingrediënten */
.recipe-ingredients ul li {
    margin-bottom: 5px; /* Ruimte tussen de ingrediëntregels */
    padding-left: 20px; /* Ruimte voor custom bullet */
    position: relative; /* Nodig voor custom bullet positioning */
    line-height: 1.4;
}

/* Voeg een custom bullet toe (bijv. een klein rondje of checkmark) */
.recipe-ingredients ul li::before {
    content: "•"; /* Gebruik een bullet symbool */
    color: #555; /* Kleur van de bullet */
    font-weight: bold;
    display: inline-block;
    width: 1em; /* Breedte voor de bullet */
    margin-left: -1em; /* Trek de bullet terug in de padding */
}

/* Stijl voor de werkwijze container */
.recipe-instructions {
     margin-bottom: 20px; /* Ruimte onder de werkwijze */
}

/* Stijl voor de Auteurs Opmerkingen container */
.recipe-author-notes {
     margin-bottom: 20px; /* Ruimte onder de opmerkingen */
     font-style: italic; /* Laat opmerkingen opvallen */
     color: #666; /* Iets lichtere kleur voor opmerkingen */
     padding: 15px;
     border-left: 4px solid rgba(0, 122, 255, 0.5); /* Mac-achtig blauw randje */
     background-color: rgba(245, 245, 245, 0.5); /* Zeer lichte achtergrond */
     border-radius: 4px;
}

/* Stijl voor de credits container */
.recipe-credits {
    margin-bottom: 20px; /* Ruimte onder de credits */
     font-size: 0.9em; /* Iets kleiner lettertype */
     color: #666;
}

/* Stijl voor links in credits */
.recipe-credits a {
    color: #007aff; /* Typische Mac blauw link kleur */
    text-decoration: none; /* Geen onderstreping standaard */
}

.recipe-credits a:hover {
    text-decoration: underline; /* Onderstrepen bij hover */
}


/* Stijl voor social sharing container */
.recipe-sharing {
    margin-top: 20px; /* Ruimte boven social sharing */
    margin-bottom: 20px; /* Ruimte onder social sharing */
    text-align: center; /* Centreer de iconen */
}

/* Stijl voor de social sharing lijst (ul) */
ul.lauwelier-sharing-icons {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0; /* Ruimte boven de lijst */
    display: flex; /* Gebruik flexbox om iconen op een rij te zetten */
    justify-content: center; /* Centreer de iconen horizontaal */
    gap: 15px; /* Ruimte tussen de iconen */
}

/* Stijl voor lijstitems (li) in social sharing (verwijder inline-block als flexbox wordt gebruikt) */
ul.lauwelier-sharing-icons li {
   /* display: inline-block; */ /* Niet nodig met flexbox */
   margin: 0; /* Geen margin nodig met gap */
}

/* Stijl voor de social sharing iconen (afbeeldingen) */
ul.lauwelier-sharing-icons img {
    width: 40px; /* Grotere iconen */
    height: 40px;
    vertical-align: middle;
    transition: transform 0.3s ease; /* Animate icon on hover */
}

ul.lauwelier-sharing-icons li a:hover img {
    transform: scale(1.1); /* Zoom in icon on hover */
}


/* Stijl voor de print knop container */
.recipe-print {
     text-align: center; /* Centreer de knop */
     margin-top: 20px; /* Ruimte boven de knop */
}

/* Stijl voor de print knop */
.recipe-print button {
    padding: 12px 25px;
    font-size: 1.1em;
    color: #fff; /* Witte tekst */
    background-color: #007aff; /* Typische Mac blauwe kleur */
    border: none; /* Geen rand */
    border-radius: 8px; /* Afgeronde hoeken */
    cursor: pointer; /* Verander cursor bij hover */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Animatie bij hover */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtiele schaduw */
}

.recipe-print button:hover {
    background-color: #005bb5; /* Donkerdere blauw bij hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Iets prominentere schaduw */
}

/* Responsieve aanpassingen voor kleinere schermen */
@media (max-width: 768px) {
    .lauwelier-single-recipe {
        width: 95%; /* Iets breder op kleine schermen */
        padding: 20px; /* Minder padding op kleine schermen */
        margin-left: auto; /* Centreer opnieuw */
        margin-right: auto; /* Centreer opnieuw */
    }

    .lauwelier-single-recipe h1 {
        font-size: 2em; /* Kleinere titel op kleine schermen */
    }

    .lauwelier-single-recipe h3 {
        font-size: 1.3em; /* Kleinere sectie titels */
    }

     ul.lauwelier-sharing-icons img {
         width: 32px; /* Kleinere iconen op mobiel */
         height: 32px;
     }
     ul.lauwelier-sharing-icons {
         gap: 10px; /* Minder ruimte tussen iconen op mobiel */
     }

     .recipe-ingredients ul li {
         padding-left: 15px; /* Minder padding voor custom bullet */
     }
     .recipe-ingredients ul li::before {
         width: 0.8em;
         margin-left: -0.8em;
     }
}

/* Specifieke stijl voor de lijstweergave kortcode op een overzichtspagina */
.lauwelier-recepten-list {
    margin: 20px auto; /* Centreer de lijst container */
    max-width: 1200px; /* Maximum breedte voor de lijst */
    padding: 0 20px; /* Padding links/rechts */
}

.lauwelier-recepten-list h2 {
     text-align: center;
     margin-bottom: 30px;
}

.lauwelier-recepten-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid; /* Gebruik grid voor de lijst items */
    gap: 20px; /* Ruimte tussen de items */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Maak kolommen die minstens 280px breed zijn */
}

.lauwelier-recepten-list li.lauwelier-recipe-list-item {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lauwelier-recepten-list li.lauwelier-recipe-list-item:hover {
    transform: translateY(-5px); /* Klein omhoog bewegen bij hover */
    box-shadow: 0 5px 10px rgba(0,0,0,0.1); /* prominentere schaduw bij hover */
}

.lauwelier-recepten-list li h3 {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: none;
    padding-bottom: 0;
}

.lauwelier-recepten-list li h3 a {
    text-decoration: none;
    color: #333;
}
.lauwelier-recepten-list li h3 a:hover {
     color: #007aff;
}

.lauwelier-recepten-list li .recipe-list-thumbnail {
    margin-bottom: 10px;
}
.lauwelier-recepten-list li .recipe-list-thumbnail img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.lauwelier-recepten-list li .recipe-categories {
    font-size: 0.8em;
    color: #777;
    margin-bottom: 10px;
}
.lauwelier-recepten-list li .recipe-list-description {
     font-size: 0.9em;
     color: #555;
     margin-bottom: 15px;
}

.lauwelier-recepten-list li .read-more {
    display: inline-block;
    padding: 8px 15px;
    background-color: #007aff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 0.9em;
    transition: background-color 0.3s ease;
}

.lauwelier-recepten-list li .read-more:hover {
    background-color: #005bb5;
}/* End custom CSS */