/* 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
 *
 */

/* Page Html Body */
body {
--tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
}

/* Page overall page wrapper */
.cvpageholder {
}

/* Page top image element */
.cvpelement[data-peid='1'] {    
}

/* Page top image element */
.cvpelement[data-peid='1'] {
}

/* Page top or left text element */
.cvpelement[data-peid='2'] {
}

.cv_genform {
--tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
}

/* Page form element wrapper */
.cv_genform_content {
  width: 100%;
--tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
}

/* Page bottom image element */
.cvpelement[data-peid='4'] {
}

/* Page all image elements */
.cvpimage {
}

/* Page all text elements */
.cvptext {
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre, .cv_genform_content p {
 margin: 0;
}

/* 
*
*     Form Elements 
*
*/


/* Changes will be applied to the main container of the full donation form */
.cv_genform_content {
}

    /* Styling for the container of the form header */
    .cv_genform_content .page-header {
    }

        /* Styling for the text within the form header */
        .cv_genform_content .page-header h2 {        
        }

/* Styling for the sections of the form */
.cv_genform_content .well {
--tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    border: none;
      box-shadow: none;
      padding: 0 14px;
}

.cv_genform_content .form-horizontal .form-group {
      margin-bottom: 1.75rem;
}

.cv_genform_content .form-group, div#cvfctrl290 {
   margin-bottom: 0px;
}

/* Form Label */
.control-label {
}

/* Form required label mark. This is pseudo element shown by default as a red asterix */
.required::after {
}

.cv_genform_content .btn-toolbar>.btn-group, {
  margin-left: 0px;
}

.cv_genform_content .formViewMobilePort .control-label {
  margin-bottom: 0 !important;
}

.cv_genform_content .interLabelAbove {
   padding-bottom: 0px;
}

label.control-label.interLabelAbove {
    font-weight: 400;
}

.cv_genform_content select.form-control  {
padding: 1rem;
    line-height: 2rem;
    height: 4.2rem;
    background-position: right 1.5rem center;
    margin-bottom: 0;
  --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    border-width: 1px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;

    border-radius: 0;
   font-size: 1.15rem;
}

div#cvfctrl322 {
    margin-bottom: 0;
}

.cv_genform_content .input-group-btn:last-child>.btn, .cv_genform_content .input-group-btn:last-child>.btn-group {
height: 4.25rem;
    margin-top: 7px;
}

.hide {
  display: none;
}

div[data-cid="cvfctrl267"], input#cvfctrl267 {
  display:none;
}

label.btn.btn-primary {
    font-size: 1.15rem;
}

.cv_genform_content .formViewMobilePort .btn-group {
  margin-left: 0;
}

.form-horizontal .form-group:first-child {
    margin-top: 1rem;
    margin-bottom: 0;
}

.cv_genform_content .actWizardSwitchStep.right, .cv_genform_content .actWizardSwitchStep.left {
  margin-left: 0px;
      border-radius: 0;
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    border-width: 1px;
    background-color: white;
    color: black;
    padding: 1rem;
   font-size: 1.15rem;
}

/* Form textbox inputs */
input[type='text'].form-control {
      --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    border-width: 1px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 2rem;
    border-radius: 0;
   font-size: 1.15rem;
    line-height: 1.5rem;
}

/* Form drop down inputs */
select.form-control {
}

/* Form submit button */
#cvf_submit {
}

.cv_genform_content .col-xs-1, .cv_genform_content .col-sm-1, .cv_genform_content .col-md-1, .cv_genform_content .col-lg-1, .cv_genform_content .col-xs-2, .cv_genform_content .col-sm-2, .cv_genform_content .col-md-2, .cv_genform_content .col-lg-2, .cv_genform_content .col-xs-3, .cv_genform_content .col-sm-3, .cv_genform_content .col-md-3, .cv_genform_content .col-lg-3, .cv_genform_content .col-xs-4, .cv_genform_content .col-sm-4, .cv_genform_content .col-md-4, .cv_genform_content .col-lg-4, .cv_genform_content .col-xs-5, .cv_genform_content .col-sm-5, .cv_genform_content .col-md-5, .cv_genform_content .col-lg-5, .cv_genform_content .col-xs-6, .cv_genform_content .col-sm-6, .cv_genform_content .col-md-6, .cv_genform_content .col-lg-6, .cv_genform_content .col-xs-7, .cv_genform_content .col-sm-7, .cv_genform_content .col-md-7, .cv_genform_content .col-lg-7, .cv_genform_content .col-xs-8, .cv_genform_content .col-sm-8, .cv_genform_content .col-md-8, .cv_genform_content .col-lg-8, .cv_genform_content .col-xs-9, .cv_genform_content .col-sm-9, .cv_genform_content .col-md-9, .cv_genform_content .col-lg-9, .cv_genform_content .col-xs-10, .cv_genform_content .col-sm-10, .cv_genform_content .col-md-10, .cv_genform_content .col-lg-10, .cv_genform_content .col-xs-11, .cv_genform_content .col-sm-11, .cv_genform_content .col-md-11, .cv_genform_content .col-lg-11, .cv_genform_content .col-xs-12, .cv_genform_content .col-sm-12, .cv_genform_content .col-md-12, .cv_genform_content .col-lg-12 {

}

/**
 * The next three styling elements are for the donation amounts:
 * The default state, the active (selected) state, and the hover state
 */
.cv_genform_content .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .cv_genform_content .btn-group>.btn:last-child:not(:first-child), .cv_genform_content .btn-group>.dropdown-toggle:not(:first-child) {
  border-radius: unset;
}

@media media type and (max-width: 480px) {

div#cvfctrl227,  div#cvfctrl254, div#cvfctrl268, div#cvfctrl271, div#cvfctrl274, div#cvfctrl332, div#cvfctrl159, div#cvfctrl150 {
  display: grid;
    gap: 0 1.75rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media media type and (min-width: 481px) {
div#cvfctrl227,  div#cvfctrl254, div#cvfctrl268, div#cvfctrl271, div#cvfctrl274, div#cvfctrl332, div#cvfctrl159, div#cvfctrl150 {
  display: grid;
    gap: 0 1.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

.cv_genform_content .form-horizontal .form-group:before {
  display: none;
}

.cv_genform_content .btn-group, .cv_genform_content .btn-group-vertical, .btn-group, .wzstepbuttonpanel {
  display: grid;
    gap: 1.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}
.btn-toolbar.col-sm-12.interLabelAboveInput {
  margin-left: 0px;
}
.cv_genform_content .btn-primary, .cv_genform_m .btn-primary {
      --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    border-width: 1px;
   background-color: white;
   color: black;
    padding: 1rem;
}

/* Form toggle selector each toggle button */
.btn-group label.btn-primary {    
}

.cv_genform_content .btn-primary.active:focus, .cv_genform_content .btn-primary.active.focus {
    outline: 1px dashed #7F1D1D;
    outline-offset: 1px;
}

.btn-group label.btn-primary.active, .btn-group label.btn-primary:hover, .cv_genform_content .btn-primary:active:hover, .cv_genform_content .btn-primary.active:hover, .cv_genform_content .open>.dropdown-toggle.btn-primary:hover, .cv_genform_content .btn-primary:active:focus, .cv_genform_content .btn-primary.active:focus, .cv_genform_content .open>.dropdown-toggle.btn-primary:focus, .cv_genform_content .btn-primary:active.focus, .cv_genform_content .btn-primary.active.focus, .cv_genform_content .open>.dropdown-toggle.btn-primary.focus, .cv_genform_m .btn-primary:active:hover, .cv_genform_m .btn-primary.active:hover, .cv_genform_m .open>.dropdown-toggle.btn-primary:hover, .cv_genform_m .btn-primary:active:focus, .cv_genform_m .btn-primary.active:focus, .cv_genform_m .open>.dropdown-toggle.btn-primary:focus, .cv_genform_m .btn-primary:active.focus, .cv_genform_m .btn-primary.active.focus, .cv_genform_m .open>.dropdown-toggle.btn-primary.focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    border-width: 1px;
    padding: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

/* Form toggle selected toggle button. Use !important to override regular toggle button properties */
.btn-group label.active {
}

/* Form input with an active error message */
.has-error input, .has-error select {
}

/* Form input error message text */
.error-message {
}

/* Styling for the submit button */
#cvf_submit {
    margin-top: 1rem;
    padding: 1rem;
    width: 100%;
   border-radius: 0;
   border-color: black;
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    color: white;
}


.cv_genform_content .wzstepdescription, .cv_genform_content .wzstepsinfonpanel {
    margin-bottom: 0px;
}

.cv_genform_content .col-xs-1, .cv_genform_content .col-sm-1, .cv_genform_content .col-md-1, .cv_genform_content .col-lg-1, .cv_genform_content .col-xs-2, .cv_genform_content .col-sm-2, .cv_genform_content .col-md-2, .cv_genform_content .col-lg-2, .cv_genform_content .col-xs-3, .cv_genform_content .col-sm-3, .cv_genform_content .col-md-3, .cv_genform_content .col-lg-3, .cv_genform_content .col-xs-4, .cv_genform_content .col-sm-4, .cv_genform_content .col-md-4, .cv_genform_content .col-lg-4, .cv_genform_content .col-xs-5, .cv_genform_content .col-sm-5, .cv_genform_content .col-md-5, .cv_genform_content .col-lg-5, .cv_genform_content .col-xs-6, .cv_genform_content .col-sm-6, .cv_genform_content .col-md-6, .cv_genform_content .col-lg-6, .cv_genform_content .col-xs-7, .cv_genform_content .col-sm-7, .cv_genform_content .col-md-7, .cv_genform_content .col-lg-7, .cv_genform_content .col-xs-8, .cv_genform_content .col-sm-8, .cv_genform_content .col-md-8, .cv_genform_content .col-lg-8, .cv_genform_content .col-xs-9, .cv_genform_content .col-sm-9, .cv_genform_content .col-md-9, .cv_genform_content .col-lg-9, .cv_genform_content .col-xs-10, .cv_genform_content .col-sm-10, .cv_genform_content .col-md-10, .cv_genform_content .col-lg-10, .cv_genform_content .col-xs-11, .cv_genform_content .col-sm-11, .cv_genform_content .col-md-11, .cv_genform_content .col-lg-11, .cv_genform_content .col-xs-12, .cv_genform_content .col-sm-12, .cv_genform_content .col-md-12, .cv_genform_content .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

/* 
*
*    Form Wizard Elements
*
*/

.wzstepsinfonpanel {
  counter-reset: donation;
}

.cv_genform_content .glyphicon-ok-circle:before {
  content: "";
}

/* Wizard Buttons */
.cv_genform_content .wzstepbuttonpanel, .cv_genform_content .wzstepsinfonpanel, .cv_genform_content .wzstepdescription {
  text-align: left;
}

.cv_genform_content .wzstepsinfonpanel ul {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

.cv_genform_content .wzstepsinfonpanel ul li.hoveritem  {
    background: inherit;
}

@media (min-width: 8px) and (max-width: 10996px) {
.cv_genform_content #donation-form {
     padding-left: 0px;
     padding-right: 0px; 
}
}

.cv_genform_content .wzstepsinfonpanel ul li {
    border: none;
    margin: 0;
    padding: 0;
    min-width: inherit;
      font-weight: 700;
    --tw-text-opacity: 1;
    color: rgba(163, 163, 163, var(--tw-text-opacity));
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
}

.cv_genform_content .wzstepsinfonpanel ul:before {
    margin: 0;
}

.cv_genform_content .wzstepsinfonpanel ul li:before {
    content: counter(donation);
    counter-increment: donation;
    border-radius: 50%;
    width: 20px;
    height: 22px;
    padding: 1px 4px;
    background: #fff;
    text-align: center;
    margin-right: 2px;
    --tw-border-opacity: 1;
    display: block;
    font-size: 12px;
    border: 1px solid black;
}

    /* Enabled Step Button */
    .wzstepsinfonpanel ul li.stepenabled {
            --tw-text-opacity: 1;
            color: rgba(38, 38, 38, var(--tw-text-opacity));
    }

    /* Current Step Button */
    .cv_genform_content .wzstepsinfonpanel ul li.stepcurrent {
        background: inherit;
    }

    /* Step Button hover */
    .wzstepsinfonpanel ul li.hoveritem {
    }

/* Wizard Back and Next Buttons */
.actWizardSwitchStep {
}