/* center and slim civi form on frontend pages */
#crm-container {
  max-width: 1000px;
  margin: 0 auto;
}

/* change radio inputs to buttons */
/* hide this way not display none so they are still navigable by keyboard */
#priceset .contribution_amount-content {
  display: flex;
  flex-wrap: wrap;
}

#priceset input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

#priceset .price-set-row label {
    display: inline-block;
    background-color: #011343;
    color: #fff!important;
    padding: 10px 20px;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px;
}

#crm-container.crm-public .price-set-row .crm-price-amount-amount {
  color: #fff;
}

#priceset input[type="radio"]:checked + label {
    background-color:#098597;
    color: #fff!important;
}

#priceset input[type="radio"]:focus + label {
    border: 2px dashed #444;
    color: #fff!important;
}

#priceset label:hover {
  background-color: #098597;
  color: #fff!important;
}

/* align select2 text correctly */
.select2-chosen {
  line-height: 135%!important;
}

/* make text and select2 input boxes the same length */
input[type="text"] {
  width: 387px!important;
}

.select2-container {
  width: 400px!important;
}