/* 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-face {
    font-family: 'brandon_grotesquemedium';
    src: url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_med-webfont.eot');
    src: url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_med-webfont.woff') format('woff'),
        url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_med-webfont.ttf') format('truetype'),
        url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_bld-webfont.eot');
    src: url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_bld-webfont.woff') format('woff'),
        url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_bld-webfont.ttf') format('truetype'),
        url('https://s3.amazonaws.com/cfh-web/breakeven/fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}


.cv_genform_content * {
    font-family: 'brandon_grotesquemedium', 'Helvetica', Arial, sans-serif;
}

/* 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'] {}

/* Page form element wrapper */
.cv_genform_content {
    clear: left;
}

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

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

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


/* 
*
*     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 {
    display: none;
}

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

/* Styling for the sections of the form */
.cv_genform_content .well {
    background: #f7f6f0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* Form Label */
.control-label {
    font-family: 'brandon_grotesquemedium', 'Helvetica', Arial, sans-serif;
    color: #26353c;
    font-size: 17px;
    font-weight: bold;
}

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

.form-control {
    font-family: 'brandon_grotesquemedium', 'Helvetica', Arial, sans-serif !important;
}

/* Form textbox inputs */
input[type='text'].form-control {
    border: 1px solid #959595;
}

/* Form drop down inputs */
select.form-control {
    border: 1px solid #959595 !important;
}

/* Form submit button */
#cvf_submit,
label.btn.btn-primary {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    font-family: 'brandon_grotesquebold', 'Helvetica', Arial, sans-serif;
    text-decoration: none;
    text-align: center;
    position: relative;
    height: 42px;
    line-height: 42px;
    text-shadow: 1px 1px 1px rgba(49, 49, 49, .24);
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    background-clip: padding-box;
    -webkit-transition: background 100ms ease-in;
    -moz-transition: background 100ms ease-in;
    -o-transition: background 100ms ease-in;
    transition: background 100ms ease-in;
    background: #4b626e;
    border: none;
    box-shadow: none !important;
    padding: 0 35px !important;
    outline: none;
}


/**
 * The next three styling elements are for the donation amounts:
 * The default state, the active (selected) state, and the hover state
 */
.btn-group {}

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

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

/* 
*
*    Form Wizard Elements
*
*/

/* Wizard Buttons */
.wzstepsinfonpanel ul li {}

/* Enabled Step Button */
.wzstepsinfonpanel ul li.stepenabled {}

/* Current Step Button */
.wzstepsinfonpanel ul li.stepcurrent {}

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

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

#cv_genform {
    background-color: transparent;
}

#cv_genform .container-fluid {
    padding: 0;
    margin-top: 20px;
}

.cv_genform_content .btn-toolbar .btn {
    font-family: 'brandon_grotesquebold', 'Helvetica', Arial, sans-serif;
    border-radius: 50px !important;
    margin-right: 20px;
}

/* Donate other amount input */
#cvfctrl233 {
    margin-bottom: 20px !important;
}

#cvfctrl203 select,
.short-center-input {
    /* max-width: 200px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important; */
}

.cv_genform_content div.interLabelAboveInput span.ccnumbertxt {
    top: 37px;
}

.btn-toolbar.col-sm-12.interLabelAboveInput.select-amount {
    margin-left: -20px;
}

.cv_genform_content .btn-default {
    border-color: #959595;
}

.ccnumbertxt-event + span.ccnumbertxt {
    top: 42px !important;
}

.cv_genform_content .btn-primary:active,
.cv_genform_content .btn-primary.active,
.cv_genform_content .open>.dropdown-toggle.btn-primary,
.cv_genform_m .btn-primary:active,
.cv_genform_m .btn-primary.active,
.cv_genform_m .open>.dropdown-toggle.btn-primary,
.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,
.cv_genform_content .btn-primary:hover,
.cv_genform_m .btn-primary:hover,
.cv_genform_content #cvf_submit:hover {
    background-color: #007cba !important;
    border-color: #007cba !important;
}

.cv_genform_content .well,
.cv_genform_content .alert,
.cv_genform_content .form-section,
.cv_genform_content .wzstepbuttonpanel,
.cv_genform_content .wzstepsinfonpanel,
.cv_genform_content .wzstepdescription,
.cv_genform_content .submit-button-container {
    max-width: 1344px;
}