/* CV CSS Theme 
 *
 * The following CSS can be applied to any form 
 * The hashtag (#) elements listed below are the unique ID values of some of the main components within a form
 * The dot (.) elements listed below are classes that can potentially be applied to multiple elements within a form
 *
 * 
 *
 * Page elements. Leave Page classes empty if theme should apply for embeded form
 *
 */

 * {
    font-family: "Open Sans",sans-serif;
 }
 
 /* Page Html Body */
 body  {
   background-color: #F0F0F0 !important;
 }
 
  
 /* 
 *
 *     Form Elements 
 *
 */
 
 /* Styling for the sections of the form */
 .well {
   background-color: #F0F0F0 !important;
 }
 
 .cv_genform_content select.form-control {
   min-width: fit-content;
 }
 
 /* Form submit button */
 #cvf_submit {
   border-radius: 0;
 }
 
 
 /**
  * The next three styling elements are for the donation amounts:
  * The default state, the active (selected) state, and the hover state
  */
 .btn {
  clip-path: none;
}

.cv_genform_content .btn-default {

  color: #0B75B7;
}

 /* Form toggle selector each toggle button */
 .btn-group label.btn-primary {    
  border-radius: 0;
  background-color:  #0B75B7;
  
 }

 .btn-group label.btn-primary.active {  
    background-color:  #0D85CA !important;
}

/* remove bullets from "steps" button*/
.cv_genform_content .wzstepsinfonpanel ul li:before {
  content: '';
}

.cv_genform_content input[type="checkbox"] {
  width: auto;
}

/* let inputs, select expand the width */
.interLabelAboveInput input,
.interLabelAboveInput select {
  max-width: none;
}
 
 label#cvfctrl294{
   color: #0B75B7 !important;
 }
 
.cv_genform_content .wzstepsinfonpanel ul li {
  color: #474747;
}

.cv_genform_content .wzstepsinfonpanel ul li.hoveritem {
  background-color: #ffffff;
  color: #474747;
}

 /* 
 *
 *    Form Wizard Elements
 *
 */
 
 /* Wizard Buttons */
 .wzstepsinfonpanel {
   margin-top: 2rem;
 }
 
 /* remove the bullets from Your Gift tabs: */
 .accordion-section-block ul li:before, .field--type-text-with-summary ul li:before {
   content: none;
 }
 
 /* Wizard Back and Next Buttons */
 .actWizardSwitchStep {
   border-radius: 0;
 }
 
 .cv_genform_content .actWizardSwitchStep, 
 #cvf_submit  {
   border-radius: 0;
   background-color: #ffffff !important;
   color:  #0B75B7;
   border-color:  #0B75B7;
 }
 
.cv_genform_content .btn-default:active, .cv_genform_content .btn-default.active, .cv_genform_content .open > .dropdown-toggle.btn-default,
.cv_genform_content .btn-default:focus, .cv_genform_content .btn-default.focus,
.cv_genform_content .btn-default:active:focus,
.cv_genform_content .actWizardSwitchStep:hover, 
 #cvf_submit:hover {
   border-radius: 0;
   background-color: #0B75B7 !important;
   color: #ffffff;
   border-color: #0B75B7;
 }

/* Luis: set the border color for the form input boxes to the same pink as the asterisk for required */
.cv_genform_content .has-error .form-control {
  border-color: #ff0066;
}

/* Luis: set the error messages color to the same pink as the asterisk for required */
.cv_genform_content .error-message {
  color: #ff0066;
}
/* modal error text */
.cv_genform_m .modal-title {
  color: #ff0066;
}