/* Causeview Default v1
 * August 2022
 *
 * 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 embedded form.
 * Large Buttons = Add "btn-large" to Amount Button Group
 */

@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,900);

:root {
    --amt-btn-color: white;
    --amt-btn-font-color: #888B8D;

    --amt-btn-color_active: #00AFD7;
    --amt-btn-font-color_active: white;
        
    --amt-btn-color_hover: #00AFD7;
    --amt-btn-font-color_hover: white;
    
    --header-font: 'Arial', sans-serif;
    --main-font: '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 {}


/* 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 {
    font-family: 'Montserrat', sans-serif;
}


/* Styling for the container of the form header */

.cv_genform_content .page-header {
    font-family: var(--header-font);
}


/* Styling for the text within the form header */

.cv_genform_content .page-header h2 {
    font-family: var(--header-font);
    font-size: 12px;
    font-weight: 400;
}


/* Styling for the sections of the form */

.well {
    background-color: #fff !important;
}


/* Form Label */

.control-label {}


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

.required::after {}


/* Form textbox inputs */

input[type='text'].form-control {}


/* Form drop down inputs */

select.form-control {}


/* Form submit button */

.submit-button-container {
    background-color: rgba(255, 255, 255, 0.69);
}

#cvf_submit {
    padding: 2rem;
    font-size: 1.5rem;
    height: 6rem;
    font-weight: 400;
}

/**
     * The next three styling elements are for the donation amounts:
     * The default state, the active (selected) state, and the hover state
     */


/* donation amounts large button */

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-small{
    padding-right: 5px;
}

.btn-small:last-child {
    padding-right: 0
}

.btn-small .btn {
    border-radius: 4px !important;
    font-size: 12px;
    font-weight: 400;
    color: #888B8D;
    min-height: 40px;
    line-height: 40px;
    padding: 6px 6px
}

.btn-large {
    padding-right: 10px;
    margin-bottom:25px;
}

.btn-large:last-child {
    padding-right: 0
}

.btn-large .btn {
    border-radius: 4px !important;
    font-size: 12px;
    font-weight: 400;
    color: #888B8D;
    min-height: 40px;
    line-height: 40px;
    padding: 6px 6px
}

@media screen and (min-width: 768px) {
    .btn-small .btn {
        font-size: 12px;
        font-weight: 400;
        min-height: 40px;
        line-height: 40px;
        padding: 6px 6px
    }

    .btn-large .btn {
        font-size: 12px;
        font-weight: 400;
        min-height: 40px;
        line-height: 40px;
        padding: 6px 6px
    }
}

/* Form toggle selector each toggle button */

.btn-group label.btn-primary {
    color: var(--amt-btn-font-color) !important;
    background-color: var(--amt-btn-color) !important;
    border-color: #ccc;
}

/* Form toggle selected toggle button. Use !important to override regular toggle button properties */

.btn-group label.active {
    color: var(--amt-btn-font-color_active) !important;
    background-color: var(--amt-btn-color_active) !important;
    border-color: var(--amt-btn-color_active) !important;
}

label.btn.btn-primary:active {
    outline: none !important; 
    background-color: var(--amt-btn-color_hover) !important;
}

label.btn.btn-primary:focus {
    outline: none !important;    
    background-color: var(--amt-btn-color_active) !important;
}

label.btn.btn-primary:hover {
    color: var(--amt-btn-font-color_hover) !important;
    background-color: var(--amt-btn-color_hover) !important;
    border-color: #adadad;
}

.cv_genform_content .btn.focus, .cv_genform_content .btn.active.focus {
    outline: none !important;
}

.btn-group.btn-group-responsive {
    display: flex;
    justify-content: space-around;
    width: 100%
}

label.btn.btn-primary {
    width: 100%;
    margin: 0 15px;
}

label.btn.btn-primasdsdry {
    text-indent: -2000rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzQyLjQ5IDE4OC4zMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7ZmlsbDojMDAzMDg3O30uY2xzLTR7ZmlsbDojMDA5Y2RlO30uY2xzLTV7ZmlsbDojMDEyMTY5O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI3NDIuNDMiIGhlaWdodD0iMTg4LjQ2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPkFzc2V0IDE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMzUuODksMTQuMkMxMjcuMTcsNC4yNiwxMTEuNCwwLDkxLjI0LDBIMzIuNzFhOC4zOCw4LjM4LDAsMCwwLTguMjgsNy4wN0wuMDcsMTYxLjY0YTUsNSwwLDAsMCw1LDUuOEg0MS4xNmw5LjA4LTU3LjU2LS4yOCwxLjhhOC4zNiw4LjM2LDAsMCwxLDguMjQtNy4wN0g3NS4zN2MzMy43MywwLDYwLjE1LTEzLjcsNjcuODYtNTMuMzMuMjMtMS4xNy40My0yLjMxLjYtMy40MywyLjI5LTE0LjY1LDAtMjQuNjItNy45NC0zMy42NCIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik01NzguMjIsODcuNzVjLTIuMjEsMTQuNS0xMy4yOCwxNC41LTI0LDE0LjVoLTYuMWw0LjI4LTI3LjA3YTMuMzYsMy4zNiwwLDAsMSwzLjMyLTIuODRoMi44YzcuMjksMCwxNC4xOCwwLDE3LjczLDQuMTUsMi4xMiwyLjQ4LDIuNzYsNi4xNywyLDExLjI2bS00LjY2LTM3Ljg0SDUzMy4xNWE1LjYzLDUuNjMsMCwwLDAtNS41NSw0Ljc0bC0xNi4zMiwxMDMuNmEzLjM2LDMuMzYsMCwwLDAsMy4zMiwzLjg5aDIwLjczYTMuOTMsMy45MywwLDAsMCwzLjg4LTMuMzFsNC42NC0yOS4zOGE1LjYxLDUuNjEsMCwwLDEsNS41NC00Ljc0aDEyLjc5YzI2LjYyLDAsNDItMTIuODgsNDYtMzguNDEsMS44MS0xMS4xNi4wOC0xOS45My01LjE1LTI2LjA3LTUuNzQtNi43NS0xNS45My0xMC4zMi0yOS40NS0xMC4zMiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI5MCw4Ny43NWMtMi4yMSwxNC41LTEzLjI4LDE0LjUtMjQsMTQuNUgyNjBsNC4yNy0yNy4wN2EzLjM3LDMuMzcsMCwwLDEsMy4zMy0yLjg0aDIuNzljNy4zLDAsMTQuMTgsMCwxNy43NCw0LjE1LDIuMTIsMi40OCwyLjc2LDYuMTcsMiwxMS4yNm0tNC42Ni0zNy44NEgyNDVhNS42MSw1LjYxLDAsMCwwLTUuNTQsNC43NEwyMjMuMSwxNTguMjVhMy4zNiwzLjM2LDAsMCwwLDMuMzIsMy44OWgxOS4yOWE1LjYzLDUuNjMsMCwwLDAsNS41NS00Ljc0bDQuNDEtMjhhNS42MSw1LjYxLDAsMCwxLDUuNTQtNC43NEgyNzRjMjYuNjIsMCw0Mi0xMi44OCw0Ni0zOC40MSwxLjgxLTExLjE2LjA4LTE5LjkzLTUuMTUtMjYuMDctNS43NC02Ljc1LTE1LjkzLTEwLjMyLTI5LjQ1LTEwLjMybTkzLjgsNzVhMjEuNTcsMjEuNTcsMCwwLDEtMjEuODQsMTguNDdjLTUuNiwwLTEwLjEtMS44LTEzLTUuMjJzLTMuOTQtOC4yMi0zLTEzLjU5QTIxLjY1LDIxLjY1LDAsMCwxLDM2MywxMDZjNS41LDAsOS45NSwxLjgzLDEyLjksNS4yOFMzODAsMTE5LjYsMzc5LjE4LDEyNW0yNy0zNy42N0gzODYuOGEzLjM3LDMuMzcsMCwwLDAtMy4zMywyLjg1bC0uODUsNS40MS0xLjM1LTJjLTQuMTktNi4wOC0xMy41My04LjEyLTIyLjg2LTguMTItMjEuMzcsMC0zOS42MywxNi4yLTQzLjE4LDM4LjkyLTEuODUsMTEuMzQuNzcsMjIuMTcsNy4yLDI5LjczLDUuOSw2Ljk0LDE0LjMzLDkuODMsMjQuMzcsOS44M2EzNywzNywwLDAsMCwyNi43OC0xMS4wNmwtLjg2LDUuMzdhMy4zNSwzLjM1LDAsMCwwLC43NiwyLjcyLDMuMzksMy4zOSwwLDAsMCwyLjU3LDEuMThoMTcuNDJhNS42MSw1LjYxLDAsMCwwLDUuNTQtNC43NGwxMC40Ni02Ni4yM2EzLjMyLDMuMzIsMCwwLDAtLjc3LTIuNzIsMy4zOCwzLjM4LDAsMCwwLTIuNTYtMS4xNyIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTY2Ny4zNiwxMjVhMjEuNTcsMjEuNTcsMCwwLDEtMjEuODMsMTguNDdjLTUuNjIsMC0xMC4xMS0xLjgtMTMtNS4yMnMtMy45NC04LjIyLTMtMTMuNTlBMjEuNjQsMjEuNjQsMCwwLDEsNjUxLjE4LDEwNmM1LjUsMCwxMCwxLjgzLDEyLjksNS4yOHM0LjEzLDguMzMsMy4yOCwxMy42OG0yNy0zNy42N0g2NzVhMy4zNywzLjM3LDAsMCwwLTMuMzMsMi44NWwtLjg1LDUuNDEtMS4zNS0yYy00LjE5LTYuMDgtMTMuNTMtOC4xMi0yMi44Ni04LjEyLTIxLjM2LDAtMzkuNjIsMTYuMi00My4xOCwzOC45Mi0xLjg1LDExLjM0Ljc4LDIyLjE3LDcuMjEsMjkuNzMsNS45LDYuOTQsMTQuMzIsOS44MywyNC4zNiw5LjgzYTM3LDM3LDAsMCwwLDI2Ljc5LTExLjA2bC0uODYsNS4zN2EzLjM2LDMuMzYsMCwwLDAsMy4zMiwzLjloMTcuNDFhNS42Miw1LjYyLDAsMCwwLDUuNTUtNC43NGwxMC40Ni02Ni4yM2EzLjMyLDMuMzIsMCwwLDAtLjc3LTIuNzIsMy4zOCwzLjM4LDAsMCwwLTIuNTYtMS4xNyIvPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNTA5LjE5LDg3LjI5SDQ4OS43NGE1LjYxLDUuNjEsMCwwLDAtNC42NCwyLjQ2bC0yNi44MiwzOS41MS0xMS4zOC0zOGE1LjY0LDUuNjQsMCwwLDAtNS4zOC00SDQyMi40MWEzLjM3LDMuMzcsMCwwLDAtMy4xOSw0LjQ2bDIxLjQxLDYyLjg2TDQyMC40OSwxODNhMy4zNywzLjM3LDAsMCwwLDIuNzUsNS4zMWgxOS40M2E1LjYxLDUuNjEsMCwwLDAsNC42MS0yLjQxTDUxMiw5Mi41OGEzLjM3LDMuMzcsMCwwLDAtMi43Ni01LjI5Ii8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNNzE3LjEzLDUyLjc2LDcwMC41NCwxNTguMjVhMy4zNywzLjM3LDAsMCwwLDMuMzMsMy45aDE2LjY4YTUuNjEsNS42MSwwLDAsMCw1LjU0LTQuNzRMNzQyLjQ1LDUzLjhhMy4zNywzLjM3LDAsMCwwLTMuMzMtMy44OUg3MjAuNDZhMy4zNiwzLjM2LDAsMCwwLTMuMzMsMi44NSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzNS44OSwxNC4yQzEyNy4xNyw0LjI2LDExMS40LDAsOTEuMjQsMEgzMi43MWE4LjM4LDguMzgsMCwwLDAtOC4yOCw3LjA3TC4wNywxNjEuNjRhNSw1LDAsMCwwLDUsNS44SDQxLjE2bDkuMDgtNTcuNTYtLjI4LDEuOGE4LjM2LDguMzYsMCwwLDEsOC4yNC03LjA3SDc1LjM3YzMzLjczLDAsNjAuMTUtMTMuNyw2Ny44Ni01My4zMy4yMy0xLjE3LjQzLTIuMzEuNi0zLjQzLDIuMjktMTQuNjUsMC0yNC42Mi03Ljk0LTMzLjY0Ii8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNjAsNDguMDVhNy4zNiw3LjM2LDAsMCwxLDcuMjQtNi4xOWg0NS44OUE5Ni4zOCw5Ni4zOCwwLDAsMSwxMjguMjQsNDNhNjIuNDEsNjIuNDEsMCwwLDEsNy41LDEuNjcsNDEuNzcsNDEuNzcsMCwwLDEsOC4wOCwzLjIyYzIuMy0xNC42NSwwLTI0LjYyLTcuOTMtMzMuNjVDMTI3LjE2LDQuMjcsMTExLjQsMCw5MS4yNCwwSDMyLjdhOC4zNyw4LjM3LDAsMCwwLTguMjcsNy4wNkwuMDYsMTYxLjYzYTUsNSwwLDAsMCw1LDUuOEg0MS4xNmw5LjA3LTU3LjU2WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik0xNDMuODIsNDcuODVjLS4xNywxLjE0LS4zNywyLjI5LS41OSwzLjQzLTcuNzIsMzkuNjItMzQuMTMsNTMuMzMtNjcuODYsNTMuMzNINTguMTlBOC4zNCw4LjM0LDAsMCwwLDUwLDExMS42OGwtOC43OSw1NS43NS0yLjUsMTUuODFBNC40LDQuNCwwLDAsMCw0MywxODguMzNINzMuNDZhNy4zNCw3LjM0LDAsMCwwLDcuMjQtNi4xOWwuMjktMS41NSw1Ljc1LTM2LjM4LjM2LTJBNy4zMiw3LjMyLDAsMCwxLDk0LjM0LDEzNkg5OC45YzI5LjUsMCw1Mi42MS0xMiw1OS4zNi00Ni42NiwyLjgxLTE0LjQ4LDEuMzUtMjYuNTgtNi4xLTM1LjA4YTI5LjA3LDI5LjA3LDAsMCwwLTguMzQtNi40MyIvPjxwYXRoIGNsYXNzPSJjbHMtNSIgZD0iTTEzNS43NSw0NC42M2MtMS4xOC0uMzUtMi40LS42Ni0zLjY1LS45M3MtMi41NC0uNTItMy44Ni0uNzNhOTQuMTEsOTQuMTEsMCwwLDAtMTUuMTQtMS4xMUg2Ny4yMkE3LjMxLDcuMzEsMCwwLDAsNjAsNDguMDVsLTkuNzUsNjEuODMtLjI4LDEuOGE4LjM0LDguMzQsMCwwLDEsOC4yNC03LjA3SDc1LjM3YzMzLjczLDAsNjAuMTQtMTMuNyw2Ny44Ni01My4zMy4yMi0xLjE4LjQyLTIuMzEuNTktMy40M2E0MS41NSw0MS41NSwwLDAsMC02LjM0LTIuNjhjLS41Ny0uMTktMS4xNS0uMzYtMS43My0uNTQiLz48L2c+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: center;
}

/* Form input with an active error message */

.has-error input,
.has-error select {}


/* Form input error message text */

.error-message {}


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

@media only screen and (min-width: 585px) {
  /* match the exact selector and reset */
  .region-content .form-group button,
  .bs-region    .form-group button {
    margin: 0 !important;
  }
}

  .region-content button,
  .bs-region    button,
  .region-content input[type="submit"],
  .bs-region    input[type="submit"] {
    width: initial !important;
    /* or width: auto !important; */
  }

    .cv_genform_content .form-horizontal .control-label {
        text-align: left;
    }