/* Additions for RelayReef content blocks. Everything else in this folder is the React site's own CSS, copied unchanged. */

/* The call-back form's photo is drawn by a ::before, which an inline style cannot reach, so its block
   is put in this custom property (data-relayreef-image-var) and read here. */
.cleaning-email-request::before {
    background-image: var(--relayreef-background, url("https://memorialmaids.nyc3.digitaloceanspaces.com/images/form-background.jpg"));
}

/* The mailing address lines were bold on the React site, written as <p><b>. */
.mailing-address [data-relayreef-block="mailing-address"] p {
    font-weight: bold;
}

/* The RelayReef booking widget. */
.relayreef-booking {
    display: block;
    width: 100%;
    max-width: 960px;
    min-height: 900px;
    margin: 2rem auto;
    border: 0;
}

/* Messages from RelayReef forms: the thank-you after sending, and what is wrong with a field. */
.relayreef-form-status {
    margin: 0.75rem 0 0;
    font-weight: bold;
}
.relayreef-form-status.relayreef-form-failed,
.relayreef-field-error {
    color: #b91c1c;
}
.relayreef-field-error {
    display: block;
    font-size: 0.9em;
    margin: 0.25rem 0 0.5rem;
}