.breadcrumbs{display:none}
.alert-banner{display:none!important}
.hero-landing{margin-bottom:12px}
.donation-landing-hero{padding-bottom:0!important}
.donation-landing-hero-content{max-width:475px!important}

.donation-landing-form-container,
.donation-landing-hero {
  --primary:#006ef5;
  --primary-dark:#007;
  --accent:#fd7b0b;
  --text:#222;
  --white:#fff;
  --gray:#e7e7e7;
  --light:#f2f2f2;
  --border:#b0b0b0;
  --radius:4px;
  --radius-lg:10px;
  --form-max:450px;
  --form-max-wide:600px;
  --font-ui:"GT America Standard";
  --font-mono:"GT America Mono";
  --font-heading:"P22Mackinac";
  --font-callout:"Gloria Hallelujah";
}

.donation-landing-form-container .form-unit-radio{padding-top:25px}
.donation-landing-form-container legend.at-legend{font-family:var(--font-heading)!important;text-align:left}
.donation-landing-form-container .ContributionInformation .at-legend{display:none!important}
.donation-landing-form-container .at-fieldset.ContactInformation legend.at-legend{display:block!important}
.donation-landing-form-container .at-legal p{font-size:12px;padding-top:10px;font-style:italic;line-height:initial}
.donation-landing-form-container select{background-size:12px}
.donation-landing-form-container .YesSignMeUpForUpdatesForBinder,
.donation-landing-form-container .EmployerMatchingHeaderHtml,
.donation-landing-form-container .form-item-ecard,
.donation-landing-form-container .RecipientEmailAddress,
.donation-landing-form-container .RecipientStreetAddress,
.donation-landing-form-container .RecipientPostalCode{display:none}

.donation-landing-hero-text .callOut,
.donation-landing-form-container .callOut{
  position:relative;
  display:inline-block!important;
  margin-bottom:0!important;
  float:none;
  background-color:var(--white);
  color:var(--text);
  font-family:var(--font-callout);
  font-size:17px;
  font-weight:400;
  text-align:center
}

.donation-landing-hero-text .callOut::after,
.donation-landing-form-container .callOut::after{
  content:"\e916";
  position:absolute;
  top:30px;
  right:-21px;
  z-index:99;
  display:inline-block;
  margin-left:4px;
  color:var(--accent);
  font-family:icomoon!important;
  font-size:1rem;
  font-style:normal;
  font-weight:400;
  line-height:1;
  text-transform:none;
  transform:scaleX(-1) rotate(155deg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  speak:none
}

.donation-landing-form-container .form-item-selectedfrequency {
	max-width: var(--form-max) !important;
	margin:0 auto;
}
.donation-landing-form-container .form-item-selectedfrequency .radios{
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  box-shadow:0 -8px 6px #ccc
}

.donation-landing-form-container .form-item-selectedfrequency .radios label{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:50%;
  height:50px;
  margin:0!important;
  background-color:var(--gray);
  color:#000;
  font-family:var(--font-ui)!important;
  font-weight:700
}

.donation-landing-form-container .form-item-selectedfrequency .radios label input{display:none!important}
.donation-landing-form-container .form-item-selectedfrequency .radios label.click-active{position:relative;background-color:var(--white)}
.donation-landing-form-container .form-item-selectedfrequency .radios label:hover{
  cursor:pointer;
  color:var(--white);
  background-color:var(--primary);
  transition:background .3s ease
}

.donation-landing-form-container .form-item-selectedfrequency .radios label.click-active::before{
  content:"\f00c";
  margin-right:5px;
  color:var(--accent);
  font-family:"Font Awesome 6 Free"
}

.donation-landing-form-container.freq-init-pending .form-item-selectedfrequency,
.donation-landing-form-container.freq-init-pending .ContributionInformation,
.donation-landing-form-container.freq-init-pending .form-item-selectamount{
  visibility:hidden;
}

.donation-landing-form-container .EmployerMatching .at-fields{display:flex;flex-flow:column}
.donation-landing-form-container .EmployerMatching .at-fields .MatchProCompanyId{order:1}
.donation-landing-form-container .EmployerMatching .at-fields .MatchProCompanyId .MatchProCompanyId small,
.donation-landing-form-container .RecipientStreetAddress small,
.donation-landing-form-container .RecipientEmailAddress small,
.donation-landing-form-container .RecipientStateProvince small{display:none}
.donation-landing-form-container .EmployerMatching .at-fields .MatchingWorkEmail{order:3}

.donation-landing-form-container .ContributionInformation,
.donation-landing-form-container .form-item-selectamount,
.donation-landing-form-container .PaymentMethodSection,
.donation-landing-form-container .ContactInformation,
.donation-landing-form-container .PaymentInformation,
.donation-landing-form-container .TributeGift,
.donation-landing-form-container .EmployerMatching,
.donation-landing-form-container .at .at-fieldset {
  width: 100%;
  max-width: var(--form-max) !important;
  min-width: 0 !important;
  margin: 0 auto 20px !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.donation-landing-form-container .RecipientInformation {
  width: 100%;
  max-width: var(--form-max-wide) !important;
  min-width: 0 !important;
  margin: 0 auto 20px !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.donation-landing-form-container .CoverCostsAmount{max-width:calc(var(--form-max) - 20px);;margin:25px auto!important;padding:0}
.donation-landing-form-container .at-row.at-row-full{max-width:100%!important}

.donation-landing-form-container .at .at-form form .at-fieldset .at-radios{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}

.donation-landing-form-container .at .at-form form .at-fieldset:not(.PaymentInformation) .at-radio label{
  float:none!important;
  flex:1 0 auto
}

.donation-landing-form-container .at .at-radio-set-buttons.at-align-flex-right{
  flex-flow:row wrap;
  justify-content:space-between!important
}

.donation-landing-form-container .at form .label-amount{
  width:100%!important;
  margin:6px auto!important;
  color:var(--primary);
  font-family:var(--font-mono)!important;
  font-size:20px;
  font-weight:400
}

.donation-landing-form-container .at form .label-amount.label-otheramount {
font-size:0 !important;
}

.donation-landing-form-container .at form .label-amount input{
  border:2px solid var(--primary)!important;
  border-radius:var(--radius)!important
}

.donation-landing-form-container .at form .label-amount input:required{background-color:var(--primary)!important}

.donation-landing-form-container .at form .label-amount a{
  color:var(--primary);
  background-color:var(--white);
  border:2px solid var(--primary)!important;
  border-radius:var(--radius)!important
}

.donation-landing-form-container .at form .label-amount input[type="radio"]:checked+a{
  color:var(--white)!important;
  background-color:var(--primary)!important
}

.donation-landing-form-container .at form .label-amount:has(input[type="radio"]:checked),
.donation-landing-form-container .at form .label-amount:hover{color:var(--white)!important}
.donation-landing-form-container .at form .label-amount:hover>a{background-color:var(--primary)!important}

.donation-landing-form-container .at-fieldset.PaymentMethodSection{margin-top:20px}
.donation-landing-form-container .at-credit-card-button-wrapper{order:1!important;flex:1 1 45%}
.donation-landing-form-container .at-eft-button-wrapper{order:3!important;flex:1 1 45%}
.donation-landing-form-container .at-apple-pay-button-wrapper{order:0!important;flex:0 1 100%}
.donation-landing-form-container .at-paypal-button-wrapper{order:5!important;flex:0 1 100%}
.donation-landing-form-container .at-express-checkout-element-wrapper{flex:0 1 100%;margin-bottom:.5rem!important}

.donation-landing-form-container .at-credit-card-button-wrapper label,
.donation-landing-form-container .at-eft-button-wrapper label{
  width:100%;
  margin-bottom:7px!important;
  color:var(--white)!important;
  background-color:var(--primary)!important;
  border:2px solid var(--primary)!important;
  font-family:var(--font-mono)!important;
  text-transform:uppercase;
}

.donation-landing-form-container .at-credit-card-button-wrapper label:hover,
.donation-landing-form-container .at-eft-button-wrapper label:hover{
  color:var(--primary)!important;
  background-color:var(--white)!important;
  border:2px solid var(--primary)!important;
}

.donation-landing-form-container .at-apple-pay-button-wrapper label{
  width:100%;
  margin-bottom:7px!important;
  border:2px solid #000!important
}

.donation-landing-form-container .at-paypal-button-wrapper label{
  width:100%;
  margin-bottom:7px!important;
  color:var(--primary)!important;
  background-color:var(--white)!important;
  border:2px solid var(--primary)!important;
  font-family:var(--font-mono)!important;
  text-transform:uppercase;
}

.at-credit-card-button-wrapper label.checked,
.at-eft-button-wrapper label.checked{
  position:relative;
}

.at-credit-card-button-wrapper label.checked::after,
.at-eft-button-wrapper label.checked::after{
  content:"\f00c";
  position:absolute;
  right:30px;
  display:inline-block;
  color:#fff;
  font-family:"Font Awesome 6 Free" !important;
  font-size:1rem;
  font-style:normal;
  font-variant:normal;
  font-weight:900;
}

.at-credit-card-button-wrapper label.checked:hover::after,
.at-eft-button-wrapper label.checked:hover::after{
  color:#006ef5 !important;
}

.donation-landing-form-container .at-form-submit{max-width:410px!important;margin:0 auto}
.donation-landing-form-container .at-form-submit .at-submit{width:100%;margin:20px 0!important}

.donation-landing-form-container .at .btn-at-primary{
  background-color:var(--primary)!important;
  border:3px solid var(--primary)!important;
  font-family:var(--font-mono)!important;
  font-size:1rem!important;
  text-transform:uppercase
}

.donation-landing-form-container .at .btn-at-primary:hover{
  cursor:pointer;
  color:var(--primary) !important;
  background-color:var(--white) !important;
  border:3px solid var(--primary)!important
}

.donation-landing-form-container .charityBadges{
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-evenly;
  align-items:center;
  width:100%;
  max-width:415px;
  margin:20px auto 0
}

.donation-landing-form-container .charityBadges .left,
.donation-landing-form-container .charityBadges .right{max-width:80px}

.donation-landing-form-container .charityBadges .left a,
.donation-landing-form-container .charityBadges .right a{
  text-decoration:none!important;
  border:none!important;
  border-bottom:none!important
}

.donation-landing-form-container .eaDisc{margin-top:40px;font-size:.8rem;font-style:italic;text-align:center}

.donation-landing-form-container .form-item-inhonororinmemoryof label:first-child{
  display:block!important;
  font-size:1rem;
  font-weight:700
}

.donation-landing-form-container .form-item-inhonororinmemoryof .radios label{
  display:inline-block!important;
  font-size:.9rem;
  font-weight:400
}

.donation-landing-form-container .RecipientInformation .at-fields{
  max-width:650px!important;
  margin:0 auto;
  padding:15px;
  background-color:var(--light)
}

.donation-landing-form-container .at-recipient-info .mail-checks{margin-top:10px}
.donation-landing-form-container .email-container,
.donation-landing-form-container .mail-container{width:49%;margin-bottom:20px}

.donation-landing-form-container .mail-tile,
.donation-landing-form-container .email-tile{
  cursor:pointer;
  overflow:hidden;
  padding:15px 28px!important;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  text-align:center;
  transition:.3s ease all;
  opacity:1
}

.donation-landing-form-container .mail-tile.clicked,
.donation-landing-form-container .email-tile.clicked{
  opacity:1;
  background:var(--white);
  border:3px solid var(--primary)
}

.donation-landing-form-container .mail-tile i,
.donation-landing-form-container .email-tile i,
.donation-landing-form-container .basic-info{
  overflow:hidden;
  opacity:.7;
  transition:.3s ease all
}

.donation-landing-form-container .mail-tile.clicked i,
.donation-landing-form-container .email-tile.clicked i{color:var(--primary)!important;opacity:1}

.donation-landing-form-container .mail-tile:hover,
.donation-landing-form-container .email-tile:hover,
.donation-landing-form-container .at-ecard:hover{box-shadow:0 0 10px 0 rgba(40,149,214,1)}

.donation-landing-form-container .at-ecards .at-ecard{background-color:#ebe8ce}
.donation-landing-form-container .at-ecards .at-ecard.selected{background-color:#0677ff}

.donation-landing-form-container .deliv{color:#5b6671;font-size:.8rem;text-align:center}
.donation-landing-form-container .selectThis{
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
  align-content:center;
  justify-content:center
}

.donation-landing-form-container .selectOne{
  position:relative;
  display:inline-block;
  margin:10px auto;
  font-size:1rem;
  text-align:center
}

.donation-landing-form-container .fa-reply,
.donation-landing-form-container .fa-share{color:var(--primary);font-size:1.1rem}

.donation-landing-form-container .fa-reply{position:absolute;top:10px;left:-30px}
.donation-landing-form-container .fa-share{position:absolute;top:10px;right:-30px}

.donation-landing-form-container blockquote{margin:0!important}
.donation-landing-form-container blockquote::before{content:""!important}
.donation-landing-form-container .at-preview-wrapper blockquote{margin:25px 0!important}

.donation-landing-form-container .at-recipient-msg{display:block;margin-bottom:50px}
.donation-landing-form-container .at-preview-ecard{
  position:relative!important;
  display:inline-flex;
  align-items:center!important;
  justify-content:center;
  padding:13px 16px;
  border:0!important;
  border-radius:var(--radius)!important;
  color:var(--white)!important;
  background:var(--primary)!important;
  font-family:var(--font-mono);
  font-size:.8rem;
  font-weight:500;
  line-height:1;
  letter-spacing:.07rem;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transform-style:preserve-3d!important;
  transition:color .25s ease-in-out!important
}

.donation-landing-form-container .at-preview-ecard:hover::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  pointer-events:none;
  background-color:var(--primary-dark)!important;
  border-radius:var(--radius);
  transition:.25s ease-in-out
}

.donation-landing-form-container .show{display:block!important}
.donation-landing-form-container .ac-collapse{height:0!important;opacity:0}

.donation-landing-form-container button,
.donation-landing-form-container label {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

@media only screen and (max-width:40em){
  .donation-landing-form-container .at form .label-amount.label-otheramount{width:48%!important}
}

@media (max-width:600px){
  .donation-landing{padding:0 15px}
  body.covenant-house{min-width:300px}
  .donation-landing-form-container .callOut::after{right:0}
}