@charset "utf-8";
/* Our Causes CSS Document */
.cause-box { background: #ffffff; border-radius: 12px; box-shadow: 0 2px 15px rgba(0,0,0,0.1); overflow: hidden; margin-bottom: 30px; position: relative; }
.cause-image img { width: 100%; height: auto; display: block; }
.cause-content { padding: 20px; position: relative; overflow: hidden; }
.cause-title { font-size: 24px; color: #333333; }
.cause-title h4{ margin: 0; }
.cause-excerpt { margin-top: 10px; color: #666666; }
.cause-progress { position: absolute; bottom: 0; left: 0; right: 0; }
.progress-bar { height: 5px; border-radius: 5px; }
.progress { height: 100%; background-color: #ee344e; transition: width 0.3s ease; border-radius: 5px; }
.cause-amounts { display: flex; justify-content: space-between; color: #666666; font-size: 14px; margin-top: 20px; }
.cause-amounts div span{ font-size: 14px; font-weight: 600; color: #666666; display: block; color: #151c2c; }
.cause-amounts div span:first-child{ color: #666666; }
.cause-donate-button{ margin-top: 30px; }
.cause-donate-button a{ width: 100%; margin: 0; }

.cause-single-donate-form{ border: 1px solid #eeeeee; padding: 30px; margin-bottom: 30px; }
.give-progress-bar{ height: 12px; }
.give-btn{ background-color: #191919; color: #ffffff; border: none; text-transform: capitalize; font-weight: 400; padding: 8px 16px; font-size: initial !important; }
.give-btn:hover, .give-btn.give-default-level{ background-color: #C78D59; }
form[id*="give-form"] .give-donation-amount .give-currency-symbol, form[id*="give-form"] #give-final-total-wrap .give-donation-total-label{ background-color: #C78D59; color: #ffffff; padding: 5px 18px; height: auto; border: none; }
form[id*="give-form"] .give-donation-amount #give-amount, form[id*="give-form"] .give-donation-amount #give-amount-text, form[id*="give-form"] #give-final-total-wrap .give-final-total-amount{ height: auto; padding: 5px 18px; border: none; background-color: #191919; color: #ffffff; }
#give-recurring-form .give-section-break, #give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form .give-section-break, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*="give-form"] .give-section-break, form[id*="give-form"] h3.give-section-break, form[id*="give-form"] h4.give-section-break, form[id*="give-form"] legend{ color: #000000; }