/* Give (/give/) and the donor's receipt (/give/thanks/{token}). Site tokens only, so dark mode follows. */
.req{color:var(--coalition)}
.field-err{color:var(--st-activated);font-size:.9rem;font-weight:600;margin-top:.3rem}
.form-control.is-invalid{border-color:var(--st-activated)}

.give-card{padding:1.75rem 1.9rem}
@media (max-width:575.98px){.give-card{padding:1.25rem 1.1rem}}
.give-h{font-size:1.25rem;font-weight:800;margin:1.75rem 0 1rem}

.give-amounts{border:0;padding:0;margin:0 0 1.25rem;min-width:0}
.give-amounts legend{font-size:1.25rem;font-weight:800;margin-bottom:.9rem}
.give-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.6rem}
.give-choice{position:relative;margin:0;cursor:pointer}
.give-choice input{position:absolute;opacity:0;pointer-events:none}
.give-choice span{display:block;text-align:center;padding:.8rem .5rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface);
  font-weight:800;font-size:1.25rem;color:var(--ink);letter-spacing:-.01em}
.give-choice:hover span{border-color:var(--ink-soft)}
.give-choice input:checked + span{border-color:var(--coalition);box-shadow:0 0 0 3px rgba(240,103,42,.15)}
.give-choice input:focus-visible + span{outline:3px solid var(--coalition);outline-offset:2px}
.give-other{margin-top:.9rem;max-width:14rem}
.give-dollar{position:relative}
.give-dollar span{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--ink-soft);font-weight:700}
.give-dollar .form-control{padding-left:1.8rem}
/* With script, the box shows once "Other" is picked (give.js). */
.give-js .give-other{display:none}
.give-js .give-other.on{display:block}

.give-check{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 .5rem;font-size:1rem;cursor:pointer}
.give-check input{margin-top:.3rem;width:1.1rem;height:1.1rem;flex:0 0 auto;accent-color:var(--coalition)}

.give-side{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;padding:1.2rem 1.4rem}
.give-side h2{font-size:1.1rem;font-weight:800;margin:0 0 .5rem}
.give-side p{color:var(--ink-soft)}

.give-dl{display:grid;grid-template-columns:fit-content(50%) 1fr;gap:.55rem 1.25rem;margin:0}
.give-dl dt{font-weight:600;color:var(--ink-soft)}
.give-dl dd{margin:0;overflow-wrap:anywhere}
.give-dl .total{font-weight:800;color:var(--ink);font-size:1.1rem;padding-top:.55rem;border-top:1px solid var(--line)}
@media (max-width:575.98px){.give-dl{grid-template-columns:1fr;gap:.15rem}.give-dl dd{margin-bottom:.6rem}.give-dl dd.total{border-top:0;padding-top:0}}
.give-tax{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.92rem;color:var(--ink-soft)}

/* A printed receipt is the receipt alone. */
@media print{
  .status-strip,.site-nav,footer,.skip-link,.pg-give aside,.give-receipt [data-print],.pg-hero .crumb{display:none!important}
  .pg-give .col-lg-7{width:100%}
  .give-card{border:0;padding:0}
}