/* FORMS GENERAL
--------------------------------------------------- */
input[type="submit"],
input[type="button"] {
cursor:pointer;
}

/* PRIVACY STATEMENT
--------------------------------------------------- */
.px-privacy-statement {
order: -1;
font-size: 13px;
font-style: italic;
margin-top: 15px;
display: inline-flex;
align-items: center;
gap: 0.5em;
align-self: center;
}

.px-privacy-statement::before {
content: "";
flex-shrink: 0;
display: inline-block;
width: 1.0em;       
height: 1.0em;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
/* óf: link naar extern SVG-bestand
background-image: url("/wp-content/themes/jouw-theme/images/privacy-icon.svg");
*/
/* óf: inline data-URI (URL-encoded SVG) */
background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330' fill='%23000'>\
<path d='M65,330h200c8.284,0,15-6.716,15-15V145c0-8.284-6.716-15-15-15h-15V85c0-46.869-38.131-85-85-85S80,38.131,80,85v45H65c-8.284,0-15,6.716-15,15v170C50,323.284,56.716,330,65,330zM207.481,219.356l-42.5,42.5c-2.929,2.929-6.768,4.394-10.606,4.394s-7.678-1.465-10.606-4.394l-21.25-21.25c-5.858-5.858-5.858-15.354,0-21.213c5.857-5.858,15.355-5.858,21.213,0l10.644,10.643l31.894-31.893c5.857-5.858,15.355-5.858,21.213,0C213.34,204.002,213.34,213.498,207.481,219.356zM110,85c0-30.327,24.673-55,55-55s55,24.673,55,55v45H110V85z'/>\
</svg>");
}


/* WARNINGS AND DESCRIPTIONS
--------------------------------------------------- */
.warningTextareaInfo {
display: none !important;
}

.px-phone .px-phone-privacy-description {
font-size: 11px;
line-height: 15px;
font-style: italic;
padding: 8px 0px 5px 10px
}

.px-phone .px-phone-privacy-description {
display: none;
}

/* COLORS: CHECKBOX AND RADIO BUTTONS
--------------------------------------------------- */
.gform_body .gfield:not(.gf-radio-field-button) input[type="checkbox"]+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(1,173,239)" 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>');
}

.gform_body .gfield:not(.gf-radio-field-button) input[type="checkbox"]:checked+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(1,173,239)" 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>');
}

.gform_body .gfield:not(.gf-radio-field-button) input[type=radio]+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(1,173,239)" 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>');
}

.gform_body .gfield:not(.gf-radio-field-button) input[type=radio]:checked+label:before {
content: url('data:image/svg+xml; utf8, <svg fill="rgb(1,173,239)" 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(1,173,239)" 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>');
}

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

/* INSTRUCTIONS
--------------------------------------------------- */
.gfield .instruction {
display: none !important;
}

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

/* 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;
}

/* COLORS: BUTTON
--------------------------------------------------- */
.gform_next_button,
.gform_button {
font-size: inherit;
min-height:50px;
height: auto;
color:white;
letter-spacing: 1px;
transition: all 0.2s ease-in-out;
border:solid 2px #FDC300 !important;
}

.gform_button {
background-color:#FDC300;
border-color:#FDC300;
border:solid 2px;
color:white;
font-family: inherit;
}

.gform_next_button,
.gform_next_button:focus,
.gform_next_button:active,
.gform_next_button:hover,
.gform_button:focus,
.gform_button:active,
.gform_button:hover {
color:white;
background-color:#FDC300;
font-family: inherit;
border:solid 2px #FDC300;
}

.gform_previous_button:focus,
.gform_previous_button:active,
.gform_previous_button:hover {
background:#dedede !important;
opacity: .85;
font-size: 80%;
}

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

/* LABELS */
.gfield_label {
font-size:18px;
font-weight:400;
color:#282f3b;
}

/* BUTTON */
.gform_button {
font-size: 18px;
}

} /* End @media */


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

/* LABELS */
.gfield_label {
font-size:;
font-weight:400;
color:#282f3b;
}

/* BUTTON */
.gform_button {
font-size: ;
}

} /* End @media */


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

/* LABELS */
.gfield_label {
font-size:;
font-weight:400;
color:#282f3b;
}

/* BUTTON */
.gform_button {
font-size: ;
}

}/* End @media */




/* GENERAL
--------------------------------------------------- */
.gform_body {
font-weight: 300;
}

.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 {
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;
}

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

.px-hide-price-field,
.gfield_visibility_administrative {
margin-bottom: 0px !important;
}

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

.gform_heading {
display: none !important;
}

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

/* RECAPTCHA
--------------------------------------------------- */
.ginput_recaptcha {
margin-top: -5px !important;
margin-bottom: 20px !important;
}

/* SELECT, INPUT AND TEXTAREA FIELDS
--------------------------------------------------- */
.gform_body select,
.gform_body input:not([type="button"]):not([type="submit"]),
.gform_body textarea {
background-color: #ffffff;
border:solid 2px #dedede;
border-radius:25px;
outline:none !important;
transition: all 0.2s ease-in-out;
font-size:inherit;
width:100%;
-moz-appearance: none;
-webkit-appearance: none;
padding: 10px 5px 10px 15px;
color: #282f3b;
font-family: inherit;
}

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

.gform_body select,
.gform_body input {
height:50px;
}

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

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

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

/* SELECT
--------------------------------------------------- */
.gform_body select {
background-image: linear-gradient(45deg,transparent 50%,#282f3b 50%),linear-gradient(135deg,#282f3b 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;
}

/* COLORS: SELECT, INPUT AND TEXTAREA FIELDS
--------------------------------------------------- */
select,
input:not([type="button"]):not([type="submit"]):not([type="search"]),
textarea {
font-weight:300;
font-family: inherit;
}

button,
button:focus,
button:hover,
button:active,
input,
input:focus,
input:hover,
input:active,
select,
select:focus,
select:hover,
select:active,
textarea,
textarea:focus,
textarea:hover,
textarea:active {
border-style: unset;
outline: none !important;
}

select:active,
select:focus,
select:hover,
input:not([type="button"]):not([type="submit"]):not([type="search"]):focus,
input:not([type="button"]):not([type="submit"]):not([type="search"]):hover,
textarea:focus,
textarea:hover {
background-color: #ffffff;
outline: none !important;
border:solid 2px #01ADEF;
}

/* CHECKBOX AND RADIO BUTTONS
--------------------------------------------------- */
.gform_body .gfield input+label:before {
display:inline-block;
vertical-align:middle;
width:18px;
position: absolute;
left: -30px;
}

.gform_body .gfield_radio input+label:before {
top: 2px;
}

.gform_body .gfield_checkbox input+label:before {
top: 0px;
}

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

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

.gfield_radio label,
.gfield_checkbox label {
line-height:18px;
margin-bottom:7px;
cursor:pointer;
position: relative;
}

.gfield:not(.donate-options) .gfield_radio li,
.gfield:not(.donate-options) .gfield_checkbox li {
padding-left:30px;
margin-right: 20px;
}

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

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: space-between;
}

.gform_body .address_city,
.gform_body .address_zip {
flex: 2;
}

.gform_body .address_zip {
margin-right:5px;
}

.gform_body .address_city {
margin-left:5px;
}

.gform_body .address_line_1 {
flex-basis: calc(70% - 5px);
margin-bottom:15px;
}

.gform_body .address_line_2 {
flex-basis: calc(30% - 5px);
margin-bottom:15px;
}

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

.gform_body .px-address-postal-code {
flex-basis: calc(60% - 5px);
}

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

}/* End @media */

@media (max-width:767px) {
.gform_body .address_city 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;}

/* NATIVE ADDRESS FIELD
--------------------------------------------------- */
@media (min-width:768px) {

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

.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;
}

.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;
}

/* FIELDSET
--------------------------------------------------- */
fieldset:not(.gfield_error),
fieldset.px-name {
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: 15px;
min-inline-size: min-content;
border-width: 0px !important;
border-style: none;
border-image: initial;
min-height: 25px;
}

fieldset.px-name {
padding-block-end: 0px;
}

/* 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;
}

fieldset.px-name:not(.nieuwsbrief-naam) .ginput_container_name {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

fieldset.px-name:not(.nieuwsbrief-naam) .ginput_container_name .name_first {
flex-basis:calc(70% - 5px);
}

fieldset.px-name:not(.nieuwsbrief-naam) .ginput_container_name .name_middle {
flex-basis:calc(30% - 5px);
}

fieldset.px-name:not(.nieuwsbrief-naam) .ginput_container_name .name_last {
flex-basis:calc(100%);
}

/* UPLOAD FIELD
--------------------------------------------------- */
.gform_fileupload_rules {
display: none !important;
}

/* COUPON FIELD
--------------------------------------------------- */
.ginput_container_coupon {
display: flex;      
align-items: center;
}

.gf_coupon_code {
flex-grow: 1;  
margin-right: 0px;
}

#gf_coupon_button {
white-space: nowrap;
background: #272e3a;
color: white;
border-radius: 25px;
font-weight: 700;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
transition: all 0.2s ease-in-out;
}

#gf_coupon_button:hover {
background: #01ADEF;
}

/* SECTION FIELD
--------------------------------------------------- */
.gsection_title {
display: none !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;
}


/* EMAIL ADDRESS FIELD
--------------------------------------------------- */
.gfield--type-email .gform-grid-row .gf_clear,
.gfield--type-email .gform-grid-row .gform-field-label--type-sub {
display: none;
}

.gfield--type-email .gform-grid-row {
display: flex;
flex-wrap: nowrap;
gap: 10px;
width: 100%;
}

.gfield--type-email .gform-grid-row span {
width: 50%;
}

fieldset.gfield--type-email {
padding-bottom: 0px;
}

/* VALIDATION
--------------------------------------------------- */
.gform_validation_errors,
.validation_error,
.gfield:not(.px-phone) .validation_message {
display:none !important;
}

.gfield.gfield_error .ginput_container,
.gfield.gfield_error {
position: relative;
}

.gfield.gfield_error .gfield_validation_message {
position: absolute;
top: -9px;
right: 20px;
background: red;
color: #fff;
font-size: 12px;
padding: 3px 10px;
border-radius: 25px;
line-height: 1.3;
white-space: nowrap;
z-index: 10;
}

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

.gfield--type-fileupload.gfield_error .gpfup__droparea {
border: solid 2px red;
}

.gfield_error:not(fieldset) .gfield_radio,
.gfield_error:not(fieldset) .gfield_checkbox {
border:solid 2px red;
border-radius: 25px;
padding:10px !important;
}

.gfield_error:not(fieldset) .gfield_radio {
padding: 10px !important;
padding-left: 20px !important;
display: block;
}

fieldset.gfield_error:not(.px-name) {
display: block;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-block-start: 7px;
padding-inline-start: 0px;
padding-inline-end: 0px;
padding-block-end: 20px;
min-inline-size: min-content;
border-width: 2px !important;
border-style: solid;
border-radius: 25px;
border-color: red;
border-image: initial;
min-height: 25px;
padding-left: 15px;
padding-right: 10px;
}

/* CSS READY CLASSES
--------------------------------------------------- */
@media (min-width:768px) {
.px-field-50,
.gf_right_half,
.gf_left_half {
flex-basis: calc(50% - 5px);}
}/* End @media */

/* BUTTON
--------------------------------------------------- */
.gform_next_button:focus,
.gform_next_button:active,
.gform_next_button:hover,
.gform_next_button,
.gform_button:focus,
.gform_button:active,
.gform_button:hover,
.gform_button {
border-radius:25px;
border-width:2px;
-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: 50px;
letter-spacing: 1px;
transition: all 0.2s ease-in-out;
font-size: inherit !important;
font-weight:700;
border-radius:25px;
border-width:2px;
border-color:#dedede;
background:#dedede;
}

/* 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 2px;
padding:10px 15px;
transition: all 0.2s ease-in-out;
font-weight:400;
border-radius:25px;
border-color:#dedede;
width:100%;
display:inline-block;
}

.gform_body .gfield.gf-radio-field-button ul li:hover label {
border-color:#FDC300;
}

.gform_body .gfield.gf-radio-field-button input[type="radio"]+label {
}

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

/* CSS READY NEWSLETTER
--------------------------------------------------- */
form.nieuwsbrief .gfield:not(.gfield_error) select,
form.nieuwsbrief .gfield:not(.gfield_error) select,
form.nieuwsbrief .gfield:not(.gfield_error) select:hover,
form.nieuwsbrief .gfield:not(.gfield_error) select:focus,
form.nieuwsbrief .gfield:not(.gfield_error) select:active,
form.nieuwsbrief .gfield:not(.gfield_error) input,
form.nieuwsbrief .gfield:not(.gfield_error) input:hover,
form.nieuwsbrief .gfield:not(.gfield_error) input:focus,
form.nieuwsbrief .gfield:not(.gfield_error) input:active {
border-color:white !important;
border-radius:25px;
}

form.nieuwsbrief .gform_button {
background:#01ADEF;
border-color:#01ADEF;
}

@media (min-width : 768px) {form.nieuwsbrief {
display:flex;
flex-direction: row;
column-gap: 15px;
margin-bottom: -15px;
}

form.nieuwsbrief .gform_body {
width:80%;
}

form.nieuwsbrief .gform_footer {
width:20%;
}

.nieuwsbrief-aanhef {
width:100px;
}

.nieuwsbrief-voornaam,
.nieuwsbrief-tussenvoegsel,
.nieuwsbrief-achternaam,
.nieuwsbrief-emailadres  {
width:20%;
}

.nieuwsbrief-naam {
width:64%;
}

.nieuwsbrief-naam .ginput_container_name {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

fieldset.nieuwsbrief-naam .ginput_container_name .name_first,
fieldset.nieuwsbrief-naam .ginput_container_name .name_last {
flex-basis:calc(40% - 10px);
}

fieldset.nieuwsbrief-naam .ginput_container_name .name_middle {
flex-basis:calc(20% - 10px);
}

} /* End @media */

@media (max-width : 767px) {.nieuwsbrief-naam .name_middle,
.nieuwsbrief-aanhef {
width: calc(30% - 5px);
margin-right: 5px;
}

.nieuwsbrief-naam,
.nieuwsbrief-naam .ginput_container_name {
display: contents !important;
}

.nieuwsbrief-naam .name_last,
.nieuwsbrief-naam .name_first {
width: calc(70% - 5px);
display: inline-block;
margin-left: 5px;
}

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

fieldset.gf_list_inline .gfield_radio .gchoice {
display:inline-block;
margin-right:40px;
}

/* 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:#01ADEF;
}

.px-donation-purpose .ginput_container,
.px-donation-purpose .gfield_label {
display:inline-block;
}


/* DONATE FORM WITH OPTIONS
--------------------------------------------------- */
.donate-options input[type=radio]+label:before {
display: none !important;
}

.donate-options {
margin-top:15px;
margin-bottom:30px;
}

.donate-options li:first-child input[type=radio]+label {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.donate-options li label {
padding: 10px !important;
border: solid 2px #DEDEDE;
border-radius: 4px;
text-align: center;
color: inherit;
margin-right: 15px;
}

.donate-options li:last-child label {
margin-right: 0px !important;
}

.donate-form-with-options .donate-select-recurrence-inline .ginput_container.ginput_container_select {
maring-top: 0px !important;
}

.donate-options li input[type=radio]:hover+label,
.donate-options li input[type=radio]:checked+label {
background: #01ADEF;
border: solid 2px #01ADEF;
color: white;
}

.donate-form-with-options .gform_footer.top_label input[type=submit] {
margin-bottom: 0px;
}

.donate-options li input[type=radio]:checked + label:after {
display:none !important;
}

@media (min-width : 768px) {.donate-options label {
cursor: pointer;
width: 100% !important;
}

.donate-options li:last-child label {
width: calc(24% + 6px);
}
} /* End @media */

@media (max-width : 767px) {.donate-options label {
cursor: pointer;
width: 100% !important;
}

.donate-options li:last-child label {
width: calc(22% + 6px);
}
} /* End @media */
@media (min-width : 768px) {.donate-select-recurrence-inline {
display: inline-block !important;
width: 100% !important;
}

.donate-options {
width: 100%;
display: inline-block;
}

.donate-select-recurrence-inline .ginput_container.ginput_container_select {
padding-right: 8px !important;
}

.donate-options li {
display: inline;
}
} /* End @media */

@media (max-width : 767px) {.donate-options li {
display: inline;
}

.donate-select-recurrence select {
width: 100% !important;
}

.donate-options li:last-child label {
width: calc(23% + 7px);
}

.donate-options-description-container {
margin-bottom: 20px !important;
margin-top: 0px !important;
}

.donate-form-with-options .donation-bank label {
width:44% !important;}

} /* End @media */
.donate-options-description-container {
background: #003D58;
padding: 13px 2px;
color: white;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 40px 0 0 #003D58, -40px 0 0 #003D58;
margin-top: 10px;
margin-bottom: 15px;
}

.donate-options-description-container input:hover,
.donate-options-description-container input:focus,
.donate-options-description-container input {
border-color: white !important;
}

.donate-form-with-options .donation-bank label,
.donate-form-with-options .donation-bank .ginput_container {
display: inline-block;
}

.donate-form-with-options .donation-bank label {
width: 28%;
color: inherit !important;
font-weight: 300;
}

.donate-form-with-options .donation-bank .ginput_container {
width: 39%;
}

.donate-form-with-options .donation-bank .ginput_container select {
width: 100%;
}

.donate-form-with-options .donation-bank {
margin-bottom: 15px !important;
}

.donate-options li input[type=radio]:checked+label:after {
background-image: url(/wp-content/themes/dorcas/images/dorcas-label-darkblue.svg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: 68px 100px;
content: "";
display: block;
width: 0;
height: 0;
border: solid 20px;
border-color: transparent;
border-bottom-style: solid;
border-top-width: 0;
position: absolute;
bottom: -34px;
left: 30%;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

@media (min-width : 768px) and (max-width : 992px) {.donate-options li input[type=radio]:checked+label:after {
left: 15%;
}
} /* End @media */

.donate-form-with-options .gfield_radio span.ginput_price,
.donate-form-with-options .gfield_price:not(.donate-amount):not(.donate-3-options):not(.custom-donation),
.donate-form-with-options .instruction,
.donate-form-with-options .donate-amount:before {
display: none !important;
}

.donation-title li,
.donation-title ul {
display: inline;
}

@media (min-width:767px) {
.donate-form-with-options .donation-firstname {
width: 40% !important;
}

.donate-form-with-options .donation-lastname {
width: 40% !important;
}

.donate-form-with-options .donation-middlename {
width: 20% !important;
}

.donate-form-with-options .donation-email {
width: 60% !important;
}

.donate-form-with-options .donation-phone {
width: 40% !important;
}

.donate-form-with-options .gf_left_half .ginput_container {
padding-right: 6px !important;
}
}

.donate-3-options label {
text-align: center;
margin: 0px !important;
}

.donate-3-options .ginput_container li {
display: inline-block;
width: 33.3333% !important;
margin: 0px !important;
padding:0px !important;
}

.donate-3-option {
line-height: 30px;
font-family: 'turbinado-pro-bold',sans-serif;
font-size: 30px;
}

.donate-3-options .ginput_container li label {
display: inline-block !important;
background: white;
width: 100%;
margin-left: 0px !important;
text-align: center;
padding: 15px 5px !important;
transition: all 0.17s ease-in-out;
cursor: pointer;
font-weight: 300 !important;
}

@media(max-width:321px) {
.donate-form-with-options .donate-3-options .ginput_container li {
font-size: 12px !important;
}
}/* End @media */

@media(min-width:322px) and (max-width:767px) {
.donate-form-with-options .donate-3-options .ginput_container li {
font-size: 14px !important;
}
}/* End @media */

.donate-3-options ul.gfield_radio {
width: 99.9% !important;
}

.donate-3-options {
padding: 15px 0px !important;
}

.donate-3-options input[type=radio]:checked+label,
.donate-3-options input[type=radio]:checked+label:hover,
.donate-3-options input[type=radio]+label:hover {
background: #01ADEF !important;
color: white !important;
border-radius: 4px;
}

.donate-3-options input[type=radio]:checked+label:before,
.donate-3-options input[type=radio]:hover+label:before {
color: white !important;
}

.donate-3-options input[type=radio]:checked+label:before,
.donate-3-options input[type=radio]+label:before {
display: none !important;
font-size: 24px !important;
margin-bottom: 10px !important;
margin-left: 0px !important;
padding-right: 0px !important;
}

.donate-3-options input[type=radio]+label:before {
transition: all 0.17s ease-in-out;
}

.donate-3-options-custom-donation-choice label:before {
display: none !important;
}

.donate-3-options-custom-donation-choice label {
padding: 10px !important;
margin-top: -5px !important;
font-size: 13px !important;
margin: 0px !important;
transition: all 0.3s ease-out;
background: #003D58;
color: white;
text-align: center;
cursor: pointer;
width: 100%;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 60px 0 0 #003D58, -60px 0 0 #003D58;
display: block;
}

.donate-3-options-custom-donation-choice {
text-align: center;
}

.donate-3-options-custom-donation-choice label:hover {
text-decoration: underline;
}

/* CSS READY HIDDEN MANDATORY FIELD
--------------------------------------------------- */
.px-mandatory-hidden-field {
opacity: 0;
visibility: hidden;
height: 0px;
}

/* CSS READY HIDE PRICE FIELDS
--------------------------------------------------- */
.px-hide-price-field {
opacity: 0;
visibility: hidden;
height: 0px;
}

/* CSS READY DONATION FORM OPTIONS
--------------------------------------------------- */
body.px-hide-donation-option-magazine .gfield.magazine,
body.px-hide-donation-option-recurring .px-donation-frequency,
body.px-hide-donation-option-recurring .px-donation-frequency .gfield_label {
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;
}

body.px-hide-donation-description .px-donate-description:not(.gfield.px-donate-description-4) {
display: none !important;
}

body.px-hide-donation-option-value-one-time .px-donation-frequency .gfield_radio .gchoice:first-child {
display: none !important;
}

body.px-hide-donation-option-value-one-time-yearly .px-donation-frequency .gfield_radio .gchoice:first-child,
body.px-hide-donation-option-value-one-time-yearly .px-donation-frequency .gfield_radio .gchoice:last-child {
display: none !important;
}

body.px-landing-page-image-vertical-alignment-top .px-hero-row .fl-row-content-wrap {
background-position-y: top !important;
}

body.px-landing-page-image-horizontal-alignment-left .px-hero-row .fl-row-content-wrap {
background-position-x: left !important;
}

/* CSS READY RADIO GROUP
--------------------------------------------------- */
.gform_wrapper .radio-group {
margin-bottom: 10px !important;
margin-top: 10px !important;
}

body:not(.px-hide-donation-option-recurring) .px-donation-form-label-ik-doneer {
display: none;
}

@media (max-width : 767px) {fieldset.gf_list_inline.px-donation-frequency .gfield_radio .gchoice {
margin-right: 30px;
}

fieldset.gf_list_inline.px-donation-frequency .gfield_radio .gchoice:last-child {
margin-right: 0px;
}

fieldset.gf_list_inline.px-donation-frequency .gfield_radio .gchoice  input+label:before {
left: -23px;
}

fieldset.gf_list_inline.px-donation-frequency .ginput_container_radio {
margin-left: 23px;
}

} /* End @media */
.px-donation-form-label-ik-doneer {
margin-bottom: 0px !important;
}

.gform_wrapper .radio-group:after {
content: '';
display: table;
clear: both; }

.gform_wrapper .radio-group .gfield_radio {
width: 100%; }

.gform_wrapper .radio-group .gfield_radio .gchoice {
width: 25%;
display: inline-block;
float: left;
padding-right: 0 !important; }

fieldset.radio-group .ginput_container_radio {
margin-left: 0px !important;
}

.gform_wrapper .radio-group .gfield_radio .gchoice:first-child input[type='radio'] + label {
margin: 0 !important; }

.gform_wrapper .radio-group .gfield_radio .gchoice:first-child input[type='radio'] + label:hover, .gform_wrapper .radio-group .gfield_radio li:first-child input[type='radio'] + label:focus {
border-color: #dedede; }

.gform_wrapper .radio-group .gfield_radio .gchoice:last-child input[type='radio'] + label {
margin: 0 !important; }

.gform_wrapper .radio-group .gfield_radio .gchoice:last-child input[type='radio'] + label:hover, .gform_wrapper .radio-group .gfield_radio li:last-child input[type='radio'] + label:focus {
border-color: #FDC300; }

@media only screen and (max-width: 380px) {
.gform_wrapper .radio-group .gfield_radio .gchoice:last-child input[type='radio'] + label {
font-size: inherit; } }

.gform_wrapper .radio-group input[type='radio'] {
display: none !important; }

.gform_wrapper .radio-group input[type='radio'] + label {
position: relative;
display: block;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 1rem 0.9375rem 0.8125rem;
color: black;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.6875rem;
text-align: center;
border-radius: 0;
background-color: #ffffff;
border-left: 1px solid #dedede;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }

.gform_wrapper .radio-group .gchoice:last-of-type input[type='radio'] + label {
border-right: 1px solid #dedede;}

.gform_wrapper .radio-group .gchoice:first-of-type input[type='radio'] + label {
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}

.gform_wrapper .radio-group .gchoice:last-of-type input[type='radio'] + label {
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}

.gform_wrapper .radio-group input[type='radio'] + label:hover,
.gform_wrapper .radio-group input[type='radio'] + label:focus {
background: #FDC300;
color:white;
border-color: #FDC300; }

.gform_wrapper .radio-group input[type='radio'] + label:hover:before,
.gform_wrapper .radio-group input[type='radio'] + label:focus:before {
content: '';
position: absolute;
top: -0.125rem;
left: -0.125rem;
height: 3.75rem;
width: 0.125rem;
background-color: #FDC300; }

.gform_wrapper .radio-group input[type='radio'] + label:before,
.gform_wrapper .radio-group input[type='radio'] + label:hover:before,
.gform_wrapper .radio-group input[type='radio'] + label:focus:before {
display:none !important;
}

.gform_wrapper .radio-group input[type='radio']:checked + label {
background-color: #FDC300;
border-color: #FDC300;
color: #ffffff;
font-weight: 500; }

.gform_wrapper .gfield.px-donate-description {
position:relative;
}

.gform_wrapper .gfield.px-donate-description-1:before {
left: calc( calc(25% - 28px) / 2);
}

.gform_wrapper .gfield.px-donate-description-2:before {
left: calc( calc(75% - 28px) / 2);
}

.gform_wrapper .gfield.px-donate-description-3:before {
right: calc( calc(75% - 28px) / 2);
}

.gform_wrapper .gfield.px-donate-description-4:before {
right: calc( calc(25% - 28px) / 2);
}

.gform_wrapper .gfield.px-donate-description-4 input {
border: white !important;
}

.gform_wrapper .px-donate-description:before {
content: '';
position: absolute;
top: -0.9375rem;
z-index: 10;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0.875rem 0.9375rem 0.875rem;
border-color: transparent transparent #003D58 transparent;
}

.gform_wrapper .px-donate-description {
background:#003D58;
border-radius: 25px;
padding:20px;
color: white;
}

.px-donate-amount-open:before {
display: none !important;
}

@media (max-width : 767px) {.gform_wrapper .radio-group input[type='radio'] + label {
padding:15px 0px;
font-size:1rem;
}
} /* End @media */

/* GRAVITY PERKS FILE UPLOAD PRO
--------------------------------------------------------------------- */
ul.gpfup__files li:before,
.gpfup__filesize,
.gpfup__droparea.gpfup__droprea--maxed {
display: none !important;
}

.gpfup__file .gpfup__edit,
.gpfup__file:hover .gpfup__edit,
.gpfup__file:focus-within .gpfup__edit {
display: block !important;
}

button.gpfup__crop {
background: #FDC300 !important;
font-weight: 700 !important;
}

button.gpfup__cancel {
font-weight: 700 !important;
}

.gpfup__droparea {
border-radius: 25px !important;
}

/* CROWDFUNDING
--------------------------------------------------------------------- */
.crowdfunding-personal-photo img {
border-radius: 50% !important;
}

/* CSS READY CHOICE BUTTONS GENERAL
--------------------------------------------------- */
.px-choice-buttons .gfield_radio {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr; 
}

.px-choice-buttons .ginput_container_radio {
margin-left: 0px !important;
margin-bottom: 15px !important;
}

.px-choice-buttons input+label:before {
position: unset !important;
margin-right: 15px;
}

.px-choice-buttons .gfield_radio label {
margin-bottom: 0px;
position: unset !important;
}

/* CSS READY CHOICE BUTTONS STYLE 1
--------------------------------------------------- */
.px-choice-buttons.style-one .gchoice {
border: solid 2px #01ADEF;
border-radius: 50px;
padding: 0px !important;
background:white;
}

.px-choice-buttons.style-one .gchoice label {
padding: 0px 10px !important;
height: 50px;
margin: 0px !important;
width: 100% !important;
display: flex;
align-items: center;
position: relative;
}

.px-choice-buttons.style-one .gchoice label div {
margin-left: auto;
background: #01ADEF;
padding: 10px;
border-radius: 50%;
margin-right: -15px;
aspect-ratio: 1 / 1;
}

.px-choice-buttons.style-one .gfield_radio {
row-gap: 40px;
}

/* CSS READY CHOICE BUTTONS STYLE 2
--------------------------------------------------- */
.px-choice-buttons.style-two .gchoice {
border: solid 2px #01ADEF;
text-align: center;
position: relative;
border-radius: 25px !important;
background: white;
}

.px-choice-buttons.style-two .gchoice:has(input[type="radio"]:checked) {
background: #01ADEF;
}

.px-choice-buttons.style-two .gchoice .gform-field-label {
padding-left: 0.3em !important;
padding-right: 0.3em !important;
padding-bottom: 0.8em !important;
padding-top: 0.8em !important;
display: block !important;
}

.px-choice-buttons.style-two img {
height: 60px;
margin-bottom: 5px;
}

@media (max-width : 767px) {.px-choice-buttons.style-two.px-choice-buttons-3-cols-mobile img {
height: 50px;
margin-bottom: 0px;
}
} /* End @media */
.px-choice-buttons.style-two label span {
font-weight: 700 !important;
font-size: .85em;
}

.px-choice-buttons.style-two input[type=radio]:checked+label:before {
content: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23ffffff%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22check-circle%22%20class%3D%22svg-inline--fa%20fa-check-circle%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M504%20256c0%20136.967-111.033%20248-248%20248S8%20392.967%208%20256%20119.033%208%20256%208s248%20111.033%20248%20248zM227.314%20387.314l184-184c6.248-6.248%206.248-16.379%200-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628%200L216%20308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628%200l-22.627%2022.627c-6.248%206.248-6.248%2016.379%200%2022.627l104%20104c6.249%206.249%2016.379%206.249%2022.628.001z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
}

.px-choice-buttons.style-two .gchoice:has(img) input[type=radio]:checked+label:before {
position: absolute !important;
left: auto !important;
top: 7px !important;
right: -7px !important;
}

.px-choice-buttons.style-two.first-child-full-width .gchoice:first-child {
grid-column: 1 / -1;
}

.px-choice-buttons.style-two.first-child-full-width .gchoice:first-child input[type=radio]:checked + label:before {
position: absolute !important;
left: auto !important;
top: 50% !important;
right: 10px !important;
transform: translateY(-50%) !important; /* Center vertically */
}

.px-choice-buttons.style-two input[type=radio]:checked+label span {
color: white;
}

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

/* CSS READY CHOICE BUTTONS GRID
--------------------------------------------------- */
@media (min-width : 768px) {/* One Column Layout */
.px-choice-buttons.px-choice-buttons-1-col .gfield_radio {
grid-template-columns: 1fr;
}

/* Two Columns Layout */
.px-choice-buttons.px-choice-buttons-2-cols .gfield_radio {
grid-template-columns: 1fr 1fr;
}

/* Three Columns Layout */
.px-choice-buttons.px-choice-buttons-3-cols .gfield_radio {
grid-template-columns: 1fr 1fr 1fr;
}

/* Four Columns Layout */
.px-choice-buttons.px-choice-buttons-4-cols .gfield_radio {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
} /* End @media */

@media (max-width : 767px) {.px-choice-buttons.px-choice-buttons-1-col .gfield_radio,
.px-choice-buttons:not(.px-choice-buttons-2-cols-mobile):not(.px-choice-buttons-3-cols-mobile):not(.px-choice-buttons-4-cols-mobile) .gfield_radio {
grid-template-columns: 1fr;
}

.px-choice-buttons.px-choice-buttons-2-cols-mobile .gfield_radio {
grid-template-columns: 1fr 1fr;
}

.px-choice-buttons.px-choice-buttons-3-cols-mobile .gfield_radio {
grid-template-columns: 1fr 1fr 1fr;
}

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

/* CSS READY AUTO SUBMIT FORM
--------------------------------------------------- */
.gf-auto-submit-form-wrapper .gform_page:not(.gf-auto-submit-active) .gform_page_footer,
.gf-auto-submit-form-wrapper .gform_page:not(.gf-auto-submit-active) .gform_page_fields {
opacity: 0;
visibility: hidden;
position: absolute;
left: -1000%;
}

.gf-auto-submit-form-wrapper .gf-auto-submit-active {
display: block !important;
}