/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid #ededed;
  border-radius: 4px;
  background-color: white;

  /*box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;*/
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

canvas {
  display: block;
  position: absolute;
  z-index: 10000;
  pointer-events: none;
}

.topbar{
  background-color: #73000a;
}

.btn-primary {
  background-color: #73000a;
}

.progress .progress-value {
  border: 7px solid #73000a;
  color: #73000a;
}

a {
    color: #73000a;
}

.text-primary {
  color: #73000a !important;
}

.item-bg-one {
    background-image: url(../images/usc/torah4.jpg?2);
}