{# Donate form styles #}

.donate-form-container {
  display: block;
  margin: 0 auto;
}

.donate-form-container.instapage-micro-a {
  background-color: #fff !important;
  padding: 10px;
  border-radius: 10px;
}

@media screen and (max-width: 640px) {
  .donate-form-container.instapage-micro-a {
    padding: 10px!important;
  }
}

/* ??? */
.bErYRB, .cIBTPx  {
  background: #fff!important;
  color: #000!important;
}

/* ??? */
.idxWzr > button {   
  color: #000!important; 
}

/* Frequency hover */
.bErYRB.bErYRB:hover, .gyZrtI.gyZrtI:hover {
  background: var(--hover-color)!important;
  color:  var(--hover-text)!important;
  border: 1px solid #ccc!important;
}

.bErYRB.bErYRB:focus, .gyZrtI.gyZrtI:focus  {
  background: var(--focus-color) !important;
  border: 1px solid #000!important;
}


/* Frequency selected */
.bErYRB.bErYRB {
  background: var(--freq-color) !important;
  color: var(--freq-text) !important;
  border: 1px solid #000!important;
}

/* Frequency not selected */
.gyZrtI.gyZrtI {

  background: #f2f2f2 !important;
  border: 1px solid #fff!important;

}


/* Main donate button */

button.BaseButton-kue40r-0.cIBTPx {
  background-color: var(--focus-color) !important;
  color: var(--focus-text) !important;
  text-transform: uppercase;
}

/* Main donate button hover */

button.BaseButton-kue40r-0.cIBTPx:hover {
  background-color: var(--hover-color) !important;
  color:var(--hover-text) !important;
}

/* Lock icon */
.fyIoGS {
  fill: var(--focus-text) !important;
}

.fyIoGS:hover {
  fill: var(--hover-text) !important;
}


/* Hover Dollar amounts */

.fuAPmY:hover, .fuAPmY:focus, .daoztD:hover, .daoztD:focus {
  background: var(--hover-color) !important;
  color: var(--hover-text) !important;
}

/* Focused Dollar amounts */
.daoztD:hover, .daoztD:focus
background: var(--focus-color) !important;
color: var(--focus-text) !important;


/* End donate form */