/* =========================================================
   TemperWorks Global Watermark
   ========================================================= */

/*
 * Global TemperWorks watermark.
 *
 * This watermark appears across the entire site and remains
 * behind page content.
 *
 * Do not add additional watermark images to individual pages.
 */

body::after {
    content: "";

    position: fixed;

    top: 50%;
    left: 50%;

    width: 750px;
    height: 750px;

    transform: translate(-50%, -50%);

    background-image: url("/wp-content/uploads/2026/08/TW3-1024x683.png");

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    opacity: 0.20;

    pointer-events: none;

    /*
     * Layer 1:
     * Above the normal page background.
     *
     * Homepage content is intentionally placed above this
     * using z-index: 2 and z-index: 3.
     */
    z-index: 1;
}


/* =========================================================
   WATERMARK — LARGE SCREENS
   ========================================================= */

@media (min-width: 1400px) {

    body::after {
        width: 850px;

        height: 850px;

        opacity: 0.20;
    }

}


/* =========================================================
   WATERMARK — TABLET
   ========================================================= */

@media (max-width: 900px) {

    body::after {
        width: 650px;

        height: 650px;

        opacity: 0.15;
    }

}


/* =========================================================
   WATERMARK — MOBILE
   ========================================================= */

@media (max-width: 600px) {

    body::after {
        width: 500px;

        height: 500px;

        opacity: 0.10;
    }

}