.elementor-kit-6{--e-global-color-primary:#8ABD24;--e-global-color-secondary:#323232;--e-global-color-text:#303030;--e-global-color-accent:#1DBADF;--e-global-color-2ade88b:#706F6F;--e-global-color-88c78b9:#B2B2B2;--e-global-color-d43de33:#FFFFFF;--e-global-color-f1fa6fa:#F6F6F6;--e-global-typography-primary-font-family:"Site Font Individuals";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Site Font Individuals";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Site Font Individuals";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Site Font Individuals";--e-global-typography-accent-font-weight:500;--e-global-typography-472922b-font-family:"Site Font Individuals";--e-global-typography-472922b-font-size:1.2rem;--e-global-typography-472922b-font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================
   PhotoSwipe Caption Styling - Full Override
   ========================================== */

/* Base caption styling */
.pswp .pswp__caption .pswp__caption__center {
    font-family: inherit !important;      /* Use site font */
    text-align: center !important;
    max-width: 720px !important;
    margin: 0 auto 20px auto !important;
    padding: 10px !important;
    color: #cccccc !important;

    font-size: 1.3rem !important;           /* Mobile base size */
    line-height: 20px !important;
    font-weight: 500 !important;
}

/* Desktop styling */
@media (min-width: 1025px) {
    .pswp .pswp__caption .pswp__caption__center {
        font-size: 1.3rem !important;       /* Larger on desktop */
        line-height: 1.6 !important;
    }
}
/* ===== Base container ===== */
.left-fade-overlay {
  position: relative;
  overflow: hidden;
}

/* ===== Desktop: LEFT → RIGHT blue fade ===== */
.left-fade-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  z-index: 2;
  pointer-events: none;

  background: linear-gradient(
    to right,
    rgba(29, 186, 223, 1) 0%,
    rgba(29, 186, 223, 0.85) 25%,
    rgba(29, 186, 223, 0.6) 50%,
    rgba(29, 186, 223, 0.3) 75%,
    rgba(29, 186, 223, 0) 100%
  );
}

/* ===== Mobile: TOP → BOTTOM blue fade ===== */
@media (max-width: 767px) {
  .left-fade-overlay::before {
    display: none !important;
  }
}

/* ========================================
   CHARITABLE BRANDING OVERRIDES
   ======================================== */

/* Set core plugin colour variables */
.charitable,
.charitable-form,
.charitable-donation-form,
[class*="charitable"] {
  --charitable-button-bg: #8abd24 !important;
  --charitable-button-bg-hover: #7aa61f !important;
  --charitable-button-color: #ffffff !important;
  --charitable-primary-color: #8abd24 !important;
}

/* ========================================
   PROGRESS BAR
   ======================================== */

/* Progress track */
.charitable-multistep-progress-bar {
  background: #e5e5e5 !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  height: 10px !important;
}

/* Progress fill */
.charitable-multistep-progress-fill {
  background: #1DBADF !important;
  background-color: #1DBADF !important;
  border-radius: 50px !important;
}

/* ========================================
   TYPOGRAPHY
   ======================================== */

/* Main body text */
.charitable,
.charitable p,
.charitable label,
.charitable input,
.charitable select,
.charitable textarea,
.charitable button,
.charitable li,
.charitable span,
.charitable div {
  font-family: var(--e-global-typography-text-font-family), sans-serif !important;
}

/* Headings */
.charitable h1,
.charitable h2,
.charitable h3,
.charitable h4,
.charitable h5,
.charitable h6,
.charitable-field-template-headline {
  font-family: var(--e-global-typography-primary-font-family), sans-serif !important;
}

/* ========================================
   DONATION BOX CONTENT TYPOGRAPHY
   ======================================== */

.charitable-campaign-builder-no-description-template,
.charitable-campaign-builder-no-description-template p,
.charitable-campaign-builder-placeholder-template-text,
.charitable-campaign-builder-placeholder-template-text p,
.charitable-field-title-description.title-description p,
.charitable-campaign-field-inner p {
  font-family: var(--e-global-typography-text-font-family), sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  line-height: var(--e-global-typography-text-line-height) !important;
}

/* ========================================
   DONATION BOX BUTTON TYPOGRAPHY
   ======================================== */

.charitable-campaign-field-donate-button a,
.charitable-campaign-field-donate-button .charitable-button,
.charitable-campaign-field-donate-button .donate-button,
.charitable-campaign-field-donate-button .button {
  font-family: var(--e-global-typography-text-font-family), sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  line-height: var(--e-global-typography-text-line-height) !important;
}

/* ========================================
   DONATION BOX LAYOUT
   ======================================== */

/* Center the donation box heading */
.charitable-field-template-headline {
  text-align: center !important;
}

/* ========================================
   GENERAL BUTTONS
   ======================================== */

.charitable-submit-field .charitable-button,
.charitable-submit-field button,
.charitable-form button,
.charitable-form .button,
.charitable-form input[type="submit"],
.charitable-multistep-footer-row button,
.charitable-multistep-footer-row .charitable-button {
  background: #8abd24 !important;
  background-color: #8abd24 !important;
  border: 1px solid #8abd24 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* Button hover */
.charitable-submit-field .charitable-button:hover,
.charitable-submit-field button:hover,
.charitable-form button:hover,
.charitable-form .button:hover,
.charitable-form input[type="submit"]:hover,
.charitable-multistep-footer-row button:hover,
.charitable-multistep-footer-row .charitable-button:hover {
  background: #7aa61f !important;
  background-color: #7aa61f !important;
  border-color: #7aa61f !important;
  color: #ffffff !important;
}

/* ========================================
   BUTTON GLOBAL STYLING
   ======================================== */

/* Remove border radius from ALL Charitable buttons */
.charitable-form button,
.charitable-form .button,
.charitable-form input[type="submit"],
.charitable-multistep-footer-row button,
.charitable-submit-field .charitable-button {
  border-radius: 0 !important;
}

/* ========================================
   ALL CHARITABLE BUTTONS (EXCEPT DONATE)
   ======================================== */

.charitable-form button,
.charitable-form .button,
.charitable-form input[type="submit"],
.charitable-multistep-footer-row button {
  background-color: #1DBADF !important;
  border: 1px solid #1DBADF !important;
  color: #000000 !important;
  border-radius: 0 !important;
}

/* Hover */
.charitable-form button:hover,
.charitable-form .button:hover,
.charitable-form input[type="submit"]:hover,
.charitable-multistep-footer-row button:hover {
  background-color: #2fc6e8 !important;
  border-color: #2fc6e8 !important;
  color: #000000 !important;
}

/* ========================================
   FULL WIDTH DONATE BUTTON (FINAL STEP)
   ======================================== */

/* Make donate button full width */
.charitable-submit-field {
  width: 100% !important;
}

.charitable-submit-field .charitable-button,
.charitable-submit-field button,
.charitable-submit-field input[type="submit"] {
  width: 100% !important;
  display: block !important;
  text-align: center;
  padding: 14px 20px;
}

/* ========================================
   FINAL DONATE BUTTON - FORCE GREEN HOVER
   ======================================== */

#charitable-visual-donation-form-807 .charitable-donate-button-submit,
#charitable-visual-donation-form-807 .charitable-donate-button-submit[type="submit"] {
  background-color: #8abd24 !important;
  border: 1px solid #8abd24 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}

/* Hover */
#charitable-visual-donation-form-807 .charitable-donate-button-submit:hover,
#charitable-visual-donation-form-807 .charitable-donate-button-submit[type="submit"]:hover,
#charitable-visual-donation-form-807 .charitable-submit-field .charitable-donate-button-submit:hover,
#charitable-visual-donation-form-807 .charitable-submit-field button.charitable-donate-button-submit:hover {
  background-color: #94c92a !important;
  border: 1px solid #94c92a !important;
  color: #ffffff !important;
}

/* Focus / active just in case */
#charitable-visual-donation-form-807 .charitable-donate-button-submit:focus,
#charitable-visual-donation-form-807 .charitable-donate-button-submit:active,
#charitable-visual-donation-form-807 .charitable-donate-button-submit[type="submit"]:focus,
#charitable-visual-donation-form-807 .charitable-donate-button-submit[type="submit"]:active {
  background-color: #94c92a !important;
  border: 1px solid #94c92a !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ========================================
   DONATE BOX BUTTON HOVER (BRIGHTEN)
   ======================================== */

.charitable-campaign-field-donate-button a.charitable-button:hover,
.charitable-campaign-field-donate-button a.charitable-button:focus {
  filter: brightness(1.1) !important;
  text-decoration: none !important;
}

/* ========================================
   INPUT FIELDS
   ======================================== */

.charitable-form input[type="text"],
.charitable-form input[type="email"],
.charitable-form input[type="number"],
.charitable-form input[type="tel"],
.charitable-form textarea,
.charitable-form select {
  border-radius: 6px !important;
}

.charitable-form input:focus,
.charitable-form textarea:focus,
.charitable-form select:focus {
  border-color: #8abd24 !important;
  box-shadow: 0 0 0 1px #8abd24 !important;
  outline: none !important;
}

/* ========================================
   DONATION AMOUNT OPTIONS
   ======================================== */

/* Default amount boxes */
.charitable-form-field-donation-amount .amount,
.charitable-form-field-donation-amount label,
.charitable-form-field-donation-amount button,
.charitable-form-field-donation-amount .charitable-levels label,
.charitable-form-field-donation-amount .charitable-radio-image-label,
.charitable-form-field-donation-amount .donation-amount,
.charitable-form-field-donation-amount .charitable-donation-amount {
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

/* Selected amount */
.charitable-form-field-donation-amount input[type="radio"]:checked + label,
.charitable-form-field-donation-amount input[type="checkbox"]:checked + label,
.charitable-form-field-donation-amount .selected,
.charitable-form-field-donation-amount .active {
  background: #8abd24 !important;
  background-color: #8abd24 !important;
  border-color: #8abd24 !important;
  color: #ffffff !important;
}

/* ========================================
   CHARITABLE DONATION AMOUNTS
   SELECTED = GREEN BACKGROUND, GREEN BORDER, BLACK TEXT
   ======================================== */

/* Default donation amount boxes */
.charitable-donation-form .donation-amounts .donation-amount label {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  color: #000000 !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* Hover state */
.charitable-donation-form .donation-amounts .donation-amount label:hover {
  border-color: #8abd24 !important;
  color: #000000 !important;
}

/* Selected state */
.charitable-donation-form .donation-amounts .donation-amount.selected label,
.charitable-donation-form .donation-amounts .donation-amount input:checked + .amount,
.charitable-donation-form .donation-amounts .donation-amount input:checked + label,
.charitable-donation-form .donation-amounts .donation-amount.selected .amount,
.charitable-donation-form .donation-amounts .donation-amount.selected label .amount {
  background: #8abd24 !important;
  background-color: #8abd24 !important;
  border: 1px solid #8abd24 !important;
  color: #000000 !important;
  box-shadow: none !important;
}

/* Force all text inside selected option to black */
.charitable-donation-form .donation-amounts .donation-amount.selected label,
.charitable-donation-form .donation-amounts .donation-amount.selected label *,
.charitable-donation-form .donation-amounts .donation-amount input:checked + label,
.charitable-donation-form .donation-amounts .donation-amount input:checked + label * {
  color: #000000 !important;
}

/* Remove black fill from any pseudo elements if the plugin uses them */
.charitable-donation-form .donation-amounts .donation-amount.selected label::before,
.charitable-donation-form .donation-amounts .donation-amount.selected label::after,
.charitable-donation-form .donation-amounts .donation-amount input:checked + label::before,
.charitable-donation-form .donation-amounts .donation-amount input:checked + label::after {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* ========================================
   CHARITABLE DONATION AMOUNT STYLING
   ======================================== */

/* Default amount box */
.charitable-donation-form .donation-amounts .donation-amount {
  background: #ffffff !important;
  border: 2px solid #d9d9d9 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Default label */
.charitable-donation-form .donation-amounts .donation-amount label {
  background: transparent !important;
  border: 0 !important;
  color: #000000 !important;
  box-shadow: none !important;
}

/* Hover */
.charitable-donation-form .donation-amounts .donation-amount:hover {
  border-color: #8abd24 !important;
}

.charitable-donation-form .donation-amounts .donation-amount:hover label {
  color: #000000 !important;
}

/* Selected box */
.charitable-donation-form .donation-amounts .donation-amount.selected,
.charitable-donation-form .donation-amounts .donation-amount:has(input:checked) {
  background: #8abd24 !important;
  background-color: #8abd24 !important;
  border: 2px solid #8abd24 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Selected label */
.charitable-donation-form .donation-amounts .donation-amount.selected label,
.charitable-donation-form .donation-amounts .donation-amount:has(input:checked) label,
.charitable-donation-form .donation-amounts .donation-amount.selected label *,
.charitable-donation-form .donation-amounts .donation-amount:has(input:checked) label * {
  background: transparent !important;
  color: #000000 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Remove plugin pseudo element styling if present */
.charitable-donation-form .donation-amounts .donation-amount.selected::before,
.charitable-donation-form .donation-amounts .donation-amount.selected::after,
.charitable-donation-form .donation-amounts .donation-amount label::before,
.charitable-donation-form .donation-amounts .donation-amount label::after {
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Remove blue focus rings */
.charitable-donation-form .donation-amounts .donation-amount:focus,
.charitable-donation-form .donation-amounts .donation-amount:focus-within,
.charitable-donation-form .donation-amounts .donation-amount label:focus,
.charitable-donation-form .donation-amounts .donation-amount input:focus + label {
  outline: none !important;
  box-shadow: none !important;
  border-color: #8abd24 !important;
}
/* Hide Charitable campaign title */
.charitable-campaign-title {
  display: none !important;
}
/* Hide left column in Charitable campaign layout */
.charitable-campaign-column.charitable-campaign-column-1 {
  display: none !important;
}
.charitable-multistep-footer-navigation.align-right {
    justify-content: flex-start !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Site Font Individuals';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://wallaceatrust.org/wp-content/uploads/2026/02/Avenir-Black-03.ttf') format('truetype');
}
@font-face {
	font-family: 'Site Font Individuals';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://wallaceatrust.org/wp-content/uploads/2026/02/Avenir-Light-07.ttf') format('truetype');
}
@font-face {
	font-family: 'Site Font Individuals';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://wallaceatrust.org/wp-content/uploads/2026/02/Avenir-Medium-09.ttf') format('truetype');
}
@font-face {
	font-family: 'Site Font Individuals';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://wallaceatrust.org/wp-content/uploads/2026/02/Avenir-Book-01.ttf') format('truetype');
}
/* End Custom Fonts CSS */