.wc-response-box,
.wc-response-box *,
.wc-response-box *:before,
.wc-response-box *:after{
    box-sizing:border-box;
}
.wc-response{

    outline:none;
    cursor:text;
    color:#511c6a;
    word-break:break-word;
    overflow-wrap:anywhere;

}

.wc-response:empty:before{

    content:attr(data-placeholder);
    color:#c0c0c0;

}

.wc-response:focus:empty:before{

    display:none;

}
.wc-circle{position:relative;width:100%;--response-top:22%;--response-left:17%;--response-width:66%;--response-height:60%;--response-color:#511c6a}
.wc-circle-bg{display:block;width:100%;height:auto;vertical-align:middle}
.wc-circle-overlay{position:absolute;inset:0}
.wc-circle-response{
position:absolute;
top:var(--response-top);
left:var(--response-left);
width:var(--response-width);
height:var(--response-height);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
line-height:1.25;
padding:2%;
overflow:hidden;
font-weight:500;
color:var(--response-color);
}

.wc-print-btn,.wc-reset-btn{margin:0 10px 15px 0}

/* ---------- Wellness Panel ---------- */

.wc-panel{

    --panel-height:350px;
    width:100%;
    background:#fff;
    border:3px dashed #f06ea9;
    border-radius:18px;
    padding:28px;
    margin:24px 0;
    transition:border-color .2s ease,
               box-shadow .2s ease;

}

.wc-panel:hover{

    border-color:#6a2f8d;

}

.wc-panel:focus-within{

    border-style:solid;
    box-shadow:0 0 0 4px rgba(81,28,106,.10);

}

.wc-panel-response{

    min-height:var(--panel-height);
    width:100%;
    font-size:22px;
    line-height:1.6;
    white-space:pre-wrap;

}

@media print {

    @page{
        margin:.25in;
    }

    *{
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
    }

    /*
    Hide website elements
    */
    .fusion-header,
    .fusion-footer,
    .fusion-page-title-bar,
    .wc-print-btn,
    .wc-reset-btn,
    .no-print,
    .wc-no-print{
        display:none !important;
    }

    /* =====================================
   PRINT COLUMN CONTROL
   ===================================== */

    /* The Avada row containing columns */
    body .wc-print-wrapper .wc-print-content{

        display:flex !important;
        flex-wrap:wrap !important;
        align-items:flex-start;
        width:100% !important;

    }

    body .wc-print-wrapper .fusion-layout-column{

        max-width:none !important;

    }

    body .wc-print-wrapper .wc-print-content > .fusion-layout-column{

        box-sizing:border-box !important;
        flex-grow:0 !important;
        flex-shrink:0 !important;

    }

    /* Allow print sizing classes to control columns */

    body .wc-print-wrapper .wc-print-content > .wc-print-full{

        width:100% !important;
        flex:0 0 100% !important;

    }

    body .wc-print-wrapper .wc-print-content > .wc-print-half{
        position:relative !important;
        width:50% !important;
        flex:0 0 50% !important;
        /*padding is for 46%*/
        /*padding-left:2% !important;
        padding-right:2% !important;*/

    }

    body .wc-print-wrapper .wc-print-content > .wc-print-third{
        position:relative !important;
        width:33.33333333% !important;
        flex:0 0 33.33333333% !important;
        /*padding is for 30%*/
        /*padding-left:1.666666666% !important;
        padding-right:1.666666666% !important;*/

    }

    body .wc-print-wrapper .wc-print-content > .wc-print-quarter{
        position:relative !important;
        width:25% !important;
        flex:0 0 25% !important;
        /*padding is for 23%*/
        /*padding-left:1% !important;
        padding-right:1% !important;*/

    }

    body .wc-print-wrapper .wc-print-content > .wc-print-fifth{

        width:18% !important;
        max-width:20% !important;
        flex:0 0 20% !important;
        /*padding is for 18%*/
        /*padding-left:1% !important;
        padding-right:1% !important;*/

    }
/*
    body .wc-print-wrapper .wc-print-content > .wc-print-half,
    body .wc-print-wrapper .wc-print-content > .wc-print-third,
    body .wc-print-wrapper .wc-print-content > .wc-print-quarter,
    body .wc-print-wrapper .wc-print-content > .wc-print-fifth{
        padding-left:1% !important;
        padding-right:1% !important;

    }
*/
    /* prevent splitting */

    .wc-print-wrapper > *,
    .wc-print-content > *{

        break-inside:avoid;
        page-break-inside:avoid;

    }

    /*
    Prevent page breaks inside activities
    */
    .wc-circle,
    .wc-panel{
        break-inside:avoid;
        page-break-inside:avoid;
    }

    /*
    Circle printing
    */
    .wc-circle{
        position:relative !important;
        width:100%;

    }
    .wc-circle-overlay{

        position:absolute !important;
        inset:0;

    }

    .wc-circle-bg{

        width:100%;
        height:auto;
        display:block;

    }

    .wc-circle-response{
        position:absolute !important;
        top:var(--response-top);
        left:var(--response-left);
        width:var(--response-width);
        height:var(--response-height);
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        overflow:hidden;
        font-size:inherit;

    }

    /*
    Panel printing
    */
    .wc-panel{
        display:block !important;
        width:100% !important;
        border:3px dashed #f06ea9 !important;
        border-radius:12px !important;
        padding:20px !important;
        margin:20px 0 !important;
        background:#ffffff !important;
        box-shadow:none !important;
        visibility:visible !important;
        opacity:1 !important;
        break-inside:avoid;
        page-break-inside:avoid;

    }

    .wc-panel-response{

        min-height:0 !important;
        height:auto !important;
        overflow:visible !important;
        white-space:pre-wrap;
        width:100%;

    }

    .wc-panel .wc-panel-response,
    .wc-response.wc-panel-response{

        display:block !important;
        width:100% !important;
        min-height:0 !important;
        height:auto !important;
        visibility:visible !important;
        opacity:1 !important;

    }

}