/**
 * Donations.
 *
 * These two rules are not new styling. They are a rescue.
 *
 * Until the Mapbox merge, the map's stylesheet declared bare `.modal-content`
 * and `.close-button`, and it was enqueued on every front-end page. That meant
 * it was also painting the donation modal, which uses the same two class names,
 * entirely by accident. Namespacing the map's selectors to `.nk-map-*` was
 * correct, but it would have left the donation modal unstyled.
 *
 * So the rules are reproduced here verbatim, at the same specificity they had
 * before, so anything in the Cornerstone database that used to override them
 * still does. The difference is blast radius: this file is enqueued only when a
 * donation shortcode actually renders, rather than on every page of the site.
 *
 * The outer `.donation-modal` element is not styled here. It never matched the
 * map's `.modal` rules, so whatever positions it lives in the Cornerstone
 * database and is unaffected by any of this.
 */

.modal-content {
    background-color: #fff;
    margin: 5rem auto;
    padding: 2.25rem 1.5rem 1rem;
    border: 1px solid #888;
    width: calc(100% - 3rem);
    max-width: 40rem;
    border-radius: 1rem;
}

.close-button {
    color: #4d40b2;
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
}

.close-button:hover,
.close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}