/*
 * Text editor Version 2 (Waiver::usesTiptapEditor()) on the themed signing page: what the
 * signing page itself needs on top of wk-editor.css (TiptapContentAsset), which styles the
 * document in .wk-content (print_new/step3.php, step4.php) the way the editor shows it.
 *
 * What Functions::prepareContent() puts into the document is marked wk-content-skip
 * (SigningContentSkip), so wk-editor.css leaves it to the page's styles. But the text it inherits
 * now comes from .wk-content (Arial 14px, line height 1.15, word-wrap: break-word). This gives the
 * signature pads and the photo capture (div.camera, img#photo) back the text they inherited
 * before: .printpage's in the document, the body's in the custom form (#custom_form_content has
 * no .printpage). The fields
 * themselves do not inherit fonts and need nothing here, and the placeholder value spans
 * (span.WC<PLACEHOLDER>) take the document's text on purpose.
 *
 * Errors: wk-content-invalid.js gives a field with .error the class wk-content-invalid, which
 * makes wk-editor.css leave its border and outline to the page.
 */

.wk-content.printpage .div_outer_replace_canvas,
.wk-content.printpage .camera,
.wk-content.printpage img.wk-content-skip {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: black;
}

/* waiverprint_new.css: html, body, including their sizes on small screens. */
.wk-content.custom_form_content .div_outer_replace_canvas,
.wk-content.custom_form_content .camera,
.wk-content.custom_form_content img.wk-content-skip {
    font-family: "Helvetica, Arial", sans-serif;
    font-size: 13pt;
    color: #333333;
}

@media (min-width: 320px) and (max-width: 640px) {
    .wk-content.custom_form_content .div_outer_replace_canvas,
    .wk-content.custom_form_content .camera,
    .wk-content.custom_form_content img.wk-content-skip {
        font-size: 9pt;
    }
}

@media (min-width: 640px) and (max-width: 960px) {
    .wk-content.custom_form_content .div_outer_replace_canvas,
    .wk-content.custom_form_content .camera,
    .wk-content.custom_form_content img.wk-content-skip {
        font-size: 10pt;
    }
}

.wk-content .div_outer_replace_canvas,
.wk-content .camera,
.wk-content img.wk-content-skip {
    line-height: normal;
    text-align: start;
    word-wrap: normal;
    overflow-wrap: normal;
    font-variant-ligatures: normal;
    font-feature-settings: normal;
}