PluginProbe
Filter Everything — WordPress & WooCommerce Filters / 1.9.7
Filter Everything — WordPress & WooCommerce Filters v1.9.7
1.9.7 1.9.6 1.9.5 1.9.4 1.9.3 1.9.2.2 1.9.2.1 trunk 1.2.1 1.2.3 1.2.4 1.2.5 1.3.0 1.3.1 1.3.2 1.4.1 1.4.4 1.4.5 1.4.8 1.4.9 1.5.0 1.5.1 1.6.0 1.6.1 1.6.2 All 52 releases
← All changes | assets/css/filter-everything.css +1814 -672 1.3.2 → 1.9.7 View file →
@@ -1,510 +1,713 @@
1 1 /*!
2 - * Filter Everything 1.3.1
2 + * Filter Everything 1.9.7
3 3 */
4 -body .wpc-hidden{
4 +.widget_wpc_filters_widget *{
5 + box-sizing: border-box;
6 +}
7 +.rtl .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b,
8 +.rtl .wpc-filter-search-wrapper button.wpc-search-clear,
9 +.rtl .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
10 + left: 10px;
11 + right: auto;
12 +}
13 +/*.wpc-filter-post_meta_num .wpc-filter-selected-values,*/
14 +.theme-flatsome li.wpc-term-item > button.toggle,
15 +.woocommerce-page .content .h-section .wpc-filters-labels li.wpc-term-item input[type="checkbox"],
16 +.wpc-checkbox-item.wpc-opened > .wpc-term-item-content-wrapper > i.wpc-toggle-children-list:before,
17 +.wpc-checkbox-item.wpc-term-selected:not(.wpc-closed) > .wpc-term-item-content-wrapper > i.wpc-toggle-children-list:before,
18 +.wpc-chip-empty,
19 +/* Closed filter container */
20 +.wpc-filter-collapsible .wpc-filter-content,
21 +.wpc-filter-collapsible.wpc-closed .wpc-filter-content,
22 +/* li+span bump the specificity above the generic
23 + ".wpc-filter-has-* … li.wpc-term-item span {display:inline-flex}" rule */
24 +.wpc-filter-has-brands.wpc-filter-hidden-term-names li.wpc-term-item span.wpc-term-name,
25 +.wpc-filter-has-selected.wpc-closed .wpc-filter-content,
26 +.wpc-filter-has-selected.wpc-filter-more-less .wpc-see-more-control,
27 +.wpc-filter-has-selected.wpc-filter-more-less.wpc-show-less .wpc-filters-ul-list > li,
28 +.wpc-filter-has-selected.wpc-show-less .wpc-see-less-control,
29 +.wpc-filter-has-swatches.wpc-filter-hidden-term-names li.wpc-term-item span.wpc-term-name,
30 +.wpc-filter-hierarchy-reverse .wpc-checkbox-item > .wpc-term-item-content-wrapper > i.wpc-toggle-children-list:before,
31 +.wpc-filter-more-less .wpc-filters-ul-list > li,
32 +.wpc-filter-more-less .wpc-see-less-control,
33 +.wpc-filter-more-less.wpc-show-more .wpc-see-more-control,
34 +.wpc-filter-more-less.wpc-show-more.wpc-search-active .wpc-filters-ul-list li,
35 +.wpc-filters-labels li.wpc-term-item input[type="checkbox"]:checked + label .wpc-term-swatch.wpc-no-swatch-yet:before,
36 +.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch.wpc-no-swatch-yet:before,
37 +.wpc-filters-open-button-container,
38 +.wpc-filters-toolbar,
39 +.wpc-filters-main-wrap .ui-slider-horizontal .ui-slider-handle:after,
40 +.wpc-filters-main-wrap .ui-slider-horizontal .ui-slider-handle:before,
41 +.wpc-filters-main-wrap .wpc-filter-has-swatches ul.wpc-filters-labels:after,
42 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input,
43 +.wpc-filters-widget-top-container:not(.wpc-show-on-desktop),
44 +.wpc-hidden-term-name .wpc-term-name,
45 +.wpc-open-close-filters-button,
46 +.wpc-query-not-on-the-page .wpc-filters-widget-controls-wrapper,
47 +.wpc-query-on-the-page .wpc-filters-widget-controls-container .wpc-filter-layout-submit-button,
48 +.wpc-search-active .wpc-checkbox-item.wpc-closed > .wpc-term-item-content-wrapper > i.wpc-toggle-children-list:before,
49 +/* Hierarchy opened toggle */
50 +.wpc-search-active .wpc-checkbox-item > .wpc-term-item-content-wrapper > i.wpc-toggle-children-list:before,
51 +.wpc-search-active .wpc-filters-ul-list li,
52 +.wpc-search-active.wpc-filter-more-less .wpc-filters-ul-list li,
53 +/* Active term search must also hide non-matches when the "Show list items"
54 + rules for selected/more-less states would otherwise force them visible
55 + (same pattern as the .wpc-show-more.wpc-search-active entry above) */
56 +.wpc-filter-has-selected.wpc-filter-more-less.wpc-search-active .wpc-filters-ul-list li,
57 +.wpc-show-more-reverse.wpc-search-active .wpc-filters-ul-list li,
58 +.wpc-show-more-reverse.wpc-filter-more-less .wpc-see-more-control,
59 +.wpc-show-more-reverse.wpc-filter-more-less.wpc-show-less .wpc-see-less-control,
60 +/* Hide list items */
61 +.wpc-show-more-reverse.wpc-show-less .wpc-filters-ul-list > li,
62 +.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-filters-open-button-container,
63 +body .wpc-hidden,
64 +li.wpc-chip-reset-all .wpc-chip-remove-icon {
5 65 display: none;
6 66 }
7 -.wpc-front-error{
8 - color: #cc0000;
67 +.wpc-filters-main-wrap br {
68 + display: none;
69 +}
70 +.wpc-front-error {
71 + color: #c00;
9 72 text-align: center;
10 73 }
11 -.wpc-page-seo-description{
74 +.wpc-page-seo-description {
12 75 margin-bottom: 1em;
13 76 }
14 -.wpc-filters-section{
15 - margin-bottom: 1.5em;
77 +.wpc-filters-section {
78 + margin-bottom: 32px;
16 79 position: relative;
17 80 }
18 -.wpc-filters-widget-main-wrapper ul.children{
81 +.wpc-filter-layout-submit-button {
82 + display: flex;
83 + justify-content: space-between;
84 + flex-direction: row-reverse;
85 +}
86 +.rtl .wpc-filter-layout-submit-button {
87 + flex-direction: row;
88 +}
89 +.wpc-filters-widget-controls-container .wpc-filter-layout-submit-button {
90 + margin-right: 20px;
91 + margin-left: 20px;
92 + padding: 20px 0;
93 +}
94 +.wpc-filters-main-wrap ul.children {
19 95 list-style: none;
20 96 margin-left: 20px;
21 97 }
22 -.widget-area ul.wpc-filters-ul-list,
23 -.wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list{
98 +.wpc-filters-main-wrap ul.wpc-filters-ul-list {
24 99 list-style: none;
25 - padding: .25em 0 0 .25em;
100 + padding: 2px 0 0 0;
26 101 margin-left: 0;
102 + float: none;
27 103 }
28 -.theme-numinous .widget-area ul.wpc-filters-ul-list,
29 -.theme-numinous .wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list{
104 +.wpc-filters-main-wrap .wpc-filter-more-less:not(.wpc-filter-few-terms) ul.wpc-filters-ul-list {
105 + padding-bottom: 0;
106 + margin-bottom: 0;
107 +}
108 +.theme-numinous .wpc-filters-main-wrap ul.wpc-filters-ul-list,
109 +.wpc-filters-main-wrap ul.wpc-filters-ul-list input {
30 110 margin-top: 0;
31 111 }
32 -.widget-area ul.wpc-filters-ul-list input,
33 -.wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list input{
34 - margin-top: 0;
112 +/*.wpc-filters-main-wrap ul.wpc-filters-labels {*/
113 +/* padding-left: 0;*/
114 +/*}*/
115 +.wpc-filters-main-wrap .wpc-filters-section:not(.wpc-filter-terms-count-0) /*.wpc-filter-has-swatches */ul.wpc-filters-labels {
116 + display: flex;
117 + flex-wrap: wrap;
118 + justify-content: flex-start;
35 119 }
36 -.widget-area ul.wpc-filters-labels,
37 -.wpc-filters-widget-main-wrapper ul.wpc-filters-labels{
120 +.wpc-filters-main-wrap .wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels {
121 + justify-content: flex-start;
122 +}
123 +.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels {
124 + justify-content: flex-start;
38 125 padding-left: 0;
39 126 }
127 +.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-4.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels,
128 +.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-3.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels,
129 +.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-2.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels{
130 + justify-content: flex-start;
131 +}
132 +.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-4.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels li,
133 +.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-3.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels li,
134 +.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-2.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels li{
135 + margin-right: 10px;
136 +}
40 137 .wpc-filter-title {
41 - margin-bottom: 1em;
138 + margin-bottom: 12px;
42 139 position: relative;
43 140 display: flex;
44 141 justify-content: space-between;
45 142 align-items: center;
46 143 }
47 -body .wpc-filters-widget-main-wrapper li.wpc-term-item,
48 -.widget-area li.wpc-term-item{
49 - margin-bottom: 7px;
144 +body .wpc-filters-main-wrap li.wpc-term-item {
145 + margin-bottom: 12px;
50 146 border: none;
51 147 padding: 0;
148 + margin-left: 0;
52 149 }
53 -li.wpc-term-item ul.children{
54 - display: none;
150 +#top li.wpc-term-item > .wpc-term-item-content-wrapper + ul.children {
55 151 margin-top: 14px;
56 152 }
57 -li.wpc-term-item > .wpc-opened+ul.children{
58 - display: block;
59 -}
60 -body .wpc-filters-widget-main-wrapper .wpc-term-item-content-wrapper,
61 -.widget-area .wpc-term-item-content-wrapper,
62 -.wpc-term-item-content-wrapper{
153 +body .wpc-filters-main-wrap .wpc-term-item-content-wrapper {
63 154 display: flex;
64 155 align-items: center;
65 156 position: relative;
66 - padding-right: 24px;
67 157 }
68 -body .wpc-filters-widget-main-wrapper .wpc-filters-labels .wpc-term-item-content-wrapper,
69 -.widget-area .wpc-filters-labels .wpc-term-item-content-wrapper,
70 -.wpc-filters-labels .wpc-term-item-content-wrapper{
158 +body .wpc-filters-main-wrap .wpc-filter-has-hierarchy .wpc-term-item-content-wrapper {
159 + padding-right: 32px;
160 +}
161 +body .wpc-filters-main-wrap .wpc-filters-labels .wpc-term-item-content-wrapper {
71 162 padding-right: 0;
72 163 }
73 -i.wpc-toggle-children-list{
164 +i.wpc-toggle-children-list {
74 165 width: 24px;
75 166 top: 0;
76 167 bottom: 0;
77 - right: 6px;
168 + right: 1px;
78 169 position: absolute;
79 170 }
80 -i.wpc-toggle-children-list:hover{
171 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle:hover,
172 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range:hover {
81 173 cursor: pointer;
82 174 }
83 -i.wpc-toggle-children-list:before,
84 -i.wpc-toggle-children-list:after{
175 +/* Base-state pointer, NOT just :hover: iOS Safari treats an element as
176 + clickable — and only then delivers document-delegated click events on a
177 + single tap — when its RESTING style already has cursor:pointer. With the
178 + hover-only rule, terms rendered as <span data-wpc-span-link> (the
179 + crawler-links option) needed two taps on iPhone before the instant
180 + recount fired. Identical on desktop: a cursor is only visible on hover
181 + anyway. */
182 +.wpc-filters-main-wrap li.wpc-term-item:not(.wpc-term-disabled) label,
183 +span[data-wpc-span-link],
184 +i.wpc-toggle-children-list {
185 + cursor: pointer;
186 +}
187 +i.wpc-toggle-children-list:after,
188 +i.wpc-toggle-children-list:before{
85 189 content: "";
86 190 display: inline-block;
87 - width: 11px;
191 + width: 12px;
88 192 height: 1px;
89 - background-color: #6d6d6d;
193 + background-color: #8a8a8a;
90 194 position: absolute;
91 195 right: 0;
92 196 }
93 -i.wpc-toggle-children-list:before{
197 +i.wpc-toggle-children-list:before {
94 198 top: 50%;
95 - transform: rotate( 90deg );
199 + transform: rotate(90deg);
96 200 }
97 -i.wpc-toggle-children-list:after{
201 +i.wpc-toggle-children-list:after {
98 202 bottom: calc(50% + -1px);
99 203 }
100 -.wpc-term-item-content-wrapper.wpc-opened i.wpc-toggle-children-list:before{
204 +/* Hierarchy hide children */
205 +.wpc-filter-hierarchy-reverse li.wpc-term-item.wpc-closed > .wpc-term-item-content-wrapper + ul.children,
206 +li.wpc-term-item ul.children,
207 +li.wpc-term-item > .wpc-term-item-content-wrapper + ul.children {
101 208 display: none;
209 + margin-top: 10px;
102 210 }
103 -.woocommerce-page .content .h-section .wpc-filters-labels li.wpc-term-item input[type=checkbox],
104 -.widget-area .wpc-filters-labels li.wpc-term-item input,
105 -.wpc-filters-labels li.wpc-term-item input{
106 - display: none;
211 +/* Opened filter container */
212 +.wpc-filter-collapsible-reverse .wpc-filter-content,
213 +.wpc-filter-collapsible.wpc-opened .wpc-filter-content,
214 +.wpc-filter-has-brands.wpc-filter-hidden-term-names .wpc-dropdown-default .wpc-term-name,
215 +.wpc-filter-has-selected .wpc-filter-content,
216 +.wpc-filter-has-swatches.wpc-filter-hidden-term-names .wpc-dropdown-default .wpc-term-name,
217 +.wpc-filter-hierarchy-reverse li.wpc-term-item > .wpc-term-item-content-wrapper + ul.children,
218 +.wpc-filter-product_visibility .wpc-term-item label a,
219 +.wpc-filter-product_visibility .wpc-term-item label span,
220 +.wpc-filters-labels li.wpc-term-item input[type="checkbox"]:checked + label .wpc-term-swatch-wrapper:after,
221 +.wpc-filters-labels li.wpc-term-item input[type="checkbox"]:checked + label .wpc-term-swatch-wrapper:before,
222 +.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,
223 +.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before,
224 +.wpc-search-active li.wpc-term-item.wpc-closed > .wpc-term-item-content-wrapper + ul.children,
225 +/* Hierarchy show children */
226 +.wpc-search-active li.wpc-term-item > .wpc-term-item-content-wrapper + ul.children,
227 +form.wpc-filter-range-form,
228 +li.wpc-term-item.wpc-opened > ul.children,
229 +li.wpc-term-item.wpc-term-selected:not(.wpc-closed) > .wpc-term-item-content-wrapper + ul.children {
230 + display: block;
107 231 }
108 -.wpc-filters-labels{
232 +/* Hierarchy closed toggle */
233 +.wpc-filter-hierarchy-reverse .wpc-checkbox-item.wpc-closed > .wpc-term-item-content-wrapper > i.wpc-toggle-children-list:before,
234 +.wpc-filters-toolbar li.wpc-filter-chip {
235 + display: inline-block;
236 +}
237 +.wpc-filters-labels {
109 238 padding-top: 1px;
110 239 }
111 -.wpc-filters-labels:after{
240 +.wpc-filters-labels:after {
112 241 content: "";
113 242 display: block;
114 243 height: 0;
115 244 clear: both;
116 245 }
117 -.widget-area .wpc-filters-labels li.wpc-term-item,
118 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item{
119 - float: left;
246 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item {
120 247 margin-top: 0;
121 - margin-bottom: 10px;
248 + margin-bottom: 12px;
122 249 padding: 0;
123 250 width: auto;
124 251 }
125 -.widget-area .wpc-filters-labels li.wpc-term-item label,
126 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label{
252 +.wpc-filters-main-wrap .wpc-filter-has-swatches.wpc-filter-visible-term-names .wpc-filters-labels li.wpc-term-item {
253 + width: 48%;
254 + word-break: break-all;
255 +}
256 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {
127 257 margin-right: 8px;
128 258 margin-left: 0;
129 - border: 1px solid rgba(0, 0, 0, 0.1);
130 - border-radius: 5px;
131 - padding-left: 0;
259 + border: 1px solid #C7D1E2;
260 + border-radius: 6px;
132 261 margin-bottom: 0;
133 262 position: relative;
263 + padding-left: 0;
134 264 }
135 -.widget-area .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper,
136 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{
265 +.wpc-filters-scroll-container,
266 +.wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image label span.wpc-filter-label-wrapper,
267 +.wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list.wpc-empty-chips-container {
268 + padding: 0;
269 +}
270 +.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown .select2-search,
271 +.wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image label {
272 + border: none;
273 +}
274 +.wpc-filters-main-wrap .wpc-filter-layout-labels.wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item label,
275 +li.wpc-chip-reset-all .wpc-filter-chip-name {
276 + margin-right: 0;
277 +}
278 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {
137 279 border: 1px solid transparent;
138 280 margin-left: 0;
139 281 cursor: pointer;
140 282 display: flex;
141 - padding: 2px 10px;
283 + padding: 4px 10px;
142 284 border-radius: 3px;
143 285 }
144 -.theme-twentyfourteen .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{
145 - background-color: rgba(255, 255, 255, 0.25);
286 +body .wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image input:checked + label a,
287 +body .wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-item input + label:hover a,
288 +body .wpc-filters-main-wrap .wpc-filter-has-brands li.wpc-term-has-image input.wpc-label-input + label:hover span.wpc-filter-label-wrapper,
289 +body .wpc-filters-main-wrap .wpc-filter-has-brands li.wpc-term-has-image input.wpc-label-input:checked + label span.wpc-filter-label-wrapper,
290 +body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item input + label:hover a,
291 +body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item input:checked + label a,
292 +body .wpc-filters-main-wrap .wpc-filter-has-swatches input.wpc-label-input + label:hover span.wpc-filter-label-wrapper,
293 +body .wpc-filters-main-wrap .wpc-filter-has-swatches input.wpc-label-input:checked + label span.wpc-filter-label-wrapper {
294 + background-color: transparent;
295 + color: inherit;
146 296 }
147 -.widget-area input.wpc-label-input:checked+label,
148 -.wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label{
149 - border: 1px solid rgba(0,0,0,0.25);
297 +.wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item label,
298 +.wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper,
299 +.wpc-filters-main-wrap .wpc-filter-has-swatches input.wpc-label-input + label:hover {
300 + padding: 0;
301 + border: none;
302 +}
303 +.wpc-filters-main-wrap input.wpc-label-input:checked + label {
304 + border: 1px solid rgba(0, 0, 0, 0.25);
150 305 border-radius: 5px;
151 306 }
152 -.widget-area input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
153 -.wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
154 - color: #333333;
155 - background-color: rgba(0,0,0,0.25);
307 +.wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper {
308 + color: #333;
309 + background-color: rgba(0, 0, 0, 0.25);
156 310 }
157 -.theme-twentytwentyone .widget-area .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper,
158 -.theme-twentytwentyone .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{
311 +.theme-twentytwentyone .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {
159 312 padding: 6px 12px;
160 313 }
161 -.theme-twentytwentyone .widget-area li.wpc-term-item label,
162 -.theme-twentytwentyone .wpc-filters-widget-main-wrapper .widget li.wpc-term-item label{
314 +.theme-twentytwentyone .wpc-filters-main-wrap .widget li.wpc-term-item label {
163 315 padding-left: 8px;
164 316 }
165 -.widget-area .wpc-filters-labels li.wpc-term-item input:checked+label a,
166 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item input:checked+label a{
167 - color: #333333;
317 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked + label a {
318 + color: #333;
168 319 }
169 -.widget-area .wpc-filters-labels li.wpc-term-item label a,
170 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label a{
320 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label a {
171 321 text-decoration: none;
172 322 transition: none;
173 323 }
324 +.wpc-label-item.wpc-term-disabled label:hover,
325 +.wpc-term-disabled a:hover,
326 +.wpc-term-disabled input:hover,
327 +.wpc-term-disabled span.wpc-term-count:hover {
328 + cursor: not-allowed;
329 +}
330 +.wpc-term-disabled ul.children a:hover,
331 +.wpc-term-disabled ul.children input:hover,
332 +.wpc-term-disabled ul.children span.wpc-term-count:hover {
333 + cursor: inherit;
334 +}
335 +.widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a,
336 +.widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a,
337 +.widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
174 338 .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper,
339 +.wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
175 340 .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper,
176 -body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
177 -body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a,
178 -.widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
179 -.wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
180 -.widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a,
181 -.widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a,
341 +.wpc-term-count-0:not(.wpc-has-not-empty-children),
182 342 .wpc-term-count-0:not(.wpc-has-not-empty-children) a,
183 -.wpc-term-count-0:not(.wpc-has-not-empty-children){
343 +body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
344 +body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a {
184 345 opacity: 0.8;
185 346 }
186 -.widget-area li.wpc-term-item input[type='checkbox'],
187 -.wpc-filters-widget-main-wrapper li.wpc-term-item input[type='checkbox'],
188 -.widget-area li.wpc-term-item input[type='radio'],
189 -.wpc-filters-widget-main-wrapper li.wpc-term-item input[type='radio'] {
190 - outline: none;
191 - margin-left: 1px;
192 - margin-right: 2px;
347 +.wpc-filters-main-wrap li.wpc-term-item input[type="checkbox"],
348 +.wpc-filters-main-wrap li.wpc-term-item input[type="radio"] {
349 + outline: 0;
350 + margin-left: 0;
351 + margin-right: 8px;
352 + padding: 0;
193 353 margin-bottom: 0;
194 354 }
195 -.widget-area li.wpc-term-item input[type='checkbox']:hover,
196 -.wpc-filters-widget-main-wrapper li.wpc-term-item input[type='checkbox']:hover,
197 -.widget-area li.wpc-term-item input[type='radio']:hover,
198 -.wpc-filters-widget-main-wrapper li.wpc-term-item input[type='radio']:hover{
355 +.wpc-filters-main-wrap li.wpc-term-item input[type="checkbox"]:hover,
356 +.wpc-filters-main-wrap li.wpc-term-item input[type="radio"]:hover {
199 357 background-color: transparent;
358 + cursor: pointer;
200 359 }
201 -.wpc-filters-widget-main-wrapper li.wpc-term-item label,
202 -.widget-area li.wpc-term-item label{
360 +.wpc-filters-main-wrap li.wpc-term-item label {
203 361 display: flex;
204 362 margin-bottom: 0;
205 363 margin-top: 0;
206 - padding-left: 5px;
364 + /*padding-left: 5px;*/
207 365 margin-left: 0;
366 + line-height: 1.3;
208 367 }
209 -.widget-area .wpc-filters-labels li.wpc-term-item label,
210 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label{
211 - padding-left: 0;
368 +.wpc-filters-main-wrap .wpc-filter-has-hierarchy li.wpc-term-item label {
369 + width: auto;
370 + justify-content: normal;
212 371 }
213 -.widget-area li.wpc-term-item label:hover,
214 -.wpc-filters-widget-main-wrapper li.wpc-term-item label:hover{
215 - cursor: pointer;
216 -}
217 -.wpc-filter-content select{
372 +.wpc-filter-content select {
218 373 width: 100% !important;
219 374 margin-bottom: 1em;
220 375 }
221 -.wpc-filters-widget-main-wrapper li.wpc-term-item a,
222 -.widget-area .widget li.wpc-term-item a {
376 +.wpc-filter-content .wpc-filters-widget-select{
377 + padding-left: .5em;
378 + padding-right: .5em;
379 +}
380 +.wpc-filters-main-wrap li.wpc-term-item a,
381 +.wpc-filters-main-wrap li.wpc-term-item span{
223 382 text-decoration: none;
224 - font-weight: normal;
225 - outline: none;
383 + font-weight: 400;
384 + outline: 0;
226 385 padding-top: 0;
227 386 padding-bottom: 0;
228 387 }
229 -.wpc-filter-product_visibility .wpc-term-item label a{
388 +.wpc-filter-product_visibility .wpc-term-item label a .star-rating {
230 389 display: block;
231 -}
232 -.wpc-filter-product_visibility .wpc-term-item label a .star-rating{
233 - display: block;
234 390 margin-right: 2px;
235 391 position: relative;
236 392 height: 1.618em;
237 393 line-height: 1.618;
238 394 }
239 -.theme-twentytwentyone .wpc-filter-product_visibility .wpc-term-item label a .star-rating{
395 +.theme-twentytwentyone .wpc-filter-product_visibility .wpc-term-item label a .star-rating,
396 +.wpc-filters-widget-wrapper .wpc-posts-found p,
397 +.wpc-horizontal-layout form.wpc-filter-range-form {
240 398 margin-bottom: 0;
241 399 }
242 -.widget-area .wpc-filter-product_visibility li.wpc-term-item label,
243 -.wpc-filters-widget-main-wrapper .wpc-filter-product_visibility li.wpc-term-item label{
400 +.wpc-filters-widget-wrapper .wpc-posts-found p {
401 + margin: 10px 0;
402 +}
403 +.wpc-filters-main-wrap .wpc-filter-product_visibility li.wpc-term-item label {
244 404 display: flex;
245 - align-items: flex-start;
405 + align-items: center;
246 406 }
407 +/* Term count nested spans must stay inline despite the block rule for label spans above */
408 +.wpc-filter-product_visibility .wpc-term-item label .wpc-term-count span {
409 + display: inline;
410 +}
247 411 .widget-area .widget .wpc-filter-chips-list a:focus,
412 +.widget-area .widget .wpc-filter-chips-list span[data-wpc-span-link]:focus,
413 +.widget-area .widget .wpc-filter-chips-list span.wpc-apply-button-chip:focus,
414 +.widget-area .widget li.wpc-term-item a:focus,
415 +.widget-area .widget li.wpc-term-item a:hover,
416 +.widget-area .widget li.wpc-term-item span:focus,
417 +.widget-area .widget li.wpc-term-item span:hover,
248 418 .wpc-filter-chips-list a:focus,
419 +.wpc-filter-chips-list span[data-wpc-span-link]:focus,
420 +.wpc-filter-chips-list span.wpc-apply-button-chip:focus,
421 +body li.wpc-term-item a:focus,
249 422 body li.wpc-term-item a:hover,
250 -.widget-area .widget li.wpc-term-item a:hover,
251 -body li.wpc-term-item a:focus,
252 -.widget-area .widget li.wpc-term-item a:focus{
423 +body li.wpc-term-item span:focus,
424 +body li.wpc-term-item span:hover {
253 425 box-shadow: none;
254 426 text-decoration: none;
255 427 }
256 -
257 -.widget-area .widget .wpc-filter-chips-list a,
428 +.wpc-filter-chips-list a,
258 429 body .wpc-filter-chips-list li.wpc-filter-chip a,
259 -.wpc-filter-chips-list a{
430 +/* Smart spans render non-indexable chips as <span data-wpc-span-link>;
431 + client-rebuilt (pending Apply) chips are link-less spans */
432 +.wpc-filter-chips-list span[data-wpc-span-link],
433 +body .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link],
434 +.wpc-filter-chips-list li.wpc-filter-chip > span.wpc-apply-button-chip,
435 +body .wpc-filter-chips-list li.wpc-filter-chip > span.wpc-apply-button-chip {
260 436 text-decoration: none;
261 437 font-weight: 400;
262 - background: rgba(0, 0, 0, 0.03);
263 438 border-radius: 50px;
264 - padding: 3px 15px;
265 - display: inline-block;
266 - outline: none;
439 + padding: 4px 10px 4px 10px;
440 + display: block;
441 + outline: 0;
267 442 border: 1px solid #d8d8d8;
268 443 position: relative;
444 + color: #333;
445 + height: 100%;
446 + cursor: pointer;
269 447 }
270 -.widget-area .widget .wpc-filter-chips-list .wpc-chip-reset-all a,
271 -body .wpc-filter-chips-list li.wpc-chip-reset-all a{
448 +body .wpc-filter-chips-list li.wpc-chip-reset-all a,
449 +body .wpc-filter-chips-list li.wpc-chip-reset-all span.wpc-apply-button-chips-reset {
272 450 border-color: #cc8181;
273 451 color: inherit;
274 452 }
275 -li.wpc-chip-reset-all .wpc-filter-chip-name{
276 - margin-right: 0;
277 -}
278 -li.wpc-chip-reset-all .wpc-chip-remove-icon{
279 - display: none;
280 -}
281 -.widget-area .widget .wpc-filter-chips-list a:hover,
282 -.wpc-filters-widget-main-wrapper .wpc-filter-chips-list a:hover{
283 - background: rgba(0, 0, 0, 0.05);
453 +.wpc-filters-main-wrap .wpc-filter-chips-list a:hover,
454 +.wpc-filters-main-wrap .wpc-filter-chips-list span[data-wpc-span-link]:hover,
455 +.wpc-filters-main-wrap .wpc-filter-chips-list span.wpc-apply-button-chip:hover {
284 456 box-shadow: none;
285 457 }
286 -body .wpc-filter-chips-list li.wpc-filter-chip a:active,
287 -.widget-area .wpc-filter-chips-list li.wpc-filter-chip a:active,
288 -.wpc-filters-widget-main-wrapper .wpc-filter-chips-list li.wpc-filter-chip a:active {
458 +.wpc-filters-main-wrap .wpc-filter-chips-list li.wpc-filter-chip a:active,
459 +.wpc-filters-main-wrap .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:active,
460 +.wpc-filters-main-wrap .wpc-filter-chips-list li.wpc-filter-chip span.wpc-apply-button-chip:active {
289 461 opacity: 0.75;
290 462 }
291 -.wpc-filter-chips-list a:hover .wpc-chip-remove-icon{
292 - color: #cc0000;
463 +.wpc-filter-chips-list a:hover .wpc-chip-remove-icon,
464 +.wpc-filter-chips-list span[data-wpc-span-link]:hover .wpc-chip-remove-icon,
465 +.wpc-filter-chips-list span.wpc-apply-button-chip:hover .wpc-chip-remove-icon {
466 + color: #c00;
293 467 }
294 -.widget-area .widget ul.wpc-filter-chips-list,
295 -body ul.wpc-filter-chips-list
296 -{
468 +body ul.wpc-filter-chips-list {
297 469 margin-left: 0;
470 + padding-left: 0;
298 471 list-style: none !important;
299 472 }
473 +.wpc-filter-chips-list li,
300 474 body .wpc-filter-chips-list li.wpc-filter-chip,
301 -.wpc-filter-chips-list li,
302 -li.wpc-filter-chip{
303 - margin: 0 7px 7px 0;
475 +li.wpc-filter-chip {
476 + margin: 0 7px 11px 0;
304 477 padding: 0;
305 478 border: none;
479 + display: inline-block;
480 + list-style: none;
481 + font-size: 91%;
306 482 }
307 -.wpc-filter-chip-name{
483 +.wpc-filter-chip-name {
308 484 margin-right: 0.5em;
309 485 white-space: nowrap;
310 - max-width: 152px;
486 + max-width: 207px;
311 487 overflow: hidden;
488 + display: block;
312 489 }
313 -.wpc-chip-remove-icon{
314 - display: inline-block;
490 +.rtl .wpc-filter-chip-name {
491 + margin-left: 0.5em;
492 + margin-right: 0;
493 +}
494 +.wpc-chip-remove-icon {
315 495 font-size: 1.25em;
316 - line-height: 0.8;
496 + display: flex;
497 + align-items: center;
498 + max-height: 1px;
499 + height: 1px;
500 + line-height: 1;
317 501 }
318 -.wpc-chip-content{
502 +.wpc-button-inner,
503 +.wpc-chip-content {
319 504 display: flex;
320 505 align-items: center;
506 + height: 100%;
507 + min-height: 20px;
321 508 }
322 -form.wpc-filter-range-form{
323 - display: block;
324 -}
325 -.wpc-filters-range-wrapper{
509 +.wpc-filters-range-wrapper {
326 510 display: flex;
327 511 justify-content: space-between;
328 512 }
513 +.wpc-filters-range-wrapper p {
514 + display: none;
515 +}
516 +.rtl .wpc-filters-range-wrapper {
517 + flex-direction: row-reverse;
518 +}
329 519 .wpc-filters-range-column {
330 520 width: auto;
521 + position: relative;
331 522 }
332 -.wpc-filters-range-min-column,
333 -.wpc-filters-range-max-column{
523 +.wpc-filters-range-max-column,
524 +.wpc-filters-range-min-column {
334 525 max-width: 47%;
335 526 }
336 -.wpc-filters-range-min-column{
527 +.wpc-filters-range-min-column {
337 528 margin-right: 3%;
338 529 }
339 -.wpc-filters-range-wrapper input[type="number"]{
530 +.wpc-filters-range-wrapper input[type="number"] {
340 531 width: 100%;
341 532 box-sizing: border-box;
342 533 -webkit-appearance: none;
343 534 }
344 -.wpc-filters-range-values-wrapper{
535 +.wpc-filters-range-values-wrapper {
345 536 text-align: right;
346 537 margin-top: 10px;
347 538 }
348 -/* jQuery UI Slider */
349 -.wpc-filters-range-slider-wrapper{
350 - margin: 1.5em 13px 10px 0;
539 +.wpc-filters-range-slider-wrapper {
540 + margin: 1.5em 11px 10px;
351 541 }
352 -.ui-state-active,
353 -.ui-widget-content .ui-state-active,
354 -.ui-widget-header .ui-state-active,
355 -a.ui-button:active,
356 -.ui-button:active,
357 -.ui-button.ui-state-active:hover {
542 +.wpc-filters-range-inputs .ui-button.ui-state-active:hover,
543 +.wpc-filters-range-inputs .ui-button:active,
544 +.wpc-filters-range-inputs .ui-state-active,
545 +.wpc-filters-range-inputs .ui-widget-content .ui-state-active,
546 +.wpc-filters-range-inputs .ui-widget-header .ui-state-active,
547 +.wpc-filters-range-inputs a.ui-button:active {
358 548 border: 1px solid #003eff;
359 549 background: #007fff;
360 - font-weight: normal;
361 - color: #ffffff;
550 + font-weight: 400;
551 + color: #fff;
362 552 }
363 -.ui-icon-background,
364 -.ui-state-active .ui-icon-background {
553 +.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-disabled="true"],
554 +.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected="true"],
555 +.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected="true"],
556 +.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field:focus {
557 + background-color: #f2f2f2;
558 + color: inherit;
559 +}
560 +.select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted {
561 + opacity: 1 !important;
562 + color: inherit !important;
563 + background-color: unset !important;
564 + position: relative !important;
565 +}
566 +.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected="true"],
567 +.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected="true"] {
568 + position: relative !important;
569 + background-color: unset !important;
570 + color: inherit !important;
571 +}
572 +.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-disabled="true"],
573 +.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field:focus {
574 + background-color: unset !important;
575 + color: inherit !important;
576 +}
577 +.wpc-filters-range-inputs .ui-icon-background,
578 +.wpc-filters-range-inputs .ui-state-active .ui-icon-background {
365 579 border: #003eff;
366 - background-color: #ffffff;
580 + background-color: #fff;
367 581 }
368 -.ui-state-active a,
369 -.ui-state-active a:link,
370 -.ui-state-active a:visited {
371 - color: #ffffff;
582 +.wpc-filters-range-inputs .ui-state-active a,
583 +.wpc-filters-range-inputs .ui-state-active a:link,
584 +.wpc-filters-range-inputs .ui-state-active a:visited {
585 + color: #fff;
372 586 text-decoration: none;
373 587 }
374 -.ui-state-default,
375 -.ui-widget-content .ui-state-default,
376 -.ui-widget-header .ui-state-default,
377 -.ui-button,
378 -html .ui-button.ui-state-disabled:hover,
379 -html .ui-button.ui-state-disabled:active {
380 - border: 1px solid #c5c5c5;
381 - background: #f6f6f6;
382 - font-weight: normal;
588 +.wpc-filters-range-inputs .ui-button,
589 +.wpc-filters-range-inputs .ui-state-default,
590 +.wpc-filters-range-inputs .ui-widget-content .ui-state-default,
591 +.wpc-filters-range-inputs .ui-widget-header .ui-state-default,
592 +html .wpc-filters-range-inputs .ui-button.ui-state-disabled:active,
593 +html .wpc-filters-range-inputs .ui-button.ui-state-disabled:hover {
594 + border: 1px solid #C7D1E2;
595 + background: #fff;
596 + font-weight: 400;
383 597 color: #454545;
384 598 }
385 -.ui-slider .ui-slider-handle {
599 +.wpc-filters-range-inputs .ui-slider .ui-slider-handle {
600 + -ms-touch-action: none;
601 + touch-action: none;
386 602 position: absolute;
387 603 z-index: 2;
388 - width: 1.2em;
389 - height: 1.2em;
604 + width: 24px;
605 + height: 24px;
390 606 cursor: default;
391 607 -ms-touch-action: none;
392 608 touch-action: none;
609 + box-shadow: inset 0 0 0 1px #ebebeb;
393 610 }
394 -.ui-slider {
611 +.wpc-filters-range-inputs .ui-slider {
395 612 position: relative;
396 613 text-align: left;
397 614 }
398 -.ui-slider .ui-slider-handle {
615 +.wpc-filters-range-inputs .ui-slider .ui-slider-range {
399 616 position: absolute;
400 - z-index: 2;
401 - width: 26px;
402 - height: 26px;
403 - cursor: default;
404 - -ms-touch-action: none;
405 - touch-action: none;
406 - box-shadow: inset 0 0 0 1px #ebebeb;
407 -}
408 -.ui-slider .ui-slider-range {
409 - position: absolute;
410 617 z-index: 1;
411 - font-size: .7em;
618 + font-size: 0.7em;
412 619 display: block;
413 620 border: 0;
414 621 background-position: 0 0;
415 622 }
416 -/* support: IE8 - See #6727 */
417 -.ui-slider.ui-state-disabled .ui-slider-handle,
418 -.ui-slider.ui-state-disabled .ui-slider-range {
419 - filter: inherit;
420 -}
421 -.ui-slider-horizontal {
623 +.wpc-filters-range-inputs .ui-slider-horizontal {
422 624 height: 3px;
423 - background: #c5c5c5;
625 + background: #C7D1E2;
626 + border-radius: 2px;
424 627 }
425 -.ui-slider-horizontal .ui-slider-handle {
426 - top: -12px;
427 - margin-left: -6px;
628 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
629 + top: -11px;
630 + margin-left: -13px;
428 631 border-radius: 50%;
429 - outline: none;
430 - box-shadow: 0 2px 9px rgba(0,0,0,.23);
632 + outline: 0;
633 + box-shadow: 0 2px 6px 1px #1F20281A;
431 634 }
432 -.ui-slider-horizontal .ui-slider-range:hover,
433 -.ui-slider-horizontal .ui-slider-handle:hover{
434 - cursor: pointer;
635 +.theme-Avada .widget_wpc_filters_widget .ui-slider .ui-slider-handle:last-child{
636 + transform: none;
435 637 }
436 -.wpc-filters-widget-main-wrapper .ui-slider-horizontal .ui-slider-handle:after,
437 -.wpc-filters-widget-main-wrapper .ui-slider-horizontal .ui-slider-handle:before{
438 - display: none;
439 -}
440 -.ui-slider-horizontal .ui-slider-range {
638 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
441 639 top: 0;
442 640 height: 100%;
443 641 background: #4c4c4c;
444 642 }
445 -.ui-slider-horizontal .ui-slider-range-min {
643 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range-min {
446 644 left: 0;
447 645 }
448 -.ui-slider-horizontal .ui-slider-range-max {
646 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range-max {
449 647 right: 0;
450 648 }
451 -.ui-slider-vertical {
452 - width: .8em;
649 +.wpc-filters-range-inputs .ui-slider-vertical {
650 + width: 0.8em;
453 651 height: 100px;
454 652 }
455 -.ui-slider-vertical .ui-slider-handle {
456 - left: -.3em;
653 +.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-handle {
654 + left: -0.3em;
457 655 margin-left: 0;
458 - margin-bottom: -.6em;
656 + margin-bottom: -0.6em;
459 657 }
460 -.ui-slider-vertical .ui-slider-range {
658 +.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range {
461 659 left: 0;
462 660 width: 100%;
463 661 }
464 -.ui-slider-vertical .ui-slider-range-min {
662 +.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range-min {
465 663 bottom: 0;
466 664 }
467 -.ui-slider-vertical .ui-slider-range-max {
665 +.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range-max {
468 666 top: 0;
469 667 }
470 -.wpc-filter-has-selected .wpc-filter-collapsible+.wpc-closed,
471 -.wpc-filter-collapsible+.wpc-filter-content:not(.wpc-opened),
472 -.wpc-filter-collapsible+.wpc-filter-content.wpc-closed{
473 - display: none;
474 -}
475 -.wpc-filter-has-selected .wpc-filter-collapsible+.wpc-filter-content:not(.wpc-closed),
476 -.wpc-filter-collapsible+.wpc-filter-content.wpc-opened{
477 - display: block;
478 -}
479 -.wpc-filter-collapsible .wpc-filter-title{
480 - position: relative;
481 -}
482 -.wpc-filter-has-selected .wpc-filter-collapsible.wpc-closed .wpc-filter-title button .wpc-open-icon,
483 -.wpc-filter-collapsible .wpc-filter-title button .wpc-open-icon{
668 +/* Closed filter header */
669 +.wpc-filter-collapsible .wpc-filter-title .wpc-open-icon,
670 +.wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon,
671 +.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon,
672 +.wpc-filter-has-selected.wpc-closed .wpc-filter-title .wpc-open-icon {
484 673 content: "";
485 - width: 0.5em;
486 - min-width: 0.5em;
487 - height: 0.5em;
674 + width: 9px;
675 + min-width: 9px;
676 + height: 9px;
488 677 display: block;
489 - border-left: 1px solid #6d6d6d;
490 - border-top: 1px solid #6d6d6d;
678 + border-left: 1px solid #8a8a8a;
679 + border-top: 1px solid #8a8a8a;
491 680 position: relative;
492 681 transform: rotate(-135deg);
493 - /*transition: transform .3s ease;*/
682 + position: relative;
683 + right: 3px;
684 + bottom: 3px;
494 685 }
495 -.wpc-filter-has-selected .wpc-filter-title button .wpc-open-icon,
496 -.wpc-filter-collapsible.wpc-opened .wpc-filter-title button .wpc-open-icon{
686 +/* Opened filter header */
687 +.wpc-filter-collapsible-reverse.wpc-filter-collapsible .wpc-filter-title .wpc-open-icon,
688 +.wpc-filter-collapsible.wpc-opened .wpc-filter-title .wpc-open-icon,
689 +.wpc-filter-has-selected .wpc-filter-title .wpc-open-icon {
497 690 transform: rotate(45deg);
691 + position: relative;
692 + right: 3px;
693 + bottom: 0;
694 + top: 3px;
498 695 }
499 -.wpc-filter-header .wpc-filter-title button{
696 +.widget-area,
697 +.widget_wpc_filters_widget,
698 +.wpc-filter-collapsible .wpc-filter-title,
699 +.wpc-filters-main-wrap{
700 + position: relative;
701 +}
702 +.wpc-filter-header .wpc-filter-title button {
500 703 width: 100%;
501 - background: none;
704 + background: 0 0;
502 705 border: none;
503 706 cursor: pointer;
504 707 padding: 0;
505 708 text-align: left;
506 - outline: none;
709 + outline: 0;
507 710 font-size: inherit;
508 711 color: inherit;
509 712 font-weight: inherit;
510 713 box-shadow: none;
@@ -510,129 +713,189 @@
510 713 box-shadow: none;
511 714 display: flex;
512 715 justify-content: space-between;
513 716 align-items: center;
717 + margin: 0;
718 + min-height: 0;
719 + margin-bottom: 8px;
514 720 }
515 -.wpc-filter-selected-values{
721 +.wpc-filter-selected-values {
516 722 visibility: hidden;
517 723 opacity: 0;
518 724 margin-top: 5px;
519 725 font-size: 13px;
520 726 padding-right: 10px;
727 + line-height: 1.3;
521 728 }
522 -.wpc-filter-collapsible.wpc-closed .wpc-filter-selected-values{
729 +.wpc-filter-collapsible.wpc-closed .wpc-filter-selected-values {
523 730 visibility: visible;
524 731 opacity: 1;
525 732 }
526 -.widget-area{
733 +.widget_wpc_filters_widget {
734 + overflow: visible;
735 +}
736 +.wpc-filters-main-wrap a.wpc-toggle-a {
737 + text-decoration: none;
738 + border-bottom-width: 1px;
739 + border-bottom-style: dashed;
740 +}
741 +.wpc-filters-main-wrap a.wpc-toggle-a:hover{
742 + opacity: 0.7;
743 +}
744 +.wpc-filters-widget-top-container {
745 + border-bottom: 1px solid transparent;
746 + padding: 0;
747 +}
748 +.wpc-filters-widget-top-container:before {
749 + content: "";
750 + display: block;
751 + height: 1px;
752 + background: #fff;
527 753 position: relative;
754 + bottom: 1px;
528 755 }
529 -.wpc-filters-widget-main-wrapper,
530 -.widget_wpc_filters_widget{
756 +.wpc-widget-top-inside {
757 + display: flex;
758 + justify-content: flex-start;
759 + flex-wrap: nowrap;
760 + overflow: hidden;
761 +}
762 +.wpc-widget-close-container {
763 + width: 100%;
531 764 position: relative;
765 + display: none;
532 766 }
533 -.wpc-filters-widget-controls-container{
767 +a.wpc-widget-close-icon {
768 + display: flex;
769 + width: 56px;
770 + height: 56px;
771 + margin: 0;
772 + align-items: center;
773 + justify-content: flex-start;
774 + position: relative;
775 + z-index: 10;
776 +}
777 +.wpc-filters-widget-controls-container {
534 778 display: none;
535 779 text-align: center;
536 780 position: sticky;
537 - top: 0;
781 + bottom: 0;
538 782 background: #fff;
539 783 z-index: 99999;
540 - border-bottom: 1px solid #e4e4e4;
784 + border-top: 1px solid #e4e4e4;
541 785 }
542 -.theme-twentyfourteen .wpc-filters-widget-controls-container{
786 +.theme-twentyfourteen .wpc-filters-widget-controls-container {
543 787 background-color: #000;
544 788 }
545 -.wpc-filters-toolbar,
546 -.wpc-inner-widget-chips-wrapper:not(.wpc-show-on-desktop),
547 -.wpc-filters-open-button-container,
548 -.wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .wpc-filters-open-button-container{
549 - display: none;
550 -}
551 -.wpc-filters-widget-controls-wrapper{
789 +.wpc-filters-widget-controls-wrapper {
552 790 margin-right: 20px;
553 791 margin-left: 20px;
554 792 display: flex;
555 793 justify-content: space-between;
556 - height: 50px;
557 794 align-items: center;
795 + position: sticky;
796 + bottom: 0;
797 + padding: 20px 0;
558 798 }
559 -.widget-area .widget .wpc-filters-widget-controls-container a,
560 -.widget .wpc-filters-widget-controls-container a,
561 -.wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a{
562 - outline: none !important;
799 +.wpc-filters-main-wrap .wpc-filters-widget-controls-container a,
800 +.wpc-filters-main-wrap a.wpc-filters-reset-button,
801 +.wpc-filters-main-wrap a.wpc-filters-submit-button {
802 + outline: 0 !important;
563 803 -webkit-user-select: none;
564 804 -moz-user-select: none;
565 805 -ms-user-select: none;
566 806 user-select: none;
567 - transition: opacity .1s ease-in-out;
807 + transition: opacity 0.1s ease-in-out;
568 808 text-decoration: none;
569 - font-weight: 600;
809 + font-weight: 400;
570 810 white-space: nowrap;
571 811 box-shadow: none;
812 + padding: 6px 14px;
813 + border-radius: 4px;
814 + border: 1px solid #d8d8d8;
815 + display: block;
816 + text-align: center;
572 817 }
573 -.wpc-filters-widget-controls-container a:hover,
818 +.wpc-filters-main-wrap a.wpc-filters-reset-button,
819 +.wpc-filters-main-wrap a.wpc-filters-submit-button {
820 + width: 45%;
821 + white-space: inherit;
822 + display: flex;
823 + align-items: center;
824 + justify-content: center;
825 +}
826 +.wpc-filters-main-wrap a.wpc-filters-reset-button {
827 + background-color: #fff;
828 +}
829 +.wpc-filters-widget-controls-container a.wpc-filters-apply-button {
830 + background-color: #d8d8d8;
831 +}
832 +a.wpc-filters-reset-button:active,
833 +a.wpc-filters-reset-button:focus,
834 +a.wpc-filters-reset-button:hover,
835 +a.wpc-filters-submit-button:active,
836 +a.wpc-filters-submit-button:focus,
837 +a.wpc-filters-submit-button:hover {
838 + opacity: 0.85;
839 +}
574 840 .wpc-filters-widget-controls-container a:active,
575 -.wpc-filters-widget-controls-container a:focus{
576 - opacity: .6;
841 +.wpc-filters-widget-controls-container a:focus,
842 +.wpc-filters-widget-controls-container a:hover {
843 + opacity: 0.6;
577 844 box-shadow: none;
578 845 }
579 -.widget-area .widget a.wpc-open-close-filters-button,
580 -body a.wpc-open-close-filters-button,
581 -a.wpc-open-close-filters-button,
582 -.wpc-open-close-filters-button,
583 -body a.wpc-filters-open-widget,
584 -a.wpc-filters-open-widget,
585 -.wpc-filters-open-widget{
846 +body .wpc-filters-open-button-container a.wpc-filters-open-widget,
847 +body .wpc-filters-open-button-container a.wpc-open-close-filters-button{
586 848 display: inline-block;
587 849 text-align: left;
588 850 border: 1px solid #2c2d33;
589 851 border-radius: 2px;
590 852 line-height: 1.5;
591 - padding: 7px 12px 7px 12px;
853 + padding: 7px 12px;
592 854 background-color: transparent;
593 855 color: #2c2d33;
594 856 box-sizing: border-box;
595 857 text-decoration: none !important;
596 - font-weight: normal;
858 + font-weight: 400;
597 859 transition: none;
598 860 position: relative;
599 861 }
600 -.wpc-button-inner{
601 - display: flex;
602 - align-items: center;
862 +.select2-results__option .wpc-term-count-0,
863 +.wpc-filters-section.is-active .wpc-filters-reset-button,
864 +.wpc-filters-section.is-active .wpc-filters-submit-button,
865 +.wpc-filters-main-wrap.is-active {
866 + opacity: 0.7;
603 867 }
604 -.wpc-filters-scroll-container{
605 - padding: 0;
606 - transition: opacity .1s ease-in-out;
868 +.wpc-filters-scroll-container .wpc-filters-widget-wrapper {
869 + transition: opacity 0.25s;
870 + position: relative;
607 871 }
608 872 .wpc-spinner {
609 - width: 32px;
610 - height: 32px;
873 + width: 28px;
874 + height: 28px;
611 875 position: fixed;
612 - z-index: 9;
613 - left: calc(50% - 16px);
614 - top: calc(50% - 16px);
876 + left: calc(50% - 14px);
877 + top: calc(50% - 14px);
615 878 display: none;
616 - z-index: 999999;
879 + z-index: 1000001;
617 880 }
618 -.wpc-spinner:after{
619 - content: '';
881 +.wpc-spinner:after {
882 + content: "";
620 883 position: absolute;
621 - opacity: 0.8;
622 - border: 3px solid #f3f3f3;
623 - border-top: 3px solid #9f9f9f;
884 + opacity: 1;
885 + border: 1px solid #f3f3f3;
886 + border-top: 1px solid #9f9f9f;
624 887 border-radius: 50%;
625 - width: 32px;
626 - height: 32px;
888 + width: 28px;
889 + height: 28px;
627 890 top: 0;
628 891 left: 0;
629 892 bottom: 0;
630 893 right: 0;
631 894 margin: auto;
632 - animation: wpc-spinner .5s linear infinite;
895 + animation: 0.5s linear infinite wpc-spinner;
633 896 }
634 -.wpc-filters-overlay{
897 +.wpc-filters-overlay {
635 898 content: " ";
636 899 background: #252525;
637 900 opacity: 0;
638 901 position: fixed;
@@ -640,20 +903,21 @@
640 903 right: 0;
641 904 bottom: 0;
642 905 z-index: 99999;
643 906 margin: 0;
907 + transition: opacity 0.05s linear;
644 908 }
645 -.wpc-filters-widget-controls-item{
909 +.wpc-filters-widget-controls-item {
646 910 width: 45%;
647 911 }
648 -.wpc-filters-widget-controls-one{
912 +.wpc-filters-widget-controls-one {
649 913 text-align: left;
650 914 }
651 -.wpc-filters-widget-controls-two{
915 +.wpc-filters-widget-controls-two {
652 916 text-align: right;
653 917 }
654 -.wpc-filters-toolbar .wpc-filter-chips-list{
655 - margin: 0 0 0 .5em;
918 +.wpc-filters-toolbar .wpc-filter-chips-list {
919 + margin: 0 0 0 0.5em;
656 920 display: flex;
657 921 -webkit-box-pack: start;
658 922 place-content: center flex-start;
659 923 -webkit-box-align: center;
@@ -659,28 +923,22 @@
659 923 -webkit-box-align: center;
660 924 align-items: center;
661 925 overflow-x: auto;
662 926 }
663 -.wpc-filters-toolbar li.wpc-filter-chip{
664 - display: inline-block;
665 -}
666 -.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content::-webkit-scrollbar {
927 +.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar {
667 928 width: 6px;
668 929 border-radius: 6px;
669 - background: #E9E9EB;
930 + background: #e9e9eb;
670 931 }
671 -.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content::-webkit-scrollbar-track {
932 +.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar-track {
672 933 border-radius: 6px;
673 934 }
674 -.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content::-webkit-scrollbar-thumb {
935 +.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar-thumb {
675 936 background: #c4c4c4;
676 937 border-radius: 6px;
677 938 }
678 -.wpc-open-close-filters-button{
679 - display: none;
680 -}
681 939 #sidebar:after,
682 -.fusion-sidebar-inner-content:after{
940 +.fusion-sidebar-inner-content:after {
683 941 content: "";
684 942 clear: both;
685 943 display: block;
686 944 width: 1px;
@@ -685,51 +943,71 @@
685 943 display: block;
686 944 width: 1px;
687 945 height: 1px;
688 946 }
689 -.wpc-icon-html-wrapper{
947 +.wpc-icon-html-wrapper {
690 948 position: relative;
691 949 margin-right: 10px;
692 950 top: 2px;
693 951 }
694 -.wpc-icon-html-wrapper span{
952 +.wpc-filters-open-widget.wpc-opened .wpc-icon-html-wrapper {
953 + transform: rotate(0);
954 +}
955 +.rtl .wpc-icon-html-wrapper {
956 + margin-right: 0;
957 + margin-left: 10px;
958 +}
959 +.wpc-widget-close-container .wpc-icon-html-wrapper {
960 + top: 1px;
961 + margin: 0;
962 + left: 20px;
963 + background: #f5f5f5;
964 + border-radius: 50%;
965 + padding: 14px 7px;
695 966 display: block;
967 +}
968 +.rtl .wpc-widget-close-container .wpc-icon-html-wrapper {
969 + left: auto;
970 + right: 20px;
971 +}
972 +.wpc-widget-close-container .wpc-widget-close-icon span.wpc-icon-line-1,
973 +.wpc-widget-close-container .wpc-widget-close-icon span.wpc-icon-line-3 {
696 974 height: 1px;
697 - width: 20px;
698 - /*-webkit-transition: all,ease,.1s;*/
699 - /*transition: all,ease,.1s;*/
975 + margin-bottom: -1px;
976 +}
977 +.wpc-icon-html-wrapper span {
978 + display: block;
979 + height: 1px;
980 + width: 18px;
700 981 border-radius: 3px;
701 982 background: #2c2d33;
702 983 margin-bottom: 4px;
703 984 position: relative;
704 985 }
705 -span.wpc-icon-line-1:after{
986 +span.wpc-icon-line-1:after,
987 +span.wpc-icon-line-2:after {
988 + border: 1px solid #2c2d33;
706 989 content: "";
707 990 display: block;
708 991 width: 3px;
709 992 height: 3px;
710 - border: 1px solid #2c2d33;
993 + background-color: #fff;
994 + top: -2px;
995 + position: absolute;
996 + box-sizing: content-box;
997 +}
998 +.wpc-widget-close-container .wpc-icon-html-wrapper:hover span {
999 + background: #c00;
1000 +}
1001 +span.wpc-icon-line-1:after {
711 1002 border-radius: 50%;
712 - background-color: #ffffff;
713 - position: absolute;
714 - top: -2px;
715 1003 left: 5px;
716 - box-sizing: content-box;
717 1004 }
718 -span.wpc-icon-line-2:after{
719 - content: "";
720 - display: block;
721 - width: 3px;
722 - height: 3px;
723 - border: 1px solid #2c2d33;
1005 +span.wpc-icon-line-2:after {
724 1006 border-radius: 50%;
725 - background-color: #ffffff;
726 - position: absolute;
727 - top: -2px;
728 1007 left: 12px;
729 - box-sizing: content-box;
730 1008 }
731 -span.wpc-icon-line-3:after{
1009 +span.wpc-icon-line-3:after {
732 1010 content: "";
733 1011 display: block;
734 1012 width: 3px;
735 1013 height: 3px;
@@ -734,165 +1012,234 @@
734 1012 width: 3px;
735 1013 height: 3px;
736 1014 border: 1px solid #2c2d33;
737 1015 border-radius: 50%;
738 - background-color: #ffffff;
1016 + background-color: #fff;
739 1017 position: absolute;
740 1018 top: -2px;
741 1019 left: 2px;
742 1020 box-sizing: content-box;
743 1021 }
744 -/*.wpc-overlay-visible span.wpc-icon-line-2,*/
745 -/*.wpc-overlay-visible span.wpc-icon-line-1:after,*/
746 -/*.wpc-overlay-visible span.wpc-icon-line-2:after,*/
747 -/*.wpc-overlay-visible span.wpc-icon-line-3:after,*/
1022 +.wpc-opened span.wpc-icon-line-1:after,
748 1023 .wpc-opened span.wpc-icon-line-2,
749 -.wpc-opened span.wpc-icon-line-1:after,
750 1024 .wpc-opened span.wpc-icon-line-2:after,
751 -.wpc-opened span.wpc-icon-line-3:after{
752 - border-color: #ffffff;
1025 +.wpc-opened span.wpc-icon-line-3:after,
1026 +.wpc-widget-close-icon span.wpc-icon-line-1:after,
1027 +.wpc-widget-close-icon span.wpc-icon-line-2,
1028 +.wpc-widget-close-icon span.wpc-icon-line-2:after,
1029 +.wpc-widget-close-icon span.wpc-icon-line-3:after {
1030 + border-color: #fff;
753 1031 display: none;
754 1032 }
755 -.wpc-opened span.wpc-icon-line-1{
1033 +.wpc-opened span.wpc-icon-line-1,
1034 +.wpc-widget-close-icon span.wpc-icon-line-1 {
756 1035 -webkit-transform: rotate(45deg);
757 1036 -ms-transform: rotate(45deg);
758 1037 transform: rotate(45deg);
759 1038 }
760 -.wpc-opened span.wpc-icon-line-3{
1039 +.wpc-opened span.wpc-icon-line-3,
1040 +.wpc-widget-close-icon span.wpc-icon-line-3 {
761 1041 -webkit-transform: rotate(-45deg);
762 1042 -ms-transform: rotate(-45deg);
763 1043 transform: rotate(-45deg);
764 1044 }
1045 +.wpc-opened span.wpc-icon-line-1,
765 1046 .wpc-opened span.wpc-icon-line-3,
766 -.wpc-opened span.wpc-icon-line-1{
1047 +.wpc-widget-close-icon span.wpc-icon-line-1,
1048 +.wpc-widget-close-icon span.wpc-icon-line-3 {
767 1049 margin-bottom: -1px;
768 1050 top: -3px;
769 1051 }
770 -.theme-generatepress.woocommerce .wpc-filters-open-button-container,
771 -.theme-Avada .woocommerce-container .wpc-filters-open-button-container{
1052 +.wpc-widget-close-icon span.wpc-icon-line-1,
1053 +.wpc-widget-close-icon span.wpc-icon-line-3 {
1054 + top: -1px;
1055 + margin-bottom: -2px;
1056 + height: 2px;
1057 +}
1058 +.wpc-widget-close-icon .wpc-icon-html-wrapper span {
1059 + width: 14px;
1060 +}
1061 +/* Hide Controls */
1062 +.wpc-filter-few-terms .wpc-see-less-control,
1063 +.wpc-filter-few-terms .wpc-see-more-control,
1064 +.wpc-search-active .wpc-toggle-a {
1065 + display: none !important;
1066 +}
1067 +/* Show Controls */
1068 +.wpc-filter-has-selected .wpc-see-less-control,
1069 +.wpc-filter-has-selected.wpc-show-less .wpc-see-more-control,
1070 +.wpc-filter-more-less .wpc-see-more-control,
1071 +.wpc-filter-more-less.wpc-show-more .wpc-see-less-control,
1072 +.wpc-show-more-reverse.wpc-filter-more-less .wpc-see-less-control,
1073 +.wpc-show-more-reverse.wpc-filter-more-less.wpc-show-less .wpc-see-more-control {
1074 + display: inline;
1075 +}
1076 +/* Show list items */
1077 +.wpc-filter-has-selected.wpc-filter-more-less .wpc-filters-ul-list > li,
1078 +.wpc-filter-more-less.wpc-show-more .wpc-filters-ul-list > li,
1079 +.wpc-search-active .wpc-filters-ul-list li.showli,
1080 +.wpc-search-active.wpc-filter-more-less .wpc-filters-ul-list li.showli,
1081 +.wpc-show-more-reverse .wpc-filters-ul-list > li {
1082 + display: list-item;
1083 +}
1084 +.theme-Avada .woocommerce-container .wpc-filters-open-button-container,
1085 +.theme-generatepress.woocommerce .wpc-filters-open-button-container {
772 1086 padding-left: 0;
773 1087 padding-right: 0;
774 1088 }
775 -.theme-generatepress .wpc-filters-open-button-container,
776 -.theme-Avada .wpc-filters-open-button-container{
1089 +.theme-Avada .wpc-filters-open-button-container,
1090 +.theme-generatepress .wpc-filters-open-button-container {
777 1091 padding-left: 30px;
778 1092 padding-right: 30px;
779 1093 }
780 -.wpc-overlay-visible .theme-neve .nv-sidebar-wrap.shop-sidebar{
1094 +.wpc-overlay-visible .theme-neve .nv-sidebar-wrap.shop-sidebar {
781 1095 opacity: 1;
782 1096 z-index: 100000;
783 1097 position: relative;
784 1098 pointer-events: initial;
785 1099 }
786 -.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown .select2-search{
787 - border: none;
1100 +.wpc-term-count {
1101 + white-space: nowrap;
1102 + margin: 0;
1103 + display: inline-block;
1104 + opacity: 0.3;
788 1105 }
789 -.theme-Avada .select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{
790 - border-color: #e2e2e2;
1106 +.select2-container .wpc-term-count{
1107 + margin-left: .5em;
791 1108 }
792 -.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{
793 - border-color: #ccd0dc;
1109 +.wpc-counter-length-1 .wpc-term-count{
1110 + width: 1.5em;
794 1111 }
795 -.theme-Avada .wpc-sorting-form .select2-container--default .select2-selection--single,
796 -.theme-Avada .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single{
797 - border-color: #e2e2e2;
1112 +.wpc-counter-length-2 .wpc-term-count{
1113 + width: 2em;
1114 +}
1115 +.wpc-counter-length-3 .wpc-term-count{
1116 + width: 2.5em;
1117 +}
1118 +.wpc-counter-length-4 .wpc-term-count{
1119 + width: 3em;
1120 +}
1121 +.wpc-counter-length-5 .wpc-term-count{
1122 + width: 3.5em;
1123 +}
1124 +.wpc-filter-has-swatches.wpc-filter-hidden-term-names .wpc-term-count,
1125 +.wpc-filter-layout-labels.wpc-filter-has-swatches .wpc-term-count {
1126 + margin: 0;
1127 +}
1128 +.wpc-filters-main-wrap .wpc-filter-layout-labels.wpc-filter-visible-term-names.wpc-filter-has-swatches .wpc-filters-labels {
1129 + display: flex;
1130 + flex-wrap: unset;
1131 + justify-content: unset;
1132 + flex-direction: column;
1133 +}
1134 +.wpc-filter-has-brands .wpc-term-count,
1135 +.wpc-filter-has-swatches .wpc-term-count {
1136 + display: inline-flex;
1137 + align-items: center;
1138 +}
1139 +.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown {
1140 + border-color: #c9d1e0;
1141 +}
1142 +.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single,
1143 +.wpc-sorting-form .select2-container--default .select2-selection--single {
1144 + border-color: #c9d1e0;
798 1145 border-radius: 6px;
799 1146 }
800 -.wpc-sorting-form .select2-container--default .select2-selection--single,
801 -.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single{
802 - border-color: #ccd0dc;
803 - border-radius: 3px;
804 -}
805 -.theme-Avada .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered,
806 -.theme-Avada .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{
1147 +.theme-Avada .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered,
1148 +.theme-Avada .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered {
807 1149 line-height: 36px;
808 1150 }
809 -.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered,
810 -.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{
1151 +.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered,
1152 +.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered {
811 1153 line-height: inherit;
812 1154 color: inherit;
1155 + display: flex;
1156 + /* padding: 6px 16px; */
813 1157 }
814 1158 .sidebar .widget .wpc-filter-everything-dropdown li.select2-results__option,
815 -.wpc-filter-everything-dropdown .select2-results__option{
1159 +.wpc-filter-everything-dropdown .select2-results__option {
816 1160 line-height: inherit;
817 1161 font-size: inherit;
818 - padding: 6px 14px;
1162 + padding: 6px 16px;
1163 + margin: 0;
1164 + display: flex;
819 1165 }
820 -.wpc-sorting-form .select2-container .select2-selection--single,
821 -.wpc-filter-layout-dropdown .select2-container .select2-selection--single{
1166 +.wpc-filter-layout-dropdown .select2-container .select2-selection--single,
1167 +.wpc-sorting-form .select2-container .select2-selection--single {
822 1168 height: auto;
823 - padding: 2px;
1169 + padding: 6px 40px 6px 16px;
824 1170 }
825 -.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow,
826 -.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow{
1171 +.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow,
1172 +.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow {
827 1173 height: 100%;
828 1174 border: none;
1175 + background-color: transparent;
1176 + width: 40px;
1177 + border-radius: 6px;
1178 + top: 1px;
1179 + right: 1px;
829 1180 }
830 1181 .select2-dropdown.wpc-filter-everything-dropdown {
831 - border-color: #ccd0dc;
832 -}
833 -.select2-dropdown.wpc-filter-everything-dropdown{
1182 + border-color: #c9d1e0;
834 1183 z-index: 999999;
835 1184 }
836 -.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected=true],
837 -.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected=true]{
838 - background-color: #f2f2f2;
1185 +.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown {
1186 + padding: 4px 16px;
839 1187 }
840 -.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown{
841 - padding: 4px 10px;
1188 +body.theme-twentytwentyone .wpc-filters-widget-content,
1189 +body.theme-twentytwentytwo .wpc-filters-widget-content,
1190 +body.theme-twentytwentythree .wpc-filters-widget-content,
1191 +body.theme-twentytwentyfour .wpc-filters-widget-content,
1192 +body.theme-twentytwentyfive .wpc-filters-widget-content{
1193 + font-size: 16px;
842 1194 }
843 -.theme-Avada .select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{
844 - border-color: #e2e2e2;
1195 +.wpc-filters-widget-content .select2-search--dropdown .select2-search__field{
1196 + padding: 8px 16px;
845 1197 }
846 -.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{
847 - border-color: #ccd0dc;
1198 +.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field {
1199 + border-color: #c9d1e0;
848 1200 box-shadow: none;
849 - border-radius: 3px;
1201 + border-radius: 6px;
1202 + height: auto;
850 1203 }
851 -.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b,
852 -.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b{
1204 +.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b,
1205 +.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
853 1206 border-left: 1px solid #6d6d6d;
854 1207 border-top: 1px solid #6d6d6d;
855 - width: 8px;
856 - height: 8px;
1208 + width: 9px;
1209 + height: 9px;
857 1210 font-size: 16px;
858 1211 transform: rotate(-135deg);
859 - right: 10px;
1212 + right: 16px;
860 1213 top: calc(50% + -6px);
861 - /*transition: transform .3s ease;*/
862 1214 left: auto;
863 1215 margin: 0;
864 1216 display: block;
865 1217 border-right: none;
866 1218 border-bottom: none;
1219 + background: unset;
867 1220 }
868 -.wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
869 -.wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
1221 +.wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
1222 +.wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
870 1223 transform: rotate(45deg);
871 1224 border-left: 1px solid #6d6d6d;
872 1225 border-top: 1px solid #6d6d6d;
873 1226 top: calc(50% + -2px);
874 1227 }
875 -.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field:focus{
876 - background-color: #f2f2f2;
877 -}
878 -.select2-results__option .wpc-term-count-0{
879 - opacity: 0.7;
880 -}
881 -.wpc-filters-overlay{
882 - transition: opacity .05s linear;
883 -}
884 1228 /*TipTip CSS*/
885 1229 .wpc-help-tip {
886 1230 color: #929292;
887 1231 display: inline-block;
888 1232 font-style: normal;
889 - height: 15px;
890 - line-height: 15px;
1233 + height: 16px;
1234 + line-height: 16px;
891 1235 position: relative;
892 1236 vertical-align: middle;
893 - width: 15px;
894 - min-width: 15px;
1237 + width: 16px;
1238 + min-width: 16px;
1239 + border-radius: 50%;
1240 + box-sizing: content-box;
1241 + border: 1px solid #C7D1E2; /*#ccd0dc;*/
895 1242 }
896 1243 .wpc-help-tip::after {
897 1244 speak: none;
898 1245 font-weight: 700;
@@ -897,9 +1244,8 @@
897 1244 speak: none;
898 1245 font-weight: 700;
899 1246 font-variant: normal;
900 1247 text-transform: none;
901 - line-height: 1;
902 1248 -webkit-font-smoothing: antialiased;
903 1249 margin: 0;
904 1250 text-indent: 0;
905 1251 position: absolute;
@@ -909,22 +1255,24 @@
909 1255 height: 100%;
910 1256 text-align: center;
911 1257 content: "?";
912 1258 cursor: help;
913 - background: #bdbdbd;
914 - border-radius: 50%;
915 - color: #fff;
916 - font-size: 10px;
917 - line-height: 15px;
1259 + color: #c8d1e1;
1260 + font-size: 11px;
1261 + line-height: 16px;
918 1262 font-family: arial;
1263 + background-color: transparent;
919 1264 }
1265 +.wpc-help-tip:hover::after{
1266 + opacity: 0.7;
1267 + cursor: help;
1268 +}
1269 +.wpc-help-tip:active::after{
1270 + opacity: 0.5;
1271 +}
920 1272 .wpc-filter-title .wpc-help-tip {
921 1273 font-size: 1em;
922 1274 }
923 -.wpc-wrap-icons .wpc-help-tip {
924 - margin-left: 10px;
925 - margin-right: 10px;
926 -}
927 1275 #tiptip_holder {
928 1276 display: none;
929 1277 z-index: 8675309;
930 1278 position: absolute;
@@ -931,71 +1279,78 @@
931 1279 top: 0;
932 1280 left: 0;
933 1281 }
934 1282 #tiptip_holder.tip_top {
935 - padding-bottom: 5px
1283 + padding-bottom: 5px;
936 1284 }
937 1285 #tiptip_holder.tip_top #tiptip_arrow_inner {
938 1286 margin-top: -7px;
939 1287 margin-left: -6px;
940 - border-top-color: #333
1288 + border-top-color: #333;
941 1289 }
942 1290 #tiptip_holder.tip_bottom {
943 - padding-top: 5px
1291 + padding-top: 5px;
944 1292 }
945 1293 #tiptip_holder.tip_bottom #tiptip_arrow_inner {
946 - margin-top: -5px;
947 - margin-left: -6px;
948 - border-bottom-color: #333
1294 + margin-top: -4px;
1295 + margin-left: -5px;
1296 + border-bottom-color: #333;
949 1297 }
950 1298 #tiptip_holder.tip_right {
951 - padding-left: 5px
1299 + padding-left: 5px;
952 1300 }
953 1301 #tiptip_holder.tip_right #tiptip_arrow_inner {
954 1302 margin-top: -6px;
955 1303 margin-left: -5px;
956 - border-right-color: #333
1304 + border-right-color: #333;
957 1305 }
958 1306 #tiptip_holder.tip_left {
959 - padding-right: 5px
1307 + padding-right: 1px;
960 1308 }
961 1309 #tiptip_holder.tip_left #tiptip_arrow_inner {
962 - margin-top: -6px;
1310 + margin-top: -4px;
963 1311 margin-left: -7px;
964 - border-left-color: #333
1312 + border-left-color: #333;
965 1313 }
966 -#tiptip_content, .chart-tooltip, .wc_error_tip {
1314 +#tiptip_content,
1315 +.chart-tooltip,
1316 +.wc_error_tip {
967 1317 color: #fff;
968 - font-size: .75em;
1318 + font-size: 0.75em;
969 1319 background: #333;
970 1320 border-radius: 3px;
971 - padding: .618em 1em;
972 - box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
1321 + padding: 0.618em 1em;
1322 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
973 1323 }
974 -#tiptip_content code, .chart-tooltip code, .wc_error_tip code {
1324 +#tiptip_content code,
1325 +.chart-tooltip code,
1326 +.wc_error_tip code {
975 1327 padding: 1px;
976 - background: #888
1328 + background: #888;
977 1329 }
978 -#tiptip_arrow, #tiptip_arrow_inner {
1330 +#tiptip_arrow,
1331 +#tiptip_arrow_inner {
979 1332 position: absolute;
980 - border-color: transparent;
981 - border-style: solid;
982 - border-width: 6px;
1333 + border: 6px solid transparent;
983 1334 height: 0;
984 - width: 0
1335 + width: 0;
985 1336 }
986 -.wpc-wrap-icons{
1337 +.wpc-wrap-icons {
987 1338 display: flex;
988 1339 align-items: center;
989 1340 flex-wrap: wrap;
1341 + width: 100%;
1342 + line-height: 1;
990 1343 }
991 -.wpc-wrap-icons > *{
1344 +.wpc-wrap-icons > * {
992 1345 flex-grow: 1;
993 1346 }
994 -.wpc-wrap-icons .wpc-help-tip{
1347 +.wpc-wrap-icons .wpc-help-tip {
1348 + margin-left: 10px;
1349 + margin-right: 10px;
995 1350 flex-grow: initial;
996 1351 }
997 -.wpc-wrap-icons .wpc-filter-selected-values{
1352 +.wpc-wrap-icons .wpc-filter-selected-values {
998 1353 flex-grow: 2;
999 1354 min-width: 100%;
1000 1355 }
1001 1356 .wpc-debug-message {
@@ -1001,244 +1356,1031 @@
1001 1356 .wpc-debug-message {
1002 1357 padding: 16px;
1003 1358 font-size: 14px;
1004 1359 border: 1px dashed #ccc;
1360 + margin-bottom: 20px;
1005 1361 }
1006 -.wpc-debug-title{
1362 +body .wpc-debug-title {
1007 1363 font-size: 13px;
1008 1364 margin-bottom: 24px;
1365 + font-style: italic;
1366 + visibility: visible;
1009 1367 }
1010 -.wpc-edit-filter-set{
1011 - font-size: 13px;
1368 +.wpc-edit-filter-set {
1369 + font-size: 13px;
1012 1370 }
1013 -.wpc-orderby-select{
1371 +.wpc-orderby-select {
1014 1372 width: 100%;
1015 - max-width: 300px
1373 + max-width: 300px;
1016 1374 }
1017 -.wpc-sorting-form{
1375 +.select2.select2-container.select2-container--default {
1376 + min-width: 140px !important;
1377 +}
1378 +.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered > span,
1379 +.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered,
1380 +.wpc-sorting-form .select2-container--default .select2-selection--single .select2-results__option,
1381 +.sidebar .widget .wpc-filter-everything-dropdown li.select2-results__option > span,
1382 +.wpc-filter-everything-dropdown .select2-results__option > span{
1383 + display: flex;
1384 + align-items: center;
1385 + min-height: 32px;
1386 +}
1387 +.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered{
1388 + min-height: 32px;
1389 +}
1390 +.wpc-sorting-form {
1018 1391 margin: 0;
1019 1392 }
1020 -@media screen and (min-width: 769px) {
1021 - .wpc_show_bottom_widget .wpc-filters-widget-content{
1022 - height: auto !important;
1023 - }
1393 +.wpc-force-visibility {
1394 + display: block !important;
1395 + opacity: 1 !important;
1396 + visibility: hidden !important;
1397 + height: 0 !important;
1398 + margin: 0 !important;
1399 + padding: 0 !important;
1400 + transform: none !important;
1401 + position: static !important;
1402 + transition: none !important;
1403 + overflow: visible !important;
1404 + z-index: 999999 !important;
1405 + width: 0 !important;
1406 + left: auto !important;
1407 + right: auto !important;
1408 + bottom: auto !important;
1409 + top: auto !important;
1024 1410 }
1025 -@media screen and (min-width: 768px) {
1026 - .wpc-custom-selected-terms{
1027 - clear: both;
1028 - width: 100%;
1029 - }
1030 - .wpc-custom-selected-terms ul.wpc-filter-chips-list{
1031 - display: flex;
1032 - overflow-x: auto;
1411 +.wpc-force-visibility .widget_wpc_filters_widget,
1412 +.wpc-force-visibility .wpc-filters-main-wrap {
1413 + visibility: visible !important;
1414 + display: block !important;
1415 +}
1416 +.wpc-widget-top-inside .wpc-inner-widget-chips-wrapper {
1417 + width: 100%;
1418 +}
1419 +.wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list {
1420 + margin: 0;
1421 + padding: 2px 0 10px;
1422 +}
1423 +.wpc-widget-popup-title {
1424 + position: absolute;
1425 + top: 0;
1426 + text-align: center;
1427 + bottom: 0;
1428 + right: 0;
1429 + left: 0;
1430 + display: flex;
1431 + align-items: center;
1432 + justify-content: center;
1433 + font-size: 18px;
1434 + color: #333;
1435 + font-weight: 600;
1436 +}
1437 +.wpc-term-image-wrapper {
1438 + position: relative;
1439 + width: 70px;
1440 + min-width: 70px;
1441 + height: 40px;
1442 + border: 1px solid rgba(0, 0, 0, 0.1);
1443 + text-align: center;
1444 + display: flex;
1445 + padding: 4px 4px;
1446 + justify-content: center;
1447 + align-items: center;
1448 + border-radius: 8px;
1449 +}
1450 +/* The generic "li.wpc-term-item span" reset zeroes vertical paddings; without
1451 + this the wrapper loses them at rest and the logo jumps when a :hover rule
1452 + brings the padding back */
1453 +.wpc-filters-main-wrap li.wpc-term-item span.wpc-term-image-wrapper {
1454 + padding: 4px;
1455 +}
1456 +.select2-container .wpc-term-image-wrapper {
1457 + border: none;
1458 + width: 56px;
1459 + height: 32px;
1460 +}
1461 +.wpc-dropdown-default .wpc-term-image-wrapper,
1462 +.wpc-dropdown-default .wpc-term-swatch-wrapper {
1463 + width: 0 !important;
1464 + min-width: 0;
1465 + border-color: transparent;
1466 + margin: 0 !important;
1467 + padding: 0;
1468 +}
1469 +.wpc-filter-visible-term-names .wpc-term-image-wrapper,
1470 +.wpc-item-has-brand .wpc-term-image-wrapper {
1471 + margin-right: 0.5em;
1472 +}
1473 +.wpc-term-swatch-wrapper {
1474 + position: relative;
1475 + margin-right: 8px;
1476 + width: 25px;
1477 + height: 25px;
1478 + border: 1px solid transparent;
1479 + border-radius: 2px;
1480 + box-sizing: content-box;
1481 + overflow: hidden;
1482 +}
1483 +.wpc-term-swatch-no-image {
1484 + border: 1px solid;
1485 + box-sizing: border-box;
1486 + display: flex;
1487 + justify-content: center;
1488 + align-items: center;
1489 +}
1490 +.wpc-term-swatch-wrapper:has(.wpc-term-swatch[style*="background-color: #ffffff"]),
1491 +.wpc-term-swatch-wrapper:has(.wpc-term-swatch[style*="background-color:#ffffff"]) {
1492 + border-color: #C7D1E2;
1493 +}
1494 +.wpc-filter-hidden-term-names .wpc-filter-link .wpc-term-swatch-wrapper{
1495 + margin-right: 0;
1496 +}
1497 +.rtl .wpc-term-swatch-wrapper {
1498 + margin-left: 5px;
1499 + margin-right: 0;
1500 +}
1501 +.wpc-term-image-wrapper:before,
1502 +.wpc-term-swatch-wrapper:before {
1503 + content: "";
1504 + left: 0;
1505 + right: 0;
1506 + top: 0;
1507 + bottom: 0;
1508 + position: absolute;
1509 + background: #000;
1510 + opacity: 0.15;
1511 + display: none;
1512 + z-index: 10;
1513 +}
1514 +.wpc-term-swatch-wrapper:after {
1515 + content: "";
1516 + left: 7px;
1517 + top: 7px;
1518 + width: 10px;
1519 + height: 5px;
1520 + position: absolute;
1521 + border-left: 2px solid #fff;
1522 + border-bottom: 2px solid #fff;
1523 + display: none;
1524 + transform: rotate(-45deg);
1525 + box-sizing: content-box;
1526 + z-index: 20;
1527 +}
1528 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-has-image label:hover a,
1529 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-has-image input[type=checkbox]:checked + label a{
1530 + border-color: rgba(0, 0, 0, 0.1);
1531 +}
1532 +/* Hover/checked emphasis: the fixed-size wrapper swaps its 1px grey border
1533 + for a 2px active-color one (the outer boxes keep the total footprint) —
1534 + the rest state MUST keep its 4px paddings (see the constant-padding rule
1535 + above), otherwise the logo jumps when this rule re-applies them */
1536 +.wpc-filters-labels li.wpc-term-has-image input[type="checkbox"]:checked + label .wpc-filter-label-wrapper .wpc-term-image-wrapper,
1537 +.wpc-filters-labels li.wpc-term-has-image label:hover .wpc-filter-label-wrapper .wpc-term-image-wrapper {
1538 + border-width: 2px;
1539 + padding: 4px 4px;
1540 +}
1541 +.wpc-filters-labels li.wpc-term-has-image input[type="checkbox"]:checked + label .wpc-filter-label-wrapper .wpc-term-image-wrapper img,
1542 +.wpc-filters-labels li.wpc-term-has-image label:hover .wpc-filter-label-wrapper .wpc-term-image-wrapper img{
1543 + border-width: 0;
1544 +}
1545 +.wpc-filters-labels li.wpc-term-item label:active .wpc-term-swatch-wrapper:before {
1546 + background: #fff;
1547 + opacity: 0.05;
1548 +}
1549 +.wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image label:active .wpc-term-image-wrapper:before {
1550 + display: block;
1551 + background: #fff;
1552 + opacity: 0.2;
1553 +}
1554 +.wpc-term-image-container {
1555 + position: relative;
1556 + display: block;
1557 + background-position: center center;
1558 + background-size: contain;
1559 + background-repeat: no-repeat;
1560 + vertical-align: middle;
1561 + width: 32px;
1562 + height: 24px;
1563 +}
1564 +.wpc-filter-link{
1565 + margin-right: 6px;
1566 +}
1567 +.wpc-filter-has-brands li.wpc-term-item a,
1568 +.wpc-filter-has-brands li.wpc-term-item span,
1569 +.wpc-filter-has-brands li.wpc-term-item label,
1570 +.wpc-filter-has-swatches ul.wpc-filters-ul-list li.wpc-term-item a,
1571 +.wpc-filter-has-swatches ul.wpc-filters-ul-list li.wpc-term-item span,
1572 +span.wpc-item-has-brand,
1573 +span.wpc-item-has-swatch,
1574 +span.wpc-dropdown-default{
1575 + display: inline-flex;
1576 + align-items: center;
1577 + flex-direction: row;
1578 +}
1579 +.wpc-dropdown-default.wpc-item-has-swatch .wpc-term-swatch-wrapper {
1580 + display: none;
1581 +}
1582 +.wpc-filter-search-wrapper {
1583 + margin-bottom: 12px;
1584 + position: relative;
1585 +}
1586 +.wpc-search-field{
1587 + width: 100%;
1588 + margin: 0;
1589 +}
1590 +.wpc-filters-date-range-wrapper input[type="text"]{
1591 + box-sizing: border-box;
1592 + min-width: 100%;
1593 +}
1594 +.wpc-filters-main-wrap input.wpc-filter-search-field {
1595 + padding-right: 30px;
1596 + width: 100%;
1597 + margin: 0;
1598 +}
1599 +.wpc-search-field-wrapper{
1600 + position: relative;
1601 +}
1602 +.wpc-search-icon{
1603 + position: absolute;
1604 + top:0;
1605 + bottom: 0;
1606 + left: 12px;
1607 + width: 24px;
1608 + display: flex;
1609 + align-items: center;
1610 +}
1611 +.wpc-search-icon:before{
1612 + content: "";
1613 + display: inline-block;
1614 + vertical-align: baseline;
1615 + line-height: 1;
1616 + width: 20px;
1617 + height: 20px;
1618 + background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="11" cy="11" r="7" stroke="%23C7D1E2" stroke-width="2"/%3E%3Cpath d="M20 20L17 17" stroke="%23C7D1E2" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
1619 + background-repeat: no-repeat;
1620 + background-size: 20px;
1621 +}
1622 +.wpc-filters-widget-content .wpc-filters-section .wpc-filter-search-form .wpc-search-field
1623 +{
1624 + padding-left: 48px;
1625 +}
1626 +.wpc-search-field-wrapper .wpc-search-clear-icon-wrapper,
1627 +.wpc-filter-search-wrapper button.wpc-search-clear,
1628 +.wpc-filters-range-column button.wpc-range-clear{
1629 + position: absolute;
1630 + right: 1px;
1631 + top: 1px;
1632 + height: calc(100% - 2px);
1633 + background: 0 0;
1634 + border: none;
1635 + font-size: 29px;
1636 + font-weight: 400;
1637 + font-family: "Times New Roman", serif;
1638 + padding: 0;
1639 + width: 38px;
1640 + outline: 0;
1641 + color: #b5bed2;
1642 + box-shadow: none;
1643 + display: none;
1644 + line-height: 1;
1645 + margin: 0;
1646 + cursor:pointer;
1647 + -webkit-appearance: none;
1648 + min-height: 0;
1649 + border-top-right-radius: 6px;
1650 + border-bottom-right-radius: 6px;
1651 +}
1652 +
1653 +.wpc-search-field-wrapper .wpc-search-clear-icon-wrapper{
1654 + width: 40px;
1655 + right: 0;
1656 +}
1657 +.wpc-filter-layout-search-field.wpc-search-active .wpc-search-field-wrapper .wpc-search-clear-icon-wrapper{
1658 + display: block;
1659 +}
1660 +.wpc-search-field-wrapper a.wpc-search-clear-icon{
1661 + text-decoration: none !important;
1662 + position: absolute;
1663 + left: 0;
1664 + right: 0;
1665 + top: 0;
1666 + cursor: pointer;
1667 + font-size: 29px;
1668 + bottom: 0;
1669 + display: flex;
1670 + justify-content: center;
1671 + align-items: center;
1672 + font-weight: 400 !important;
1673 + color: inherit;
1674 +}
1675 +.wpc-filter-search-wrapper button.wpc-search-clear:hover,
1676 +.wpc-search-field-wrapper a.wpc-search-clear-icon:hover,
1677 +.wpc-filters-range-column button.wpc-range-clear:hover{
1678 + color: #c00;
1679 +}
1680 +.rtl .wpc-filters-main-wrap input.wpc-filter-search-field {
1681 + padding-left: 30px;
1682 + padding-right: 5px;
1683 +}
1684 +.wpc-search-clear {
1685 + /* base-state cursor for the iOS single-tap clickability heuristic */
1686 + cursor: pointer;
1687 +}
1688 +.wpc-search-clear:hover {
1689 + background: 0 0;
1690 + box-shadow: none;
1691 + border: none;
1692 + outline: 0;
1693 +}
1694 +.select2-selection span.wpc-term-swatch,
1695 +li.select2-results__option span.wpc-term-swatch,
1696 +li.wpc-term-item label span.wpc-term-swatch {
1697 + display: block;
1698 + border-radius: 1px;
1699 + width: 100%;
1700 + height: 100%;
1701 +}
1702 +@media (min-width: 769px) {
1703 + .wpc-filters-main-wrap li.wpc-term-item label span.wpc-term-swatch,
1704 + .wpc-filters-main-wrap .wpc-term-swatch-wrapper {
1705 + width: 28px;
1706 + min-width: 28px;
1707 + height: 28px;
1708 + }
1709 + .wpc-filters-main-wrap .wpc-term-swatch-wrapper:after {
1710 + width: 10px;
1711 + height: 5px;
1712 + position: absolute;
1713 + top: calc(50% - 1px);
1714 + left: 50%;
1715 + transform: translate(-50%, -50%) rotate(-45deg);
1716 + }
1717 +}
1718 +li.wpc-term-item label span.wpc-term-swatch.wpc-no-swatch-yet {
1719 + display: flex;
1720 + justify-content: center;
1721 + align-items: center;
1722 +}
1723 +.wpc-term-swatch.wpc-no-swatch-yet:before {
1724 + content: "";
1725 + display: block;
1726 + width: 100%;
1727 + height: 100%;
1728 + color: #9d9d9d;
1729 + position: relative;
1730 + z-index: 30;
1731 + text-align: center;
1732 + line-height: 15px;
1733 + background-image: url("../img/no-image.png");
1734 + background-size: contain;
1735 + background-repeat: no-repeat;
1736 +}
1737 +.widget-area .widget li.wpc-term-item label img.wpc-term-image,
1738 +.wpc-filters-main-wrap li.wpc-term-item label img.wpc-term-image,
1739 +li.select2-results__option img.wpc-term-image {
1740 + width: auto;
1741 + max-width: 100%;
1742 + display: block;
1743 + border-radius: 0;
1744 + margin: 0;
1745 +}
1746 +.wpc-term-image-wrapper img {
1747 + display: inline;
1748 + max-height: 100%;
1749 + border: 1px solid transparent;
1750 + box-shadow: none;
1751 +}
1752 +.wpc-horizontal-layout .wpc-filters-widget-wrapper {
1753 + display: flex;
1754 + width: 100%;
1755 + justify-content: flex-start;
1756 + flex-wrap: wrap;
1757 + align-items: flex-start;
1758 +}
1759 +/* 2 columns */
1760 +.wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
1761 + max-width: 49%;
1762 + width: 49%;
1763 + margin-right: 2%;
1764 +}
1765 +.wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:nth-child(odd),
1766 +.wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:nth-child(3n + 1),
1767 +.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(4n + 1),
1768 +.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(5n + 1) {
1769 + margin-right: 0 !important;
1770 +}
1771 +/* 3 columns */
1772 +.wpc-horizontal-layout .wpc-filters-section:not(.wpc-filter-layout-submit-button),
1773 +.wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
1774 + max-width: 32%;
1775 + width: 32%;
1776 + margin-right: 2%;
1777 +}
1778 +/* 4 columns */
1779 +.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
1780 + max-width: 24%;
1781 + width: 24%;
1782 + margin-right: 1.33333%;
1783 +}
1784 +/* 5 columns */
1785 +.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
1786 + max-width: 19%;
1787 + width: 19%;
1788 + margin-right: 1.25%;
1789 +}
1790 +.wpc-horizontal-layout .wpc-filter-layout-submit-button,
1791 +.wpc-horizontal-layout .wpc-inner-widget-chips-wrapper,
1792 +.wpc-horizontal-layout .wpc-posts-found {
1793 + max-width: 100%;
1794 + flex-basis: 100%;
1795 +}
1796 +/* Apply buttons 2 columns */
1797 +.wpc-horizontal-layout.wpc-horizontal-cols-2 a.wpc-filters-reset-button,
1798 +.wpc-horizontal-layout.wpc-horizontal-cols-2 a.wpc-filters-submit-button {
1799 + width: 23.5%;
1800 + max-width: 23.5%;
1801 + margin-right: 2%;
1802 + padding-left: 0;
1803 + padding-right: 0;
1804 +}
1805 +/* Apply buttons 3 columns and default */
1806 +.wpc-horizontal-layout a.wpc-filters-reset-button,
1807 +.wpc-horizontal-layout a.wpc-filters-submit-button {
1808 + width: 15%;
1809 + white-space: inherit;
1810 + display: flex;
1811 + align-items: center;
1812 + justify-content: center;
1813 + max-width: 15%;
1814 + margin-right: 2%;
1815 +}
1816 +/* Apply buttons 4 columns */
1817 +.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,
1818 +.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button {
1819 + width: 11.33333%;
1820 + max-width: 11.33333%;
1821 + margin-right: 1.33333%;
1822 + padding-left: 0;
1823 + padding-right: 0;
1824 +}
1825 +/* Apply buttons 5 columns */
1826 +.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-reset-button,
1827 +.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-submit-button {
1828 + width: 14%;
1829 + max-width: 14%;
1830 + margin-right: 1.25%;
1831 + padding-left: 0;
1832 + padding-right: 0;
1833 +}
1834 +.wpc-horizontal-layout .wpc-filter-layout-submit-button {
1835 + justify-content: flex-end;
1836 +}
1837 +#ui-datepicker-div{
1838 + z-index: 100 !important;
1839 +}
1840 +.wpc-filter-datepicker {
1841 + font-size: 15px;
1842 + min-width: 250px;
1843 + max-width: 500px;
1844 +}
1845 +.wpc-filter-datepicker .ui-datepicker-current{
1846 + display: none;
1847 +}
1848 +.wpc-term-count-brackets-open,
1849 +.wpc-term-count-brackets-close{
1850 + display: none;
1851 +}
1852 +/*.wpc-counter-length-1.wpc-filter-layout-labels li.wpc-term-item:not(.wpc-term-has-image) .wpc-term-count,*/
1853 +/*.wpc-counter-length-2.wpc-filter-layout-labels li.wpc-term-item:not(.wpc-term-has-image) .wpc-term-count,*/
1854 +/*.wpc-counter-length-3.wpc-filter-layout-labels li.wpc-term-item:not(.wpc-term-has-image) .wpc-term-count,*/
1855 +/*.wpc-counter-length-4.wpc-filter-layout-labels li.wpc-term-item:not(.wpc-term-has-image) .wpc-term-count,*/
1856 +/*.wpc-counter-length-5.wpc-filter-layout-labels li.wpc-term-item:not(.wpc-term-has-image) .wpc-term-count,*/
1857 +.wpc-counter-length-1.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,
1858 +.wpc-counter-length-2.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,
1859 +.wpc-counter-length-3.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,
1860 +.wpc-counter-length-4.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,
1861 +.wpc-counter-length-5.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count{
1862 + width: auto;
1863 +}
1864 +.wpc-counter-length-1 .wpc-term-count{
1865 + width: 1.5em;
1866 +}
1867 +.wpc-counter-length-2 .wpc-term-count{
1868 + width: 2em;
1869 +}
1870 +.wpc-counter-length-3 .wpc-term-count{
1871 + width: 2.5em;
1872 +}
1873 +.wpc-counter-length-4 .wpc-term-count{
1874 + width: 3em;
1875 +}
1876 +.wpc-counter-length-5 .wpc-term-count{
1877 + width: 3.5em;
1878 +}
1879 +/* datepicker styles */
1880 +#ui-datepicker-div.wpc-filter-datepicker.ui-widget-content {
1881 + border: 1px solid #C7D1E2;
1882 + padding: .2em .2em 0;
1883 +}
1884 +#ui-datepicker-div.wpc-filter-datepicker th {
1885 + opacity: 0.6;
1886 +}
1887 +#ui-datepicker-div.wpc-filter-datepicker .ui-state-default,
1888 +#ui-datepicker-div.wpc-filter-datepicker.ui-widget-content .ui-state-default,
1889 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-default {
1890 + background: #fff;
1891 + border: 1px solid #fff;
1892 + text-align: center;
1893 + line-height: normal;
1894 + padding-top: 6px;
1895 + padding-bottom: 6px;
1896 + border-radius: 4px;
1897 + color: #000;
1898 + width: 32px;
1899 + height: 32px;
1900 + box-sizing: border-box;
1901 + margin: 0 auto;
1902 +}
1903 +#ui-datepicker-div.wpc-filter-datepicker .ui-state-active,
1904 +#ui-datepicker-div.wpc-filter-datepicker.ui-widget-content .ui-state-active,
1905 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-active {
1906 + color: #fff;
1907 +}
1908 +#ui-datepicker-div.wpc-filter-datepicker .ui-state-hover,
1909 +#ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover {
1910 + color: white;
1911 +}
1912 +#ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-active,
1913 +#ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover.ui-state-active {
1914 + opacity: 1;
1915 +}
1916 +#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-title {
1917 + display: flex;
1918 + align-items: center;
1919 + justify-content: center;
1920 + gap: 2px;
1921 +}
1922 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-prev,
1923 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-next {
1924 + display: flex;
1925 + align-items: center;
1926 + justify-content: center;
1927 + top: 12px;
1928 + width: 14px;
1929 + height: 28px;
1930 + box-sizing: border-box;
1931 +}
1932 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-prev {
1933 + left: 24px;
1934 +}
1935 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-next {
1936 + right: 24px;
1937 +}
1938 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover,
1939 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover {
1940 + border-color: unset;
1941 + background: unset;
1942 +}
1943 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-prev span,
1944 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-next span {
1945 + margin: 0;
1946 +}
1947 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon,
1948 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
1949 + background-image: unset;
1950 + border: 2px solid #7B879C;
1951 + transform: rotate(45deg);
1952 + width: 9px;
1953 + height: 9px;
1954 + position: unset;
1955 +}
1956 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
1957 + border-right: none;
1958 + border-top: none;
1959 +}
1960 +#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
1961 + border-left: none;
1962 + border-bottom: none;
1963 +}
1964 +#ui-datepicker-div.wpc-filter-datepicker .ui-timepicker-div .ui-timepicker-select{
1965 + -webkit-appearance: none;
1966 + line-height: 2;
1967 + color: #2c3338;
1968 + border: 1px solid #C7D1E2;
1969 + box-shadow: none;
1970 + border-radius: 3px;
1971 + padding: 0 24px 0 8px;
1972 + min-height: 38px;
1973 + max-width: 25rem;
1974 + margin-left: 4px;
1975 + margin-right: 4px;
1976 + width: max-content;
1977 +}
1978 +#ui-datepicker-div.wpc-filter-datepicker .ui_tpicker_second .ui-timepicker-select{
1979 + margin-right: 0;
1980 +}
1981 +.ui-datepicker.wpc-filter-datepicker .ui-widget-content button,
1982 +.ui-datepicker.wpc-filter-datepicker .ui_tpicker_time_label{
1983 + font-size: 14px;
1984 + font-weight: 400;
1985 +}
1986 +.ui-datepicker.wpc-filter-datepicker .ui-widget-content button{
1987 + padding:.4em 1.6em .4em 1.6em;
1988 +}
1989 +.ui-datepicker.wpc-filter-datepicker .ui-timepicker-div dl{
1990 + margin: 7px 0;
1991 +}
1992 +.ui-datepicker.wpc-filter-datepicker select,
1993 +.ui-datepicker.wpc-filter-datepicker .ui-datepicker-title select{
1994 + font-size: 14px;
1995 + line-height: 2;
1996 + color: #2c3338;
1997 + border: 1px solid #C7D1E2;
1998 + box-shadow: none;
1999 + border-radius: 3px;
2000 + padding: 0 16px 0 8px;
2001 + min-height: 44px;
2002 + max-width: 25rem;
2003 + cursor: pointer;
2004 + vertical-align: middle;
2005 + background: #fff;
2006 +}
2007 +.ui-datepicker.wpc-filter-datepicker.ui-widget-content {
2008 + border: 1px solid #E1E1E1;
2009 + background: #fff;
2010 + color: #444;
2011 + border-radius: 3px;
2012 +}
2013 +#ui-datepicker-div.wpc-filter-datepicker .ui-timepicker-oneLine {
2014 + border-top: 1px solid #C7D1E2;
2015 + margin: 0 -.2em;
2016 + padding: 12px 0;
2017 +}
2018 +#ui-datepicker-div.wpc-filter-datepicker .ui-timepicker-oneLine dl {
2019 + display: flex;
2020 + align-items: center;
2021 + justify-content: center;
2022 + margin: 0;
2023 +}
2024 +#ui-datepicker-div.wpc-filter-datepicker .ui-timepicker-oneLine dl .ui_tpicker_time_label {
2025 + display: none;
2026 +}
2027 +#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-buttonpane {
2028 + border-top: 1px solid #C7D1E2;
2029 + padding: 12px;
2030 + margin: 0 -.2em;
2031 +}
2032 +#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{
2033 + float: unset;
2034 + width: 100%;
2035 + padding: 10px 0;
2036 + margin: 0;
2037 + height: unset;
2038 + font-weight: 600;
2039 +}
2040 +#ui-datepicker-div.wpc-filter-datepicker{
2041 + z-index: 9999999 !important;
2042 +}
2043 +.wpc-filters-date-range-from-column{
2044 + margin-bottom: 10px;
2045 +}
2046 +.wpc-filters-date-range-column label{
2047 + display: block;
2048 + font-size: 95%;
2049 + margin-bottom: 4px;
2050 +}
2051 +html[lang="es"] .wpc-filters-date-range-column label{
2052 + min-width: 65px;
2053 +}
2054 +.wpc-filters-date-range-column label{
2055 + cursor: pointer;
2056 +}
2057 +.wpc-filters-widget-content input[type=email],
2058 +.wpc-filters-widget-content input[type=number],
2059 +.wpc-filters-widget-content input[type=password],
2060 +.wpc-filters-widget-content input[type=search],
2061 +.wpc-filters-widget-content input[type=tel],
2062 +.wpc-filters-widget-content input[type=text],
2063 +.wpc-filters-widget-content input[type=url],
2064 +.wpc-filters-widget-content select{
2065 + min-height: 32px;
2066 + box-sizing: border-box;
2067 + padding: 8px 16px;
2068 + border: 1px solid #C7D1E2;
2069 +}
2070 +.wpc-filters-widget-content .wpc-filter-search-wrapper .wpc-filter-search-field {
2071 + padding: 8px 16px 8px 48px;
2072 +}
2073 +body .wpc-filters-widget-containers-wrapper .wpc-no-filter-terms{
2074 + display: flex;
2075 + justify-content: space-between;
2076 + align-items: center;
2077 +}
2078 +@media screen and (max-width: 1050px) {
2079 + .wpc-horizontal-layout a.wpc-filters-reset-button,
2080 + .wpc-horizontal-layout a.wpc-filters-submit-button,
2081 + .wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-reset-button,
2082 + .wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-submit-button {
1033 2083 padding-left: 0;
2084 + padding-right: 0;
1034 2085 }
1035 - .sidebar .wpc-custom-selected-terms ul.wpc-filter-chips-list,
1036 - #sidebar .wpc-custom-selected-terms ul.wpc-filter-chips-list,
1037 - #secondary .wpc-custom-selected-terms ul.wpc-filter-chips-list,
1038 - .widget-area .wpc-custom-selected-terms ul.wpc-filter-chips-list{
1039 - display: block;
1040 - overflow: visible;
1041 - }
1042 - html.is-active .wpc-filters-overlay{
1043 - top: 0;
1044 - opacity: .2;
1045 - background: #ffffff;
1046 - }
1047 - body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,
1048 - body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,
1049 - body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){
1050 - display: block !important;
1051 - }
1052 - .widget-area input.wpc-label-input+label:hover,
1053 - .wpc-filters-widget-main-wrapper input.wpc-label-input+label:hover{
1054 - border: 1px solid rgba(0,0,0,0.25);
1055 - border-radius: 5px;
1056 - }
1057 - .widget-area input.wpc-label-input+label:hover span.wpc-filter-label-wrapper,
1058 - .wpc-filters-widget-main-wrapper input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{
1059 - color: #333333;
1060 - background-color: rgba(0,0,0,0.25);
1061 - }
1062 - .widget-area .wpc-filters-labels li.wpc-term-item input+label:hover a,
1063 - .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item input+label:hover a{
1064 - color: #333333;
1065 - }
1066 - .theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{
1067 - font-size: inherit;
1068 - }
1069 - .theme-storefront #primary .wpc-custom-selected-terms{
1070 - font-size: .875em;
1071 - }
1072 2086 }
1073 -@media screen and (max-width: 768px) {
1074 - .wpc-edit-filter-set{
1075 - display: none;
2087 +@media screen and (max-width: 1000px) {
2088 + /* 5 columns */
2089 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
2090 + max-width: 24%;
2091 + width: 24%;
2092 + margin-right: 1.33333%;
1076 2093 }
1077 - .wpc-overlay-visible #secondary{
1078 - z-index: auto;
2094 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(4n + 1) {
2095 + margin-right: 0;
1079 2096 }
1080 - html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{
1081 - top: 0;
1082 - opacity: .2;
1083 - background: #ffffff;
1084 - }
1085 - .wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list {
1086 - display: flex;
1087 - overflow-x: auto;
2097 + .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,
2098 + .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button {
2099 + width: 14%;
2100 + max-width: 14%;
2101 + margin-right: 1.25%;
1088 2102 padding-left: 0;
2103 + padding-right: 0;
1089 2104 }
1090 - .wpc-custom-selected-terms:not(.wpc-show-on-mobile){
1091 - display: none;
2105 +}
2106 +@media screen and (max-width: 900px) {
2107 + .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
2108 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
2109 + max-width: 32%;
2110 + width: 32%;
2111 + margin-right: 2%;
1092 2112 }
1093 - .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper:not(.wpc-show-on-desktop),
1094 - html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{
1095 - display: block;
2113 + .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(3n + 1),
2114 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(3n + 1) {
2115 + margin-right: 0;
1096 2116 }
1097 - html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{
1098 - top: 0;
1099 - opacity: .3;
1100 - background: #ffffff;
1101 - }
1102 - body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,
1103 - body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,
1104 - body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened) {
1105 - display: block !important;
1106 - }
1107 - body.wpc_show_bottom_widget .wpc-open-close-filters-button{
1108 - display: none;
1109 - }
1110 - .wpc-open-close-filters-button{
1111 - display: block;
1112 - margin-bottom: 20px;
1113 - }
1114 - body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){
1115 - display: none;
1116 - }
1117 - .wpc_show_bottom_widget .wpc-posts-found{
1118 - display: none;
1119 - }
1120 - html.wpc-overlay-visible,
1121 - .wpc-overlay-visible body{
1122 - overflow: hidden !important;
1123 - }
1124 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper,
1125 - .wpc_show_bottom_widget .widget_wpc_filters_widget{
1126 - padding: 0 !important;
1127 - margin: 0 !important;
1128 - }
1129 - .wpc_show_bottom_widget .wpc-filters-range-column{
1130 - width: 48%;
1131 - max-width: none;
1132 - }
1133 - .wpc_show_bottom_widget .wpc-filters-toolbar{
2117 + .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,
2118 + .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button,
2119 + .wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-reset-button,
2120 + .wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-submit-button {
2121 + width: 15%;
2122 + white-space: inherit;
1134 2123 display: flex;
1135 - margin: 1em 0;
2124 + align-items: center;
2125 + justify-content: center;
2126 + max-width: 15%;
2127 + margin-right: 2%;
1136 2128 }
1137 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .widget-title{
1138 - display: none;
2129 +}
2130 +@media screen and (max-width: 700px) {
2131 + .wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
2132 + .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
2133 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
2134 + max-width: 49%;
2135 + width: 49%;
2136 + margin-right: 2%;
1139 2137 }
1140 - .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{
1141 - display: block;
2138 + .wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:nth-child(odd),
2139 + .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(odd),
2140 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(odd) {
2141 + margin-right: 0;
1142 2142 }
1143 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .widget-title.wpc-filter-title{
1144 - display: flex;
1145 - }
1146 - .wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,
1147 - .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{
1148 - display: flex;
1149 - -webkit-box-pack: start;
1150 - place-content: center flex-start;
1151 - overflow-x: auto;
1152 - padding-top: 5px;
1153 - padding-bottom: 5px;
1154 - margin-left: 0;
2143 + .wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-reset-button,
2144 + .wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-submit-button,
2145 + .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,
2146 + .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button,
2147 + .wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-reset-button,
2148 + .wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-submit-button {
2149 + width: 23.5%;
2150 + max-width: 23.5%;
2151 + margin-right: 2%;
1155 2152 padding-left: 0;
2153 + padding-right: 0;
1156 2154 }
1157 - .wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{
1158 - top: 0;
1159 - opacity: .4;
1160 - }
1161 - .wpc_show_bottom_widget .wpc-spinner.is-active{
2155 +}
2156 +@media screen and (max-width: 500px) {
2157 + .wpc-horizontal-layout .wpc-filters-widget-wrapper {
1162 2158 display: block;
2159 + width: 100%;
1163 2160 }
1164 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .wpc-spinner.is-active+.wpc-filters-scroll-container .wpc-filters-widget-wrapper{
1165 - opacity: .6;
1166 - pointer-events: none;
2161 + .wpc-horizontal-layout .wpc-filters-section:not(.wpc-filter-layout-submit-button),
2162 + .wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
2163 + .wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
2164 + .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
2165 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
2166 + max-width: 100%;
2167 + width: auto;
2168 + margin-right: 0;
1167 2169 }
1168 - .wpc_show_bottom_widget .wpc-filters-open-button-container{
1169 - margin-top: 1em;
1170 - margin-bottom: 1em;
2170 + .wpc-horizontal-layout .wpc-filters-section:nth-child(3n + 1),
2171 + .wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:nth-child(odd),
2172 + .wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:nth-child(3n + 1),
2173 + .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(4n + 1),
2174 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(5n + 1) {
2175 + margin-right: 0;
1171 2176 }
1172 - .wpc_show_bottom_widget .wpc-filters-widget-content{
1173 - position: fixed;
1174 - bottom: 0px;
1175 - right: 0;
1176 - left: 0;
1177 - height: 0;
1178 - z-index: 999999;
1179 - padding: 0;
1180 - background-color: #fff;
2177 + .wpc-horizontal-layout a.wpc-filters-reset-button,
2178 + .wpc-horizontal-layout a.wpc-filters-submit-button,
2179 + .wpc-horizontal-layout.wpc-horizontal-cols-2 a.wpc-filters-reset-button,
2180 + .wpc-horizontal-layout.wpc-horizontal-cols-2 a.wpc-filters-submit-button,
2181 + .wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-reset-button,
2182 + .wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-submit-button,
2183 + .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,
2184 + .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button,
2185 + .wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-reset-button,
2186 + .wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-submit-button {
2187 + width: 45%;
2188 + max-width: none;
1181 2189 margin: 0;
1182 - overflow-y: scroll;
1183 - box-sizing: border-box;
1184 - border-radius: 10px 10px 0 0;
2190 + padding-left: 14px;
2191 + padding-right: 14px;
1185 2192 }
1186 - .wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title{
1187 - display: none;
2193 + .wpc-horizontal-layout form.wpc-filter-range-form {
2194 + margin-bottom: inherit;
1188 2195 }
1189 - .theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content{
1190 - background-color: #000;
1191 - }
1192 - .wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content,
1193 - .wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content{
1194 - max-height: none;
1195 - }
1196 - .wpc_show_bottom_widget .wpc-filters-scroll-container{
1197 - background: #fff;
1198 - }
1199 - .theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{
1200 - background-color: #000;
1201 - }
1202 - .wpc_show_bottom_widget .wpc-filters-widget-wrapper{
1203 - padding: 20px 20px 15px 20px;
1204 - }
1205 - .wpc-sorting-form select,
1206 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper input[type="text"],
1207 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper input[type="number"],
1208 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper select,
1209 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper textarea {
1210 - font-size: 16px;
1211 - }
1212 - .wpc-sorting-form .select2-container .select2-selection--single,
1213 - .wpc-filter-layout-dropdown .select2-container .select2-selection--single{
1214 - height: auto;
1215 - padding: 6px;
1216 - }
1217 - .wpc_show_bottom_widget .widget_wpc_selected_filters_widget{
1218 - display: none;
1219 - }
1220 - .wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content{
1221 - overflow-y: visible;
1222 - }
1223 - .theme-twentyeleven #primary,
1224 - .theme-twentyeleven #secondary{
1225 - margin-left: 0;
1226 - margin-right: 0;
1227 - clear: both;
1228 - float: none;
1229 - }
1230 - #main>.fusion-row{
1231 - max-width: 100%;
1232 - }
1233 - .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{
1234 - font-size: 16px;
1235 - }
1236 2196 }
1237 2197 @keyframes wpc-spinner {
1238 2198 0% {
1239 - transform: rotate(0deg);
2199 + transform: rotate(0);
1240 2200 }
1241 2201 100% {
1242 2202 transform: rotate(360deg);
1243 2203 }
2204 +}
2205 +.flrt-stars-filter{
2206 + display: flex;
2207 + justify-content: left;
2208 + margin: 0;
2209 + padding:0 !important;
2210 +}
2211 +.flrt-stars-filter li{
2212 + margin: 0 !important;
2213 +}
2214 +.flrt-star-label{
2215 + height: 20px !important;
2216 + width: 20px;
2217 + align-items: center !important;
2218 + margin-left: 2px !important;
2219 +}
2220 +input.flrt-star-input{
2221 + width: 1px !important;
2222 + height: 1px !important;
2223 + display: none;
2224 + position: absolute !important;
2225 + left: 0 !important;
2226 + border: none !important;
2227 + background-color: none !important;
2228 +}
2229 +.flrt-star-label a .wpc-term-count,
2230 +.flrt-star-label span .wpc-term-count
2231 +{
2232 + display: none;
2233 +}
2234 +.flrt-star-label svg{
2235 + height: 20px;
2236 + width: 20px;
2237 + fill: transparent;
2238 + stroke-linejoin:round;
2239 +}
2240 +.flrt-star-label:hover a .wpc-term-count{
2241 + display: block;
2242 +}
2243 +
2244 +.flrt-star-label-hover:hover a .wpc-term-count{
2245 + display: block;
2246 +}
2247 +.flrt-star-label-checked a .wpc-term-count{
2248 + display: block;
2249 +}
2250 +.flrt-star-label a,
2251 +.flrt-star-label span{
2252 + margin-right: 0 !important;
2253 + display: flex !important;
2254 + align-items: center !important;
2255 +}
2256 +.flrt-stars-wpc-filter-content{
2257 + display: flex !important;
2258 +}
2259 +.wpc-filter-layout-rating.wpc-closed .flrt-stars-wpc-filter-content{
2260 + display: none !important;
2261 +}
2262 +.wpc-filter-layout-rating.wpc-opened .flrt-stars-wpc-filter-content{
2263 + align-items: center !important;
2264 +}
2265 +#flrt-wpc-term-count{
2266 + margin-left: 8px;
2267 + height: 24px;
2268 +}
2269 +.flrt-star-label-not-checked svg{
2270 + fill: transparent !important;
2271 +}
2272 +.wpc-chip-stars{
2273 + display: flex;
2274 + margin-right: 0.5em;
2275 + margin-top: 0px;
2276 + padding: 2px 0;
2277 +}
2278 +.wpc-chip-stars span{
2279 + display: flex;
2280 + align-items: center;
2281 +}
2282 +.wpc-chip-stars svg{
2283 + overflow: visible;
2284 + width: 16px;
2285 + height: 16px;
2286 +}
2287 +.flrt-star-rating-checkbox{
2288 + display: flex;
2289 +}
2290 +.wpc-pc-sticky-buttons {
2291 + position: relative;
2292 + left: 0;
2293 + margin: 16px 0;
2294 +}
2295 +.wpc-pc-apply-button{
2296 + margin-left: 4px;
2297 +}
2298 +.wpc-hidden-term-count{
2299 + display: none;
2300 +}
2301 +.wpc-sticky-buttons{
2302 + position: relative;
2303 + display: flex;
2304 + width: 100%;
2305 + justify-content: space-between;
2306 + flex-direction: row-reverse;
2307 + background: #fff;
2308 + padding: 16px 16px;
2309 + border: 1px solid #eaf0fc;
2310 + border-radius: 6px;
2311 + --sticky-top: 16px;
2312 + --sticky-bottom: 16px;
2313 +}
2314 +
2315 +input[type="number"].wpc-filters-range-min::-webkit-outer-spin-button,
2316 +input[type="number"].wpc-filters-range-min::-webkit-inner-spin-button,
2317 +input[type="number"].wpc-filters-range-max::-webkit-outer-spin-button,
2318 +input[type="number"].wpc-filters-range-max::-webkit-inner-spin-button {
2319 + -webkit-appearance: none;
2320 + margin: 0;
2321 +}
2322 +
2323 +input[type="number"].wpc-filters-range-min,
2324 +input[type="number"].wpc-filters-range-max {
2325 + -moz-appearance: textfield;
2326 + appearance: textfield;
2327 +}
2328 +input[type="number"].wpc-filters-range-min,
2329 +input[type="number"].wpc-filters-range-max,
2330 +input.wpc-filter-search-field {
2331 + padding-right: 40px !important;
2332 +}
2333 +.wpc-posts-found-hidden{
2334 + display: none;
2335 +}
2336 +.wpc-fe-breakdance-chips {
2337 + width: 100%;
2338 +}
2339 +.widget_wpc_chips_widget {
2340 + width: 100%;
2341 +}
2342 +.widget_wpc_sorting_widget{
2343 + margin-bottom: 12px;
2344 +}
2345 +@media screen and (max-width: 769px) {
2346 + .wpc-filters-widget-top-container {
2347 + background: #fff;
2348 + }
2349 +}
2350 +
2351 +.wpc-apply-button-chip{
2352 + cursor: pointer;
2353 +}
2354 +.wpc-filters-section-0,
2355 +.wpc-term-count-hidden-0:not(.wpc-term-count-hidden-checked-0){
2356 + display: none !important;
2357 +}
2358 +.wpc-has-terms-apply-button{
2359 + display: list-item !important;
2360 +}
2361 +@media screen and (min-width: 769px) {
2362 + .wpc-inner-widget-chips-wrapper ul.wpc-filter-chips-list{
2363 + display: flex;
2364 + flex-wrap: wrap;
2365 + }
2366 +}
2367 +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-term-item,
2368 +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-filters-ul-list .wpc-term-item,
2369 +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-filter-range-form,
2370 +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-filter-date-range-form-visible,
2371 +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-filter-search-wrapper,
2372 +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-see-less-control,
2373 +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-see-more-control,
2374 +.wpc-show-with-parent-false,
2375 +.wpc-ask-to-parent-display-none,
2376 +.wpc-parent-filter-terms-selected .wpc-ask-to-parent-display,
2377 +.wpc-hide-terms-until-parent-unselected,
2378 +.wpc-child-selected-no-parent .wpc-ask-to-parent-display
2379 +{
2380 + display: none !important;
2381 +}
2382 +
2383 +.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list > li.wpc-not-hidden-term,
2384 +.wpc-filters-ul-list > li.wpc-ask-to-parent-display{
2385 + display: list-item;
1244 2386 }