/* FORM ICONS
--------------------------------------------------- */


input#ship-to-different-address-checkbox+span:before,
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox:not(.woo-terms-checked):before,
.gform_body .gfield:not(.gf-radio-field-button) input[type="checkbox"]+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(0,0,0)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/></svg>');
}

input#ship-to-different-address-checkbox:checked+span:before,
.woo-terms-checked:before,
.gform_body .gfield:not(.gf-radio-field-button) input[type="checkbox"]:checked+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(0,0,0)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z"/></svg>');
}

.wc_payment_method input[type=radio]+label:before,
#shipping_method li input[type=radio]+label:before,
.gform_body .gfield:not(.gf-radio-field-button) input[type=radio]+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(0,0,0)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"/></svg>');
}

.wc_payment_method input[type=radio]:checked+label:before,
.gform_body .gfield:not(.gf-radio-field-button) input[type=radio]:checked+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(0,0,0)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(0,0,0)" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>');
}

#shipping_method li input[type=radio]:checked+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(0,0,0)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(0,0,0)" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>');
}

.gform_body .gfield.px-choice-image input[type=radio]:checked+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(74 165 74)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(74 165 74)" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>');
}

.gform_body .gfield.px-choice-buttons a,
.gform_body .gfield.px-choice-image a {
background-image: url('data:image/svg+xml; utf8, <svg fill="rgb(75 75 75)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M319.8 204v8c0 6.6-5.4 12-12 12h-84v84c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12v-84h-84c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h84v-84c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12v84h84c6.6 0 12 5.4 12 12zm188.5 293L497 508.3c-4.7 4.7-12.3 4.7-17 0l-129-129c-2.3-2.3-3.5-5.3-3.5-8.5v-8.5C310.6 395.7 261.7 416 208 416 93.8 416 1.5 324.9 0 210.7-1.5 93.7 93.7-1.5 210.7 0 324.9 1.5 416 93.8 416 208c0 53.7-20.3 102.6-53.7 139.5h8.5c3.2 0 6.2 1.3 8.5 3.5l129 129c4.7 4.7 4.7 12.3 0 17zM384 208c0-97.3-78.7-176-176-176S32 110.7 32 208s78.7 176 176 176 176-78.7 176-176z"/></svg>') !important;
}

.woocommerce .loader::before,
.woocommerce .blockUI.blockOverlay::before,
.gform_ajax_spinner {
background-image: url('data:image/svg+xml; utf8, <svg fill="rgb(0,0,0)" width="58px" height="58px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-rolling gform_ajax_spinner_svg_background" style="animation-play-state: running; animation-delay: 0s; background: rgb(255, 255, 255);"><circle cx="50" cy="50" fill="none" ng-attr-stroke="{{config.color}}" ng-attr-stroke-width="{{config.width}}" ng-attr-r="{{config.radius}}" ng-attr-stroke-dasharray="{{config.dasharray}}" stroke="rgb(0,0,0)" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138" transform="rotate(234 50 50)" style="animation-play-state: running; animation-delay: 0s;"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite" style="animation-play-state: running; animation-delay: 0s;"></animateTransform></circle></svg>') !important;
}


/* GENERAL
--------------------------------------------------- */
.gform_wrapper {
display: block !important;
}

body select,
body textarea
body input,
body input[type="submit" i] {
-moz-appearance: none;
-webkit-appearance: none;
outline: none;
}

.grecaptcha-badge {
display: none !important;
}

.gform_heading {
display: none !important;
}

/* HIDE FIELD WITHOUT LOSING FUNCTIONALITY
--------------------------------------------------- */
.px-hide-field {
opacity: 0 !important;
visibility: hidden !important;
height: 0px !important;
margin: 0px !important;
display: unset !important;
padding: 0px !important;
padding-block-end: 0px !important;
min-height: 0px !important;
position: absolute !important;
}


/* FORM STEPS
--------------------------------------------------- */
.gf_page_steps,
.form_steps {
display:none !important;
}

/* PLACEHOLDERS
--------------------------------------------------- */
::-webkit-input-placeholder { /* WebKit browsers */
text-transform: none !important;
color: #b9b9b9;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
text-transform: none !important;
color: #b9b9b9;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
text-transform: none !important;
color: #b9b9b9;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
text-transform: none !important;
color: #b9b9b9;
}
::placeholder { /* Recent browsers */
text-transform: none !important;
color: #b9b9b9;
}


/* FACET WP
--------------------------------------------------- */
.facetwp-facet-select .fs-label-wrap:hover,
body select:not(.gfield_select):hover {
border-color: var(--px-color-custom);
}

.facetwp-facet {
margin-bottom: 20px !important;
}

/* SPINNER
--------------------------------------------------- */
.gform_ajax_spinner {
width: 65px;
height: 65px;
padding:5px;
position: fixed;
left: 50%;
transform: translate(-50%, 0);
bottom: 10px;
margin-left: auto;
margin-right: auto;
border-radius:50%;
z-index: 999999999;
background: white;
text-align:center;
background-repeat: no-repeat;
background-position: center center;
box-shadow:var(--main-boxshadow);
}

.gform_ajax_spinner img,
.gform_ajax_spinner svg {
display:none;
}

/* COLORS: SELECT, INPUT AND TEXTAREA FIELDS
--------------------------------------------------- */
body button,
body button:focus,
body button:hover,
body button:active,
body input,
body input:focus,
body input:hover,
body input:active,
body select,
body select:focus,
body select:hover,
body select:active,
body textarea,
body textarea:focus,
body textarea:hover,
body textarea:active {
border-style: unset;
outline: none;
font-family:inherit;
}

body select,
body select:focus,
body select:hover,
body select:active {
font-weight: inherit;
}

body select:focus,
body select:hover,
input:not([type="button"]):not([type="submit"]):not([type="search"]):not(.ginput_total):focus,
input:not([type="button"]):not([type="submit"]):not([type="search"]):not(.ginput_total):hover,
textarea:focus,
textarea:hover,
.ginput_stripe_creditcard .ginput_full .StripeElement:hover,
.ginput_stripe_creditcard .ginput_full .StripeElement:focus {
background-color: #ffffff;
outline: none !important;
border:solid var(--px-form-border-width) var(--px-color-custom) !important;
}

/* COLORS: BUTTON
--------------------------------------------------- */
.gform_next_button,
.gform_button:not(.single_add_to_cart_button):not([type="submit"]) {
background-color: var(--px-color-custom);
font-size: inherit;
border: solid var(--px-form-border-width) var(--px-color-custom) !important;
min-height:var(--px-form-button-height);
height: auto;
color: var(--px-color-white);
transition: var(--px-transition);
white-space: normal;
padding: 10px 5px;
cursor: pointer;
}

.gform_next_button:focus,
.gform_next_button:active,
.gform_next_button:hover,
.gform_button:not(.single_add_to_cart_button):not([type="submit"]):focus,
.gform_button:not(.single_add_to_cart_button):not([type="submit"]):active,
.gform_button:not(.single_add_to_cart_button):not([type="submit"]):hover {
color: var(--px-color-custom);
background-color: var(--px-color-white);
border: solid var(--px-form-border-width) var(--px-color-custom) !important;
padding: 10px 5px;
cursor: pointer;
}

.gform_button[type="submit"] {
font-size: inherit;
background: var(--px-color-custom);
min-height: var(--px-form-button-height);
height: auto;
color: var(--px-color-white);
border: solid var(--px-form-border-width) var(--px-color-custom);
transition: var(--px-transition);
white-space: normal;
padding: 10px 5px;
cursor: pointer;
}

.gform_button[type="submit"]:focus,
.gform_button[type="submit"]:active,
.gform_button[type="submit"]:hover {
background-color: var(--px-color-white);
color: var(--px-color-custom);
border: solid var(--px-form-border-width) var(--px-color-custom);
padding: 10px 5px;
cursor: pointer;
}

.gform_previous_button:focus,
.gform_previous_button:active,
.gform_previous_button:hover {
background:var(--px-form-border-color) !important;
opacity: .85;
cursor: pointer;
}

/* DESKTOP AND TABLET LANDSCAPE
--------------------------------------------------- */
@media (min-width : 901px) {

/* LABELS */
.gfield_label {
font-size:var(--px-fz-text);
font-weight:700;
color: var(--px-color-font);
}

/* BUTTON */
.gform_button:not(.single_add_to_cart_button)  {
font-size: var(--px-fz-text);
}

} /* End @media */


/* TABLET PORTRAIT
--------------------------------------------------- */
@media (min-width : 768px) and (max-width : 900px) {

/* LABELS */
.gfield_label {
font-size:var(--px-fz-text-mobile);
font-weight:700;
color: var(--px-color-font);
}

/* BUTTON */
.gform_button:not(.single_add_to_cart_button)  {
font-size: var(--px-fz-text-mobile);
}

} /* End @media */


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

/* LABELS */
.gfield_label {
font-size:var(--px-fz-text-mobile);
font-weight:700;
color: var(--px-color-font);
}

/* BUTTON */
.gform_button:not(.single_add_to_cart_button)  {
font-size: var(--px-fz-text-mobile);
}

}/* End @media */


/* GENERAL
--------------------------------------------------- */
.gform_body {
font-weight: var(--font-familiy-text-weight);
}

.gform_body ul {
padding: 0px !important;
margin: 0px !important;
list-style-type: none;
}

.gform_body li {
list-style-type: none;
}

.gf_progressbar_wrapper,
.gfield_visibility_hidden,
.gform_hidden,
.gfield_required,
.gform_validation_container {
display:none !important;
}

.gfield {
margin-bottom:15px;
width:100%;
}

.gform_wrapper.gform_legacy_markup_wrapper .gform_fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

/* DISABLED
--------------------------------------------------- */
input:disabled  {
border-width: 0px !important;
border: none !important;
}

/* SELECT, INPUT AND TEXTAREA FIELDS
--------------------------------------------------- */
body select,
body input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not(.qty):not(.ginput_total),
.ginput_stripe_creditcard .ginput_full .StripeElement,
body textarea {
background-color: #ffffff;
border:solid var(--px-form-border-width) var(--px-form-border-color);
border-radius: var(--px-form-border-radius);
outline: none !important;
transition: var(--px-transition);
font-size: inherit;
width: 100%;
font-size: inherit;
-moz-appearance: none;
-webkit-appearance: none;
padding:10px 25px 10px 10px;
color: var(--px-color-font);
}

.px-donation-purpose input {
padding:0px !important;
}


body select,
.ginput_stripe_creditcard .ginput_full .StripeElement,
body input:not(.ginput_total) {
height:var(--px-form-button-height);
}

/* TEXTAREA
--------------------------------------------------- */
.gform_body textarea {
height:100px;
margin-bottom:-10px;
}

/* LABELS
--------------------------------------------------- */
.gfield_label {
display:block;
margin-bottom:5px;
}

.hidden_label .gfield_label {
display:none !important;
}

/* NUMBER FIELD
--------------------------------------------------- */
.ginput_container_number .instruction {
display:none !important;
}

/* PRICE FIELD
--------------------------------------------------- */
.ginput_container_singleproduct span.ginput_product_price_label,
.ginput_container_singleproduct span.ginput_product_price,
.ginput_container_singleproduct .ginput_quantity_label {
display:none !important;
}

/* DESCRIPTION
--------------------------------------------------- */
.gfield_description {
font-size: 80%;
font-style: italic;
}

/* SELECT
--------------------------------------------------- */
body select {
background-image: linear-gradient(45deg,transparent 50%,var(--px-color-font) 50%),linear-gradient(135deg,var(--px-color-font) 50%,transparent 50%);
background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;
background-size: 5px 5px,5px 5px,1px 1.5em;
background-repeat: no-repeat;
}

/* CHECKBOX AND RADIO BUTTONS
--------------------------------------------------- */
.gform_body .gfield input+label:before {
display:inline-block;
vertical-align:middle;
width:var(--px-fz-text);
position: absolute;
top: 0px;
left: -30px;
margin-top: 3px;
}

.gfield_radio input,
.gfield_checkbox input {
display:none !important;
}

.gfield_radio,
.gfield_checkbox {
margin-bottom:-10px;
}

.gfield_radio label,
.gfield_checkbox label {
line-height:var(--px-fz-text);
line-height: inherit;
margin-bottom:7px;
cursor:pointer;
position: relative;
}

.gfield_radio li,
.gfield_checkbox li {
padding-left:30px;
}

fieldset .ginput_container_radio,
fieldset .ginput_container_checkbox {
margin-left: 30px;
}

/* ADDRESS FIELD
--------------------------------------------------- */
.px-address-postal-code input,
.px-direct-debit-iban input,
.px-address-city input {
text-transform: uppercase;
}

@media (min-width:768px) {

.ginput_container_address {
display: flex;
flex-wrap: wrap;
justify-content: unset;
column-gap: 10px;
}

.gform_body .px-address-postal-code,
.gform_body .px-address-city,
.gform_body .address_city,
.gform_body .address_zip,
.gform_body .ginput_address_country {
flex: 2;
}

.gform_body .address_line_1,
.gform_body .address_line_2 {
flex-basis: calc(100%);
margin-bottom:15px;
}

.gform_body .ginput_container_address .gf_clear.gf_clear_complex {
margin-left: -10px;
}

.gform_body .px-address-street {
flex-basis: calc(60% - 5px);
margin-bottom:15px;
}

.gform_body .px-address-house-number,
.gform_body .px-address-house-number-suffix {
flex-basis: calc(20% - 5px);
margin-bottom:15px;
}

.px-street-layout-1 .ginput_address_zip,
.px-street-layout-1 .ginput_address_city,
.px-street-layout-1 .ginput_address_state,
.px-street-layout-1 .ginput_address_country {
flex: 2 2 49%;
}

.px-street-layout-1 .ginput_address_zip,
.px-street-layout-1 .ginput_address_city {
margin-bottom:15px;
}

}/* End @media */

@media (max-width:767px) {
.gform_body .address_city input,
.gform_body .address_state input,
.gform_body .address_zip input,
.gform_body .address_line_1 input,
.gform_body .address_line_2 input {
margin-bottom:15px;}

.gform_body .px-address-house-number,
.gform_body .px-address-house-number-suffix {
flex-basis: calc(50% - 5px);
margin-bottom:15px;
}

}/* End @media */

.ginput_container_address label {
display:none;}


/* DATE FIELD
--------------------------------------------------- */
.ginput_container_date .clear-multi {
display: flex;
}

.ginput_container_date .clear-multi .ginput_container_date {
flex: 3;
}

.ginput_container_date .clear-multi .ginput_container_date:nth-child(1) {
padding-right: 10px;
}

.ginput_container_date .clear-multi .ginput_container_date:nth-child(3) {
padding-left: 10px;
}

.ginput_container_date .clear-multi .ginput_container_date select {
padding-right: 35px;
}

#ui-datepicker-div {
background: white;
padding: 15px;
border-radius: var(--px-form-border-radius);
box-shadow: var(--main-boxshadow);
margin-top: 10px;
margin-left: 1px;
}

#ui-datepicker-div .ui-datepicker-calendar th {
width: 35px;
}

#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div a.ui-datepicker-prev {
margin-right: 20px;
}

#ui-datepicker-div a {
color: inherit;
}

.ginput_container_date {
position: relative;
}

.ginput_container_date img {
position: absolute;
display: block;
top: 15px;
right: 15px;
}

/* FIELDSET
--------------------------------------------------- */
fieldset {
display: block;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-block-start: 0px;
padding-inline-start: 0px;
padding-inline-end: 0px;
padding-block-end: 0px;
min-inline-size: min-content;
border-width: 0px !important;
border-style: none;
border-image: initial;
}

/* NAME FIELD
--------------------------------------------------- */
.ginput_container_name span label {
display:none;
}

.ginput_container_name span input {
margin-bottom:15px;
}

.ginput_container_name .name_last input {
margin-bottom:0px !important;
}

@media (min-width : 768px) {.ginput_container_name {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

.ginput_container_name .name_first {
flex-basis:calc(70% - 5px);
}

.ginput_container_name .name_middle {
flex-basis:calc(30% - 5px);
}

.ginput_container_name .name_last {
flex-basis:calc(100%);
}
} /* End @media */

/* COUPON FIELD
--------------------------------------------------- */
.gform_wrapper input#gf_coupon_button {
margin-left: 0px !important;
background-color: var(--px-color-custom);
font-size: inherit;
border: solid var(--px-form-border-width) var(--px-color-custom) !important;
min-height:var(--px-form-button-height);
height: auto;
color: var(--px-color-white);
transition: var(--px-transition);
white-space: normal;
border-radius: var(--px-form-border-radius);
font-weight: 700;
}

.gf_coupon_code {
width: calc(70% - 20px) !important;
display: inline-block !important;
margin-right: 20px;
}

#gf_coupon_button {
width: 30% !important;
display: inline-block !important;
}

/* TOTAL FIELD
--------------------------------------------------- */
.px-total-field .ginput_total,
.gfield_total .ginput_total {
font-size: inherit;
background: transparent !important;
}

.px-total-field .gfield_label,
.px-total-field .ginput_container,
.gfield_total .gfield_label,
.gfield_total .ginput_container_total {
display: inline-block;
}

.px-total-field .gfield_label,
.gfield_total .gfield_label {
margin-right: 10px;
}

/* VALIDATION
--------------------------------------------------- */
.validation_error,
.validation_message {
display:none !important;
}

.gfield_error select,
.gfield_error input,
.gfield_error textarea {
border-color:red !important;
}

.gfield_error .gfield_radio,
.gfield_error .gfield_checkbox {
border:solid var(--px-form-border-width) red;
border-radius: var(--px-form-border-radius);
padding:10px;
}

.gfield_error .gfield_radio {
padding: 10px !important;
padding-left: 20px !important;
}

/* BUTTON
--------------------------------------------------- */
.gform_next_button:focus,
.gform_next_button:active,
.gform_next_button:hover,
.gform_next_button,
.gform_button:not(.single_add_to_cart_button):focus,
.gform_button:not(.single_add_to_cart_button):active,
.gform_button:not(.single_add_to_cart_button):hover,
.gform_button:not(.single_add_to_cart_button)  {
border-radius:var(--px-form-border-radius);
border-width:var(--px-form-border-width);
-moz-appearance: none;
-webkit-appearance: none;
outline:none;
width: 100%;
font-weight: 700;
}

.gform_page_footer {
display: flex;
flex-direction: column-reverse;}

.gform_previous_button {
margin-top:15px;
min-height: var(--px-form-button-height);
letter-spacing: 1px;
font-size: inherit;
font-weight:700;
border-radius:var(--px-form-border-radius);
border-width:var(--px-form-border-width);
border-color:var(--px-form-border-color);
background:var(--px-form-border-color);
}

/* CSS READY CLASSES
--------------------------------------------------- */
@media (min-width : 768px) {.px-field-50,
.gf_right_half,
.gf_left_half {
flex-basis: calc(50% - 5px) !important;
}
} /* End @media */
/* CSS READY CLASSES GRID SYSTEM
--------------------------------------------------- */
@media (min-width : 768px) {.gform_wrapper:not(.gform_legacy_markup_wrapper) .gform_fields {
width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr 2%) [12];
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(auto-fill, auto);
grid-column-gap: 10px;
grid-row-gap: 0px;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield {
grid-column: 1/-1;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-full {
-ms-grid-column-span: 12;
grid-column: span 12;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-eleven-twelfths {
-ms-grid-column-span: 11;
grid-column: span 11;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-five-sixths {
-ms-grid-column-span: 10;
grid-column: span 10;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-three-quarter {
-ms-grid-column-span: 9;
grid-column: span 9;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-two-thirds {
-ms-grid-column-span: 8;
grid-column: span 8;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-seven-twelfths {
-ms-grid-column-span: 7;
grid-column: span 7;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-half {
-ms-grid-column-span: 6;
grid-column: span 6;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-five-twelfths {
-ms-grid-column-span: 5;
grid-column: span 5;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-third {
-ms-grid-column-span: 4;
grid-column: span 4;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .gfield.gfield--width-quarter {
-ms-grid-column-span: 3;
grid-column: span 3;
}
} /* End @media */

/* CSS READY RADIO FIELD BUTTON
--------------------------------------------------- */
.gform_body .gfield.gf-radio-field-button ul {
display: flex;
flex-wrap: wrap;
}

.gform_body .gfield.gf-radio-field-button ul li {
flex: 1;
margin-right:25px;
}

.gform_body .gfield.gf-radio-field-button ul li:last-child {
margin-right:0px;
}

.gform_body .gfield.gf-radio-field-button ul li label {
border: solid var(--px-form-border-width);
padding:10px 15px;
transition: var(--px-transition);
font-weight:400;
border-radius:var(--px-form-border-radius);
border-color:var(--px-form-border-color);
width:100%;
display:inline-block;
}

.gform_body .gfield.gf-radio-field-button ul li:hover label {
border-color: var(--px-color-custom);
}

.gform_body .gfield.gf-radio-field-button input[type="radio"]:checked+label {
background: var(--px-color-custom);
border-color: var(--px-color-custom);
color:#ffffff;
}

/* CSS READY NEWSLETTER
--------------------------------------------------- */
@media (min-width : 768px) {form.nieuwsbrief {
display:flex;
flex-direction: row;
flex-wrap: wrap;
align-items: unset;
justify-content: center;
}

form.nieuwsbrief .gform_button,
form.nieuwsbrief .gfield input {
height:60px;
}
form.nieuwsbrief .gfield {
margin-bottom:0px;}

form.nieuwsbrief .gfield input {
border-top-right-radius:0px !important;
border-bottom-right-radius:0px !important;}

form.nieuwsbrief input[type="submit"] {
border-width:0px !important;
border-top-left-radius:0px !important;
border-bottom-left-radius:0px !important;}

form.nieuwsbrief .gform_body {
min-width:70%;}

form.nieuwsbrief .gform_footer {
min-width: 30%;}

} /* End @media */

/* CSS READY INLINE CHECKBOX OR RADIO BUTTON
--------------------------------------------------- */
.gf_list_inline .ginput_container ul > li {
display:inline-block;
margin-right:20px;
}

/* CSS READY 30/70 WIDTH
--------------------------------------------------- */
@media (min-width : 768px) {.px-form-width-30 {
flex-basis: calc(30% - 5px);
}

.px-form-width-70 {
flex-basis: calc(70% - 5px);
}
} /* End @media */
/* CSS READY DONATION PURPOSE
--------------------------------------------------- */
.px-donation-purpose input {
padding: 0px !important;
}

.px-donation-purpose .gfield_label {
margin-right:10px;
font-weight:700;
color:;
}

@media (min-width : 768px) {.px-donation-purpose .ginput_container,
.px-donation-purpose .gfield_label {
display:inline-block;
}

.px-donation-purpose .ginput_container_text {
width:65% !important;
}
} /* End @media */
@media (max-width : 767px) {.px-donation-purpose .gfield_label {
margin-bottom:0px !important;
}
} /* End @media */
/* CSS READY WOOCOMMERCE GF WRAPPER
--------------------------------------------------- */
.gform_variation_wrapper {
margin-bottom:20px;
}

/* CSS READY WOOCOMMERCE PRODUCT IMAGE CHOICE GF FIELD
--------------------------------------------------- */
fieldset.px-choice-image .ginput_container_radio {
margin-left: 0px !important;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .px-choice-image .gchoice > label:before,
.gform_legacy_markup_wrapper .px-choice-image li > label:before {
left: auto !important;
right: 5px !important;
top: 5px !important;
background: white !important;
border-radius: 100% !important;
width: 25px !important;
height: 25px !important;
}

.px-choice-image input[type=radio]:not(:checked)+label:before {
display: none !important;
}

.gform_legacy_markup_wrapper .px-choice-image li > label {
width: 100% !important;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .px-choice-image .gchoice label,
.gform_wrapper:not(.gform_legacy_markup_wrapper) .px-choice-image .gchoice {
width: 100% !important;
margin: auto;
float: left;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .px-choice-image .gchoice,
.gform_legacy_markup_wrapper .px-choice-image .gfield_radio li {
padding-left: 0px !important;
vertical-align: top !important;
border-radius: var(--px-form-border-radius);
box-shadow: var(--main-boxshadow);
position:relative;
background:white;
}

.gfield_radio.owl-loaded {
position: relative;
}

.gfield_radio.owl-loaded .owl-stage {
padding-left: 0px !important;
padding-bottom: 5px !important;
}

.gfield_radio.owl-loaded .owl-nav {
position: absolute;
left: 0px;
z-index: 20;
top: 50%;
width: 100%;
}

.gfield_radio.owl-loaded .owl-prev,
.gfield_radio.owl-loaded .owl-next {
display: inline-block;
vertical-align: top;
box-shadow: 0 0 10px 1px rgba(0,0,0,.05);
background: white;
border-radius: 50%;
padding: 3px 4px;
}

.gfield_radio.owl-loaded .owl-prev svg,
.gfield_radio.owl-loaded .owl-next svg {
fill: var(--px-color-font);
}

.gfield_radio.owl-loaded .owl-next {
float: right;
}

.gfield_radio.owl-loaded .owl-next.disabled,
.gfield_radio.owl-loaded .owl-prev.disabled {
display: none;
}

.px-choice-image label .choice-img {
height: 90px !important;
display: inline-block !important;
width: 100% !important;
border-top-left-radius: var(--px-form-border-radius) !important;
border-top-right-radius: var(--px-form-border-radius) !important;
background-repeat: no-repeat;
background-position: center center;
}

.px-choice-image:not(.contain) label .choice-img {
background-size: cover;
}

.px-choice-image.contain label .choice-img {
background-size: contain;
}

.px-choice-image label > .text {
padding: 10px !important;
font-size: 14px !important;
min-height: 50px !important;
}

.px-choice-image .ginput_price {
display: none !important;
}

.px-choice-image label > .px-price-input {
font-size: 14px !important;
position: absolute;
top: 69px;
right: 0px;
padding: 2px 7px;
background: var(--px-color-font);
color: white;
border-top-left-radius: 4px;
}

.px-choice-image label > .px-price-input:empty,
.px-choice-image:not(.show-price) .px-price-input {
display:none !important;
}

.gform_body .gfield.px-choice-image a {
display: inline-block;
position: absolute;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
left: 5px;
top: 5px;
height: 30px;
width: 30px;
background: white;
border-radius: 50%;
text-align: center;
transition: var(--px-transition);
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: 70% 70%;
height: 30px;
width: 30px;
vertical-align: middle;
color: white !important;
border-bottom: white !important;
}

.gform_body .gfield.px-choice-image a:hover {
transform: scale(1.1);
}

.gform_body .gfield.px-choice-image .owl-item {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
}

.gform_body .gfield.px-choice-image {
overflow: hidden;
}

@media (min-width : 768px) {.px-choice-image:not(.px-slider) .gfield_radio {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-gap: 20px;
}
} /* End @media */
@media (max-width : 767px) {.px-choice-image:not(.px-slider) .gfield_radio {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-gap: 20px;
}
} /* End @media */
/* CSS READY CHOICE BUTTONS
--------------------------------------------------- */
fieldset.px-choice-buttons .ginput_container_radio {
margin-left: 0px !important;
margin-bottom: 15px !important;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) fieldset.px-choice-buttons input+label:before {
position: unset;
margin-right: 15px;
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) fieldset.px-choice-buttons .gfield_radio label {
margin-bottom: 0px;
position: unset !important;
}

.gform_legacy_markup_wrapper .px-choice-buttons li > label:before {
display: inline-block !important;
position: inherit !important;
left: 0px !important;
margin-right: 10px !important;
}

.gform_body .gfield.px-choice-buttons a {
position: absolute;
right: -13px;
top: -13px;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
background: white;
border-radius: 50%;
text-align: center;
transition: var(--px-transition);
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: 70% 70%;
height: 30px;
width: 30px;
vertical-align: middle;
color: white !important;
border-bottom: white !important;
}

.gform_body .gfield.px-choice-buttons a:hover {
transform: scale(1.1);
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .px-choice-buttons .gchoice,
.gform_legacy_markup_wrapper .px-choice-buttons .gfield_radio li  {
border: solid var(--px-form-border-width) var(--px-form-border-color);
transition: var(--px-transition);
border-radius: var(--px-form-border-radius);
padding: 0px !important;
background:white;
}

.gform_legacy_markup_wrapper .px-choice-buttons .gfield_radio li:hover  {
border-color: var(--px-color-custom);
}

.gform_wrapper:not(.gform_legacy_markup_wrapper) .px-choice-buttons .gchoice,
.gform_legacy_markup_wrapper .px-choice-buttons .gfield_radio li label {
padding: 0px 10px !important;
height: var(--px-form-button-height);
margin: 0px !important;
width: 100% !important;
display: flex;
align-items: center;
position: relative;
}

.px-choice-buttons:not(.show-price) .ginput_price {
display:none !important;
}

.px-choice-buttons .gfield_radio {
display: grid;
grid-gap: 20px;
}

@media (min-width : 768px) {.px-choice-buttons:not(.px-choice-buttons-2-cols):not(.px-choice-buttons-4-cols) .gfield_radio {
grid-template-columns: auto auto auto;
}

.px-choice-buttons.px-choice-buttons-2-cols .gfield_radio {
grid-template-columns: auto auto;
}

.px-choice-buttons.px-choice-buttons-4-cols .gfield_radio {
grid-template-columns: auto auto auto auto;
}
} /* End @media */

@media (max-width : 767px) {.px-choice-buttons:not(.px-choice-buttons-2-cols) .gfield_radio {
grid-template-columns: auto;
}

.px-choice-buttons.px-choice-buttons-2-cols .gfield_radio {
grid-template-columns: auto;
}

.px-choice-buttons.px-choice-buttons-4-cols .gfield_radio {
grid-template-columns: auto auto;
}
} /* End @media */
/* CSS READY CHOICE BUTTONS ROUND WITH IMAGE
--------------------------------------------------- */
.px-choice-round-image input[type=radio]+label:before,
.px-choice-round-image .text,
.px-choice-round-image .px-price-input {
display: none;
}

.px-choice-round-image .ginput_container {
margin-left: 0px !important;
}

.px-choice-round-image .gfield_radio {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(75px, 1fr) );
gap: 5px;
}

.px-choice-round-image .choice-img {
height: 75px;
width: 75px;
border-radius: 50%;
border: solid var(--px-form-border-width) var(--px-form-border-color);
transition: var(--px-transition);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
}

.px-choice-round-image input[type=radio]:checked + label .choice-img  {
border-color: var(--px-color-2);
border-width: calc(var(--px-form-border-width) + 4);
}

.tippy-content .choice-img {
height: 200px;
min-width: 190px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
border-radius: var(--px-border-radius);
}

.tippy-content .text,
.tippy-content .px-price-input {
padding-left:5px;
padding-right:5px;
}

.tippy-content .text {
padding-top: 5px;
}

.tippy-content .px-price-input {
padding-bottom: 5px;
}

/* CSS READY STRIPE CREDIT CARD
--------------------------------------------------- */
.ginput_stripe_creditcard label {
display: none;
}

.ginput_stripe_creditcard .ginput_full .StripeElement {
height: var(--px-form-button-height);
padding-top: 15px;
margin-bottom: 15px;
}