.elementor-1909 .elementor-element.elementor-element-568e7ce2{--display:flex;--min-height:150px;--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;}.elementor-1909 .elementor-element.elementor-element-568e7ce2:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-568e7ce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a88f512 );}.elementor-1909 .elementor-element.elementor-element-57359aeb{--display:flex;--min-height:342px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-57359aeb:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-57359aeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wonderfulljoy.nl/wp-content/uploads/2025/12/iceland-poppy-landscape.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1909 .elementor-element.elementor-element-57359aeb > .elementor-shape-top svg, .elementor-1909 .elementor-element.elementor-element-57359aeb > .e-con-inner > .elementor-shape-top svg{width:calc(129% + 1.3px);height:145px;}.elementor-1909 .elementor-element.elementor-element-57359aeb > .elementor-shape-bottom .elementor-shape-fill, .elementor-1909 .elementor-element.elementor-element-57359aeb > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-secondary );}.elementor-1909 .elementor-element.elementor-element-57359aeb > .elementor-shape-bottom svg, .elementor-1909 .elementor-element.elementor-element-57359aeb > .e-con-inner > .elementor-shape-bottom svg{width:calc(199% + 1.3px);height:112px;transform:translateX(-50%) rotateY(180deg);}.elementor-1909 .elementor-element.elementor-element-57359aeb > .elementor-shape-bottom, .elementor-1909 .elementor-element.elementor-element-57359aeb > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-1909 .elementor-element.elementor-element-57359aeb.e-con{--align-self:center;}.elementor-1909 .elementor-element.elementor-element-2d5264be{--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;--align-items:stretch;--gap:62px 0px;--row-gap:62px;--column-gap:0px;border-style:dashed;--border-style:dashed;border-color:var( --e-global-color-284cd3f );--border-color:var( --e-global-color-284cd3f );--border-radius:30px 30px 30px 30px;--padding-top:70px;--padding-bottom:70px;--padding-left:50px;--padding-right:50px;}.elementor-1909 .elementor-element.elementor-element-2d5264be:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-2d5264be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1909 .elementor-element.elementor-element-2d5264be.e-con{--align-self:center;}body:not(.rtl) .elementor-1909 .elementor-element.elementor-element-4bfb8492{right:-77px;}body.rtl .elementor-1909 .elementor-element.elementor-element-4bfb8492{left:-77px;}.elementor-1909 .elementor-element.elementor-element-4bfb8492{top:-66px;z-index:3;}.elementor-1909 .elementor-element.elementor-element-4bfb8492 img{width:42%;}body:not(.rtl) .elementor-1909 .elementor-element.elementor-element-41824ac0{right:-77px;}body.rtl .elementor-1909 .elementor-element.elementor-element-41824ac0{left:-77px;}.elementor-1909 .elementor-element.elementor-element-41824ac0{top:-80px;}.elementor-1909 .elementor-element.elementor-element-41824ac0 img{width:50%;}.elementor-1909 .elementor-element.elementor-element-6393ef1{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:start;}.elementor-1909 .elementor-element.elementor-element-6393ef1 .elementor-heading-title{font-family:"Louisville I", Open Sans;font-size:58px;color:var( --e-global-color-text );}.elementor-1909 .elementor-element.elementor-element-b672116{--display:flex;--border-radius:14px 14px 14px 14px;}@media(max-width:1024px){.elementor-1909 .elementor-element.elementor-element-4bfb8492 img{width:40%;}.elementor-1909 .elementor-element.elementor-element-6393ef1{--container-widget-width:536px;--container-widget-flex-grow:0;width:var( --container-widget-width, 536px );max-width:536px;}}@media(max-width:767px){.elementor-1909 .elementor-element.elementor-element-568e7ce2{--min-height:120px;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1909 .elementor-element.elementor-element-57359aeb > .elementor-shape-top svg, .elementor-1909 .elementor-element.elementor-element-57359aeb > .e-con-inner > .elementor-shape-top svg{height:142px;}.elementor-1909 .elementor-element.elementor-element-57359aeb > .elementor-shape-bottom svg, .elementor-1909 .elementor-element.elementor-element-57359aeb > .e-con-inner > .elementor-shape-bottom svg{height:76px;}.elementor-1909 .elementor-element.elementor-element-57359aeb{--padding-top:50px;--padding-bottom:90px;--padding-left:10px;--padding-right:10px;}.elementor-1909 .elementor-element.elementor-element-2d5264be{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1909 .elementor-element.elementor-element-4bfb8492 img{width:35%;}.elementor-1909 .elementor-element.elementor-element-41824ac0 img{width:43%;}.elementor-1909 .elementor-element.elementor-element-6393ef1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1909 .elementor-element.elementor-element-6393ef1 .elementor-heading-title{font-size:32px;}.elementor-1909 .elementor-element.elementor-element-dadf3eb{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1909 .elementor-element.elementor-element-2d5264be{--width:82%;}}/* Start custom CSS for shortcode, class: .elementor-element-dadf3eb *//* =========================================================
   INTRO TEXT INSIDE MOLLIE FORM
   ========================================================= */

/* First sentence */
.wj-donatie-card .mollie_forms_field_row:has(.wj-bank-line) {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

.wj-donatie-card .wj-bank-line,
.wj-donatie-card .wj-bank-line label,
.wj-donatie-card label.wj-bank-line {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 1.65 !important;

    font-weight: 400 !important;
    color: #211313 !important;
}


/* Only <strong> text should be bold */
.wj-donatie-card .wj-bank-line strong {
    font-weight: 700 !important;
}


/* Second sentence */
.wj-donatie-card .mollie_forms_field_row:has(.wj-form-intro) {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

.wj-donatie-card .wj-form-intro,
.wj-donatie-card .wj-form-intro label,
.wj-donatie-card label.wj-form-intro {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 1.65 !important;

    font-weight: 400 !important;
    color: #211313 !important;
}


/* =========================================================
   WONDERFULL JOY - MOLLIE FORM
   ========================================================= */

.wj-donatie-card {
    width: 100%;

    background: #ffffff !important;

    border-radius: 22px !important;

    padding: 36px !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   FORM FIELD SPACING
   --------------------------------------------------------- */

.wj-donatie-card .mollie_forms_field_row {
    margin-bottom: 24px !important;
}


/* ---------------------------------------------------------
   LABELS
   --------------------------------------------------------- */

.wj-donatie-card label {
    display: block;

    margin-bottom: 10px;

    font-weight: 700 !important;
    color: #211313 !important;
}


/* Make intro text normal weight despite general label rule */
.wj-donatie-card .wj-bank-line,
.wj-donatie-card .wj-bank-line label,
.wj-donatie-card label.wj-bank-line,
.wj-donatie-card .wj-form-intro,
.wj-donatie-card .wj-form-intro label,
.wj-donatie-card label.wj-form-intro {
    font-weight: 400 !important;
}


/* =========================================================
   BEDRAG / PRICE OPTIONS LABEL
   ========================================================= */

.wj-donatie-card .wj-amounts {
    margin-top: 10px !important;
    margin-bottom: 22px !important;
}


/* If Mollie outputs a label before the amount options */
.wj-donatie-card .wj-amounts > label,
.wj-donatie-card .mollie_forms_field_row > label {
    display: block !important;

    margin-bottom: 10px !important;

    font-weight: 700 !important;
    color: #211313 !important;
}


/* Restore normal weight for intro text after general rule */
.wj-donatie-card .mollie_forms_field_row > .wj-bank-line,
.wj-donatie-card .mollie_forms_field_row > .wj-form-intro {
    font-weight: 400 !important;
}


/* ---------------------------------------------------------
   TEXT INPUTS
   --------------------------------------------------------- */

.wj-donatie-card input[type="text"],
.wj-donatie-card input[type="email"],
.wj-donatie-card input[type="tel"],
.wj-donatie-card input[type="number"],
.wj-donatie-card select {

    width: 100% !important;

    min-height: 54px !important;

    background: #ffffff !important;

    border: 1px dashed #f58a50 !important;
    border-radius: 30px !important;

    padding: 15px 18px !important;

    font-size: 17px !important;
    line-height: 1.4 !important;

    color: #211313 !important;

    box-sizing: border-box !important;

    box-shadow: none !important;
}


/* Placeholder */
.wj-donatie-card input::placeholder {
    color: #7c7373 !important;
    opacity: 1 !important;
}


/* ---------------------------------------------------------
   INPUT FOCUS
   --------------------------------------------------------- */

.wj-donatie-card input[type="text"]:focus,
.wj-donatie-card input[type="email"]:focus,
.wj-donatie-card input[type="tel"]:focus,
.wj-donatie-card input[type="number"]:focus,
.wj-donatie-card select:focus {

    outline: none !important;

    border-color: #f58a50 !important;

    box-shadow: 0 0 0 2px rgba(245, 138, 80, 0.12) !important;
}


/* =========================================================
   PRICE OPTIONS
   ========================================================= */

.wj-donatie-card .wj-amounts {
    list-style: none !important;

    padding: 0 !important;

    margin-top: 10px !important;
    margin-bottom: 24px !important;
}


.wj-donatie-card .wj-amounts ul {
    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


.wj-donatie-card .wj-amounts li {
    list-style: none !important;

    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}


/* Price option labels */
.wj-donatie-card .wj-amounts label {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    margin-bottom: 12px !important;

    font-weight: 500 !important;

    cursor: pointer !important;
}


/* ---------------------------------------------------------
   RADIO BUTTONS
   --------------------------------------------------------- */

.wj-donatie-card .wj-amounts input[type="radio"] {

    appearance: none !important;
    -webkit-appearance: none !important;

    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 2px solid #f58a50 !important;
    border-radius: 5px !important;

    background: #ffffff !important;

    cursor: pointer !important;

    position: relative !important;
}


/* Selected */
.wj-donatie-card .wj-amounts input[type="radio"]:checked {

    background: #f58a50 !important;

    border-color: #f58a50 !important;
}


/* Tick */
.wj-donatie-card .wj-amounts input[type="radio"]:checked::after {

    content: "✓";

    position: absolute;

    left: 4px;
    top: -1px;

    color: #ffffff;

    font-size: 15px;
    line-height: 20px;

    font-weight: 700;
}


/* =========================================================
   OPEN / OWN AMOUNT
   ========================================================= */

.wj-donatie-card input[type="number"] {
    width: 100% !important;
}


/* =========================================================
   PAYMENT METHODS
   ========================================================= */

.wj-donatie-card .wj-payment {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;

    height: auto !important;
    max-height: none !important;

    overflow: visible !important;

    list-style: none !important;

    margin-top: 20px !important;
    margin-bottom: 24px !important;

    padding: 0 !important;
}


/* Wrapper containing payment methods */
.wj-donatie-card .mollie_forms_field_row:has(.wj-payment) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;

    height: auto !important;
    max-height: none !important;

    overflow: visible !important;
}


.wj-donatie-card .wj-payment ul {

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;

    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


.wj-donatie-card .wj-payment li {

    display: flex !important;

    align-items: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;

    list-style: none !important;

    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}


.wj-donatie-card .wj-payment label {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-weight: 500 !important;

    visibility: visible !important;
    opacity: 1 !important;

    cursor: pointer !important;
}


/* Payment-method radio buttons */
.wj-donatie-card .wj-payment input[type="radio"] {

    display: inline-block !important;

    visibility: visible !important;
    opacity: 1 !important;

    flex: 0 0 auto !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 8px 0 0 !important;

    cursor: pointer !important;
}


/* Payment logos */
.wj-donatie-card .wj-payment img {

    display: inline-block !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;

    max-width: 55px !important;
    max-height: 28px !important;

    object-fit: contain !important;
}


/* If payment methods are shown as a SELECT instead of list */
.wj-donatie-card select.wj-payment,
.wj-donatie-card .wj-payment select {

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;

    height: auto !important;
    min-height: 54px !important;

    overflow: visible !important;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.wj-donatie-card .wj-submit input[type="submit"],
.wj-donatie-card .wj-submit button,
.wj-donatie-card input[type="submit"].wj-submit,
.wj-donatie-card button.wj-submit,
.wj-donatie-card input[type="submit"],
.wj-donatie-card button[type="submit"] {

    width: 100% !important;

    background: #f7892d !important;

    color: #ffffff !important;

    border: none !important;

    border-radius: 4px !important;

    padding: 15px 20px !important;

    font-weight: 700 !important;

    font-size: 16px !important;

    line-height: 1.3 !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease !important;
}


/* Hover */
.wj-donatie-card .wj-submit input[type="submit"]:hover,
.wj-donatie-card .wj-submit button:hover,
.wj-donatie-card input[type="submit"].wj-submit:hover,
.wj-donatie-card button.wj-submit:hover,
.wj-donatie-card input[type="submit"]:hover,
.wj-donatie-card button[type="submit"]:hover {

    background: #df7621 !important;
}


/* =========================================================
   GENERAL SPACING
   ========================================================= */

.wj-donatie-card .wj-name,
.wj-donatie-card .wj-email,
.wj-donatie-card .wj-phone,
.wj-donatie-card .wj-payment,
.wj-donatie-card .wj-amounts {

    margin-bottom: 24px !important;
}


/* =========================================================
   TABLET + MOBILE
   Fix Mollie payment methods disappearing
   ========================================================= */

@media (max-width: 1024px) {

    /*
     * Force payment-method field and Mollie wrapper to remain
     * visible on tablet/mobile.
     */
    .wj-donatie-card .wj-payment,
    .wj-donatie-card .mollie_forms_field_row:has(.wj-payment) {

        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        height: auto !important;
        min-height: 1px !important;
        max-height: none !important;

        overflow: visible !important;

        position: relative !important;

        transform: none !important;
        clip: auto !important;
        clip-path: none !important;
    }


    /* Lists */
    .wj-donatie-card .wj-payment ul {

        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        height: auto !important;
        max-height: none !important;

        overflow: visible !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Individual payment options */
    .wj-donatie-card .wj-payment li {

        display: flex !important;

        align-items: center !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        height: auto !important;
        min-height: 36px !important;

        margin-bottom: 12px !important;
    }


    /* Payment labels */
    .wj-donatie-card .wj-payment label {

        display: flex !important;

        align-items: center !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: auto !important;

        height: auto !important;

        margin: 0 !important;

        white-space: normal !important;
    }


    /* Payment radio controls */
    .wj-donatie-card .wj-payment input[type="radio"] {

        display: inline-block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;

        flex-shrink: 0 !important;
    }


    /* Payment logos */
    .wj-donatie-card .wj-payment img {

        display: inline-block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: auto !important;

        max-width: 55px !important;
        max-height: 28px !important;
    }


    /* Dropdown version of payment method field */
    .wj-donatie-card select.wj-payment,
    .wj-donatie-card .wj-payment select {

        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        height: auto !important;
        min-height: 50px !important;

        position: relative !important;

        transform: none !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wj-donation-intro {
        margin-bottom: 22px;
    }


    .wj-donation-intro p {

        font-size: 16px;

        line-height: 1.6;
    }


    .wj-donation-intro .wj-donation-heading {

        font-size: 19px;

        line-height: 1.4;
    }


    .wj-donatie-card {

        padding: 22px !important;

        border-radius: 16px !important;
    }


    .wj-donatie-card .mollie_forms_field_row {

        margin-bottom: 22px !important;
    }


    .wj-donatie-card input[type="text"],
    .wj-donatie-card input[type="email"],
    .wj-donatie-card input[type="tel"],
    .wj-donatie-card input[type="number"],
    .wj-donatie-card select {

        min-height: 50px !important;

        font-size: 16px !important;

        padding: 13px 16px !important;
    }


    .wj-donatie-card .wj-amounts input[type="radio"] {

        width: 21px !important;

        height: 21px !important;

        min-width: 21px !important;
    }


    /*
     * Extra protection specifically for Mollie payment-method field.
     */
    .wj-donatie-card .wj-payment {

        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        height: auto !important;
        max-height: none !important;

        overflow: visible !important;

        margin-top: 14px !important;
        margin-bottom: 22px !important;
    }


    .wj-donatie-card .mollie_forms_field_row:has(.wj-payment) {

        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        height: auto !important;
        max-height: none !important;

        overflow: visible !important;
    }


    .wj-donatie-card .wj-payment li {

        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        margin-bottom: 10px !important;
    }
}

Additional css

/* =========================================================
   RECURRING CONSENT / GDPR CHECKBOX SPACING
   ========================================================= */

/* Mollie recurring consent line */
.wj-donatie-card label[id^="rfmp_checkbox_"],
.wj-donatie-card label:has(input[type="checkbox"]) {
    display: flex !important;
    align-items: flex-start !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 0 20px 0 !important;
    padding: 0 !important;

    line-height: 1.5 !important;
}


/* Checkbox itself */
.wj-donatie-card label[id^="rfmp_checkbox_"] input[type="checkbox"],
.wj-donatie-card label:has(input[type="checkbox"]) input[type="checkbox"] {
    flex: 0 0 auto !important;

    margin: 4px 0 0 0 !important;
    padding: 0 !important;

    width: 16px !important;
    height: 16px !important;
}


/* Mobile */
@media (max-width: 767px) {

    .wj-donatie-card label[id^="rfmp_checkbox_"],
    .wj-donatie-card label:has(input[type="checkbox"]) {
        gap: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57359aeb */.last-page {
    overflow: visible;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Louisville I';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://wonderfulljoy.nl/wp-content/uploads/2025/12/LouisvilleOne13481655258894309118.43f3c8.93491d35192f2abfe9bb3a5af65f58d.woff2') format('woff2');
}
/* End Custom Fonts CSS */