/* ==========================================================================
   Off-canvas filterpaneel + Filter Everything
   ========================================================================== */

/* off-canvas panels */
.ocs-toggle-filters{background:var(--base-2) url("data:image/svg+xml,%3Csvg width='15' height='17' fill='none' version='1.1' viewBox='0 0 .45 .51' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0.0193 0.075h0.154m0 0c0 0.0284 0.023 0.0514 0.0514 0.0514 0.0284 0 0.0514-0.023 0.0514-0.0514m-0.103 0c0-0.0284 0.023-0.0514 0.0514-0.0514 0.0284 0 0.0514 0.023 0.0514 0.0514m0 0h0.154m-0.411 0.18h0.309m0 0c0 0.0284 0.023 0.0514 0.0514 0.0514s0.0514-0.023 0.0514-0.0514-0.023-0.0514-0.0514-0.0514c-0.0284 0-0.0514 0.023-0.0514 0.0514zm-0.206 0.18h0.309m-0.309 0c0-0.0284-0.023-0.0514-0.0514-0.0514-0.0284 0-0.0514 0.023-0.0514 0.0514 0 0.0284 0.023 0.0514 0.0514 0.0514 0.0284 0 0.0514-0.023 0.0514-0.0514z' stroke='%23000' stroke-linecap='round' stroke-width='.0386'/%3E%3C/svg%3E%0A") 20px center no-repeat;border:1px solid var(--contrast);color:var(--contrast);margin:0 0 30px 0;padding-left:45px}
.ocs-toggle-filters:hover{background:var(--contrast) url("data:image/svg+xml,%3Csvg width='15' height='17' fill='none' version='1.1' viewBox='0 0 .45 .51' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0.0193 0.075h0.154m0 0c0 0.0284 0.023 0.0514 0.0514 0.0514 0.0284 0 0.0514-0.023 0.0514-0.0514m-0.103 0c0-0.0284 0.023-0.0514 0.0514-0.0514 0.0284 0 0.0514 0.023 0.0514 0.0514m0 0h0.154m-0.411 0.18h0.309m0 0c0 0.0284 0.023 0.0514 0.0514 0.0514s0.0514-0.023 0.0514-0.0514-0.023-0.0514-0.0514-0.0514c-0.0284 0-0.0514 0.023-0.0514 0.0514zm-0.206 0.18h0.309m-0.309 0c0-0.0284-0.023-0.0514-0.0514-0.0514-0.0284 0-0.0514 0.023-0.0514 0.0514 0 0.0284 0.023 0.0514 0.0514 0.0514 0.0284 0 0.0514-0.023 0.0514-0.0514z' stroke='%23fff' stroke-linecap='round' stroke-width='.0386'/%3E%3C/svg%3E%0A") 20px center no-repeat;color:var(--base-2)}

.ocs-slidebar.ocs-filters{background:var(--base-3) !important;padding:20px}
.ocs-slidebar.ocs-filters h2{color:var(--contrast);font-size:20px}


/* filters */
.widgettitle, .widget-title{color:var(--contrast);font:20px var(--gp-font--gatore);margin:0 0 20px 0}

.wpc-filters-labels .wpc-label-item{color:var(--contrast-2);font-size:16px}
.wpc-filters-labels .wpc-label-item .wpc-filter-link{color:var(--accent-2);font-weight:bold}
.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label,
.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper,
.wpc-filters-main-wrap a.wpc-filters-submit-button,
.wpc-filters-main-wrap a.wpc-filters-reset-button
{border-radius:0 !important}

.wpc-filter-layout-submit-button .wpc-filters-submit-button{background:var(--accent-4) !important;border-color:var(--accent-4) !important;font-size:16px !important;font-weight:bold !important}
.wpc-filter-layout-submit-button .wpc-filters-reset-button{color:var(--accent-2);font-size:16px !important;font-weight:bold !important}

.wpc-filter-chips-list .wpc-filter-chip a{border:1px solid var(--contrast) !important;border-radius:0 !important;padding:10px 20px !important}
.wpc-filter-chips-list .wpc-filter-chip a:hover{background:var(--contrast);color:var(--base-2)}
.wpc-filter-chips-list .wpc-filter-chip a:hover .wpc-chip-remove-icon{color:var(--base-2)}