:root {
    --globaltrans: all 0.35s cubic-bezier(0.3, 0.86, 0.36, 0.95);
    --global-bg-light: var(--primary-light-trans-20);
    --global-bg-lighter: var(--primary-light-trans-10);

    /* Pie Calendar */
    --fc-event-bg-color: var(--primary);
    --fc-event-border-color: var(--primary);

    /* Comments */
    --commentbkg: var(--base-trans-90);

    /* Box Shadow Color */ 
    --shadowColor: var(--primary-light-trans-1);
    --global-boxshadow: var(--shadowColor) 0px 0px 0px 1px, var(--shadowColor) 0px 1px 1px -0.5px, var(--shadowColor) 0px 3px 3px -1.5px, var(--shadowColor) 0px 6px 6px -3px, var(--shadowColor) 0px 12px 12px -6px, var(--shadowColor) 0px 24px 24px -12px;

}

/* Header menu style */

div:has(> a[data-count="0"]) {
    border: 1px solid red;
    display: none;
}


#wpadminbar {
    opacity: .025;
    transition: var(--global-trans);
}

#wpadminbar:hover, #wpadminbar:focus, #wpadminbar:focus-within {
    opacity: .92;
    transition: var(--global-trans);
}

#wpadminbar:hover .ab-sub-wrapper {
    opacity: 1;
}

/* WSF Form Reload Overlay JS */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-trans-90);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 991000;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  
  .overlay-heading {
    font-size: var(--text-l);
    font-weight: 700;
    color: var(--secondary-ultra-light);
  }
  
  .overlay-countdown {
    font-size: var(--text-m);
    font-weight: 400;
    color: var(--secondary-ultra-light);
  }
  
  .refresh-link {
    color: var(--secondary-ultra-light);
    text-decoration: underline;
  }
  


/* Global attribute colors */

.query-counter {
    opacity: .34;
}

[data-pending] {
    background-color: var(--warning);
    color: var(--warning-dark);
}
[data-active] {
    background-color: var(--success);
    color: var(--success-dark);
}

[data-completed] {
    background-color: var(--success-ultra-light);
    color: var(--success-dark);
}

[data-invoiced] {
    background-color: var(--success-light);
    color: var(--success);
}

[data-paid] [data-closed] {
    background-color: var(--base-light-trans-20);
    color: var(--base);
}

[data-cancelled], [data-na] {
    background-color: var(--danger);
    color: var(--danger-light);
}

[data-review], [data-estimate] {
    background-color: var(--secondary);
    color: var(--secondary-ultra-light);
}


/* * WSForm Styles * */

        .brxe-ws-form-form {
            max-width: 84ch;
        }


    /* Admin Only Field styling */

        .wsf_agency-wrapper, .wsf_automated-wrapper {
            padding: var(--space-s);
            /* border: solid 1px #c6c6c6; */
            margin: var(--space-s) 0;
            border-radius: var(--radius);
            background: var(--base-light-trans-30);
        }

        .wsf_agency-wrapper {
            padding: var(--space-s);
            /* border: solid 1px #c6c6c6; */
            margin: var(--space-s) 0;
            border-radius: var(--radius);
            background: var(--base-light-trans-30);
        }

        .wsf_agency-wrapper:before {
            content: 'Agency Only Fields';
        }
        .wsf_automated-wrapper:before {
            content: 'Automated Fields';
        }
        .wsf_agency-wrapper:before, .wsf_automated-wrapper:before {
            font-size: var(--text-l);
            font-weight: 800;
            color: var(--base-semi-light);
            line-height: calc(var(--text-l) * 2);
        }

    /* WSF Dropzone Fields */

    input[type=text].wsf-field ~ .dropzone {
        background-color: var(--base-light-trans-20)!important;
        border: 2px dashed var(--base-trans-10);
        border-radius: 4px;
        padding: 50px 50px;
        transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
        cursor: pointer;
    }
    
    .form--light .wsf-form input[type="text"].wsf-field ~ .dropzone .dz-message {
        color: var(--base-dark-trans-40);
        font-size: var(--text-xl);
        font-weight: 300g-lighter
    }

    .form--light .wsf-form input[type="radio"].wsf-field.wsf-button + label.wsf-label {
        -webkit-padding-start: .8em;
        padding-inline-start: .8em;
    }

    /* WSF-button Inputs */

    .wsf-grid .wsf-field-wrapper input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label, .wsf-grid .wsf-field-wrapper input[type=radio].wsf-field.wsf-button:checked + label.wsf-label {
        background-color: var(--f-light-btn-text-color, var(--primary-ultra-light));
        border-color: var(--f-light-btn-background, var(--primary));
        color: var(--f-light-btn-background, var(--primary));
    }

    .form--light .wsf-form input[type="radio"].wsf-field + label.wsf-label {
        background-color: var(--f-light-option-background-color, var(--white));
        display: inline-block;
        color: var(--f-light-btn-background, var(--primary));
        font-family: inherit;
        font-size: var(--f-option-label-size, --text-m);
        font-weight: var(--f-option-label-font-weight, 400);
        line-height: 1.4;
        margin: 0 0 10px;
        -webkit-padding-start: 1.75em;
        padding-inline-start: 1.75em;
        margin: 0;
        border-color: var(--f-light-btn-background, var(--primary));
    }

    /* Format read only fields */
    
    .wsf-grid .wsf-field-wrapper input[aria-readonly="true"] {
        background-color: var(--base-ultra-light)!important;
        color: var(--base-semi-light)!important;
        pointer-events: none;
    }    

    /* Warning Message */
    .wsf-alert.wsf-alert-warning {
        width: 100%;
        min-height: 50px;
        align-content: center;
    }



/* * WPGB Styling * */
    /* Remove xtr-space below facets */
    .wpgb-facet>fieldset:last-child {
        margin-bottom: unset !important;
    }


 /* * Adjust tinymce editor  on wsf forms * */
 #tinymce.mce-content-body {
    font-family: sans-serif!important;
}

/* * Form Loader Overlay * */

.updateloader__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-trans-90);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 99999;
}

.updateloader__cover-spin {
    height: 70px;
    width: 70px;
}

.updateloader__heading {
    font-size: var(--text-l);
    font-weight: 700;
    color: var(--secondary-ultra-light);
}

.updateloader__countdown {
    font-size: var(--text-m);
    font-weight: 400;
    color: var(--secondary-ultra-light);
}

.updateloader__link {
    color: var(--secondary-ultra-light);
    text-decoration: underline;
}


#cover-spin {
   /* position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none; */
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin {
    content: '';
    display: block;
    position: absolute;
    /* left: 48%; */
    width: 70px;
    width: 20vw;
    height: 20vw;
    border-style: solid;
    border-color: var(--primary-dark-trans-10);
    border-top-color: transparent;
    border-width: 22px;
    border-radius: 50%;
    -webkit-animation: spin 2.1s linear infinite;
    animation: spin 2.1s linear infinite;
}

.no-scroll {
    overflow: hidden;
}


/* * Pie Cal * */

.piecal_acss {
    background-color: var(--primary);
    border: var(--primary-ultra-light);
}
.piecal__acss .piecal-wrapper {
    --fc-button-bg-color: var(--primary);
    --fc-button-border-color: var(--primary);
    --fc-button-hover-border-color: var(--primary-hover);
    --fc-button-hover-bg-color: var(--primary-hover);
    --fc-button-text-color: var(--white);
    --fc-border-color: var(--primary-light-trans-30);
    --fc-today-bg-color: var(--primary-light-trans-40);
    --fc-neutral-bg-color: var(--primary-light-trans-30);
    --fc-event-border-color: var(--primary);
}

/* Cal Nav Buttons */
.fc .fc-button-primary {
    background-color: var(--fc-button-bg-color);
    border-color: var(--fc-button-border-color);
    color: var(--fc-button-text-color);
}

/* Cal Dates Title */
.piecal__acss .piecal-controls__view-title {
    font-size: var(--text-xxl)!important;
    color: var(--primary);
    margin-block-end: var(--space-m);
}

/* Cal Day Name Header */
.piecal__acss .fc-theme-standard th {
    border-top: none;
    border-left: none;
    border-right: none;
}

/* Cal Date Day Number */
.piecal__acss .fc .fc-daygrid-day-number {
    padding: 4px;
    position: relative;
    z-index: 4;
    font-weight: 800;
    font-size: var(--text-l);
    color: var(--primary);
    opacity: .35;
}
/* Cal Table */
.piecal__acss .fc-theme-standard .fc-scrollgrid {
    border: none;
}
.piecal__acss tbody tr td {
    border: solid 1px var(--fc-border-color) !important;
}
/* Past Days */ td.fc-day.fc-day-past.fc-daygrid-day {
    opacity: .6;
    background-color: var(--primary-light-trans-20);
}

/* Week View */

.piecal__acss .fc .fc-daygrid-day-frame {
/*    min-height: 200px; /*set min height for list views */
    position: relative;
/*    height: 100%; */
    padding: var(--space-xs);
}

/* List Views */

.piecal__acss tbody tr.fc-list-event td {
    border: unset !important;
}
.piecal__acss .fc .fc-list-event-title *, .piecal__acss .fc .fc-list-event-title a {
    text-transform: capitalize;
    color: var(--primary);
    font-weight: 700;
}


    /* Calendar Event Card */

        .piecal__acss .fc-h-event {
            background-color: var(--global-bg-lighter);
            border: unset;
            border-left: 8px solid var(--primary);
            padding: 4px;
            transition: var(--globaltrans);
            overflow: hidden;
        }
        .piecal__acss .fc-h-event:before {
            position: absolute;
            top: 0;
            left: -110%;
            width: 100%;
            height: 100%;
            background-color: var(--primary);
            content: "";
            transition: var(--globaltrans);
        }
        .piecal__acss .fc-h-event:hover:before {
            left: 0;
            transition: var(--globaltrans);
        }
        .piecal__acss .fc-h-event:hover {
            transition: var(--globaltrans);
        }
        .piecal__acss .fc-h-event:hover .fc-event-title.fc-sticky {
            color: var(--white);
        }        

        .fc-event-title.fc-sticky {
            color: var(--primary);
            text-transform: capitalize;
        }