.elementor-96 .elementor-element.elementor-element-9f71207{--display:flex;}.elementor-96 .elementor-element.elementor-element-9f71207:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-9f71207 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-41c2435 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-6441302{margin:5% 05% calc(var(--kit-widget-spacing, 0px) + 5%) 05%;}.elementor-96 .elementor-element.elementor-element-6441302 .elementor-heading-title{font-family:var( --e-global-typography-593e919-font-family ), Sans-serif;font-size:var( --e-global-typography-593e919-font-size );line-height:var( --e-global-typography-593e919-line-height );color:var( --e-global-color-c831111 );}.elementor-96 .elementor-element.elementor-element-658e0ee{--display:flex;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-96 .elementor-element.elementor-element-e166e8f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-6d84d1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:var( --e-global-typography-1b582dd-font-family ), Sans-serif;font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-14cd8ea{--display:flex;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-96 .elementor-element.elementor-element-166876b{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-96 .elementor-element.elementor-element-21be8c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-96 .elementor-element.elementor-element-21be8c4 .elementor-heading-title{font-family:var( --e-global-typography-e1669f5-font-family ), Sans-serif;font-size:var( --e-global-typography-e1669f5-font-size );line-height:var( --e-global-typography-e1669f5-line-height );color:var( --e-global-color-41c2435 );}.elementor-96 .elementor-element.elementor-element-2c67be3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-96 .elementor-element.elementor-element-36f9255{--display:flex;--border-radius:0px 40px 40px 0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2.5%;--padding-bottom:2.5%;--padding-left:2.5%;--padding-right:2.5%;}.elementor-96 .elementor-element.elementor-element-36f9255:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-36f9255 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-41c2435 );}.elementor-96 .elementor-element.elementor-element-791dcc0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;font-family:var( --e-global-typography-e80d1dd-font-family ), Sans-serif;font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );color:var( --e-global-color-c831111 );}.elementor-96 .elementor-element.elementor-element-e1fc30c{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;font-family:var( --e-global-typography-1b582dd-font-family ), Sans-serif;font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );color:var( --e-global-color-c831111 );}.elementor-96 .elementor-element.elementor-element-017ded5{--display:flex;--border-radius:0px 40px 40px 0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2.5%;--padding-bottom:2.5%;--padding-left:2.5%;--padding-right:2.5%;}.elementor-96 .elementor-element.elementor-element-017ded5:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-017ded5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-41c2435 );}.elementor-96 .elementor-element.elementor-element-5cdfb58{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;font-family:var( --e-global-typography-e80d1dd-font-family ), Sans-serif;font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );color:var( --e-global-color-c831111 );}.elementor-96 .elementor-element.elementor-element-64f5381{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;font-family:var( --e-global-typography-1b582dd-font-family ), Sans-serif;font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );color:var( --e-global-color-c831111 );}.elementor-96 .elementor-element.elementor-element-2641495{--display:flex;--border-radius:0px 40px 40px 0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2.5%;--padding-bottom:2.5%;--padding-left:2.5%;--padding-right:2.5%;}.elementor-96 .elementor-element.elementor-element-2641495:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-2641495 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-41c2435 );}.elementor-96 .elementor-element.elementor-element-f50beca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;font-family:var( --e-global-typography-e80d1dd-font-family ), Sans-serif;font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );color:var( --e-global-color-c831111 );}.elementor-96 .elementor-element.elementor-element-a9e0ec9{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;font-family:var( --e-global-typography-1b582dd-font-family ), Sans-serif;font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );color:var( --e-global-color-c831111 );}.elementor-96 .elementor-element.elementor-element-1a6c0e9{--display:flex;--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form{font-family:var( --e-global-typography-1b582dd-font-family ), Sans-serif;font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );background-color:var( --e-global-color-c831111 );border-style:none;}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form label{font-family:var( --e-global-typography-1b582dd-font-family ), Sans-serif;font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form input, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form textarea, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form select{font-family:var( --e-global-typography-1b582dd-font-family ), Sans-serif;font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form button, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form input[type="submit"]{font-family:var( --e-global-typography-1b582dd-font-family ), Sans-serif;font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-elementor-editor-wrapper{background-color:var( --e-global-color-b656287 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-96 .elementor-element.elementor-element-6441302 .elementor-heading-title{font-size:var( --e-global-typography-593e919-font-size );line-height:var( --e-global-typography-593e919-line-height );}.elementor-96 .elementor-element.elementor-element-6d84d1e{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-21be8c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-96 .elementor-element.elementor-element-21be8c4 .elementor-heading-title{font-size:var( --e-global-typography-e1669f5-font-size );line-height:var( --e-global-typography-e1669f5-line-height );}.elementor-96 .elementor-element.elementor-element-2c67be3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-96 .elementor-element.elementor-element-36f9255{--border-radius:0px 30px 30px 0px;}.elementor-96 .elementor-element.elementor-element-791dcc0{font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );}.elementor-96 .elementor-element.elementor-element-e1fc30c{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-017ded5{--border-radius:0px 30px 30px 0px;}.elementor-96 .elementor-element.elementor-element-5cdfb58{font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );}.elementor-96 .elementor-element.elementor-element-64f5381{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-2641495{--border-radius:0px 30px 30px 0px;--padding-top:2.5%;--padding-bottom:2.5%;--padding-left:2.5%;--padding-right:2.5%;}.elementor-96 .elementor-element.elementor-element-f50beca{font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );}.elementor-96 .elementor-element.elementor-element-a9e0ec9{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form label{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form input, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form textarea, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form select{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form button, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form input[type="submit"]{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}}@media(max-width:767px){.elementor-96 .elementor-element.elementor-element-6441302 .elementor-heading-title{font-size:var( --e-global-typography-593e919-font-size );line-height:var( --e-global-typography-593e919-line-height );}.elementor-96 .elementor-element.elementor-element-6d84d1e{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-21be8c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-96 .elementor-element.elementor-element-21be8c4 .elementor-heading-title{font-size:var( --e-global-typography-e1669f5-font-size );line-height:var( --e-global-typography-e1669f5-line-height );}.elementor-96 .elementor-element.elementor-element-36f9255{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-96 .elementor-element.elementor-element-791dcc0{font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );}.elementor-96 .elementor-element.elementor-element-e1fc30c{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-017ded5{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-96 .elementor-element.elementor-element-5cdfb58{font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );}.elementor-96 .elementor-element.elementor-element-64f5381{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-2641495{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-96 .elementor-element.elementor-element-f50beca{font-size:var( --e-global-typography-e80d1dd-font-size );line-height:var( --e-global-typography-e80d1dd-line-height );}.elementor-96 .elementor-element.elementor-element-a9e0ec9{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form label{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form input, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form textarea, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form select{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form button, .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form input[type="submit"]{font-size:var( --e-global-typography-1b582dd-font-size );line-height:var( --e-global-typography-1b582dd-line-height );}}@media(min-width:768px){.elementor-96 .elementor-element.elementor-element-e166e8f{--width:65%;}.elementor-96 .elementor-element.elementor-element-14cd8ea{--width:100%;}.elementor-96 .elementor-element.elementor-element-166876b{--width:65%;}.elementor-96 .elementor-element.elementor-element-2c67be3{--width:100%;}.elementor-96 .elementor-element.elementor-element-36f9255{--width:33.33%;}.elementor-96 .elementor-element.elementor-element-017ded5{--width:33.33%;}.elementor-96 .elementor-element.elementor-element-2641495{--width:33.33%;}}@media(max-width:1024px) and (min-width:768px){.elementor-96 .elementor-element.elementor-element-e166e8f{--width:100%;}.elementor-96 .elementor-element.elementor-element-166876b{--width:100%;}.elementor-96 .elementor-element.elementor-element-36f9255{--width:100%;}.elementor-96 .elementor-element.elementor-element-017ded5{--width:100%;}.elementor-96 .elementor-element.elementor-element-2641495{--width:100%;}}/* Start custom CSS for charitable_donation_form, class: .elementor-element-021d4ab *//* =========================================================
   Charitable Donation Form - Clean SFS Styling
   Paste into Elementor Widget Custom CSS
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab {
  --sfs-navy: #262656;
  --sfs-yellow: #F7CE46;
  --sfs-grey: #D2D2D2;
  --sfs-light: #F8F8F8;
  --sfs-white: #FFFFFF;
  --sfs-black: #000000;
}


/* =========================================================
   Basic form styling
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form,
.elementor-96 .elementor-element.elementor-element-021d4ab form.charitable-form {
  color: var(--sfs-navy) !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form *,
.elementor-96 .elementor-element.elementor-element-021d4ab form.charitable-form * {
  box-sizing: border-box !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form p,
.elementor-96 .elementor-element.elementor-element-021d4ab form.charitable-form p {
  margin-top: 0 !important;
}


/* =========================================================
   Main form sections
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-fieldset,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form fieldset,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-form-fields,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-payment-fields,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-payment-section,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-gift-aid,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-giftaid,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-gift-aid-fieldset {
  border: 1px solid var(--sfs-grey) !important;
  border-radius: 14px !important;
  background: var(--sfs-white) !important;
  padding: 28px !important;
  margin: 0 0 28px 0 !important;
  box-shadow: none !important;
}

/* Remove nested boxes inside sections */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-fieldset .charitable-fieldset,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form fieldset fieldset,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-form-fields fieldset,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-payment-section fieldset,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-payment-fields fieldset,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-gift-aid fieldset,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-giftaid fieldset {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Section headings */
.elementor-96 .elementor-element.elementor-element-021d4ab legend,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form-header,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form h3,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form h4 {
  color: var(--sfs-navy) !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}


/* =========================================================
   Donation amount section
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form ul.donation-amounts,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts li,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form ul.donation-amounts li,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list li,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options li,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts li {
  float: none !important;
  clear: none !important;
  list-style: none !important;
  width: auto !important;
  min-width: 130px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Hide radio inputs */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts input[type="radio"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list input[type="radio"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options input[type="radio"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* Donation amount buttons */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  width: 100% !important;
  padding: 12px 18px !important;
  border: 2px solid var(--sfs-yellow) !important;
  border-radius: 8px !important;
  background: var(--sfs-yellow) !important;
  color: var(--sfs-navy) !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-align: center !important;
  cursor: pointer !important;
}

/* Remove odd pseudo elements */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts label::before,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts label::after,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list label::before,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list label::after,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options label::before,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options label::after,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts label::before,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts label::after {
  display: none !important;
  content: none !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts label *,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list label *,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options label *,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts label * {
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
}

/* Selected amount */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts li.selected label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list li.selected label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options li.selected label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts li.selected label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts input[type="radio"]:checked + label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list input[type="radio"]:checked + label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options input[type="radio"]:checked + label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts input[type="radio"]:checked + label {
  background: var(--sfs-white) !important;
  border-color: var(--sfs-navy) !important;
  color: var(--sfs-navy) !important;
}

/* Hover */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts label:hover,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list label:hover,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options label:hover,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts label:hover {
  background: var(--sfs-navy) !important;
  border-color: var(--sfs-navy) !important;
  color: var(--sfs-white) !important;
}


/* =========================================================
   Custom amount
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .custom-donation-amount,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form li.custom-donation-amount,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form [class*="custom-donation"] {
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;
  min-width: 280px !important;
  padding: 16px !important;
  border: 1px solid var(--sfs-grey) !important;
  border-radius: 8px !important;
  background: var(--sfs-light) !important;
  margin: 4px 0 0 0 !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .custom-donation-amount label,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form [class*="custom-donation"] label {
  display: block !important;
  width: 100% !important;
  min-height: auto !important;
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sfs-navy) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .custom-donation-amount input,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form [class*="custom-donation"] input {
  width: 100% !important;
  min-height: 46px !important;
  border: 2px solid var(--sfs-navy) !important;
  border-radius: 6px !important;
  background: var(--sfs-white) !important;
  color: var(--sfs-navy) !important;
  font-size: 16px !important;
  padding: 11px 13px !important;
}


/* =========================================================
   Make it monthly spacing
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-recurring-donation,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-recurring-donation-field,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-field-recurring-donation,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-recurring-field,
.elementor-96 .elementor-element.elementor-element-021d4ab .recurring-donation,
.elementor-96 .elementor-element.elementor-element-021d4ab #charitable_field_recurring_donation,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form [class*="recurring"] {
  display: block !important;
  margin-top: 18px !important;
  margin-bottom: 34px !important;
  padding-bottom: 8px !important;
}


/* =========================================================
   Labels and fields
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form label {
  color: var(--sfs-navy) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="text"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="email"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="tel"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="number"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="url"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form select,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form textarea {
  width: 100% !important;
  min-height: 46px !important;
  border: 2px solid var(--sfs-grey) !important;
  border-radius: 6px !important;
  background: var(--sfs-white) !important;
  color: var(--sfs-navy) !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  padding: 11px 13px !important;
  box-shadow: none !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input:focus,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form select:focus,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form textarea:focus {
  border-color: var(--sfs-navy) !important;
  outline: 3px solid rgba(247, 206, 70, 0.55) !important;
  outline-offset: 2px !important;
}


/* =========================================================
   Checkboxes
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin: 0 8px 0 0 !important;
  accent-color: var(--sfs-navy) !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="checkbox"] + label {
  display: inline !important;
  font-weight: 500 !important;
}


/* =========================================================
   Gift Aid section
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gift-aid,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-giftaid,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gift-aid-fieldset {
  background: var(--sfs-white) !important;
  margin-bottom: 38px !important;
}

/* Keep Gift Aid compact */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gift-aid p,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-giftaid p,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gift-aid-fieldset p {
  margin-bottom: 14px !important;
}

/* Space below the final Gift Aid declaration before Payment */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gift-aid p:last-child,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-giftaid p:last-child,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gift-aid-fieldset p:last-child {
  margin-bottom: 36px !important;
}


/* =========================================================
   Payment section
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-payment-fields,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-payment-section,
.elementor-96 .elementor-element.elementor-element-021d4ab #charitable-gateway-fields,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gateway-fields,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-payment {
  background: var(--sfs-white) !important;
  padding-top: 34px !important;
  margin-top: 34px !important;
}

/* If Payment heading follows a paragraph, add space above it */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form p + h3,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form p + h4,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form p + legend {
  margin-top: 34px !important;
}

/* Payment heading spacing */
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-payment-fields legend,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-payment-section legend,
.elementor-96 .elementor-element.elementor-element-021d4ab #charitable-gateway-fields legend,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gateway-fields legend,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-payment-fields h3,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-payment-section h3,
.elementor-96 .elementor-element.elementor-element-021d4ab #charitable-gateway-fields h3,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-gateway-fields h3 {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .StripeElement,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-stripe-card-element {
  min-height: 46px !important;
  border: 2px solid var(--sfs-grey) !important;
  border-radius: 6px !important;
  padding: 11px 13px !important;
  background: var(--sfs-white) !important;
}


/* =========================================================
   Notice box
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-notice,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form-notice,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-error,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-warning {
  border: 2px solid var(--sfs-yellow) !important;
  border-radius: 8px !important;
  background: #FFF8D8 !important;
  color: var(--sfs-navy) !important;
  padding: 16px 18px !important;
  margin: 0 0 22px 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-notice a,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-form-notice a,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-error a,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-warning a {
  color: var(--sfs-navy) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}


/* =========================================================
   Total donation
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-total,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-total-donation,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form-total,
.elementor-96 .elementor-element.elementor-element-021d4ab .donation-total {
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--sfs-navy) !important;
  color: var(--sfs-white) !important;
  padding: 18px 22px !important;
  margin: 28px 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-total *,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-total-donation *,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form-total *,
.elementor-96 .elementor-element.elementor-element-021d4ab .donation-total * {
  color: var(--sfs-white) !important;
}


/* =========================================================
   Donate button
   ========================================================= */

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-submit-field {
  margin-top: 24px !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form button,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="submit"],
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-submit-field button,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-submit-field input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 13px 30px !important;
  border: 2px solid var(--sfs-navy) !important;
  border-radius: 8px !important;
  background: var(--sfs-navy) !important;
  color: var(--sfs-white) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form button:hover,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="submit"]:hover,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-submit-field button:hover,
.elementor-96 .elementor-element.elementor-element-021d4ab .charitable-submit-field input[type="submit"]:hover {
  background: var(--sfs-yellow) !important;
  border-color: var(--sfs-yellow) !important;
  color: var(--sfs-navy) !important;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-fieldset,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form fieldset,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-form-fields,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-payment-fields,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-payment-section,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-gift-aid,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-giftaid,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-gift-aid-fieldset {
    padding: 22px !important;
  }

  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .donation-amounts li,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form ul.donation-amounts li,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-radio-list li,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-options li,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .charitable-donation-amounts li,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form .custom-donation-amount,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form [class*="custom-donation"] {
    width: 100% !important;
    max-width: none !important;
  }

  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form button,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-donation-form input[type="submit"],
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-submit-field button,
  .elementor-96 .elementor-element.elementor-element-021d4ab .charitable-submit-field input[type="submit"] {
    width: 100% !important;
  }
}/* End custom CSS */