/*Turn fonts into dark gray #474747 to match YCV website*/
header.at-title{color:#474747!important}
.at p, .at h1, .at h2, .at h3, div.page-content.at{color:#474747!important}

/*Makes sure fonts are all Europa*/
.at small[class^="oa-input"], .at div[class^="oa-input"], .at span[class^="oa-input"], .oa-page-embed label[class^="oa-input"], .at span[class^="oa-textbox"], .at a[class^="oa-event-result"],.at span[class^="oa-event-result"]{font-family:europa,sans-serif!important}

.at h1, .at p{font-family:europa,sans-serif!important}

.oa-page-embed, .at, .clearfix, .at-legend, .at-error-console, fieldset.at-fieldset, header.at-title{color:#474747;font-family:europa,sans-serif!important;background-color:#f8f8f8}

/*f1f3f5 gray to f8f8f8 YCV website offwhite background*/
.at textarea:disabled{background-color:#f8f8f8}
.at textarea{background-color:white}
.at select:disabled{background-color:#f1f3f5} /*unchanged*/

.content .ngp-content {background-color:#f8f8f8!important};
.at .at-title {background-color: #f8f8f8!important}
.at .at-fieldset ContributionInformation {background-color:#f8f8f8!important}
.at .oa-page-embed-submit clearfix {background-color:#f8f8f8!important}


/*links*/
.at a{color:F0652C}
.at a:hover{color:#F0652C;}
.oa-page-embed a:focus{color:#F0652C;}
.at a{color:#F0652C}
.at a:hover{color:#f99268}
.at a:focus{background-color:#f99268;color:#fff}
.at .at-step>*:before{background-color:#878787} /*small circles with "1", "2", "3" */

.oa-pagination-container ul.pagination li.active{background-color:#264aad} /*pagination on events page*/

.at .at-step a{background-color:hsl(224, 64%, 36%); color:#fff} /*determines Amount/Details/Payment area*/
.at .at-step a:hover{background-color:#264aad; color:#fff} /*determines Amount/Details/Payment area*/

.at .btn-at-primary{color:#fff}

/*f1f3f5 gray to 214198 dark blue for readability of "amount details payment" in white, below*/
.at table thead{background:hsl(224, 64%, 36%)}
.at table tfoot{background:hsl(224, 64%, 36%)}
.at-steps{background:hsl(224, 64%, 36%)} /*at-steps refers to the Amount / Details / Payment area*/
.at-preview:hover{background-color:hsl(224, 64%, 36%)}

/*1c7cd6 blue to alt blue #264aad*/
.at .hover.btn-at-primary{background-color:#264aad;color:#fff}
.at .active.btn-at-primary{background-color:#264aad;color:#fff}
.at textarea:focus::selection{background:#264aad;color:#fff}
.at input[type="checkbox"]:active+span:before{background-color:#264aad;border-color:#264aad}
.at input[type="checkbox"]:hover+span:before{border-color:#264aad}
.at textarea:focus::-moz-selection{background:#264aad;color:#fff}

/*#228ae6 light blue for NEXT buttons and tick boxes to 214198 primary YCV blue and #1777cc to 194bd3 for focused links */
/*.at textarea:focus{border-color:hsl(224, 64%, 36%)}*/
.at textarea:focus{border-color:hsl(224, 64%, 36%)}
.at select:focus{border-color:hsl(224, 64%, 36%)}
.at input[type="checkbox"]:checked+span:before{background-color:hsl(224, 64%, 36%);border-color:hsl(224, 64%, 36%)}
.at input[type="checkbox"]:focus+span:before{background-color:hsl(224, 64%, 36%);border-color:hsl(224, 64%, 36%)}
.at small.info{color:hsl(224, 64%, 36%)} 
.at input:focus+small.info{border-top-color:hsl(224, 64%, 36%)}
.at .at-step.active{border-bottom-color:#F0652C} /*line underneath current tab in multistage donate*/
.at .at-step.active>*{color:#fff};
.at .btn-at:focus{box-shadow:0 0 4px 0 hsl(224, 64%, 36%)}
.at .btn-at-primary{background-color:hsl(224, 64%, 36%)}
.at-ecards .at-ecard.selected{border:2px solid hsl(224, 64%, 36%)}

/*e8f7ff palest blue to #e0e8ff and nearby #329af0 to #547ff9*/
.at .RecurringButtons{background-color:#e0e8ff;border:1px solid #e0e8ff;border-radius:4px}
.at .at-shipping-cta{background-color:#e0e8ff;border:1px solid #547ff9;padding:.675em;margin-bottom:.625em}

/*eaf7ff very very pale blue to #edf1ff and #addeff to 9bb5ff and 0d98e6 to 214198 */
.at .alert.info{background-color:#edf1ff;border-color:#9bb5ff;color:hsl(224, 64%, 36%);text-align:center}

 /*40c057 active highlight green*/
.at-step.active.valid>*:before{background:#F0652C}
.at form .label-amount input:required{color:hsl(224, 64%, 36%);border-color:#f27644;background-color:#f8f8f8;box-shadow:none} /*text entry for amount*/
.at form .label-amount input[type="radio"]:checked+a{border-color:#f27644!important;background-color:#F0652C!important}
.at form .label-amount input:required::selection{background:#f27644!important};

/*37b24d green to #f27644*/
.at form .label-amount input:required::selection{background:#f27644;color:inherit}
.at form .label-amount input:required::-moz-selection{background:#f27644;color:inherit}
/*8cd99a green hover to ##f27644 and 66cd79 hover shadow to 000*/
.at form .label-amount:hover>a{background-color:#f27644;border-color:#000}

/*a0e0ab paler green for unselected amounts to super pale orange to #f99268 extra pale orange*/
.at form .label-amount>a{background-color:#f99268}
.at .at-step.valid>*:before{background:#f99268}
.at form .label-amount input:required{color:#f99268} /*$ input text*/
.at form .label-amount input:required::placeholder{color:#f99268} /*placeholder $ text*/
.at form .label-amount input:required+.label-otheramount-prefix {color:#f99268} /*dollar sign*/

/*8cd99a palest green for hovered radio button to #ffb99e palest orange and 66cd79 shadow to 000*/
.at form .label-amount:hover>a{background-color:#ffb99e;border-color:#000}

/*For the Submit and Checkbox colors on most forms*/
.at .btn-at-primary{background-color:hsl(224, 64%, 36%)}
.at input[type="checkbox"]:checked+span:before {
  background-color: hsl(224, 64%, 36%)}

.SmsLegalDisclaimer {padding-top:3px}