.elementor-3519 .elementor-element.elementor-element-6225c15 > .elementor-background-overlay{background-image:url("https://ti-dox.ca/wp-content/uploads/2022/07/main-header-bg.webp");background-repeat:no-repeat;background-size:cover;opacity:1;}.elementor-3519 .elementor-element.elementor-element-6225c15{border-style:solid;border-width:0px 0px 15px 0px;border-color:var( --e-global-color-primary );padding:2rem 0rem 1rem 0rem;}.elementor-3519 .elementor-element.elementor-element-6225c15, .elementor-3519 .elementor-element.elementor-element-6225c15 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3519 .elementor-element.elementor-element-f91fdce{text-align:center;}.elementor-3519 .elementor-element.elementor-element-e06253a{--display:flex;--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;--padding-top:2rem;--padding-bottom:1rem;--padding-left:0rem;--padding-right:0rem;}.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-3519 .elementor-element.elementor-element-d00ec5d > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-3519 .elementor-element.elementor-element-d00ec5d{text-align:center;}.elementor-3519 .elementor-element.elementor-element-d00ec5d .elementor-heading-title{font-family:"Verdana", Sans-serif;font-weight:600;color:#440099;}.elementor-3519 .elementor-element.elementor-element-f6d4398{--display:flex;--padding-top:0rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}:root{--page-title-display:none;}/* Start custom CSS *//* Wrap the whole form in Verdana and semi-bold text */
#pay-invoice-form,
#pay-invoice-form label,
#pay-invoice-form input,
#pay-invoice-form button,
#payment-errors {
  font-family: Verdana, Geneva, sans-serif;
  color: #440099;
  font-weight: 600; /* semi-bold / medium */
}

/* Basic form layout spacing */
#pay-invoice-form {
  max-width: 400px;
  margin: 20px auto;
  padding: 20px;
  border: 2px solid #440099;
  border-radius: 6px;
  background-color: #ffffff /* very light purple tint */
}

/* Labels slightly smaller than inputs but still semi-bold */
#pay-invoice-form label {
  font-size: 14px;
  margin-bottom: 4px;
  display: inline-block;
}

/* Text + number inputs */
#pay-invoice-form input[type="text"],
#pay-invoice-form input[type="number"] {
  width: 100%;
  padding: 8px;
  margin-top: 4px;
  margin-bottom: 12px;
  border: 2px solid #440099;
  border-radius: `10px;
  box-sizing: border-box;
  font-size: 14px;
}

/* Bambora card field containers */
#card-number,
#card-expiry,
#card-cvv {
  border: 2px solid #440099;
  padding: 8px;
  border-radius: 4px;
  margin-top: 4px;
  margin-bottom: 12px;
  font-size: 14px;
}

/* Submit button */
#pay-invoice-form button[type="submit"] {
  background-color: #440099;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600; /* semi-bold button text */
  cursor: pointer;
}

/* Button hover state */
#pay-invoice-form button[type="submit"]:hover {
  background-color: #5c33b3; /* slightly lighter variation */
}

/* Error text (keep it red but still semi-bold) */
#payment-errors {
  color: #cc0000;
  font-size: 13px;
  font-weight: 600;
}
/* Center the submit button */
#pay-invoice-form {
  text-align: center; /* this centers inline elements like the button */
}

/* Submit button */
#pay-invoice-form button[type="submit"] {
  background-color: #440099;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block; /* ensure it can be centered by text-align */
}/* End custom CSS */