/* Measured from the rendered donation confirmation reference. */
#main.donation-confirmation-page > .container{max-width:1080px;padding:0}
.donation-confirmation-page #primary{padding:0;min-height:612px}
#give-email-access-form{font:16px/1.8 Roboto,sans-serif;color:#202020}
#give-email-access-form p{margin:0 0 12px}
#give-email-access-form label{display:block;font-weight:400}
#give-email-access-form input[type=email]{display:block;width:305px;max-width:100%;height:45px;padding:12px 20px;margin:0 0 15px;border:0;border-bottom:1px solid #ddd;border-radius:0;background:transparent;color:#202020;font:16px Roboto,sans-serif;box-shadow:none}
#give-email-access-form input::placeholder{color:#999;opacity:1}
#give-email-access-form .give-submit{display:block;width:auto;padding:18px 34px 16px;margin:10px 0 0;border:0;border-radius:50px;background:#d88e7d;color:#fff;font:16px/1.2 Roboto,sans-serif;cursor:pointer}
#give-email-access-form .give-submit:hover{background:#478f87}
#give-email-access-form :focus-visible{outline:2px solid #478f87;outline-offset:3px}
#give-email-access-form .donation-access-message{margin-top:20px;max-width:600px}
#give-email-access-form .donation-access-message:empty{display:none}
@media(max-width:1199px){#main.donation-confirmation-page > .container{width:calc(100% - 60px)}}
@media(max-width:767px){#main.donation-confirmation-page > .container{width:calc(100% - 40px)}}
/* Keep the receipt aligned with the reference below the shared title banner. */
@media(min-width:768px){body.inner-page > #main.donation-confirmation-page{padding-top:71.22px}}
#give-email-access-form .give-submit{margin-top:24px}

/* Give the email verification form a clear, centered place on the page. */
#main.donation-confirmation-page #primary{display:flex;justify-content:center;align-items:flex-start;min-height:0;padding:64px 24px 80px;box-sizing:border-box}
#main.donation-confirmation-page #give-receipt{width:min(100%,680px)}
#main.donation-confirmation-page .give-form{width:100%}
#main.donation-confirmation-page #give-email-access-form{width:100%;max-width:none;box-sizing:border-box;margin:0;padding:clamp(24px,5vw,42px);border:1px solid #eee2dc;border-radius:16px;background:#fff;box-shadow:0 16px 44px rgba(72,43,31,.08)}
#main.donation-confirmation-page #give-email-access-form p:first-child{margin-bottom:22px;color:#514943;font-size:18px;line-height:1.6}
#main.donation-confirmation-page #give-email-access-form label{margin-bottom:6px;color:#393431;font-weight:600}
#main.donation-confirmation-page #give-email-access-form input[type=email]{width:100%;height:50px;box-sizing:border-box;margin-bottom:18px;padding:12px 14px;border:1px solid #ded5cf;border-radius:8px;background:#fff}
#main.donation-confirmation-page #give-email-access-form .give-submit{margin-top:8px}
@media(max-width:767px){#main.donation-confirmation-page #primary{padding:36px 18px 54px}#main.donation-confirmation-page #give-email-access-form{padding:24px 20px}}