/* Theme Name: natidomani Theme URI: https://www.natidomani.com/ Description: Associazione Culturale Nati Domani Author: Kudu srl Author URI: https://www.kudusrl.com Template: Divi Version: 1.0.0 */ @import url("https://use.typekit.net/pnx5bch.css"); .smooth, .et_pb_module a, .brandinput:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input.text:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input.title:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input[type=email]:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input[type=password]:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input[type=tel]:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input[type=text]:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module select:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_light textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_light select:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_dark input:not([type=checkbox]):not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_dark textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_dark select:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .brandinput:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_module input.text:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_module input.title:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_module input[type=email]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_module input[type=password]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_module input[type=tel]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_module input[type=text]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_module select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_module textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_bg_layout_light textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_bg_layout_light select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_bg_layout_dark input:not(.custom-donation-input):not([type=button]):not([type=submit]):focus:not([type=checkbox]), .et_pb_bg_layout_dark textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .et_pb_bg_layout_dark select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus, .brandinput:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input.text:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input.title:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input[type=email]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input[type=password]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input[type=tel]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input[type=text]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_light textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_light select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_dark input:not([type=checkbox]):not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_dark textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_dark select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .brandcheckbox label, .checkbox-container .nf-field > div label, .checkbox-container .charitable-form-field-checkbox label, .checkbox-container .charitable-radio-list label, .checkbox-container.recurring-donation-option label, #charitable-meta-fields .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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, .field-wrap .nf-field-element:after, .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount label, .charitable-donation-form .donation-amounts .donation-amount:hover, #charitable-gateway-fields #charitable-gateway-selector li label { transition: all .2s linear !important; } .shadow { box-shadow: 0px 0px 48px rgba(230, 160, 53, 0.34) !important; } .fonticons, .brandcheckbox label::before, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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, .field-wrap .nf-field-element:after { font-family: ETmodules !important; } .fonticons_alt, #charitable-gateway-fields #charitable-gateway-selector li label::before { font-family: fontawesome !important; font-weight: bold; } .radius { border-radius: 50px !important; } /*.tooltip_arrow { border-style: solid; border-width: 0 10px 10px 10px; content: ""; position: absolute; top: 60px; @media(min-width:1370px){top: 66px;} @media(max-width:980px){top: 55px;} }*/ body { overflow-x: hidden !important; } .widgettitle { text-align: center; } .et_pb_module p strong, .et_pb_module .et_pb_text_inner strong, .et_pb_module .bck-bp-excerpt strong, .et_pb_module .et_pb_blurb_description strong { font-weight: 700; } .et_pb_module p a:hover, .et_pb_module .et_pb_text_inner a:hover, .et_pb_module .bck-bp-excerpt a:hover, .et_pb_module .et_pb_blurb_description a:hover { color: #a80000; } .et_pb_module h1, .et_pb_module h2 { line-height: 1em !important; } .et_pb_module h3, .et_pb_module h4, .et_pb_module h5, .et_pb_module h6 { line-height: 1.2em !important; } .et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4, .et_pb_module h6 { font-weight: 700 !important; } .et_pb_module h5 { text-transform: uppercase !important; color: #a80000; } .et_pb_module h1 { font-size: 64px !important; } @media screen and (min-width: 981px) { .et_pb_module h1 { font-size: calc(64px + 16 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et_pb_module h1 { font-size: 80px !important; } } .et_pb_module h2 { font-size: 40px !important; } @media screen and (min-width: 981px) { .et_pb_module h2 { font-size: calc(40px + 32 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et_pb_module h2 { font-size: 72px !important; } } .et_pb_module h3 { font-size: 32px !important; } @media screen and (min-width: 981px) { .et_pb_module h3 { font-size: calc(32px + 16 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et_pb_module h3 { font-size: 48px !important; } } .et_pb_module h4 { font-size: 24px !important; } @media screen and (min-width: 981px) { .et_pb_module h4 { font-size: calc(24px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et_pb_module h4 { font-size: 32px !important; } } .et_pb_module h5 { font-size: 24px !important; } @media screen and (min-width: 981px) { .et_pb_module h5 { font-size: calc(24px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et_pb_module h5 { font-size: 32px !important; } } .et_pb_module h6 { font-size: 16px !important; } @media screen and (min-width: 981px) { .et_pb_module h6 { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et_pb_module h6 { font-size: 24px !important; } } .et_pb_module p, .et_pb_module .et_pb_text_inner, .et_pb_module .bck-bp-excerpt, .et_pb_module .et_pb_blurb_description, .et_pb_module .bck-horizontal-timeline-desc, .et_pb_module .wdc-mce-content, .et_pb_module li:not(.menu-item) { line-height: 1.3em; } .et_pb_module p, .et_pb_module .et_pb_text_inner, .et_pb_module .bck-bp-excerpt, .et_pb_module .et_pb_blurb_description, .et_pb_module .bck-horizontal-timeline-desc, .et_pb_module .wdc-mce-content, .et_pb_module li:not(.menu-item) { font-size: 16px !important; } @media screen and (min-width: 981px) { .et_pb_module p, .et_pb_module .et_pb_text_inner, .et_pb_module .bck-bp-excerpt, .et_pb_module .et_pb_blurb_description, .et_pb_module .bck-horizontal-timeline-desc, .et_pb_module .wdc-mce-content, .et_pb_module li:not(.menu-item) { font-size: calc(16px + 4 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et_pb_module p, .et_pb_module .et_pb_text_inner, .et_pb_module .bck-bp-excerpt, .et_pb_module .et_pb_blurb_description, .et_pb_module .bck-horizontal-timeline-desc, .et_pb_module .wdc-mce-content, .et_pb_module li:not(.menu-item) { font-size: 20px !important; } } .et_pb_button { font-weight: 700; } .et_pb_button { font-size: 16px !important; } @media screen and (min-width: 981px) { .et_pb_button { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et_pb_button { font-size: 24px !important; } } .percent-value { line-height: 1.3em; font-weight: 700; display: inline-block; } .percent-value { font-size: 40px !important; } @media screen and (min-width: 981px) { .percent-value { font-size: calc(40px + 40 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .percent-value { font-size: 80px !important; } } .percent { height: auto !important; } .contatore-home .et_pb_row .et_pb_column { margin-right: 2% !important; } .et_pb_number_counter { display: flex; gap: 16px; align-items: center; } .et_pb_number_counter h6 { text-align: left !important; } .brandbox, .et_pb_widget, .charitable-donation-form .charitable-donation-options #custom-donation-amount-field { background: transparent; padding: 16px; border: 2px solid #2a0000; } .brandfont, body, .et_pb_module p, .et_pb_module .et_pb_text_inner, .et_pb_module .bck-bp-excerpt, .et_pb_module .et_pb_blurb_description, .et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4, .et_pb_module h6, .et_pb_module h5, .percent-value, #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead, .checkbox-wrap .nf-field-element label, .checkbox-wrap .nf-field-label label, .listcheckbox-wrap .nf-field-element label, .listcheckbox-wrap .nf-field-label label, .nf-error-msg, .charitable-donation-form .charitable-donation-options #custom-donation-amount-field { font-family: "mestiza-sans", sans-serif; font-weight: 400; font-style: normal; } .brandfont em, body em, .et_pb_module p em, .et_pb_module .et_pb_text_inner em, .et_pb_module .bck-bp-excerpt em, .et_pb_module .et_pb_blurb_description em, .et_pb_module h1 em, .et_pb_module h2 em, .et_pb_module h3 em, .et_pb_module h4 em, .et_pb_module h6 em, .et_pb_module h5 em, .percent-value em, #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead em, .checkbox-wrap .nf-field-element label em, .checkbox-wrap .nf-field-label label em, .listcheckbox-wrap .nf-field-element label em, .listcheckbox-wrap .nf-field-label label em, .nf-error-msg em, .charitable-donation-form .charitable-donation-options #custom-donation-amount-field em, .brandfont em, body em, .et_pb_module p em, .et_pb_module .et_pb_text_inner em, .et_pb_module .bck-bp-excerpt em, .et_pb_module .et_pb_blurb_description em, .et_pb_module h1 em, .et_pb_module h2 em, .et_pb_module h3 em, .et_pb_module h4 em, .et_pb_module h6 em, .et_pb_module h5 em, .percent-value em, #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead em, .checkbox-wrap .nf-field-element label em, .checkbox-wrap .nf-field-label label em, .listcheckbox-wrap .nf-field-element label em, .listcheckbox-wrap .nf-field-label label em, .nf-error-msg em, .charitable-donation-form .charitable-donation-options #custom-donation-amount-field em { font-style: italic; } .brandfont strong, body strong, .et_pb_module p strong, .et_pb_module .et_pb_text_inner strong, .et_pb_module .bck-bp-excerpt strong, .et_pb_module .et_pb_blurb_description strong, .et_pb_module h1 strong, .et_pb_module h2 strong, .et_pb_module h3 strong, .et_pb_module h4 strong, .et_pb_module h6 strong, .et_pb_module h5 strong, .percent-value strong, #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead strong, .checkbox-wrap .nf-field-element label strong, .checkbox-wrap .nf-field-label label strong, .listcheckbox-wrap .nf-field-element label strong, .listcheckbox-wrap .nf-field-label label strong, .nf-error-msg strong, .charitable-donation-form .charitable-donation-options #custom-donation-amount-field strong, .brandfont strong, body strong, .et_pb_module p strong, .et_pb_module .et_pb_text_inner strong, .et_pb_module .bck-bp-excerpt strong, .et_pb_module .et_pb_blurb_description strong, .et_pb_module h1 strong, .et_pb_module h2 strong, .et_pb_module h3 strong, .et_pb_module h4 strong, .et_pb_module h6 strong, .et_pb_module h5 strong, .percent-value strong, #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead strong, .checkbox-wrap .nf-field-element label strong, .checkbox-wrap .nf-field-label label strong, .listcheckbox-wrap .nf-field-element label strong, .listcheckbox-wrap .nf-field-label label strong, .nf-error-msg strong, .charitable-donation-form .charitable-donation-options #custom-donation-amount-field strong { font-family: "mestiza-sans", sans-serif; font-weight: 700; } .buttonfont, .brandbutton, .et_pb_button, .et-l--header .et_builder_inner_content #menu-main-menu li.btn a, .et-l--footer .et_pb_button, #image-browse-button, #button_base .button-wrapper .button-special, .button-standard .custom-button, .button-standard .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-standard input, .button-white .custom-button, .button-white .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-white input, .button-light .custom-button, .button-light .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-light input, .et-l--header .et_builder_inner_content #menu-main-menu li:not(.btn) a, .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-family: "mestiza-sans", sans-serif; font-weight: 700; font-style: normal; } .brandbutton, .et_pb_button, .et-l--header .et_builder_inner_content #menu-main-menu li.btn a, .et-l--footer .et_pb_button, #image-browse-button { height: auto !important; cursor: pointer; line-height: 1em !important; text-transform: uppercase; } .brandbutton, .et_pb_button, .et-l--header .et_builder_inner_content #menu-main-menu li.btn a, .et-l--footer .et_pb_button, #image-browse-button { font-size: 16px !important; } @media screen and (min-width: 981px) { .brandbutton, .et_pb_button, .et-l--header .et_builder_inner_content #menu-main-menu li.btn a, .et-l--footer .et_pb_button, #image-browse-button { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .brandbutton, .et_pb_button, .et-l--header .et_builder_inner_content #menu-main-menu li.btn a, .et-l--footer .et_pb_button, #image-browse-button { font-size: 24px !important; } } .brandbutton:not(.brandbutton_light, .brandbutton_alt, .brandbutton_light), .et_pb_button:not(.brandbutton_light, .brandbutton_alt, .brandbutton_light), .et-l--header .et_builder_inner_content #menu-main-menu li.btn a:not(.brandbutton_light, .brandbutton_alt, .brandbutton_light), #image-browse-button:not(.brandbutton_light, .brandbutton_alt, .brandbutton_light) { color: #ffffff !important; border: 1px solid #2a0000 !important; background: #2a0000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; } .brandbutton:not(.brandbutton_light, .brandbutton_alt, .brandbutton_light):hover, .et_pb_button:not(.brandbutton_light, .brandbutton_alt, .brandbutton_light):hover, .et-l--header .et_builder_inner_content #menu-main-menu li.btn a:not(.brandbutton_light, .brandbutton_alt, .brandbutton_light):hover, #image-browse-button:not(.brandbutton_light, .brandbutton_alt, .brandbutton_light):hover { color: #ffffff !important; background: #a80000 !important; border: 1px solid #a80000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .brandbutton_alt { color: #2a0000 !important; border: 1px solid #ffffff !important; background: #ffffff !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .brandbutton_alt { font-size: 16px !important; } @media screen and (min-width: 981px) { .brandbutton_alt { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .brandbutton_alt { font-size: 24px !important; } } .brandbutton_alt:hover { color: #ffffff !important; background: #a80000 !important; border: 1px solid #a80000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .brandbutton_light { color: #a80000 !important; border: 0px !important; background: transparent !important; padding: 0px !important; border-radius: 0px; } .brandbutton_light { font-size: 16px !important; } @media screen and (min-width: 981px) { .brandbutton_light { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .brandbutton_light { font-size: 24px !important; } } .brandbutton_light:hover { color: #ffffff; background: transparent !important; border: 0px !important; padding: 0px !important; border-radius: 0px; } #button_base .button-wrapper { position: relative; display: inline-block; } #button_base .button-wrapper .button-special { position: relative; z-index: 2; height: auto !important; cursor: pointer; line-height: 1em !important; text-transform: uppercase; color: #ffffff !important; border: 1px solid #2a0000 !important; background: #2a0000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } #button_base .button-wrapper .button-special { font-size: 16px !important; } @media screen and (min-width: 981px) { #button_base .button-wrapper .button-special { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { #button_base .button-wrapper .button-special { font-size: 24px !important; } } #button_base .button-wrapper .button-special:hover { color: #ffffff !important; background: #a80000 !important; border: 1px solid #a80000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } #button_base .button-wrapper .button-bg { position: absolute; bottom: -8px; right: -8px; width: 100%; height: 100%; z-index: 1; pointer-events: none; } .button-standard { position: relative; display: inline-block; z-index: 2; } .button-standard .custom-button, .button-standard .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-standard input { position: static; height: auto !important; cursor: pointer; line-height: 1em !important; text-transform: uppercase; color: #ffffff !important; border: 1px solid #2a0000 !important; background: #2a0000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .button-standard .custom-button, .button-standard .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-standard input { font-size: 16px !important; } @media screen and (min-width: 981px) { .button-standard .custom-button, .button-standard .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-standard input { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .button-standard .custom-button, .button-standard .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-standard input { font-size: 24px !important; } } .button-standard .custom-button:hover, .button-standard .submit-container .submit-wrap .nf-field-element input:hover, .submit-container .submit-wrap .nf-field-element .button-standard input:hover { color: #ffffff !important; background: #a80000 !important; border: 1px solid #a80000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .button-standard .custom-button::before, .button-standard .submit-container .submit-wrap .nf-field-element input::before, .submit-container .submit-wrap .nf-field-element .button-standard input::before { content: ""; position: absolute; bottom: -16px; right: -16px; width: 100%; height: 100%; border: 2px solid #2a0000; border-radius: 80px 0 80px 0; z-index: -1; background-color: transparent !important; } .button-white { position: relative; display: inline-block; z-index: 2; } .button-white .custom-button, .button-white .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-white input { position: static; height: auto !important; cursor: pointer; line-height: 1em !important; text-transform: uppercase; color: #2a0000 !important; border: 1px solid #ffffff !important; background: #ffffff !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .button-white .custom-button, .button-white .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-white input { font-size: 16px !important; } @media screen and (min-width: 981px) { .button-white .custom-button, .button-white .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-white input { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .button-white .custom-button, .button-white .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-white input { font-size: 24px !important; } } .button-white .custom-button:hover, .button-white .submit-container .submit-wrap .nf-field-element input:hover, .submit-container .submit-wrap .nf-field-element .button-white input:hover { color: #ffffff !important; background: #a80000 !important; border: 1px solid #a80000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .button-white .custom-button::before, .button-white .submit-container .submit-wrap .nf-field-element input::before, .submit-container .submit-wrap .nf-field-element .button-white input::before { content: ""; position: absolute; bottom: -16px; right: -16px; width: 100%; height: 100%; border: 2px solid #ffffff; border-radius: 80px 0 80px 0; z-index: -1; background-color: transparent !important; } .button-light { position: relative; display: inline-block; z-index: 2; } .button-light .custom-button, .button-light .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-light input { position: static; height: auto !important; cursor: pointer; line-height: 1em !important; text-transform: uppercase; color: #ffffff !important; border: 1px solid #2a0000 !important; background: #2a0000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .button-light .custom-button, .button-light .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-light input { font-size: 16px !important; } @media screen and (min-width: 981px) { .button-light .custom-button, .button-light .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-light input { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .button-light .custom-button, .button-light .submit-container .submit-wrap .nf-field-element input, .submit-container .submit-wrap .nf-field-element .button-light input { font-size: 24px !important; } } .button-light .custom-button:hover, .button-light .submit-container .submit-wrap .nf-field-element input:hover, .submit-container .submit-wrap .nf-field-element .button-light input:hover { color: #2a0000 !important; background: #ffffff !important; border: 1px solid #ffffff !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .button-light .custom-button::before, .button-light .submit-container .submit-wrap .nf-field-element input::before, .submit-container .submit-wrap .nf-field-element .button-light input::before { content: ""; position: absolute; bottom: -16px; right: -16px; width: 100%; height: 100%; border: 2px solid #2a0000; border-radius: 80px 0 80px 0; z-index: -1; background-color: transparent !important; } .et_pb_widget { width: 100% !important; float: none !important; margin: 0px auto !important; padding: 0px !important; border: 0px !important; padding: 16px !important; background-color: transparent !important; border-radius: 16px; } .a2a_svg { background-color: #a80000 !important; } .et_pb_widget_area_left { border-right: 0px; padding-right: 0px; } .et_pb_widget.widget_block { margin-bottom: 24px !important; } .a2a_kit { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 16px; } .wp-block-heading { text-align: center; } .et_pb_scroll_top.et-pb-icon { background-color: #a80000; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .et-l--header .et_builder_inner_content ul { padding: 0px; margin: 0px; } .et-l--header .et_builder_inner_content ul li { margin: 0px !important; padding: 0px !important; height: auto; line-height: 1em; } .et-l--header .et_builder_inner_content ul li a { line-height: 1em; padding: 0.8em 0em !important; } .et-l--header .et_builder_inner_content .et_pb_menu__wrap { justify-content: flex-end !important; } .et-l--header .et_builder_inner_content #menu-main-menu { align-items: center; column-gap: 32px; border-top: 1px solid #2a0000; } .et-l--header .et_builder_inner_content #menu-main-menu li:not(.btn) a { color: #2a0000; display: flex; align-items: center; } .et-l--header .et_builder_inner_content #menu-main-menu li:not(.btn) a { font-size: 16px !important; } @media screen and (min-width: 981px) { .et-l--header .et_builder_inner_content #menu-main-menu li:not(.btn) a { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et-l--header .et_builder_inner_content #menu-main-menu li:not(.btn) a { font-size: 24px !important; } } .et-l--header .et_builder_inner_content #menu-main-menu li:not(.btn) a:hover { color: #a80000 !important; } .et-l--header .et_builder_inner_content #menu-main-menu li:not(.btn) a::after { position: relative !important; } .et-l--header .et_builder_inner_content #menu-main-menu li.btn a:hover { opacity: 100; } .et-l--header .et_builder_inner_content #menu-main-menu li .sub-menu { padding: 16px !important; } .et-l--header .et_builder_inner_content #menu-main-menu li .sub-menu a:hover { background-color: transparent !important; } .et-l--header .et_builder_inner_content #menu-top-menu { column-gap: 32px; } .et-l--header .et_builder_inner_content #menu-top-menu li a { color: #a80000 !important; } .et-l--header .et_builder_inner_content #menu-top-menu li a { font-size: 16px !important; } @media screen and (min-width: 981px) { .et-l--header .et_builder_inner_content #menu-top-menu li a { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et-l--header .et_builder_inner_content #menu-top-menu li a { font-size: 24px !important; } } .et-l--header .et_builder_inner_content #menu-top-menu li a::after { position: relative !important; } .et-l--header .et_builder_inner_content #menu-top-menu li .sub-menu { padding: 16px !important; } .et-l--header .et_builder_inner_content #menu-top-menu li .sub-menu a:hover { background-color: transparent !important; } .et-l--header .et_builder_inner_content #menu-top-menu a { color: #a80000 !important; } .et-l--header .et_builder_inner_content #menu-top-menu a { font-size: 16px !important; } @media screen and (min-width: 981px) { .et-l--header .et_builder_inner_content #menu-top-menu a { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .et-l--header .et_builder_inner_content #menu-top-menu a { font-size: 24px !important; } } .et-l--header .et_builder_inner_content #menu-top-menu .et_pb_menu_inner_container { justify-content: flex-end; width: 100%; } .et-l--header .et_builder_inner_content #menu-top-menu .et_pb_menu_inner_container .et_pb_menu__wrap { flex: none !important; background: #ffffff; border-radius: 0px 0px 16px 16px; padding: 8px 32px; width: auto !important; } .et-l--header:not(.has_et_pb_sticky) .et-menu li:not(.btn) a { padding: 0px; } .et-l--header:not(.has_et_pb_sticky) .et-menu li:not(.btn) a svg { fill: #fff5f3; } .et-l--header:not(.has_et_pb_sticky) .et-menu li:not(.btn) a:hover { color: #a80000 !important; opacity: 1; } .et-l--header:not(.has_et_pb_sticky) .et-menu li:not(.btn) a:hover svg { fill: #a80000; } .et-l--header:not(.has_et_pb_sticky) .et-menu li:not(.btn).current-menu-item a { color: #2a0000; } .et-l--header.has_et_pb_sticky .menu-item li:not(.btn) a { color: #2a0000 !important; } .et-l--header.has_et_pb_sticky .menu-item li:not(.btn) a svg { fill: #2a0000; } .et-l--header.has_et_pb_sticky .menu-item li:not(.btn) a:hover { color: #a80000 !important; opacity: 1; } .et-l--header.has_et_pb_sticky .menu-item li:not(.btn) a:hover svg { fill: #a80000; } .et-l--header.has_et_pb_sticky .menu-item li:not(.btn).current-menu-item a { color: #2a0000; } .et-l--header.has_et_pb_sticky .menu-item li.btn a { color: #ffffff !important; } #menu-mobile .et_pb_menu .et_pb_menu_inner_container .et_mobile_menu li { padding: 0px !important; } #menu-mobile .et_pb_menu .et_pb_menu_inner_container .et_mobile_menu li a { font-size: 16px !important; padding: 16px !important; } .et-l--footer a, .et-l--footer p, .et-l--footer .et_pb_button { font-size: 16px !important; } #cover_homepage { display: flex; margin-right: 4%; justify-content: space-between; align-items: center; overflow: visible !important; /*&::before{ content: url(https://natidomani.kudusrl.it/wp-content/uploads/2025/04/2025_logo.svg); display: block; position: absolute; z-index: 2; width: 290px; top: 8px; margin-left: 4%; }*/ } #cover_homepage .et_pb_slides { width: 99% !important; } #cover_homepage .et_pb_slides .et_pb_slide { padding: 0% 0% 0% 4% !important; } #cover_homepage .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner { display: flex !important; flex-wrap: wrap !important; height: 100%; } #cover_homepage .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_image { order: 3; position: static; margin-top: 0px !important; cursor: pointer; height: 100%; } #cover_homepage .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_image img { height: 100% !important; object-fit: cover; padding-left: 8%; } #cover_homepage .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description { padding-bottom: 6% !important; } #cover_homepage .et-pb-controllers { position: relative !important; width: 1% !important; display: grid !important; gap: 8px; } #cover_homepage .et-pb-controllers a { width: 16px; height: 16px; border-radius: 200px; } .cover_pagine .et_pb_fullwidth_header_container { margin-left: 4% !important; } .news_home .et_pb_fullwidth_header .et_pb_fullwidth_header_container { padding-left: 6% !important; top: 16vh; margin-left: 0% !important; } @media (max-width: 980px) { .news_home .et_pb_fullwidth_header .et_pb_fullwidth_header_container { top: 10vh; } } .news_home .et_pb_fullwidth_post_slider .et_pb_slides .et_pb_slide .et_pb_container { margin: 0px; } .news_home .et_pb_fullwidth_post_slider .et_pb_slides .et_pb_slide .et_pb_slide_description { padding-left: 0px !important; } .news_home .et_pb_fullwidth_post_slider .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_button_wrapper a { background: none !important; border: none !important; } .news_home .et_pb_fullwidth_post_slider .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_button_wrapper a:hover { background: none !important; border: none !important; } .news_home .et_pb_fullwidth_post_slider .et_pb_slides::before { content: ""; position: absolute; iset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.66) 0%, rgba(42, 0, 0, 0) 100%); height: 100%; display: block; width: 100%; z-index: 1; } .news_home .et_pb_fullwidth_post_slider .et-pb-controllers a { width: 16px; height: 16px; border-radius: 200px; opacity: 100%; } .news_home .et_pb_fullwidth_post_slider .et-pb-controllers .et-pb-active-control { background-color: #a80000 !important; } #news_pagina .bck_blog_plus .bck-bp-inner-wrapper .bck-bp-post .bck-bp-content-wrap .bck-bp-readmore-wrap a, #eventi .bck_blog_plus .bck-bp-inner-wrapper .bck-bp-post .bck-bp-content-wrap .bck-bp-readmore-wrap a { padding: 24px 0px 24px 0px !important; } .single-post .et_pb_fullwidth_header .et_pb_fullwidth_header_container { margin-left: 4% !important; margin-right: 4% !important; } .single-post .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_fullwidth_header_subhead { font-size: 16px !important; } @media screen and (min-width: 981px) { .single-post .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_fullwidth_header_subhead { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .single-post .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_fullwidth_header_subhead { font-size: 24px !important; } } .single-post .et_pb_widget_area { border-right: 1px solid #2a0000 !important; } .single-post .et_pb_widget_area .wp-block-heading { font-size: 24px !important; } @media screen and (min-width: 981px) { .single-post .et_pb_widget_area .wp-block-heading { font-size: calc(24px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .single-post .et_pb_widget_area .wp-block-heading { font-size: 32px !important; } } .single-post .et_pb_widget_area ul li a { color: #2a0000; } .single-post .et_pb_widget_area ul li a:hover { color: #a80000; } .wdc_card_carousel .slick-list .slick-track .slick-slide .wdc-card-figure { margin-bottom: 0px !important; } .wdc_card_carousel .slick-list .slick-track .slick-slide .wdc-card-figure img { height: 350px !important; margin-bottom: 0px !important; } .wdc_card_carousel .slick-list .slick-track .slick-slide .wdc-card-content { padding: 16px !important; border-left: 1px solid #2a0000; border-right: 1px solid #2a0000; border-bottom: 1px solid #2a0000; } .wdc_card_carousel .slick-list .slick-track .slick-slide .wdc-card-content .wdc-card-title { font-size: 24px !important; } @media screen and (min-width: 981px) { .wdc_card_carousel .slick-list .slick-track .slick-slide .wdc-card-content .wdc-card-title { font-size: calc(24px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .wdc_card_carousel .slick-list .slick-track .slick-slide .wdc-card-content .wdc-card-title { font-size: 32px !important; } } #cover_corsi .et_pb_fullwidth_header_container .header-content { display: grid; } #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_module_header { order: 2; overflow-wrap: anywhere; } #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead { text-transform: uppercase !important; color: #a80000; position: absolute; top: -3vh; } #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead { font-size: 24px !important; } @media screen and (min-width: 981px) { #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead { font-size: calc(24px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { #cover_corsi .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead { font-size: 32px !important; } } .brandinput:not(.custom-donation-input), .et_pb_module input.text:not(.custom-donation-input), .et_pb_module input.title:not(.custom-donation-input), .et_pb_module input[type=email]:not(.custom-donation-input), .et_pb_module input[type=password]:not(.custom-donation-input), .et_pb_module input[type=tel]:not(.custom-donation-input), .et_pb_module input[type=text]:not(.custom-donation-input), .et_pb_module select:not(.custom-donation-input), .et_pb_module textarea:not(.custom-donation-input), .et_pb_bg_layout_light textarea:not(.custom-donation-input), .et_pb_bg_layout_light select:not(.custom-donation-input), .et_pb_bg_layout_dark input:not(.custom-donation-input):not([type=button]):not([type=submit]):not([type=checkbox]), .et_pb_bg_layout_dark textarea:not(.custom-donation-input), .et_pb_bg_layout_dark select:not(.custom-donation-input) { background: transparent !important; border: 0px; border-bottom: 1px solid #2a0000 !important; padding: 16px 10px; margin: 0px; color: #2a0000 !important; } .brandinput:not(.custom-donation-input), .et_pb_module input.text:not(.custom-donation-input), .et_pb_module input.title:not(.custom-donation-input), .et_pb_module input[type=email]:not(.custom-donation-input), .et_pb_module input[type=password]:not(.custom-donation-input), .et_pb_module input[type=tel]:not(.custom-donation-input), .et_pb_module input[type=text]:not(.custom-donation-input), .et_pb_module select:not(.custom-donation-input), .et_pb_module textarea:not(.custom-donation-input), .et_pb_bg_layout_light textarea:not(.custom-donation-input), .et_pb_bg_layout_light select:not(.custom-donation-input), .et_pb_bg_layout_dark input:not(.custom-donation-input):not([type=button]):not([type=submit]):not([type=checkbox]), .et_pb_bg_layout_dark textarea:not(.custom-donation-input), .et_pb_bg_layout_dark select:not(.custom-donation-input) { font-size: 16px !important; } @media screen and (min-width: 981px) { .brandinput:not(.custom-donation-input), .et_pb_module input.text:not(.custom-donation-input), .et_pb_module input.title:not(.custom-donation-input), .et_pb_module input[type=email]:not(.custom-donation-input), .et_pb_module input[type=password]:not(.custom-donation-input), .et_pb_module input[type=tel]:not(.custom-donation-input), .et_pb_module input[type=text]:not(.custom-donation-input), .et_pb_module select:not(.custom-donation-input), .et_pb_module textarea:not(.custom-donation-input), .et_pb_bg_layout_light textarea:not(.custom-donation-input), .et_pb_bg_layout_light select:not(.custom-donation-input), .et_pb_bg_layout_dark input:not(.custom-donation-input):not([type=button]):not([type=submit]):not([type=checkbox]), .et_pb_bg_layout_dark textarea:not(.custom-donation-input), .et_pb_bg_layout_dark select:not(.custom-donation-input) { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .brandinput:not(.custom-donation-input), .et_pb_module input.text:not(.custom-donation-input), .et_pb_module input.title:not(.custom-donation-input), .et_pb_module input[type=email]:not(.custom-donation-input), .et_pb_module input[type=password]:not(.custom-donation-input), .et_pb_module input[type=tel]:not(.custom-donation-input), .et_pb_module input[type=text]:not(.custom-donation-input), .et_pb_module select:not(.custom-donation-input), .et_pb_module textarea:not(.custom-donation-input), .et_pb_bg_layout_light textarea:not(.custom-donation-input), .et_pb_bg_layout_light select:not(.custom-donation-input), .et_pb_bg_layout_dark input:not(.custom-donation-input):not([type=button]):not([type=submit]):not([type=checkbox]), .et_pb_bg_layout_dark textarea:not(.custom-donation-input), .et_pb_bg_layout_dark select:not(.custom-donation-input) { font-size: 24px !important; } } .brandinput:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_module input.text:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_module input.title:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_module input[type=email]:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_module input[type=password]:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_module input[type=tel]:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_module input[type=text]:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_module select:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_module textarea:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_bg_layout_light textarea:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_bg_layout_light select:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_bg_layout_dark input:not([type=checkbox]):not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_bg_layout_dark textarea:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder, .et_pb_bg_layout_dark select:not(.custom-donation-input):not([type=button]):not([type=submit])::placeholder { color: #2a0000; } .brandinput:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input.text:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input.title:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input[type=email]:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input[type=password]:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input[type=tel]:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module input[type=text]:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module select:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_module textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_light textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_light select:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_dark input:not([type=checkbox]):not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_dark textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder, .et_pb_bg_layout_dark select:not(.custom-donation-input):not([type=button]):not([type=submit]):hover::placeholder { color: #2a0000; opacity: 0.5; } .brandinput:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input.text:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input.title:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input[type=email]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input[type=password]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input[type=tel]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module input[type=text]:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_module textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_light textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_light select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_dark input:not([type=checkbox]):not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_dark textarea:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder, .et_pb_bg_layout_dark select:not(.custom-donation-input):not([type=button]):not([type=submit]):focus::placeholder { color: #a80000; opacity: 0.2; } .et_pb_module select, .et_pb_module textarea { border: 1px solid #2a0000 !important; } .brandcheckbox input, .checkbox-container .nf-field > div input, .checkbox-container .charitable-form-field-checkbox input, .checkbox-container .charitable-radio-list input, .checkbox-container.recurring-donation-option input, #charitable-meta-fields .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div label, .checkbox-container .charitable-form-field-checkbox label, .checkbox-container .charitable-radio-list label, .checkbox-container.recurring-donation-option label, #charitable-meta-fields .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 { background: transparent !important; padding: 0px 8px 8px 0px !important; width: 100%; position: relative; text-align: left; margin: 0px !important; cursor: pointer; color: #2a0000 !important; display: block; justify-content: center; flex-direction: row; align-items: center; gap: 8px; line-height: 1.3 !important; } .brandcheckbox label, .checkbox-container .nf-field > div label, .checkbox-container .charitable-form-field-checkbox label, .checkbox-container .charitable-radio-list label, .checkbox-container.recurring-donation-option label, #charitable-meta-fields .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 { font-size: 14px !important; } @media screen and (min-width: 981px) { .brandcheckbox label, .checkbox-container .nf-field > div label, .checkbox-container .charitable-form-field-checkbox label, .checkbox-container .charitable-radio-list label, .checkbox-container.recurring-donation-option label, #charitable-meta-fields .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 { font-size: calc(14px + 2 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .brandcheckbox label, .checkbox-container .nf-field > div label, .checkbox-container .charitable-form-field-checkbox label, .checkbox-container .charitable-radio-list label, .checkbox-container.recurring-donation-option label, #charitable-meta-fields .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 { font-size: 16px !important; } } .brandcheckbox label a, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 { text-decoration: underline !important; } .brandcheckbox label:hover, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 { background: transparent; color: #2a0000 !important; } .brandcheckbox label:hover::before, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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: #2a0000; } .brandcheckbox label:hover a, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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: #2a0000 !important; } .brandcheckbox label::before, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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: #2a0000; height: fit-content; position: relative !important; left: 0; right: 0; top: 4px !important; bottom: 0; } .brandcheckbox label::before, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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: 16px !important; } @media screen and (min-width: 981px) { .brandcheckbox label::before, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .brandcheckbox label::before, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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; } } .brandcheckbox label::after, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 { background: transparent !important; color: #2a0000 !important; } .brandcheckbox input:checked + label a, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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: #2a0000 !important; } .brandcheckbox input:checked + label::before, .checkbox-container .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div 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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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 .nf-field > div .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: #2a0000 !important; content: "\e052"; } .checkbox-container .nf-field > div { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0 !important; margin: 0; width: 100%; } .checkbox-wrap, .listcheckbox-wrap { flex-wrap: wrap; } .checkbox-wrap .nf-field-element, .checkbox-wrap .nf-field-label, .listcheckbox-wrap .nf-field-element, .listcheckbox-wrap .nf-field-label { padding: 0px !important; } .checkbox-wrap .nf-field-element label, .checkbox-wrap .nf-field-label label, .listcheckbox-wrap .nf-field-element label, .listcheckbox-wrap .nf-field-label label { align-items: center; align-content: center; text-align: left !important; color: #2a0000 !important; padding: 0px !important; } .checkbox-wrap .nf-field-element label::after, .checkbox-wrap .nf-field-label label::after, .listcheckbox-wrap .nf-field-element label::after, .listcheckbox-wrap .nf-field-label label::after { text-align: center !important; font-weight: 400 !important; height: 16px; width: 16px; top: 0px !important; } .checkbox-wrap .nf-field-element label::before, .checkbox-wrap .nf-field-label label::before, .listcheckbox-wrap .nf-field-element label::before, .listcheckbox-wrap .nf-field-label label::before { top: -3px !important; } @media (max-width: 980px) { .checkbox-wrap .nf-field-element label::before, .checkbox-wrap .nf-field-label label::before, .listcheckbox-wrap .nf-field-element label::before, .listcheckbox-wrap .nf-field-label label::before { left: 0px !important; } } .checkbox-wrap .nf-field-element, .listcheckbox-wrap .nf-field-element { display: none !important; } .checkbox-container { width: 100%; } .field-wrap .nf-field-element { flex: 1 0 auto; } .field-wrap .nf-field-element:after { top: auto !important; bottom: 3px !important; right: 20px !important; height: 100% !important; line-height: 1 !important; width: auto !important; background: transparent !important; text-align: right !important; display: flex; align-content: center; align-items: center; } .field-wrap .nf-field-element:after { font-size: 24px !important; } @media screen and (min-width: 981px) { .field-wrap .nf-field-element:after { font-size: calc(24px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .field-wrap .nf-field-element:after { font-size: 32px !important; } } .field-wrap.nf-pass .nf-field-element:after { content: "\e052" !important; display: none; } .field-wrap.nf-error .nf-field-element:after { content: "\e061" !important; display: none; } .field-wrap .nf-field-description { margin: 0px !important; color: #2a0000 !important; } .field-wrap .nf-field-description p { text-align: right !important; font-style: italic !important; font-size: 14px !important; line-height: 1; margin: 8px 0px 0px !important; color: #2a0000; text-decoration: underline !important; } .field-wrap:not(.checkbox-wrap) .nf-field-label { width: auto !important; line-height: 1 !important; margin: 0px !important; } .field-wrap .nf-field-label { display: flex; flex-wrap: wrap; align-items: center; } .et_pb_bg_layout_light .nf-error .nf-field-element:after { color: #e60000 !important; } .et_pb_bg_layout_light .nf-pass .nf-field-element:after { color: #4cbb17 !important; } .et_pb_bg_layout_light textarea, .et_pb_bg_layout_light select { border: 1px solid #2a0000 !important; } .et_pb_bg_layout_dark .nf-pass .nf-field-element:after { color: #c2f4aa !important; } .et_pb_bg_layout_dark .nf-error .nf-field-element:after { color: #ffb3b3 !important; } .et_pb_bg_layout_dark input:not([type=button]):not([type=submit]):not([type=checkbox]), .et_pb_bg_layout_dark textarea, .et_pb_bg_layout_dark select { border: 1px solid #2a0000 !important; } .nf-form-fields-required { display: none; } .nf-error-msg { margin: 10px auto 0px auto !important; padding: 24px; border-radius: 4px !important; text-align: center; line-height: 1; font-weight: normal; width: fit-content; } .nf-form-errors .nf-error-msg { background: #fff5d3 !important; color: #b98e00; padding: 16px 32px; font-size: 24px; position: relative; } .nf-form-errors .nf-error-msg:before { border-color: transparent transparent #fff5d3 transparent; left: 50%; transform: translateX(-50%); top: -7px !important; } .nf-error-wrap .nf-error-msg { background: #ffcdcd !important; color: #e60000; font-size: 16px; padding: 8px 24px; /* &:before { left: 50%; transform: translateX(-50%); border-color: transparent transparent lighten($stop, 45%) transparent; }*/ } .nf-form-content, .nf-field-element { text-align: right; } .nf-form-content { max-width: none !important; width: 100%; display: flex; flex-wrap: wrap; } .nf-form-content nf-fields-wrap { width: 100%; } .nf-form-content .nf-after-field { margin-left: 0px !important; width: 100% !important; } .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] textarea { background-color: transparent !important; border: 1px solid #2a0000 !important; color: #2a0000 !important; } .nf-form-content label { line-height: 1 !important; padding-right: 4px !important; font-size: 16px !important; } .nf-form-content .nf-field-container { width: 100%; display: flex; flex-wrap: wrap; } .nf-form-content .nf-field-container .nf-before-field { width: 100%; } .nf-form-content .nf-field-container:not(.checkbox-container) .nf-field { width: 100%; } .nf-form-content .nf-field-container .ninja-forms-req-symbol { display: none; } .nf-form-content .nf-field-container .nf-form-fields-required { text-align: center; margin-bottom: 0px; } .nf-form-content .nf-field-container:nth-last-child(2) .nf-field-description { margin-left: 30px !important; color: #2a0000 !important; } .submit-container { margin: 0px !important; } .submit-container .submit-wrap { padding: 0px; margin: 0px; } .submit-container .submit-wrap .nf-field-element { padding: 0px !important; margin: 0px !important; text-align: left !important; } .submit-container .submit-wrap .nf-field-label { display: none !important; } #ombraButton { position: absolute; height: 100%; border: 2px solid #2a0000; border-radius: 80px 0 80px 0; z-index: -1; background-color: transparent !important; top: 16px; left: 15px; } .pulsante-ghost .nf-field-element { text-align: left !important; } .pulsante-ghost .nf-field-element .button-standard .custom-button, .pulsante-ghost .submit-container .submit-wrap .nf-field-element .button-standard input, .submit-container .submit-wrap .pulsante-ghost .nf-field-element .button-standard input { color: transparent !important; background-color: transparent !important; border: 0px !important; position: absolute !important; top: -95px; z-index: -2; } .charitable-form-header { display: none; } .charitable-notice { background: #2a0000; color: #ffffff; padding: 24px; border: 16px; } .charitable-notice ul { margin: 0px; list-style: none; padding: 0px; text-align: center; } .charitable-notice a { color: #ffffff; } .charitable-notice a:hover { color: #a80000; } span[data-charitable-tooltip] { display: none; } .charitable-donation-form { padding: 0px; margin: 0px; } .charitable-donation-form .charitable-donation-options { padding: 0px; margin: 0px; } .charitable-donation-form .charitable-donation-options #custom-donation-amount-field { padding: 24px !important; display: flex; gap: 8px; align-items: center; justify-content: center; font-size: calc(20px + 8 * ((100vw - 981px) / 939)) !important; } .charitable-donation-form .charitable-donation-options #custom-donation-amount-field:hover { background-color: #2a0000; color: #ffffff; } .charitable-donation-form .charitable-donation-options #custom-donation-amount-field input { font-size: calc(20px + 8 * ((100vw - 981px) / 939)) !important; border: 0px; padding-left: 40px; } .charitable-donation-form > .charitable-form-fields { display: flex; flex-direction: column; gap: 56px; grid-gap: 16px; } .charitable-donation-form > .charitable-form-fields .charitable-fieldset { border: 0px; padding: 0px; margin: 0px; } .charitable-donation-form > .charitable-form-fields .charitable-fieldset .charitable-form-header { display: none; } .charitable-donation-form > .charitable-form-fields .charitable-fieldset .charitable-form-field:not(.charitable-form-field-checkbox) label { line-height: 1.2em; color: #2a0000; } .charitable-donation-form > .charitable-form-fields .charitable-fieldset .charitable-form-field:not(.charitable-form-field-checkbox) label { font-size: 16px !important; } @media screen and (min-width: 981px) { .charitable-donation-form > .charitable-form-fields .charitable-fieldset .charitable-form-field:not(.charitable-form-field-checkbox) label { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .charitable-donation-form > .charitable-form-fields .charitable-fieldset .charitable-form-field:not(.charitable-form-field-checkbox) label { font-size: 24px !important; } } .charitable-donation-form .donation-amounts { display: flex; flex-wrap: wrap; gap: 24px; grid-gap: 24px; justify-content: center; } .charitable-donation-form .donation-amounts::before, .charitable-donation-form .donation-amounts::after { content: none; } .charitable-donation-form .donation-amounts .donation-amount { padding: 0px; margin: 0px; border: 0px !important; height: auto !important; flex-grow: 1; background: transparent !important; overflow: hidden; text-align: center; cursor: pointer; } @media (min-width: 769px) { .charitable-donation-form .donation-amounts .donation-amount { min-width: 230px; width: 21% !important; } } @media (max-width: 768px) { .charitable-donation-form .donation-amounts .donation-amount { min-width: auto; } } .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount label { display: flex; flex-direction: column; height: 100%; padding: 16px; gap: 16px; align-items: flex-start; color: #2a0000; text-align: left; border: 1px solid #2a0000 !important; } .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount label .amount { line-height: 1; color: #a80000; } .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount label .amount { font-size: 32px !important; } @media screen and (min-width: 981px) { .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount label .amount { font-size: calc(32px + 16 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount label .amount { font-size: 48px !important; } } .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount label:hover { background: #2a0000; border: 1px solid #2a0000 !important; color: #ffffff; } .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount label:hover .amount { color: #ffffff; } .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount.selected label { color: #ffffff !important; background-color: #a80000 !important; border: 1px solid #a80000 !important; } .charitable-donation-form .donation-amounts .donation-amount.suggested-donation-amount.selected label:hover { background: #2a0000 !important; color: #ffffff; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount { width: 100% !important; padding: 24px; border: 1px solid #2a0000 !important; } .charitable-donation-form .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; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper .custom-donation-input { width: calc(100% - 40px); border: 0px; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper label { width: 100%; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper > span { width: 40px; position: absolute; bottom: 16px; left: 0; } .charitable-donation-form .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 .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper > span { font-size: calc(32px + 16 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper > span { font-size: 48px !important; } } .charitable-donation-form .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: transparent !important; border-bottom: 1px solid #2a0000 !important; border-radius: 0px !important; } .charitable-donation-form .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 .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper input { font-size: calc(32px + 16 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper input { font-size: 48px !important; } } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper input:hover { border-bottom: 1px solid #ffffff !important; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper .description { text-align: center; display: block; width: 100%; color: #a80000; font-weight: 700; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount.selected { background: #a80000 !important; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount.selected .custom-donation-amount-wrapper .euro { color: #ffffff !important; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount.selected .custom-donation-amount-wrapper input { color: #ffffff !important; background-color: transparent !important; border-bottom: 1px solid #ffffff !important; } .charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount.selected .custom-donation-amount-wrapper .description { color: #ffffff; } .charitable-donation-form .donation-amounts .donation-amount:hover { background: #2a0000 !important; color: #ffffff; } .charitable-donation-form .donation-amounts .donation-amount:hover .description { color: #ffffff !important; } .charitable-donation-form .donation-amounts .donation-amount:hover .euro { color: #ffffff !important; } .charitable-donation-form .donation-amounts .donation-amount:hover input { background-color: transparent !important; border-bottom: 1px solid #ffffff !important; } .charitable-donation-form .donation-amounts .donation-amount:hover .amount { color: #2a0000; } .charitable-donation-form .donation-amounts .donation-amount.selected { background: #2a0000 !important; color: #ffffff !important; } .charitable-donation-form .donation-amounts .donation-amount.selected, .charitable-donation-form .donation-amounts .donation-amount.selected .amount { color: #ffffff !important; } .charitable-donation-form .donation-amounts .donation-amount.selected input { background-color: transparent !important; color: #2a0000 !important; border-bottom-color: #2a0000; } #charitable-donor-fields { padding: 0px !important; } .minimum-donation-amount-text { background: #2a0000; padding: 16px !important; text-align: center; color: #ffffff; } #charitable-user-fields { display: flex; flex-wrap: wrap; column-gap: 16px; padding: 0px; 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_first_name label, #charitable-user-fields #charitable_field_last_name label, #charitable-user-fields #charitable_field_email label, #charitable-user-fields #charitable_field_address label, #charitable-user-fields #charitable_field_city label, #charitable-user-fields #charitable_field_phone label, #charitable-user-fields #charitable_field_address_2 label, #charitable-user-fields #charitable_field_nome_defunto label { margin-bottom: 8px !important; } #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-fieldset > :last-child { margin-bottom: 0px !important; } .charitable-form-field, .charitable-form-field-text { margin: 16px 0px; } .charitable-form-field select, .charitable-form-field textarea, .charitable-form-field-text select, .charitable-form-field-text textarea { font-size: 24px; background: transparent; padding: 8px 16px; margin: 4px 0px; border: 1px solid #2a0000; color: #2a0000; } .charitable-form-field label, .charitable-form-field-text label { line-height: 1; color: #2a0000; margin: 0px; margin-bottom: 16px !important; } .charitable-form-field label, .charitable-form-field-text label { font-size: 16px !important; } @media screen and (min-width: 981px) { .charitable-form-field label, .charitable-form-field-text label { font-size: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .charitable-form-field label, .charitable-form-field-text label { font-size: 24px !important; } } #charitable-gateway-fields #charitable-gateway-selector { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; margin: 0px; padding: 0px; width: 100%; margin-top: 16px; } #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: #a80000; border: 1px solid #a80000; color: #ffffff; } #charitable-gateway-fields #charitable-gateway-selector li label { width: 100%; padding: 24px; background: transparent; display: flex; color: #2a0000; cursor: pointer; border: 1px solid #2a0000; align-items: center; } @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: #2a0000; border: 1px solid #2a0000; 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-satispay]::before { background: url("https://dona.larotonda.org/wp-content/uploads/2023/05/satispay.svg") no-repeat; filter: invert(52%) sepia(74%) saturate(4173%) hue-rotate(15deg) brightness(110%) contrast(105%); 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 label { font-size: calc(16px + 4 * ((100vw - 981px) / 939)) !important; } #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_field_cc_name { margin-left: 0px !important; } #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_field_cc_name label { font-size: calc(16px + 4 * ((100vw - 981px) / 939)) !important; margin-bottom: 0px !important; } #charitable-gateway-fields #charitable-gateway-fields-stripe input, #charitable-gateway-fields #charitable-gateway-fields-stripe #charitable_stripe_card_field { padding: 16px !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, .button, .charitable-button, .donate-button, .et_pb_button{font-size: 150% !important; @media(max-width: 980px){font-size: 96% !important;}} .button-secondary, .button-primary, #image-browse-button{@extend .brandbutton; border:0px !important} .button.button-secondary{@extend .brandbutton_alt; @media(max-width: 980px){margin-bottom: 16px!important; &:hover{color:$maincolor!important; border:$maincolor!important;}}} }*/ #image-browse-button { border: 0px !important; } .charitable-submit-field { position: relative; display: inline-block; } .charitable-submit-field button, .charitable-submit-field .button, .charitable-submit-field .charitable-button, .charitable-submit-field .donate-button, .charitable-submit-field .et_pb_button { position: static; height: auto !important; cursor: pointer; line-height: 1em !important; text-transform: uppercase; color: #ffffff !important; border: 1px solid #2a0000 !important; background: #2a0000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .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: 16px !important; } @media screen and (min-width: 981px) { .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: calc(16px + 8 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .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: 24px !important; } } .charitable-submit-field button:hover, .charitable-submit-field .button:hover, .charitable-submit-field .charitable-button:hover, .charitable-submit-field .donate-button:hover, .charitable-submit-field .et_pb_button:hover { color: #ffffff !important; background: #a80000 !important; border: 1px solid #a80000 !important; padding: 24px 48px 24px 48px !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .charitable-submit-field button:hover::after, .charitable-submit-field .button:hover::after, .charitable-submit-field .charitable-button:hover::after, .charitable-submit-field .donate-button:hover::after, .charitable-submit-field .et_pb_button:hover::after { display: none !important; } .charitable-submit-field::before { content: ""; position: absolute; bottom: -16px; right: -16px; width: 100%; height: 100%; border: 2px solid #2a0000; border-radius: 80px 0 80px 0; z-index: -1; background-color: transparent !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 .nf-field > div, .checkbox-container .charitable-form-field-checkbox, .checkbox-container .charitable-radio-list, .checkbox-container.recurring-donation-option, #charitable-meta-fields .nf-field > div, #charitable-meta-fields .charitable-form-field-checkbox, #charitable-meta-fields .charitable-radio-list, #charitable-meta-fields.recurring-donation-option, #charitable-user-fields .nf-field > div, #charitable-user-fields .charitable-form-field-checkbox, #charitable-user-fields .charitable-radio-list, #charitable-user-fields.recurring-donation-option, #charitable_field_consenso_comunicazione .nf-field > div, #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 .nf-field > div, #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 { 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; } } #charitable-gateway-selector label[for=gateway-offline] { position: relative; } #charitable-gateway-selector label[for=gateway-offline]::after { background: #2a0000; color: #ffffff; position: absolute; bottom: 60px; line-height: 1.5; width: calc(100% - 10px - 10px); padding: 10px; left: 50%; transform: translateX(-50%); display: none; z-index: 999; content: "Seleziona 'bonifico' e clicca su 'dona ora' per ricevere via email le istruzioni per completare la tua promessa di donazione"; font-size: 16px; } #charitable-gateway-selector label[for=gateway-offline]:hover::after { display: block; } .gateway_info { padding: 8px; } .gateway_info h6, .gateway_info p { line-height: 1.2; padding: 0px; margin: 0px; } .gateway_info h6, .gateway_info p { font-size: 14px !important; } @media screen and (min-width: 981px) { .gateway_info h6, .gateway_info p { font-size: calc(14px + 2 * ((100vw - 981px) / 939)) !important; } } @media screen and (min-width: 1920px) { .gateway_info h6, .gateway_info p { font-size: 16px !important; } } .gateway_info p { font-style: italic; } /*# sourceMappingURL=style.css.map */