/* EN hidden content label */
kbd {
    font-family: Arial, Helvetica, sans-serif;
    color: #f27420;
    font-weight:normal;
    background-color:#f6f6f6;
}
/* for multiple h3s on form */
.form_header {
    padding-top:1rem;
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, ul {
    padding:0;
}
label {
    margin: 0;
    font-weight: 400;
    line-height: 1.8;
}
.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    transition: background-color .25s ease-out,color .25s ease-out;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
ins {
    text-decoration: none;
}
/* hide default arrow */
select::-ms-expand {
    display: none;
}
select {
    min-width:68px;
    height: auto;
    margin: 0 0 1rem;
    padding: .625rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzMyJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMzIgMjQnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDMyLDAgMTYsMjQnIHN0eWxlPSdmaWxsOiByZ2IoMTM4LCAxMzgsIDEzOCknPjwvcG9seWdvbj48L3N2Zz4=);
    background-origin: content-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    transition: box-shadow .5s,border-color .25s ease-in-out;
}
.en__field__input--select {
    width:258px;
    margin-bottom:0;
}
.en__field__input--select {
    white-space: normal;
}
[type="radio"] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
}
input[type="email"],
input[type="text"] {
    width:258px; 
    height: auto;
    color: #191811;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    background-color: #FAFAFA;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    display: inline;
    float: none;
    margin: 0;
    padding: .625rem !important;
}
input[type="email"]:focus,
input[type="text"]:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out;
}
.en__field__element--vgs {
    width:258px
}
@media only screen and (max-width: 979px) {
    .en__field__element--calendar, 
    .en__field__element--checkbox, 
    .en__field__element--email, 
    .en__field__element--number, 
    .en__field__element--password, 
    .en__field__element--radio, 
    .en__field__element--range, 
    .en__field__element--rating, 
    .en__field__element--select, 
    .en__field__element--splitselect, 
    .en__field__element--splittext, 
    .en__field__element--telephone, 
    .en__field__element--text, 
    .en__field__element--textarea, 
    .en__field__element--tripleselect, 
    .en__field__element--tripletext, 
    .en__field__element--vgs {
        width: 100%;
    }
    input[type="email"],
    input[type="text"] {
        width: 100%;
    }
    .en__field__input--select {
        width: 100%;
    }
    .en__field--bankRoutingNumber .en__field__element {
        width: 92%;
    }
}
.en__contactSubject input[type="text"] {
    width:100%; 
}
input[name="transaction.ccvv"].en__field__input--text { 
    width:9rem!important;
}
input[name="contact.subject"].en__field__input--text { 
    width:100%;
}
input[name="transaction.donationAmt"],
input[name="transaction.recurrpay"] { 
    width:20px;
    height:20px;
}
input[name="transaction.donationAmt.other"].en__field__input--other { 
    margin-bottom: -20px;
    margin-left: -10px;
    width:100px;
}
@media only screen and (max-width: 488px),
only screen and (max-device-width: 488px) {
    input[name="transaction.donationAmt.other"].en__field__input--other { 
        margin-bottom: 0;
        margin-left: 0;
    }
}
.en__field__label {
    font-size:1rem;
    vertical-align:top !important;
}
.en__field--donorScrollPreference .en__field__label--item {
    width: auto;
    font-size: 0.875rem!important;
}
.en__field.en__field--emailAddress {
    padding-bottom: 0;
}
/* checkbox styles */
.en__field__input--checkbox {
    margin: 5px 8px 0 0 !important;
    vertical-align:middle;
    width:20px;
    height:20px;
}
.en__field--checkbox .en__field__label--item {
    display:block;
    font-size:.875rem;
    margin:-22px 0 0 30px;
    line-height:1.5;
}
.en__field--checkbox .en__field__label {
    vertical-align: baseline !important;
}
.en__field--checkbox .en__field__label--item[for="en__field_transaction_recurrpay"] {
    font-size:1rem;
    width:90%;
    vertical-align: top !important;
}
/* puts 'other' amount on next row for headlines donation form */
.headlines__donation__amount .en__field__element--radio .en__field__item:nth-last-of-type(2) {
    display:block !important;
    margin-top: 12px !important;
}
.headlines__donation__amount .en__field__element--radio .en__field__item.en__field__item--other {
    margin: -45px 0 0 110px;
    position: absolute;
}
/* hidden casl checkbox */
/*.en__field--question .en__field__element--checkbox {
    float: left;
}*/
.en__field--checkbox label {
    display:inline-block;
    width:80%;
    margin: 0;
    padding-top:0;
}
/* end hidden casl checkbox */
.en__field--radio .en__field__label,
.en__field__input--radio,
.en__field--textarea .en__field__label,
.en__field--checkbox .en__field__label {
    vertical-align: middle !important;
}
.en__field__input--radio {
    margin: -1px 0 0 0;
}
.en__field__item {
    margin-right: 5px;
}
.en__field__input--splitselect {
    margin-bottom:0 !important;
}
.en__component--copyblock h3 {
    text-transform:none;
    margin:0 0 1rem 0;
}
.en__component--contactblock,
.en__component--pledgeblock {
    margin-bottom:2rem;
}
.en__field__item.tipjar-wrapper label[for="tip-jar"] {
    width: auto;
}
.en__submit {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}
.en__submit button,
button.en__submit {
    color: #FFF;
    background-color: #d32626;
    border-width: 0;
    border: none;
    padding: 1.25rem 1.375rem;
    margin: 1rem auto 2rem auto;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .5px;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: none;
    text-transform:none;
    line-height:1.4;
    box-shadow:none;
    outline: none;
}
.en__submit button:hover,
button.en__submit:hover {
    background-color:#cb2525;
}
.en__field__error {
    text-align: left;
    color: #c92533;
    margin: 5px 0 12px 0;
}
.en__field__error,
.en__field__error strong {
    font-style: italic;
}
.email-suggestion .email-suggestion-list-items .invalid-email-text{
  width: 238px;
  display: inline-block;
}
.email-suggestion-list-items.has-email-suggestion-alternative {
    width: 258px; 
}
@media only screen and (max-width: 319px) {  
    input[type="text"]{   
        width:100% !important; 
    }
    .en__field__input--select {
        width:100%
    }
}
.en__component--contactblock,
.en__component--pledgeblock,
.en__component--petitionblock {
    display: block;
}
.en__component--column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float:none !important;
}
.replacementHeader{
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.replacementHeader, .footer-row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
@media only screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
    .replacementHeader, .footer-row {
        margin-left: 0;
        margin-right: 0;
    }
}
.en__component--socialblock {
    margin-top: 1rem;
}
.field_label_text_component {
    margin-top:-10px;
    margin-bottom:1.25rem;
    margin-left:184px;
    width:258px;
    font-size:0.6875rem;
    line-height:1.2;
} 
@media only screen and (max-width: 488px),
only screen and (max-device-width: 488px) {
    .field_label_text_component {
        margin-left:0;
    }
}
.ccvv__link {
    display: inline-block;
    padding: 0 0 0 8px;
    margin-left: 0;
    margin-top: 0;
}
.open-popup-link {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='15px' viewBox='0 0 15 15' overflow='visible' xml:space='preserve'%3E%3Cpath fill='%23999999' d='M7.5,0C3.4,0,0,3.4,0,7.5C0,11.6,3.4,15,7.5,15S15,11.6,15,7.5C15,3.4,11.6,0,7.5,0z M7.5,12.7 c-0.7,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4C8.9,12.1,8.3,12.7,7.5,12.7z M8.6,8.9c0,0.2-0.1,0.3-0.3,0.3 H6.7C6.5,9.2,6.4,9,6.4,8.9V8.2c0-1.3,2.1-1.9,2.1-2.9c0-0.5-0.5-0.9-1.2-0.9c-1.1,0-1.4,1-1.8,0.6l-1-0.9C4.5,4,4.5,3.8,4.6,3.7 c0,0,1.2-1.4,3.2-1.4c1.7,0,3.2,1.2,3.2,2.7C11,7.1,8.6,7.2,8.6,8.9z'/%3E%3C/svg%3E");
}
.fa-question-circle::before {
    content: ""!important;
}
a.open-popup-link i {
    color:#999;
}
.view_hide {
    display:none;
}
@media only screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
    .view_hide {
        display:table;
        text-align:center;
        margin:2rem auto;
    }
    .view_hide a {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        display:block;
        font-size:1.25rem;
        color:#000;
        font-weight:700;
        text-decoration:none;
    }
    .en__component--contactblock,
    .en__component--pledgeblock,
    .en__component--petitionblock {
        display:none;
    }
}
.en__mandatory label::after {
  content: ' *';
  display: inline;
  margin: -3px;
  color: #f00;
}
.en__mandatory .en__field__element--radio label::after {
  content:none;
  margin-right: 0;
}
.privacy-policy,
.privacy-policy p {
    font-size:0.75rem;
    line-height:1.5;
}
/* cc icons */
.cc__icons {
    margin: 1rem 0.625rem 1.188rem 0;
    width: auto;
}
.cc__icons ul {
    margin:0;
    padding:0;
}
.cc__icons li {
    list-style-type: none;
    display:inline-block;
    margin:0 12px .75rem 0;
    padding:0;
}
.cc__icons li img {
    padding:0;
    border: 1px solid #b9b9b9;
}
/* security icons */
.security__icons {
    margin: 2rem 0 20px;
    width: auto;
}
.security__icons ul {
    margin:0;
    padding:0;
    text-align:center;
}
.security__icons li {
    list-style-type: none;
    display:inline-block;
    margin:0 16px .75rem 0;
    padding:0;
}
.security__icons li img {
    padding:0;
}
@media only screen and (max-width: 488px),
only screen and (max-device-width: 488px) {
    .cc__icons {
        margin-left:0px;
    }
    .security__icons li.worldplay img,
    .security__icons li.fundraising-regulator img {
        width:80px;
    }
    .security__icons li.rapidssl img {
        width:60px;
    }
}
/* error messages */
.pf_ErrorHeader {
    color: #cc0000 !important;
    padding-bottom:10px !important;
}
.pf_ErrorItems {
    color: #CC0000 !important;
    margin-left: 1rem !important;
    margin-bottom: 2rem !important;
}
li.en__error {
    margin-bottom:10px !important;
    line-height: 1.4 !important;
}
/* Label for Email Field on PETA forms */
.en__donation--billing--info .en__field--emailAddress .en__field__element::after{
    content:"If you donate and have not already registered, you will receive periodic updates and communications.";
    display: block;
    margin-top: 7px;
    width: 258px;
    font-size:.688rem;
}
/* Label added thru javascript for Latino forms */
.en__donation--billing--info .en__field--emailAddress .translate_en::after{
    content:"If you donate and have not already registered, you will receive periodic updates and communications.";
    display: block;
    margin-top: 7px;
    width: 258px;
    font-size:.688rem;
}
.en__donation--billing--info .en__field--emailAddress .translate_sp::after{
    content:"Si donas y aún no te registraste, recibirás actualizaciones periódicas y comunicaciones.";
    display: block;
    margin-top: 7px;
    width: 258px;
    font-size:.688rem;
}
@media only screen and (max-width: 979px) {
    .en__donation--billing--info .en__field--emailAddress .en__field__element::after {
        width: 100%;
    }
}
.phone_required p {
    font-size: .75rem;
    line-height:1.5;
}
/* end social buttons */
.en__component--socialblock .en__shares {
    justify-content: inherit !important;
}
/* full width label */
.full-width-label .en__field__label,
.full-width-label .en__field__label label {
    display:block;
    width:auto !important;
} 
/*@media only screen and (min-width:1050px ) {
    .en__field--vgs{
        display: flex;
    }
}
@media only screen and (min-width:992px) {
    /*.en__field--vgs{
        display: flex !important;
    }
    .en__field--splitselect{
        display: flex !important;
    }
}*/
.peta_textTC {
    display: block;
    font-size: 0.688rem;
    line-height: 1.6;
    margin-top: 0.313rem;
}