/* New CSS */
@media (min-width: 41.25em) {
    /** Background Image or Pattern **/
    html {
        background: url("https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10036/capitol_2.jpg?v=1547577873000") repeat center center fixed;
    }
}
@font-face {
    font-family: PilcrowSoft-Medium;
    src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10036/PilcrowSoft-Medium-webfont.ttf?v=1535392782000), url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10036/PilcrowSoft-Medium-webfont.eot?v=1535471629000), url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10036/PilcrowSoft-Medium-webfont.otf?v=1535471627000), url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10036/PilcrowSoft-Medium-webfont.svg?v=1535471625000), url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10036/PilcrowSoft-Medium-webfont.woff?v=1535471621000), url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10036/PilcrowSoft-Medium-webfont.woff2?v=1535471620000);
}
body {
    background-color: initial;
}
/** Align page to left **/

#main-content-wrapper {
    float: left;
}
/** Red * for Mandatory Fields **/

.en__mandatory label.en__field__label:not(.en__field__label--item)::after {
    content: "*";
    color: red;
}
/** STYLES and COLORS **/

#main-content .en__submit button {
    background: #dd061a;
}
/** Disable this to align page to center **/

#main-content-wrapper {
    margin: initial;
}
#main-content {
    font-family: 'Roboto', sans-serif;
    color: inherit;
}
#main-content h1 {
    font-family: PilcrowSoft-Medium;
    color: #000000;
    font-size: 35px;
    font-weight: normal;
}
#main-content h2 {
    font-family: PilcrowSoft-Medium;
    color: #000000;
    font-size: 26px;
}
#main-content h3 {
    font-family: PilcrowSoft-Medium;
}
#main-content a {
    color: #dd061a;
}
#main-content-inner .en__field__input--radio:checked+.en__field__label:before, #main-content-inner .en__field__input--checkbox:checked+.en__field__label:before {
    border-color: #dd061a;
    background-color: #dd061a;
}
.en__hidden {
    display: none !important;
}
/* RECURRING DONATION - changing to buttons */

/*change the color of the recurring label */

.en__field--recurrpay label.en__field__label.en__field__label--item {
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
    font-family: 'Roboto', sans-serif;
    padding: 0.85rem 1rem;
    -webkit-appearance: none;
    border-radius: 30px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    color: #4a4f55;
    border: 1px solid #a6a6a6;
}
/* change the hover or active behavior of the recurring label */

.en__field--recurrpay label.en__field__label.en__field__label--item:hover, .en__field--recurrpay input[type='radio']:checked+label {
    background-color: #d2252b;
    color: #ffffff;
    border: 1px solid transparent;
}
/* remove the radio button */

.en__field--recurrpay .en__field__label:before {
    display: none !important;
}
.en__field--recurrpay .en__field__input--radio+.en__field__label {
    margin-left: 0px !important;
    margin: 0 auto;
}
/*Split to 2 buttons */

.en__field--recurrpay {
    display: block;
}
@media (min-width: 41.25em) {
    #main-content .en__field--recurrpay .en__field__item {
        width: 49% !important;
    }
}
/* DONATION AMOUNTS - changing to buttons */

/* change the color of the donation amount label */

.en__field--donationAmt label.en__field__label.en__field__label--item {
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
    font-family: 'Roboto', sans-serif;
    padding: 0.85rem 1rem;
    -webkit-appearance: none;
    border-radius: 30px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    color: #4a4f55;
    border: 1px solid #a6a6a6;
}
/* change the hover or active behavior of the donation amount label */

.en__field--donationAmt label.en__field__label.en__field__label--item:hover, .en__field--donationAmt input[type='radio']:checked+label {
    background-color: #d2252b;
    border: 1px solid transparent;
    color: #fefefe;
}
/* remove the radio button */

.en__field--donationAmt .en__field__label:before {
    display: none !important;
}
.en__field--donationAmt .en__field__input--radio+.en__field__label {
    margin-left: 0px !important;
    margin-right: .5em;
}
/*Split to 3 buttons */

@media (min-width: 41.25em) {
    #main-content .en__field--donationAmt .en__field__item {
        width: 32.5%;
    }
}
.en__field__item--hidden {
    width: 32.5%;
}
/* Adding Other to the label */

.en__field__item--other-radio label.en__field__label.en__field__label--item:after {
    content: "Other";
}
/* Updating textarea height */

#main-content textarea {
    height: 5rem !important;
}
/* Hides Recurring Pay label */

.en__field--recurrpay label.en__field__label {
    display: none;
}
/* Fixes the error alert for donation amount */

#main-content .en__field--donationAmt .en__field__error {
    top: -0.5rem !important;
    position: relative !important;
}
/* Add red star for required */

.en__mandatory label.en__field__label:not(.en__field__label--item)::after {
    content: "*";
    color: red;
}
/*Update the submit button color to red */

#main-content button {
    background-color: #d2252b;
}
#main-content button:hover, #main-content button:focus {
    background-color: #d2252b;
}
#main-content .en__field__input--radio:checked+.en__field__label:before, #main-content .en__field__input--checkbox:checked+.en__field__label:before {
    border-color: #d2252b;
    background-color: #d2252b;
}
#main-content .en__field__input--checkbox:checked+.en__field__label:before {
    border-color: #d2252b;
    background-color: #d2252b;
}
.en__hidden {
    display: none !important;
}
#main-content .en__component .en__field__error {
    position: relative;
}
.en__field--donationAmt .en__field__input--other {
    background-image: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10036/dollar-sign.png?v=1542217169000);
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #0a96e5;
    font-weight: 700;
    padding: 12px 10px 10px 40px!important;
    margin-left: 0px!important;
    width: 100%!important;
    background-color: #ffffff;
    border: solid 1px #ee5100;
    font-size: 1em;
    border-radius: 30px;
}