.elementor-10387 .elementor-element.elementor-element-8679dea{--display:flex;--min-height:0px;}.elementor-10387 .elementor-element.elementor-element-eccb9de{--display:flex;--min-height:0px;--overlay-opacity:0.5;}.elementor-10387 .elementor-element.elementor-element-eccb9de:not(.elementor-motion-effects-element-type-background), .elementor-10387 .elementor-element.elementor-element-eccb9de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3bd2eec );}.elementor-10387 .elementor-element.elementor-element-eccb9de::before, .elementor-10387 .elementor-element.elementor-element-eccb9de > .elementor-background-video-container::before, .elementor-10387 .elementor-element.elementor-element-eccb9de > .e-con-inner > .elementor-background-video-container::before, .elementor-10387 .elementor-element.elementor-element-eccb9de > .elementor-background-slideshow::before, .elementor-10387 .elementor-element.elementor-element-eccb9de > .e-con-inner > .elementor-background-slideshow::before, .elementor-10387 .elementor-element.elementor-element-eccb9de > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10387 .elementor-element.elementor-element-b96e4a1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-10387 .elementor-element.elementor-element-e72fdec{--display:flex;--min-height:0px;}.elementor-10387 .elementor-element.elementor-element-d880e81 > .elementor-widget-container{margin:-60px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10387 .elementor-element.elementor-element-007db0a{--display:flex;}.elementor-10387 .elementor-element.elementor-element-3578f2f{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:6px;--n-tabs-gap:0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;}.elementor-10387 .elementor-element.elementor-element-3578f2f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10387 .elementor-element.elementor-element-3578f2f.elementor-element{--align-self:center;}.elementor-10387 .elementor-element.elementor-element-3578f2f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10387 .elementor-element.elementor-element-8679dea{--content-width:799px;}.elementor-10387 .elementor-element.elementor-element-eccb9de{--width:100%;}.elementor-10387 .elementor-element.elementor-element-e72fdec{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-d880e81 */.monthly-giving-container {
  margin-top: 60px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  background: #ffffff;
  border-radius: 4px;
  /* border removed — Tabs widget now supplies the panel border */
}

.monthly-amount-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.monthly-amount-buttons button {
  padding: 12px 20px;
  border: 2px solid #8B1E1E;
  background: #ffffff;
  color: #8B1E1E;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.monthly-amount-buttons button:hover {
  background: #f5f5f5;
}

.monthly-amount-buttons button.active {
  background: #8B1E1E;
  color: #ffffff;
}

.monthly-giving-container input[type="number"] {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.monthly-giving-container input:focus {
  outline: none;
  border-color: #8B1E1E;
}

.monthly-giving-container button[data-submit-membership] {
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  background: #8B1E1E;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.monthly-giving-container button[data-submit-membership]:hover {
  background: #6e1616;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-120a3a8 */.elementor-section:has(spektrix-donate) {
  background: #f2f0ee;
  padding: 80px 20px;
}

/* Donate container now acts as content, not a framed card */
spektrix-donate {
  display: block;
  max-width: 760px;
  margin: 0 auto;
  padding: 0; /* panel provides padding */
  background: transparent; /* panel provides background */
  border: none; /* remove border — Tabs widget controls frame */
  border-radius: 0;
}

/* Fund row */
spektrix-donate label:first-of-type {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
  font-weight: 500;
}

spektrix-donate select {
  flex: 1;
  max-width: 320px;
  padding: 10px 14px;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #fff;
}

/* Amount buttons */
spektrix-donate button[data-donate-amount] {
  display: inline-block;
  width: 22%;
  min-width: 100px;
  margin: 8px 1%;
  padding: 12px 0;
  font-size: 17px;
  font-weight: 600;
  background: #ffffff;
  border: 2px solid #8B1E1E;
  color: #8B1E1E !important;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

spektrix-donate button[data-donate-amount]:hover {
  background: #f5f5f5;
}

spektrix-donate button[data-donate-amount]:focus {
  background: #8B1E1E !important;
  color: #ffffff !important;
  border-color: #8B1E1E !important;
  outline: none;
}

/* Inputs */
spektrix-donate input[type="text"],
spektrix-donate input[data-custom-donation-input] {
  width: 100%;
  padding: 12px;
  margin-top: 6px;
  margin-bottom: 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

spektrix-donate input:focus {
  outline: none;
  border-color: #8B1E1E;
}

spektrix-donate label {
  display: block;
  margin-bottom: 15px;
}

spektrix-donate strong {
  display: inline-block;
  margin-top: 25px;
  font-size: 18px;
}

spektrix-donate [data-display-donation-amount] {
  font-weight: 600;
}

/* Submit */
spektrix-donate button[data-submit-donation] {
  float: right;
  margin-top: 15px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  background: #8B1E1E;
  color: #ffffff !important;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

spektrix-donate button[data-submit-donation]:hover {
  background: #6e1616;
}

spektrix-donate button[data-clear-donation] {
  display: none;
}

spektrix-donate [data-success-container],
spektrix-donate [data-fail-container] {
  margin-top: 20px;
  padding: 16px;
  background: #f9f6f5;
  border-left: 4px solid #8B1E1E;
  clear: both;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d880e81 */.monthly-giving-container {
  margin-top: 60px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  background: #ffffff;
  border-radius: 4px;
  /* border removed — Tabs widget now supplies the panel border */
}

.monthly-amount-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.monthly-amount-buttons button {
  padding: 12px 20px;
  border: 2px solid #8B1E1E;
  background: #ffffff;
  color: #8B1E1E;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.monthly-amount-buttons button:hover {
  background: #f5f5f5;
}

.monthly-amount-buttons button.active {
  background: #8B1E1E;
  color: #ffffff;
}

.monthly-giving-container input[type="number"] {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.monthly-giving-container input:focus {
  outline: none;
  border-color: #8B1E1E;
}

.monthly-giving-container button[data-submit-membership] {
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  background: #8B1E1E;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.monthly-giving-container button[data-submit-membership]:hover {
  background: #6e1616;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-120a3a8 */.elementor-section:has(spektrix-donate) {
  background: #f2f0ee;
  padding: 80px 20px;
}

/* Donate container now acts as content, not a framed card */
spektrix-donate {
  display: block;
  max-width: 760px;
  margin: 0 auto;
  padding: 0; /* panel provides padding */
  background: transparent; /* panel provides background */
  border: none; /* remove border — Tabs widget controls frame */
  border-radius: 0;
}

/* Fund row */
spektrix-donate label:first-of-type {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
  font-weight: 500;
}

spektrix-donate select {
  flex: 1;
  max-width: 320px;
  padding: 10px 14px;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #fff;
}

/* Amount buttons */
spektrix-donate button[data-donate-amount] {
  display: inline-block;
  width: 22%;
  min-width: 100px;
  margin: 8px 1%;
  padding: 12px 0;
  font-size: 17px;
  font-weight: 600;
  background: #ffffff;
  border: 2px solid #8B1E1E;
  color: #8B1E1E !important;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

spektrix-donate button[data-donate-amount]:hover {
  background: #f5f5f5;
}

spektrix-donate button[data-donate-amount]:focus {
  background: #8B1E1E !important;
  color: #ffffff !important;
  border-color: #8B1E1E !important;
  outline: none;
}

/* Inputs */
spektrix-donate input[type="text"],
spektrix-donate input[data-custom-donation-input] {
  width: 100%;
  padding: 12px;
  margin-top: 6px;
  margin-bottom: 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

spektrix-donate input:focus {
  outline: none;
  border-color: #8B1E1E;
}

spektrix-donate label {
  display: block;
  margin-bottom: 15px;
}

spektrix-donate strong {
  display: inline-block;
  margin-top: 25px;
  font-size: 18px;
}

spektrix-donate [data-display-donation-amount] {
  font-weight: 600;
}

/* Submit */
spektrix-donate button[data-submit-donation] {
  float: right;
  margin-top: 15px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  background: #8B1E1E;
  color: #ffffff !important;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

spektrix-donate button[data-submit-donation]:hover {
  background: #6e1616;
}

spektrix-donate button[data-clear-donation] {
  display: none;
}

spektrix-donate [data-success-container],
spektrix-donate [data-fail-container] {
  margin-top: 20px;
  padding: 16px;
  background: #f9f6f5;
  border-left: 4px solid #8B1E1E;
  clear: both;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d880e81 */.monthly-giving-container {
  margin-top: 60px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  background: #ffffff;
  border-radius: 4px;
  /* border removed — Tabs widget now supplies the panel border */
}

.monthly-amount-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.monthly-amount-buttons button {
  padding: 12px 20px;
  border: 2px solid #8B1E1E;
  background: #ffffff;
  color: #8B1E1E;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.monthly-amount-buttons button:hover {
  background: #f5f5f5;
}

.monthly-amount-buttons button.active {
  background: #8B1E1E;
  color: #ffffff;
}

.monthly-giving-container input[type="number"] {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.monthly-giving-container input:focus {
  outline: none;
  border-color: #8B1E1E;
}

.monthly-giving-container button[data-submit-membership] {
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  background: #8B1E1E;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.monthly-giving-container button[data-submit-membership]:hover {
  background: #6e1616;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-120a3a8 */.elementor-section:has(spektrix-donate) {
  background: #f2f0ee;
  padding: 80px 20px;
}

/* Donate container now acts as content, not a framed card */
spektrix-donate {
  display: block;
  max-width: 760px;
  margin: 0 auto;
  padding: 0; /* panel provides padding */
  background: transparent; /* panel provides background */
  border: none; /* remove border — Tabs widget controls frame */
  border-radius: 0;
}

/* Fund row */
spektrix-donate label:first-of-type {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
  font-weight: 500;
}

spektrix-donate select {
  flex: 1;
  max-width: 320px;
  padding: 10px 14px;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #fff;
}

/* Amount buttons */
spektrix-donate button[data-donate-amount] {
  display: inline-block;
  width: 22%;
  min-width: 100px;
  margin: 8px 1%;
  padding: 12px 0;
  font-size: 17px;
  font-weight: 600;
  background: #ffffff;
  border: 2px solid #8B1E1E;
  color: #8B1E1E !important;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

spektrix-donate button[data-donate-amount]:hover {
  background: #f5f5f5;
}

spektrix-donate button[data-donate-amount]:focus {
  background: #8B1E1E !important;
  color: #ffffff !important;
  border-color: #8B1E1E !important;
  outline: none;
}

/* Inputs */
spektrix-donate input[type="text"],
spektrix-donate input[data-custom-donation-input] {
  width: 100%;
  padding: 12px;
  margin-top: 6px;
  margin-bottom: 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

spektrix-donate input:focus {
  outline: none;
  border-color: #8B1E1E;
}

spektrix-donate label {
  display: block;
  margin-bottom: 15px;
}

spektrix-donate strong {
  display: inline-block;
  margin-top: 25px;
  font-size: 18px;
}

spektrix-donate [data-display-donation-amount] {
  font-weight: 600;
}

/* Submit */
spektrix-donate button[data-submit-donation] {
  float: right;
  margin-top: 15px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  background: #8B1E1E;
  color: #ffffff !important;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

spektrix-donate button[data-submit-donation]:hover {
  background: #6e1616;
}

spektrix-donate button[data-clear-donation] {
  display: none;
}

spektrix-donate [data-success-container],
spektrix-donate [data-fail-container] {
  margin-top: 20px;
  padding: 16px;
  background: #f9f6f5;
  border-left: 4px solid #8B1E1E;
  clear: both;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3578f2f *//* PANEL FRAME */
.elementor-10387 .elementor-element.elementor-element-3578f2f .e-n-tabs-content {
  border: 2px solid #333;
  padding: 50px;
  background: #fff;
  position: relative;
}

/* TAB HEADER */
.elementor-10387 .elementor-element.elementor-element-3578f2f .e-n-tabs-heading {
  margin-bottom: -2px; /* overlap panel top border */
}

/* TAB BUTTONS */
.elementor-10387 .elementor-element.elementor-element-3578f2f .e-n-tab-title {
  border: 2px solid #333;
  border-bottom: none;
  background: #e9e7e4;
  margin-right: -2px;
  padding: 14px 28px;
  position: relative;
  z-index: 2;
}

/* ACTIVE TAB */
.elementor-10387 .elementor-element.elementor-element-3578f2f .e-n-tab-title[aria-selected="true"] {
  background: #fff;
  z-index: 3;
}/* End custom CSS */