.wva-form-row {
    margin-bottom: 1rem;
}

.wva-responsive-table td .button {
    font-size: 13px;
}

.wva-responsive-table td {
    vertical-align: middle;
}

/**
https://blog.logrocket.com/animating-dialog-popover-elements-css-starting-style/
**/

/*
:root {
    --base-hue: 190deg;
}

.wva-dialog {
    transition: opacity 0.4s cubic-bezier(0.4, 1.6, 0.4, 0.8),
    scale 0.4s cubic-bezier(0.4, 1.6, 0.4, 0.8), overlay 0.4s allow-discrete,
    display 0.4s allow-discrete;

    opacity: 0;
    scale: 0;
    &::backdrop {
        transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete,
        background-color 0.5s;
        background-color: hsl(0 0 0 / 0);
    }

    &[open] {
        opacity: 1;
        scale: 1;
    }

    &[open]::backdrop {
        background-color: hsl(0 0 0 / 50%);
    }
}

@starting-style {
    .wva-dialog[open] {
        opacity: 0;
        scale: 0;

        &::backdrop {
            background-color: hsl(0 0 0 / 0);
        }
    }
}
 */

[x-cloak] { display: none !important; }

:root {
    --modal-transition-speed: 0.3s;
}

.wva-modal  {
    display: none;
    position: fixed;
    z-index: 120;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition-property: display, opacity;
    transition-duration: var(--modal-transition-speed);
    transition-behavior: allow-discrete;
}

.wva-modal.open {
    display: block;
    opacity: 1;

    @starting-style {
        opacity: 0;
    }
}

.wva-modal-content {
    border-radius: 8px;
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    max-width: 900px;

    /* when it's closed */
    translate: 0 -10vh;
    transition-property: all;
    transition-duration: var(--modal-transition-speed);
    transition-behavior: allow-discrete;
}

.wva-modal.open .wva-modal-content {
    /* https://youtu.be/vmDEHAzj2XE?si=pT9DW60vBSCMUnrX&t=790 */
    /* when it's opened */
    translate: 0 0;

    /* starting style */
    @starting-style {
        translate: 0 -10vh;
    }
}

.wva-modal-close {
    position: absolute;
    top: 7px;
    right: 7px;
    background: transparent;
}

.wva-modal-title {
    padding-right: 50px;
    margin-bottom: 1rem !important;
}

.wva-spinner {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 9px solid;
    border-color: #dbdcef;
    border-right-color: #c62a23;
    animation: wva-spinner 1s infinite linear;
}

.wva-spinner-with-text p {
    font-size: 2rem;
    text-align: center;
}

.wva-spinner-with-text .wva-spinner {
    margin: 0 auto;
}

@keyframes wva-spinner {
    to {
        transform: rotate(1turn);
    }
}

.wva-spinner-with-text.htmx-indicator {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.htmx-indicator {
    display: none;
    .wva-spinner {
        animation: none;
    }
}

.htmx-indicator.htmx-request,
.htmx-request .htmx-indicator {
    display: block;
}

.htmx-indicator.htmx-request .wva-spinner,
.htmx-request .wva-spinner {
    animation: wva-spinner 1s infinite linear;
}

.htmx-request .htmx-hide-during-request {
    display: none;
}

.no-stack-row {
    flex-wrap: nowrap !important;
}

.wva-table-icons-sm {
    display: none;
}

.wva-table-icons {
    text-align: right;
}

.save-as-pdf-pdfcrowd-button {
    font-family: var(--font-family,inherit);
    padding: 0.5rem 1rem !important;
}

.wva-float-l {
    float: left;
}

.wva-embedded-wp-page > .wpb_row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 48rem) {
    .wva-report-table th {
        background-color: #C62923;
        color: #fff;
    }

    .wva-report-table th,
    .wva-report-table td {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 14px;
        line-height: normal;
        border: 1px solid #ccc;
    }

    .wva-report-table tbody tr:nth-child(even) {
        background-color: #eee;
    }
}

@media (width < 48rem) {
    .wva-responsive-table thead {
        display: none;
    }
    .wva-responsive-table tr {
        border-radius: 5px;
        display: block;
        margin-bottom: 1.5rem;
        border: 1px solid #ccc;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }
    .wva-responsive-table td {
        display: block;
        padding: 0.5rem;
        position: relative;
        border-bottom: 1px solid #ccc;
    }
    .wva-responsive-table td:last-child {
        border-bottom: none;
    }
    .wva-responsive-table td::before {
        content: attr(data-label);
        display: block;
        text-align: left;
        font-weight: bold;
    }
    #my-account-menu,
    .woocommerce-MyAccount-content {
        width: 100% !important;
    }
    .wva-table-icons {
        display: none !important;
    }

    .wva-table-icons-sm {
        display: block;
        position: absolute;
        top: 11px;
        right: 10px;
    }
}

.autoComplete_wrapper{display:inline-block;position:relative}.autoComplete_wrapper>ul{position:absolute;max-height:226px;overflow-y:scroll;top:100%;left:0;right:0;padding:0;margin:.5rem 0 0 0;border-radius:4px;background-color:#fff;border:1px solid rgba(33,33,33,.1);z-index:1000;outline:0}.autoComplete_wrapper>ul>li{padding:10px 20px;list-style:none;text-align:left;font-size:16px;color:#212121;transition:all .1s ease-in-out;border-radius:3px;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.autoComplete_wrapper>ul>li::selection{color:rgba(#fff,0);background-color:rgba(#fff,0)}.autoComplete_wrapper>ul>li:hover{cursor:pointer;background-color:rgba(123,123,123,.1)}.autoComplete_wrapper>ul>li mark{background-color:transparent;color:#ff7a7a;font-weight:700}.autoComplete_wrapper>ul>li mark::selection{color:rgba(#fff,0);background-color:rgba(#fff,0)}.autoComplete_wrapper>ul>li[aria-selected=true]{background-color:rgba(123,123,123,.1)}@media only screen and (max-width:600px){.autoComplete_wrapper>input{width:18rem}}

.woocommerce.has-team-membership div.product .cart:not(.variations_form) {
    display: block;
}

input[type="submit"].gform_button.button,
.wva-btn {
    border-radius: 5px;
}

input[type="submit"].gform_button.button,
.wva-btn-primary {
    background: var(--color-content-primary-grad);
    color: #fff;
    border: 2px solid white;
}