/* Theme Name: divi-child Theme URI: https://sociolario.org Description: Tema child di DIVI Author: Kudu srl Author URI: https://www.kudusrl.com Template: Divi-42 Version: 1.0.0 */ .smooth, .brandinputdonate:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .charitable-form-field input:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .charitable-form-field-text input:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .brandinputdonate:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .charitable-form-field input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .charitable-form-field-text input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .brandinputdonate:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .charitable-form-field input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .charitable-form-field-text input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .brandcheckbox label, .checkbox-container .charitable-form-field-checkbox label, .checkbox-container .charitable-radio-list label, .checkbox-container.recurring-donation-option label, #charitable-meta-fields .charitable-form-field-checkbox label, #charitable-meta-fields .charitable-radio-list label, #charitable-meta-fields.recurring-donation-option label, #charitable-user-fields .charitable-form-field-checkbox label, #charitable-user-fields .charitable-radio-list label, #charitable-user-fields.recurring-donation-option label, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label, #charitable_field_consenso_comunicazione .charitable-radio-list label, #charitable_field_consenso_comunicazione.recurring-donation-option label, #charitable_field_recurring_donation .charitable-form-field-checkbox label, #charitable_field_recurring_donation .charitable-radio-list label, #charitable_field_recurring_donation.recurring-donation-option label, #charitable_field_accept_terms label, .brandcheckbox input:checked + label, .checkbox-container .charitable-form-field-checkbox input:checked + label, .checkbox-container .charitable-radio-list input:checked + label, .checkbox-container.recurring-donation-option input:checked + label, .brandcheckbox .nf-checked-label, .checkbox-container .charitable-form-field-checkbox .nf-checked-label, .checkbox-container .charitable-radio-list .nf-checked-label, .checkbox-container.recurring-donation-option .nf-checked-label, #charitable-meta-fields .charitable-form-field-checkbox .nf-checked-label, #charitable-meta-fields .charitable-radio-list .nf-checked-label, #charitable-meta-fields.recurring-donation-option .nf-checked-label, #charitable-user-fields .charitable-form-field-checkbox .nf-checked-label, #charitable-user-fields .charitable-radio-list .nf-checked-label, #charitable-user-fields.recurring-donation-option .nf-checked-label, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox .nf-checked-label, #charitable_field_consenso_comunicazione .charitable-radio-list .nf-checked-label, #charitable_field_consenso_comunicazione.recurring-donation-option .nf-checked-label, #charitable_field_recurring_donation .charitable-form-field-checkbox .nf-checked-label, #charitable_field_recurring_donation .charitable-radio-list .nf-checked-label, #charitable_field_recurring_donation.recurring-donation-option .nf-checked-label, #charitable_field_accept_terms .nf-checked-label, .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label:hover, #charitable-gateway-fields #charitable-gateway-selector li label { transition: all .2s linear !important; } .fonticons, .brandcheckbox label::before, .checkbox-container .charitable-form-field-checkbox label::before, .checkbox-container .charitable-radio-list label::before, .checkbox-container.recurring-donation-option label::before, #charitable-meta-fields .charitable-form-field-checkbox label::before, #charitable-meta-fields .charitable-radio-list label::before, #charitable-meta-fields.recurring-donation-option label::before, #charitable-user-fields .charitable-form-field-checkbox label::before, #charitable-user-fields .charitable-radio-list label::before, #charitable-user-fields.recurring-donation-option label::before, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label::before, #charitable_field_consenso_comunicazione .charitable-radio-list label::before, #charitable_field_consenso_comunicazione.recurring-donation-option label::before, #charitable_field_recurring_donation .charitable-form-field-checkbox label::before, #charitable_field_recurring_donation .charitable-radio-list label::before, #charitable_field_recurring_donation.recurring-donation-option label::before, #charitable_field_accept_terms label::before { font-family: ETmodules !important; } .fonticons_alt, #charitable-gateway-fields #charitable-gateway-selector li label::before { font-family: fontawesome !important; font-weight: bold; } .brandtitle, .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label, .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper label { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-weight: 500; font-style: normal; } .brandtitle em, .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label em, .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper label em, .brandtitle em, .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label em, .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper label em { font-style: italic; } .buttonfont, .brandbutton, .charitable-submit-field .button-secondary, .charitable-submit-field .button-primary, .charitable-submit-field #image-browse-button, #image-browse-button { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; } .brandbutton, .charitable-submit-field .button-secondary, .charitable-submit-field .button-primary, .charitable-submit-field #image-browse-button, #image-browse-button { height: auto !important; cursor: pointer; line-height: 1em !important; } .brandbutton:not(.brandbutton_light, .brandbutton_alt), .charitable-submit-field .button-secondary:not(.brandbutton_light, .brandbutton_alt), .charitable-submit-field .button-primary:not(.brandbutton_light, .brandbutton_alt), #image-browse-button:not(.brandbutton_light, .brandbutton_alt) { color: #ffffff !important; border: 0px; background: #104b95 !important; padding: 24px 30px 24px 30px !important; } .brandbutton:not(.brandbutton_light, .brandbutton_alt):hover, .charitable-submit-field .button-secondary:not(.brandbutton_light, .brandbutton_alt):hover, .charitable-submit-field .button-primary:not(.brandbutton_light, .brandbutton_alt):hover, #image-browse-button:not(.brandbutton_light, .brandbutton_alt):hover { color: #ffffff !important; background: #E02B20 !important; padding: 24px 30px 24px 30px !important; } .brandinputdonate:not(.custom-donation-input), .charitable-form-field input:not(.custom-donation-input), .charitable-form-field-text input:not(.custom-donation-input), #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input), #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input) { background: #f7f7f7 !important; border: 1px solid #c4c4c4; font-size: 16px !important; height: 50px; padding: 12px; margin: 0px; color: #000000 !important; } .brandinputdonate:not(.custom-donation-input):not([type=button]):not([type=submit]), .charitable-form-field input:not(.custom-donation-input):not([type=button]):not([type=submit]), .charitable-form-field-text input:not(.custom-donation-input):not([type=button]):not([type=submit]), #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input):not([type=button]):not([type=submit]), #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input):not([type=button]):not([type=submit]) { border-radius: 0px !important; } .brandinputdonate:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .charitable-form-field input:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .charitable-form-field-text input:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder { color: #000000; } .brandinputdonate:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .charitable-form-field input:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .charitable-form-field-text input:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder { color: #000000; opacity: 0.5; } .brandinputdonate:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .charitable-form-field input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .charitable-form-field-text input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input):not([type=button]):not([type=submit]):focus { background: #ffffff !important; border: 1px solid #000000 !important; } .brandinputdonate:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .charitable-form-field input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .charitable-form-field-text input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder { color: #104b95; opacity: 0.2; } .brandcheckbox input, .checkbox-container .charitable-form-field-checkbox input, .checkbox-container .charitable-radio-list input, .checkbox-container.recurring-donation-option input, #charitable-meta-fields .charitable-form-field-checkbox input, #charitable-meta-fields .charitable-radio-list input, #charitable-meta-fields.recurring-donation-option input, #charitable-user-fields .charitable-form-field-checkbox input, #charitable-user-fields .charitable-radio-list input, #charitable-user-fields.recurring-donation-option input, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox input, #charitable_field_consenso_comunicazione .charitable-radio-list input, #charitable_field_consenso_comunicazione.recurring-donation-option input, #charitable_field_recurring_donation .charitable-form-field-checkbox input, #charitable_field_recurring_donation .charitable-radio-list input, #charitable_field_recurring_donation.recurring-donation-option input, #charitable_field_accept_terms input { height: 0; width: 0; display: none !important; visibility: hidden; } .brandcheckbox label, .checkbox-container .charitable-form-field-checkbox label, .checkbox-container .charitable-radio-list label, .checkbox-container.recurring-donation-option label, #charitable-meta-fields .charitable-form-field-checkbox label, #charitable-meta-fields .charitable-radio-list label, #charitable-meta-fields.recurring-donation-option label, #charitable-user-fields .charitable-form-field-checkbox label, #charitable-user-fields .charitable-radio-list label, #charitable-user-fields.recurring-donation-option label, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label, #charitable_field_consenso_comunicazione .charitable-radio-list label, #charitable_field_consenso_comunicazione.recurring-donation-option label, #charitable_field_recurring_donation .charitable-form-field-checkbox label, #charitable_field_recurring_donation .charitable-radio-list label, #charitable_field_recurring_donation.recurring-donation-option label, #charitable_field_accept_terms label { padding: 8px !important; width: 100%; position: relative; text-align: left; margin: 0px !important; cursor: pointer; color: #000000 !important; display: flex; justify-content: center; flex-direction: row; align-items: center; gap: 8px; font-size: 16px !important; } .brandcheckbox label a, .checkbox-container .charitable-form-field-checkbox label a, .checkbox-container .charitable-radio-list label a, .checkbox-container.recurring-donation-option label a, #charitable-meta-fields .charitable-form-field-checkbox label a, #charitable-meta-fields .charitable-radio-list label a, #charitable-meta-fields.recurring-donation-option label a, #charitable-user-fields .charitable-form-field-checkbox label a, #charitable-user-fields .charitable-radio-list label a, #charitable-user-fields.recurring-donation-option label a, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label a, #charitable_field_consenso_comunicazione .charitable-radio-list label a, #charitable_field_consenso_comunicazione.recurring-donation-option label a, #charitable_field_recurring_donation .charitable-form-field-checkbox label a, #charitable_field_recurring_donation .charitable-radio-list label a, #charitable_field_recurring_donation.recurring-donation-option label a, #charitable_field_accept_terms label a { color: #E02B20 !important; } .brandcheckbox label:hover, .checkbox-container .charitable-form-field-checkbox label:hover, .checkbox-container .charitable-radio-list label:hover, .checkbox-container.recurring-donation-option label:hover, #charitable-meta-fields .charitable-form-field-checkbox label:hover, #charitable-meta-fields .charitable-radio-list label:hover, #charitable-meta-fields.recurring-donation-option label:hover, #charitable-user-fields .charitable-form-field-checkbox label:hover, #charitable-user-fields .charitable-radio-list label:hover, #charitable-user-fields.recurring-donation-option label:hover, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label:hover, #charitable_field_consenso_comunicazione .charitable-radio-list label:hover, #charitable_field_consenso_comunicazione.recurring-donation-option label:hover, #charitable_field_recurring_donation .charitable-form-field-checkbox label:hover, #charitable_field_recurring_donation .charitable-radio-list label:hover, #charitable_field_recurring_donation.recurring-donation-option label:hover, #charitable_field_accept_terms label:hover { color: #000000 !important; } .brandcheckbox label:hover a, .checkbox-container .charitable-form-field-checkbox label:hover a, .checkbox-container .charitable-radio-list label:hover a, .checkbox-container.recurring-donation-option label:hover a, #charitable-meta-fields .charitable-form-field-checkbox label:hover a, #charitable-meta-fields .charitable-radio-list label:hover a, #charitable-meta-fields.recurring-donation-option label:hover a, #charitable-user-fields .charitable-form-field-checkbox label:hover a, #charitable-user-fields .charitable-radio-list label:hover a, #charitable-user-fields.recurring-donation-option label:hover a, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label:hover a, #charitable_field_consenso_comunicazione .charitable-radio-list label:hover a, #charitable_field_consenso_comunicazione.recurring-donation-option label:hover a, #charitable_field_recurring_donation .charitable-form-field-checkbox label:hover a, #charitable_field_recurring_donation .charitable-radio-list label:hover a, #charitable_field_recurring_donation.recurring-donation-option label:hover a, #charitable_field_accept_terms label:hover a { color: #E02B20 !important; } .brandcheckbox label:hover::before, .checkbox-container .charitable-form-field-checkbox label:hover::before, .checkbox-container .charitable-radio-list label:hover::before, .checkbox-container.recurring-donation-option label:hover::before, #charitable-meta-fields .charitable-form-field-checkbox label:hover::before, #charitable-meta-fields .charitable-radio-list label:hover::before, #charitable-meta-fields.recurring-donation-option label:hover::before, #charitable-user-fields .charitable-form-field-checkbox label:hover::before, #charitable-user-fields .charitable-radio-list label:hover::before, #charitable-user-fields.recurring-donation-option label:hover::before, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label:hover::before, #charitable_field_consenso_comunicazione .charitable-radio-list label:hover::before, #charitable_field_consenso_comunicazione.recurring-donation-option label:hover::before, #charitable_field_recurring_donation .charitable-form-field-checkbox label:hover::before, #charitable_field_recurring_donation .charitable-radio-list label:hover::before, #charitable_field_recurring_donation.recurring-donation-option label:hover::before, #charitable_field_accept_terms label:hover::before { color: #ded400; } .brandcheckbox label::before, .checkbox-container .charitable-form-field-checkbox label::before, .checkbox-container .charitable-radio-list label::before, .checkbox-container.recurring-donation-option label::before, #charitable-meta-fields .charitable-form-field-checkbox label::before, #charitable-meta-fields .charitable-radio-list label::before, #charitable-meta-fields.recurring-donation-option label::before, #charitable-user-fields .charitable-form-field-checkbox label::before, #charitable-user-fields .charitable-radio-list label::before, #charitable-user-fields.recurring-donation-option label::before, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label::before, #charitable_field_consenso_comunicazione .charitable-radio-list label::before, #charitable_field_consenso_comunicazione.recurring-donation-option label::before, #charitable_field_recurring_donation .charitable-form-field-checkbox label::before, #charitable_field_recurring_donation .charitable-radio-list label::before, #charitable_field_recurring_donation.recurring-donation-option label::before, #charitable_field_accept_terms label::before { content: "\5b"; background: transparent; z-index: 1; opacity: 1; color: #104b95; height: fit-content; position: relative !important; left: 0; right: 0; top: -1px !important; bottom: 0; } .brandcheckbox label::before, .checkbox-container .charitable-form-field-checkbox label::before, .checkbox-container .charitable-radio-list label::before, .checkbox-container.recurring-donation-option label::before, #charitable-meta-fields .charitable-form-field-checkbox label::before, #charitable-meta-fields .charitable-radio-list label::before, #charitable-meta-fields.recurring-donation-option label::before, #charitable-user-fields .charitable-form-field-checkbox label::before, #charitable-user-fields .charitable-radio-list label::before, #charitable-user-fields.recurring-donation-option label::before, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label::before, #charitable_field_consenso_comunicazione .charitable-radio-list label::before, #charitable_field_consenso_comunicazione.recurring-donation-option label::before, #charitable_field_recurring_donation .charitable-form-field-checkbox label::before, #charitable_field_recurring_donation .charitable-radio-list label::before, #charitable_field_recurring_donation.recurring-donation-option label::before, #charitable_field_accept_terms label::before { font-size: 24px !important; } @media screen and (min-width: 981px) { .brandcheckbox label::before, .checkbox-container .charitable-form-field-checkbox label::before, .checkbox-container .charitable-radio-list label::before, .checkbox-container.recurring-donation-option label::before, #charitable-meta-fields .charitable-form-field-checkbox label::before, #charitable-meta-fields .charitable-radio-list label::before, #charitable-meta-fields.recurring-donation-option label::before, #charitable-user-fields .charitable-form-field-checkbox label::before, #charitable-user-fields .charitable-radio-list label::before, #charitable-user-fields.recurring-donation-option label::before, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label::before, #charitable_field_consenso_comunicazione .charitable-radio-list label::before, #charitable_field_consenso_comunicazione.recurring-donation-option label::before, #charitable_field_recurring_donation .charitable-form-field-checkbox label::before, #charitable_field_recurring_donation .charitable-radio-list label::before, #charitable_field_recurring_donation.recurring-donation-option label::before, #charitable_field_accept_terms label::before { font-size: calc(24px + 16 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .brandcheckbox label::before, .checkbox-container .charitable-form-field-checkbox label::before, .checkbox-container .charitable-radio-list label::before, .checkbox-container.recurring-donation-option label::before, #charitable-meta-fields .charitable-form-field-checkbox label::before, #charitable-meta-fields .charitable-radio-list label::before, #charitable-meta-fields.recurring-donation-option label::before, #charitable-user-fields .charitable-form-field-checkbox label::before, #charitable-user-fields .charitable-radio-list label::before, #charitable-user-fields.recurring-donation-option label::before, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label::before, #charitable_field_consenso_comunicazione .charitable-radio-list label::before, #charitable_field_consenso_comunicazione.recurring-donation-option label::before, #charitable_field_recurring_donation .charitable-form-field-checkbox label::before, #charitable_field_recurring_donation .charitable-radio-list label::before, #charitable_field_recurring_donation.recurring-donation-option label::before, #charitable_field_accept_terms label::before { font-size: 40px !important; } } .brandcheckbox label::after, .checkbox-container .charitable-form-field-checkbox label::after, .checkbox-container .charitable-radio-list label::after, .checkbox-container.recurring-donation-option label::after, #charitable-meta-fields .charitable-form-field-checkbox label::after, #charitable-meta-fields .charitable-radio-list label::after, #charitable-meta-fields.recurring-donation-option label::after, #charitable-user-fields .charitable-form-field-checkbox label::after, #charitable-user-fields .charitable-radio-list label::after, #charitable-user-fields.recurring-donation-option label::after, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox label::after, #charitable_field_consenso_comunicazione .charitable-radio-list label::after, #charitable_field_consenso_comunicazione.recurring-donation-option label::after, #charitable_field_recurring_donation .charitable-form-field-checkbox label::after, #charitable_field_recurring_donation .charitable-radio-list label::after, #charitable_field_recurring_donation.recurring-donation-option label::after, #charitable_field_accept_terms label::after { content: none; } .brandcheckbox input:checked + label, .checkbox-container .charitable-form-field-checkbox input:checked + label, .checkbox-container .charitable-radio-list input:checked + label, .checkbox-container.recurring-donation-option input:checked + label, #charitable-meta-fields .charitable-form-field-checkbox input:checked + label, #charitable-meta-fields .charitable-radio-list input:checked + label, #charitable-meta-fields.recurring-donation-option input:checked + label, #charitable-user-fields .charitable-form-field-checkbox input:checked + label, #charitable-user-fields .charitable-radio-list input:checked + label, #charitable-user-fields.recurring-donation-option input:checked + label, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox input:checked + label, #charitable_field_consenso_comunicazione .charitable-radio-list input:checked + label, #charitable_field_consenso_comunicazione.recurring-donation-option input:checked + label, #charitable_field_recurring_donation .charitable-form-field-checkbox input:checked + label, #charitable_field_recurring_donation .charitable-radio-list input:checked + label, #charitable_field_recurring_donation.recurring-donation-option input:checked + label, #charitable_field_accept_terms input:checked + label, .brandcheckbox .nf-checked-label, .checkbox-container .charitable-form-field-checkbox .nf-checked-label, .checkbox-container .charitable-radio-list .nf-checked-label, .checkbox-container.recurring-donation-option .nf-checked-label, #charitable-meta-fields .charitable-form-field-checkbox .nf-checked-label, #charitable-meta-fields .charitable-radio-list .nf-checked-label, #charitable-meta-fields.recurring-donation-option .nf-checked-label, #charitable-user-fields .charitable-form-field-checkbox .nf-checked-label, #charitable-user-fields .charitable-radio-list .nf-checked-label, #charitable-user-fields.recurring-donation-option .nf-checked-label, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox .nf-checked-label, #charitable_field_consenso_comunicazione .charitable-radio-list .nf-checked-label, #charitable_field_consenso_comunicazione.recurring-donation-option .nf-checked-label, #charitable_field_recurring_donation .charitable-form-field-checkbox .nf-checked-label, #charitable_field_recurring_donation .charitable-radio-list .nf-checked-label, #charitable_field_recurring_donation.recurring-donation-option .nf-checked-label, #charitable_field_accept_terms .nf-checked-label { color: #000000 !important; } .brandcheckbox input:checked + label a, .checkbox-container .charitable-form-field-checkbox input:checked + label a, .checkbox-container .charitable-radio-list input:checked + label a, .checkbox-container.recurring-donation-option input:checked + label a, #charitable-meta-fields .charitable-form-field-checkbox input:checked + label a, #charitable-meta-fields .charitable-radio-list input:checked + label a, #charitable-meta-fields.recurring-donation-option input:checked + label a, #charitable-user-fields .charitable-form-field-checkbox input:checked + label a, #charitable-user-fields .charitable-radio-list input:checked + label a, #charitable-user-fields.recurring-donation-option input:checked + label a, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox input:checked + label a, #charitable_field_consenso_comunicazione .charitable-radio-list input:checked + label a, #charitable_field_consenso_comunicazione.recurring-donation-option input:checked + label a, #charitable_field_recurring_donation .charitable-form-field-checkbox input:checked + label a, #charitable_field_recurring_donation .charitable-radio-list input:checked + label a, #charitable_field_recurring_donation.recurring-donation-option input:checked + label a, #charitable_field_accept_terms input:checked + label a, .brandcheckbox .nf-checked-label a, .checkbox-container .charitable-form-field-checkbox .nf-checked-label a, .checkbox-container .charitable-radio-list .nf-checked-label a, .checkbox-container.recurring-donation-option .nf-checked-label a, #charitable-meta-fields .charitable-form-field-checkbox .nf-checked-label a, #charitable-meta-fields .charitable-radio-list .nf-checked-label a, #charitable-meta-fields.recurring-donation-option .nf-checked-label a, #charitable-user-fields .charitable-form-field-checkbox .nf-checked-label a, #charitable-user-fields .charitable-radio-list .nf-checked-label a, #charitable-user-fields.recurring-donation-option .nf-checked-label a, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox .nf-checked-label a, #charitable_field_consenso_comunicazione .charitable-radio-list .nf-checked-label a, #charitable_field_consenso_comunicazione.recurring-donation-option .nf-checked-label a, #charitable_field_recurring_donation .charitable-form-field-checkbox .nf-checked-label a, #charitable_field_recurring_donation .charitable-radio-list .nf-checked-label a, #charitable_field_recurring_donation.recurring-donation-option .nf-checked-label a, #charitable_field_accept_terms .nf-checked-label a { color: #E02B20 !important; } .brandcheckbox input:checked + label::before, .checkbox-container .charitable-form-field-checkbox input:checked + label::before, .checkbox-container .charitable-radio-list input:checked + label::before, .checkbox-container.recurring-donation-option input:checked + label::before, #charitable-meta-fields .charitable-form-field-checkbox input:checked + label::before, #charitable-meta-fields .charitable-radio-list input:checked + label::before, #charitable-meta-fields.recurring-donation-option input:checked + label::before, #charitable-user-fields .charitable-form-field-checkbox input:checked + label::before, #charitable-user-fields .charitable-radio-list input:checked + label::before, #charitable-user-fields.recurring-donation-option input:checked + label::before, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox input:checked + label::before, #charitable_field_consenso_comunicazione .charitable-radio-list input:checked + label::before, #charitable_field_consenso_comunicazione.recurring-donation-option input:checked + label::before, #charitable_field_recurring_donation .charitable-form-field-checkbox input:checked + label::before, #charitable_field_recurring_donation .charitable-radio-list input:checked + label::before, #charitable_field_recurring_donation.recurring-donation-option input:checked + label::before, #charitable_field_accept_terms input:checked + label::before, .brandcheckbox .nf-checked-label::before, .checkbox-container .charitable-form-field-checkbox .nf-checked-label::before, .checkbox-container .charitable-radio-list .nf-checked-label::before, .checkbox-container.recurring-donation-option .nf-checked-label::before, #charitable-meta-fields .charitable-form-field-checkbox .nf-checked-label::before, #charitable-meta-fields .charitable-radio-list .nf-checked-label::before, #charitable-meta-fields.recurring-donation-option .nf-checked-label::before, #charitable-user-fields .charitable-form-field-checkbox .nf-checked-label::before, #charitable-user-fields .charitable-radio-list .nf-checked-label::before, #charitable-user-fields.recurring-donation-option .nf-checked-label::before, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox .nf-checked-label::before, #charitable_field_consenso_comunicazione .charitable-radio-list .nf-checked-label::before, #charitable_field_consenso_comunicazione.recurring-donation-option .nf-checked-label::before, #charitable_field_recurring_donation .charitable-form-field-checkbox .nf-checked-label::before, #charitable_field_recurring_donation .charitable-radio-list .nf-checked-label::before, #charitable_field_recurring_donation.recurring-donation-option .nf-checked-label::before, #charitable_field_accept_terms .nf-checked-label::before { color: #E02B20 !important; content: "\e052"; } .charitable-form-header { display: none; } .charitable-notice { width: 100%; background: #ded400; color: #000000; padding: 24px; border: 0px; } .charitable-notice ul { margin: 0px; list-style: none; padding: 0px; text-align: center; } .charitable-notice a { color: #000000; } .charitable-notice a:hover { color: #104b95; } span[data-charitable-tooltip] { display: none; } .charitable-donation-form { padding: 0px; margin: 0px; } .charitable-donation-form .recurring-donation { display: flex !important; justify-content: center; border-bottom: 0px !important; } .charitable-donation-form .recurring-donation li { width: 100%; margin: 0px !important; } .charitable-donation-form .recurring-donation li label { color: #000000 !important; background: #efefff !important; opacity: 50%; border: 0px !important; font-weight: 700 !important; font-size: 20px !important; border: 1px solid #c4c4c4 !important; } .charitable-donation-form .recurring-donation li label:hover { color: #ffffff !important; background: #ded400 !important; opacity: 100%; } .charitable-donation-form .recurring-donation li.selected label { background: #ffffff !important; opacity: 100% !important; color: #104b95 !important; } .charitable-donation-form .charitable-form-fields { display: flex; flex-wrap: wrap; gap: 8px; } .charitable-donation-form .charitable-fieldset { padding: 0px !important; margin-bottom: 0px; border: 0px !important; } .charitable-donation-form .charitable-fieldset .charitable-form-header { display: none !important; } .charitable-donation-form .charitable-fieldset .charitable-donation-options { padding-bottom: 0px !important; } @media (max-width: 980px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options { padding-left: 20px; padding-right: 20px; } } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts { display: flex; flex-wrap: wrap; gap: 16px; grid-gap: 16px; justify-content: center; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts::before, .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts::after { content: none; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount { margin: 0px; cursor: pointer; border: 0px !important; } @media (min-width: 769px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount { min-width: 227px; width: 21% !important; } } @media (max-width: 768px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount { min-width: auto; } } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount:last-child { width: 100% !important; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label { padding: 24px; display: flex; text-align: center; justify-content: center; background: #104b95 !important; color: #ffffff !important; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label .amount { line-height: 1; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label .amount { font-size: 32px !important; } @media screen and (min-width: 981px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label .amount { font-size: calc(32px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label .amount { font-size: 40px !important; } } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label:hover { background: #ded400 !important; color: #ffffff; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount label:hover .amount { color: #ffffff; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount.selected label { background: #E02B20 !important; border: 0px !important; color: #ffffff !important; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.suggested-donation-amount.selected label:hover { background: #104b95; color: #ffffff; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount { padding: 24px; background: #104b95; margin-right: 20px; margin-left: 20px; } @media (max-width: 980px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount { margin-left: 0px; margin-right: 0px; } } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper { display: flex; align-items: center; flex-wrap: wrap; height: 100%; padding: 0px; margin: 0px; justify-content: center; position: relative; gap: 8px; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper .custom-donation-input { width: calc(100% - 40px); border: 0px; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper label { width: 100%; color: #ffffff; font-size: 24px; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper > span { width: 40px; position: absolute; bottom: 16px; left: 0; color: #000000; margin-left: 8px; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper > span { font-size: 32px !important; } @media screen and (min-width: 981px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper > span { font-size: calc(32px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper > span { font-size: 40px !important; } } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper input { flex: 1; line-height: 1; padding-left: 40px; width: inherit !important; background-color: #ffffff !important; color: #000000; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper input { font-size: 32px !important; } @media screen and (min-width: 981px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper input { font-size: calc(32px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper input { font-size: 40px !important; } } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper .description { text-align: center; display: block; width: 100%; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount:hover { background: #ded400 !important; } .charitable-donation-form .charitable-fieldset .charitable-donation-options .donation-amounts .donation-amount.custom-donation-amount.selected { background: #E02B20 !important; } .minimum-donation-amount-text { background: #ded400; padding: 16px !important; text-align: center; color: #000000; } #charitable-user-fields { display: flex; flex-wrap: wrap; grid-gap: 16px; padding: 8px 20px !important; justify-content: space-between !important; } #charitable-user-fields label { display: none !important; } #charitable-user-fields #charitable_field_first_name, #charitable-user-fields #charitable_field_last_name, #charitable-user-fields #charitable_field_email, #charitable-user-fields #charitable_field_address, #charitable-user-fields #charitable_field_city, #charitable-user-fields #charitable_field_phone, #charitable-user-fields #charitable_field_address_2, #charitable-user-fields #charitable_field_nome_defunto { flex-grow: 10; } @media (min-width: 769px) { #charitable-user-fields #charitable_field_first_name, #charitable-user-fields #charitable_field_last_name, #charitable-user-fields #charitable_field_email, #charitable-user-fields #charitable_field_address, #charitable-user-fields #charitable_field_city, #charitable-user-fields #charitable_field_phone, #charitable-user-fields #charitable_field_address_2, #charitable-user-fields #charitable_field_nome_defunto { min-width: 350px; } } #charitable-user-fields #charitable_field_postcode, #charitable-user-fields #charitable_field_country, #charitable-user-fields #charitable_field_state { flex-grow: 1; min-width: 100px; } @media (min-width: 769px) { #charitable-user-fields #charitable_field_postcode, #charitable-user-fields #charitable_field_country, #charitable-user-fields #charitable_field_state { max-width: 200px; } } .charitable-form-field, .charitable-form-field-text { margin: 0px 0px; /*select, textarea{ font-size: 24px; background: $maincolor; padding: 8px 16px; margin: 4px 0px; border: 0px; color: $darker; border: 2px solid $darker !important; }*/ } .charitable-form-field label, .charitable-form-field-text label { line-height: 1; color: #000000; margin: 0px; } #charitable-gateway-fields { width: 100%; padding-left: 20px !important; padding-right: 20px !important; } #charitable-gateway-fields .charitable-fieldset-field-header { font-size: 16px !important; color: #000000 !important; margin-bottom: 8px; } #charitable-gateway-fields #charitable-gateway-selector { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin: 0px; padding: 0px; width: 100%; margin-bottom: 16px !important; } #charitable-gateway-fields #charitable-gateway-selector li { display: flex; margin: 0px; padding: 0px; flex-grow: 1; } #charitable-gateway-fields #charitable-gateway-selector li input { width: 0; height: 0; display: none; visibility: hidden; opacity: 0; } #charitable-gateway-fields #charitable-gateway-selector li input:checked + label { background: #E02B20; color: #ffffff; } #charitable-gateway-fields #charitable-gateway-selector li label { width: 100%; padding: 24px; background: #104b95; display: flex; cursor: pointer; align-items: center; color: #ffffff; } @media (min-width: 981px) { #charitable-gateway-fields #charitable-gateway-selector li label { justify-content: center; } } #charitable-gateway-fields #charitable-gateway-selector li label:hover { background: #ded400; color: #ffffff; } #charitable-gateway-fields #charitable-gateway-selector li label::before { display: block; padding: 0px 8px 0px 0px; } #charitable-gateway-fields #charitable-gateway-selector li label::before { font-size: 32px !important; } @media screen and (min-width: 981px) { #charitable-gateway-fields #charitable-gateway-selector li label::before { font-size: calc(32px + 16 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { #charitable-gateway-fields #charitable-gateway-selector li label::before { font-size: 48px !important; } } #charitable-gateway-fields #charitable-gateway-selector li label[for=gateway-stripe]::before { content: "\f09d"; font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } #charitable-gateway-fields #charitable-gateway-selector li label[for=gateway-paypal]::before { content: "\f1f4"; font-weight: 400 !important; font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } #charitable-gateway-fields #charitable-gateway-selector li label[for=gateway-offline]::before { content: "\f19c"; font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } #charitable-gateway-fields #charitable-gateway-selector li label[for=gateway-stripe_sepa]::before { content: "\f53d"; font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } #charitable-gateway-fields #charitable-gateway-selector li label[for=gateway-satispay]::before { background: url("https://dona.larotonda.org/wp-content/uploads/2023/05/satispay.svg") no-repeat; filter: brightness(5.5); background-size: contain; height: 1.5vw; width: 1.5vw; content: ""; display: inline-block; vertical-align: middle; } #charitable-gateway-fields #charitable-gateway-selector li label:hover { fill: invert(100%) sepia(0%) saturate(1259%) hue-rotate(178deg) brightness(200%) contrast(98%) !important; } #charitable-gateway-fields #charitable-gateway-fields-stripe { display: inline; margin-top: 16px; } #charitable-gateway-fields #charitable-gateway-fields-stripe label { font-size: 16px !important; color: #000000 !important; margin-bottom: 8px; } #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_field_cc_name { margin-left: 0px !important; margin-bottom: 16px !important; } #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_field_cc_name label { font-size: 16px !important; margin-bottom: 8px; } #charitable-gateway-fields #charitable-gateway-fields-stripe input, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field { border-radius: 0px !important; } #charitable-gateway-fields #charitable-gateway-fields-stripe label:last-child { margin: 16px !important; } .charitable-submit-field, .charitable-privacy-policy-text { text-align: center; } .charitable-submit-field button, .charitable-submit-field .button, .charitable-submit-field .charitable-button, .charitable-submit-field .donate-button, .charitable-submit-field .et_pb_button { font-size: 150% !important; } @media (max-width: 980px) { .charitable-submit-field button, .charitable-submit-field .button, .charitable-submit-field .charitable-button, .charitable-submit-field .donate-button, .charitable-submit-field .et_pb_button { font-size: 96% !important; } } .charitable-submit-field .button-secondary, .charitable-submit-field .button-primary, .charitable-submit-field #image-browse-button { border: 0px !important; margin-top: 16px; } @media (max-width: 980px) { .charitable-submit-field .button.button-secondary { margin-bottom: 16px !important; } } #image-browse-button { border: 0px !important; } .checkbox-container, #charitable-meta-fields, #charitable-user-fields, #charitable_field_consenso_comunicazione, #charitable_field_recurring_donation { padding: 0px; margin: 0px; border: 0px; justify-content: center; } .checkbox-container .charitable-form-field-checkbox, .checkbox-container .charitable-radio-list, .checkbox-container.recurring-donation-option, #charitable-meta-fields .charitable-form-field-checkbox, #charitable-meta-fields .charitable-radio-list, #charitable-meta-fields.recurring-donation-option, #charitable-user-fields .charitable-form-field-checkbox, #charitable-user-fields .charitable-radio-list, #charitable-user-fields.recurring-donation-option, #charitable_field_consenso_comunicazione .charitable-form-field-checkbox, #charitable_field_consenso_comunicazione .charitable-radio-list, #charitable_field_consenso_comunicazione.recurring-donation-option, #charitable_field_recurring_donation .charitable-form-field-checkbox, #charitable_field_recurring_donation .charitable-radio-list, #charitable_field_recurring_donation.recurring-donation-option { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 !important; margin: 0; } #charitable_field_accept_terms { padding-left: 20px; padding-right: 20px; margin-top: 0px !important; font-size: 16px !important; } #charitable_field_accept_terms label { font-size: 16px !important; } @media (max-width: 980px) { #charitable_field_accept_terms label { display: block; } } #charitable_field_accept_terms label a { text-align: right; font-size: 16px; } @media (min-width: 980px) { #charitable_field_accept_terms label a { flex: none; } }