/*ul.stepper .step.active div::before, ul.stepper .step.done div::before {
    background-color: #FF0000 !important;
}*/

@media only screen and (min-width: 993px){
  ul.stepper.horizontal {
    min-height: 85px !important;
  }
}


/* Materialize Drop-down stuff */

/* .select-wrapper input.select-dropdown {
  font-size: 2em;
  margin: .5em;
} */

.grecaptcha-badge{
    visibility: hidden;
}

.g-recaptcha-bubble-arrow + div:not(.g-recaptcha-bubble-arrow) {
    overflow-y: scroll;
    height: 90vh !important;
}

#recap {
  position: absolute;
  bottom: 0;
  right: 0;
}
#existingCard input {
  font-size: x-large;
}
/*#rc-imageselect, .grecaptcha-logo {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}*/

.hide {
  display: none;
}

ul.stepper.horizontal {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.title {
  font-size:xx-large;
}
/*#left {

  #01B9E3//UCB canada
  background-color: rgba(255,0,0,.1);
}

#right {
  background-color: rgba(0,255,255,.1);
}*/

.fndpanel {
  min-height: 100vh !important;
}

.confirmwrap {
  padding-bottom: 1em;
  padding-top: 0.1em;
  margin-top: 1em;
}

.confirmwrap h4 {
  padding-top: .25em;
}

.tabs .indicator {
  background-color: #462169;
}

.tabs .tab a.active, .tabs .tab a:hover {
  /*  TODO don't want to replace this with white for FL
  background-color: rgba(70, 33, 106, 0.2) !important; */
  background-color: #87ceeb !important; 
  color: black;
}

.tabs .tab a {
  color: black;
  font-size: 1rem;
}

iframe.cciFrame {
    border-width: 0px;
}

label {
  font-size: 1.5rem;
  color: inherit;
}

input::placeholder {
  font-size: 1.5rem;
}

input.fndrsnginput {
  font-size: 1.5rem !important;
}

h4#dadjokes {
    padding: 0 15%;
    text-align: left;
    font-style: italic;
}

.btn-large {
  height: 5rem;
  text-transform: capitalize;
  font-size: 2em;
}
/*
font-size: 1.5rem;
*/

.floatbetween {
    display: flex;
    justify-content: space-evenly;
}

#logo {
  max-height: 5em;
  width: 10em;
}

#ilbox {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 5em;
}

p.partnernumber {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #777;
}


#msg-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

#action-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

#topbar {
  margin-bottom: -1em;
  margin-top: 1em;
  padding-left: 1em;
}

@media only screen and (min-width: 993px){
ul.stepper.horizontal .step.active .step-title::before, ul.stepper.horizontal .step.done .step-title::before {
    background-color: #26a69a;
}
}

.modal-header {
  background-image: linear-gradient(to bottom, #a371d2, #386494);
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 50px;
  padding: 10px 15px;
  text-align: center;
}

.modal-content {
  text-align: center;
}

.modal-button {
  height: auto;
}

.modal-footer {
  height: 5rem !important;
  display: flex;
  justify-content: space-around;
  margin-bottom: 1em;
}

#msg-box{
  text-align: center;
}

.material-tooltip {
  background-color: #ff9f9f !important;
  color: black !important;
  font-size: 2rem !important;
  font-style: italic !important;
}

#donation input#amount {
  text-align: right;
}

#startpickwrap label, #startpickwrap #startpicker{
  font-size: 2em !important;
}

.row.name-auto {
    margin-top: -2em;
    font-style: italic;
    color: #386494;
}

div#optionsWrap button {
    width: 100%;
    min-width: 24em;
}
div#givingTodayrowbtns button {
  width: 30%;
  min-width: 3em;
}

.phoneInputEarly {
    font-size: 1.5rem !important;
}

img.responsive-img.checkimg {
    height: 20em;
}

/*div#optionsWrap {
    width: 100%;
    position: relative;
    left: 0;
}*/

input#fndrsng-volunteer {
    font-size: 2em;
}

textarea.fndrsng-val {
    font-size: 1.5em;
}

input#bank_account_number {
    font-size: 2em;
}

input#bank_routing_number {
    font-size: 2em;
}

.greenicon {
  color: darkgreen;
}

.promocolor {
  color: #386494;
}  /*#26A69A;*/

/* #prayerRequest {
  border: 1px solid green;
} */

.btn:hover, .btn-large:hover, .btn-small:hover {
  background-color: #462169 !important;
}

.btn, .btn-large, .btn-small {
  background-color: #386494 !important;
}

ul.stepper.horizontal .step.active .step-title::before, ul.stepper.horizontal .step.done .step-title::before {
  background-color: #386494 !important;
}

.saythis {
  background-color: #462169;
  color: white;
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  border-radius: 1.125rem 1.125rem 0 1.125rem;
  min-height: 2.25rem;
  line-height: 1.5em;
  padding-bottom: 1rem;
}

section#body {
  background-color: #eee;
}
#successHolder {
  background-color: #eee;
}
form#contact {
  margin-bottom: -4em !important;
}

button.selected {
    border: 4px solid black;
    background-color: black !important;
    /* content: "hi"; */
}

button.selected:before {
    content: "☑️ ";
}

input::placeholder {
    color: #888 !important;
    font-size: 1.25em;
}