.elementor-305 .elementor-element.elementor-element-d9db34c{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-305 .elementor-element.elementor-element-baacaae{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.17;--padding-top:150px;--padding-bottom:150px;--padding-left:150px;--padding-right:150px;}.elementor-305 .elementor-element.elementor-element-baacaae:not(.elementor-motion-effects-element-type-background), .elementor-305 .elementor-element.elementor-element-baacaae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dilaraensjoerd.nl/wp-content/uploads/2026/04/e20f901b-acde-4eec-b2ce-5fe418480223-creme.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-305 .elementor-element.elementor-element-baacaae::before, .elementor-305 .elementor-element.elementor-element-baacaae > .elementor-background-video-container::before, .elementor-305 .elementor-element.elementor-element-baacaae > .e-con-inner > .elementor-background-video-container::before, .elementor-305 .elementor-element.elementor-element-baacaae > .elementor-background-slideshow::before, .elementor-305 .elementor-element.elementor-element-baacaae > .e-con-inner > .elementor-background-slideshow::before, .elementor-305 .elementor-element.elementor-element-baacaae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-305 .elementor-element.elementor-element-31c6cc1{--display:flex;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-305 .elementor-element.elementor-element-bdc1007{text-align:center;}.elementor-305 .elementor-element.elementor-element-bdc1007 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-305 .elementor-element.elementor-element-e0bac36{text-align:center;color:var( --e-global-color-secondary );}.elementor-305 .elementor-element.elementor-element-f058b6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:100px;--padding-bottom:100px;--padding-left:60px;--padding-right:60px;}.elementor-305 .elementor-element.elementor-element-f058b6e:not(.elementor-motion-effects-element-type-background), .elementor-305 .elementor-element.elementor-element-f058b6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-305 .elementor-element.elementor-element-baacaae{--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}}@media(max-width:767px){.elementor-305 .elementor-element.elementor-element-d9db34c{--min-height:80vh;}.elementor-305 .elementor-element.elementor-element-baacaae{--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}}@media(min-width:768px){.elementor-305 .elementor-element.elementor-element-baacaae{--width:50%;}.elementor-305 .elementor-element.elementor-element-f058b6e{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-2e50cc3 *//* Fade-in animatie */
#rsvpPlugin {
    animation: rsvpFadeIn 0.8s ease forwards;
    padding: 0 !important;
}

@keyframes rsvpFadeIn {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Wrapper padding — zodat tekst en velden op één lijn staan */
div.elementor-shortcode {
    padding: 60px 80px !important;
    box-sizing: border-box !important;
}

/* Anchor fix */
a#rsvpArea {
    padding: 0 !important;
    display: block !important;
}

/* Hallo naam groter */
#rsvpPlugin .rsvpParagraph:first-child {
    font-size: 24px !important;
    font-weight: normal !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
    color: #3a2a2a !important;
}

/* Alle tekst en labels */
#rsvpPlugin p,
#rsvpPlugin label {
    font-size: 15px !important;
    color: #3a2a2a !important;
    letter-spacing: 0.3px !important;
    line-height: 1.6 !important;
}

/* H3 kopjes */
#rsvpPlugin h3 {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #3a2a2a !important;
    letter-spacing: 0.3px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

/* Bold tekst */
#rsvpPlugin strong {
    color: #3a2a2a !important;
    font-weight: 600 !important;
}

/* Input velden */
#rsvpPlugin input[type="text"],
#rsvpPlugin input[type="email"] {
    border: none !important;
    border-bottom: 1px solid #8C0000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    width: 100% !important;
    outline: none !important;
    font-size: 14px !important;
}

/* Textarea */
#rsvpPlugin textarea {
    display: block !important;
    width: 100% !important;
    min-height: 60px !important;
    max-height: 80px !important;
    border: none !important;
    border-bottom: 1px solid #8C0000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    outline: none !important;
    font-size: 14px !important;
    resize: none !important;
}

/* Radio buttons */
#rsvpPlugin input[type="radio"] {
    accent-color: #8C0000 !important;
    margin-bottom: 8px !important;
    margin-right: 8px !important;
}

/* Ruimte tussen velden */
#rsvpPlugin .rsvpFormField {
    margin-bottom: 20px !important;
}

/* Scheidingslijn subtiel */
#rsvpPlugin hr {
    border: none !important;
    border-top: 1px solid #e0d5cc !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* rsvpBorderTop alleen als het geen veld is */
#rsvpPlugin .rsvpBorderTop:not(.rsvpFormField) {
    border: none !important;
    border-top: 1px solid #e0d5cc !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* Verzendknop */
#rsvpPlugin input[type="submit"],
#rsvpPlugin button[type="submit"] {
    background-color: #8C0000 !important;
    color: white !important;
    border: none !important;
    padding: 14px 40px !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    margin-top: 20px !important;
}

/* Add Additional Guest knop */
#addRsvpButtonContainer {
    text-align: left !important;
    margin-top: 15px !important;
    float: none !important;
    clear: both !important;
}

#addRsvp {
    background-color: transparent !important;
    color: #8C0000 !important;
    border: 1px solid #8C0000 !important;
    padding: 10px 20px !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    float: none !important;
    display: inline-block !important;
}

/* OVERRIDES */
#rsvpPlugin h3.rsvpAdditionalAttendeeTitle,
#rsvpPlugin .rsvpAdditionalAttendee h3 {
    font-size: 15px !important;
    font-weight: normal !important;
}

#rsvpPlugin .rsvpFormField.rsvpBorderTop {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#rsvpPlugin .rsvpAdditionalAttendee .rsvpAdditionalAttendeeQuestions p {
    font-size: 15px !important;
    font-weight: normal !important;
}

#rsvpPlugin textarea::placeholder {
    color: #b0a090 !important;
    font-style: italic !important;
    font-size: 13px !important;
}

/* Aanvangtijd notice */
#rsvpCustomGreeting {
    border: none !important;
    border-top: 1px solid #c9a84c !important;
    border-bottom: 1px solid #c9a84c !important;
    padding: 16px 0 !important;
    margin: 8px 0 24px 0 !important;
    font-style: italic !important;
    color: #8a6e2f !important;
    font-size: 14px !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
}

/* Mobile */
@media (max-width: 767px) {

    div.elementor-shortcode {
        padding: 30px 24px !important;
    }

    /* Ruimte tussen paragrafen */
    #rsvpPlugin .rsvpParagraph {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin-bottom: 20px !important;
    }

    /* Submit knop fix */
    #rsvpPlugin p.rsvpParagraph input[type="submit"] {
        width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
        padding: 18px 20px !important;
        height: auto !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        margin-top: 32px !important;
    }
}

#rsvpPlugin .rsvpAdditionalAttendee {
    border-top: none !important;
    border: none !important;
}/* End custom CSS */