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 +1644 -820 1.5.11.9.7 View file →
@@ -1,541 +1,713 @@
1 1 /*!
2 - * Filter Everything 1.5.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-filter-layout-submit-button{
81 +.wpc-filter-layout-submit-button {
19 82 display: flex;
20 83 justify-content: space-between;
84 + flex-direction: row-reverse;
21 85 }
22 -.wpc-filters-widget-controls-container .wpc-filter-layout-submit-button{
86 +.rtl .wpc-filter-layout-submit-button {
87 + flex-direction: row;
88 +}
89 +.wpc-filters-widget-controls-container .wpc-filter-layout-submit-button {
23 90 margin-right: 20px;
24 91 margin-left: 20px;
25 92 padding: 20px 0;
26 93 }
27 -.wpc-query-on-the-page .wpc-filters-widget-controls-container .wpc-filter-layout-submit-button{
28 - display: none;
29 -}
30 -.wpc-filters-widget-main-wrapper ul.children{
94 +.wpc-filters-main-wrap ul.children {
31 95 list-style: none;
32 96 margin-left: 20px;
33 97 }
34 -/* Enfold compatibility */
35 -#top .widget ul.wpc-filters-ul-list,
36 -.widget-area ul.wpc-filters-ul-list,
37 -.wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list{
98 +.wpc-filters-main-wrap ul.wpc-filters-ul-list {
38 99 list-style: none;
39 - padding: .25em 0 0 .25em;
100 + padding: 2px 0 0 0;
40 101 margin-left: 0;
41 102 float: none;
42 103 }
43 -.theme-numinous .widget-area ul.wpc-filters-ul-list,
44 -.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 {
45 110 margin-top: 0;
46 111 }
47 -.widget-area ul.wpc-filters-ul-list input,
48 -.wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list input{
49 - 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;
50 119 }
51 -.widget-area ul.wpc-filters-labels,
52 -.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;
53 125 padding-left: 0;
54 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 +}
55 137 .wpc-filter-title {
56 - margin-bottom: 1em;
138 + margin-bottom: 12px;
57 139 position: relative;
58 140 display: flex;
59 141 justify-content: space-between;
60 142 align-items: center;
61 143 }
62 -body .wpc-filters-widget-main-wrapper li.wpc-term-item,
63 -.widget-area li.wpc-term-item{
64 - margin-bottom: 10px;
144 +body .wpc-filters-main-wrap li.wpc-term-item {
145 + margin-bottom: 12px;
65 146 border: none;
66 147 padding: 0;
67 148 margin-left: 0;
68 149 }
69 -li.wpc-term-item ul.children{
70 - display: none;
150 +#top li.wpc-term-item > .wpc-term-item-content-wrapper + ul.children {
71 151 margin-top: 14px;
72 152 }
73 -li.wpc-term-item.wpc-opened > ul.children{
74 - display: block;
75 -}
76 -.theme-flatsome li.wpc-term-item > button.toggle{
77 - display: none;
78 -}
79 -body .wpc-filters-widget-main-wrapper .wpc-term-item-content-wrapper,
80 -.widget-area .wpc-term-item-content-wrapper,
81 -.wpc-term-item-content-wrapper{
153 +body .wpc-filters-main-wrap .wpc-term-item-content-wrapper {
82 154 display: flex;
83 155 align-items: center;
84 156 position: relative;
85 157 }
86 -body .wpc-filters-widget-main-wrapper .wpc-filter-has-hierarchy .wpc-term-item-content-wrapper,
87 -.widget-area .wpc-filter-has-hierarchy .wpc-term-item-content-wrapper,
88 -.wpc-filter-has-hierarchy .wpc-term-item-content-wrapper{
158 +body .wpc-filters-main-wrap .wpc-filter-has-hierarchy .wpc-term-item-content-wrapper {
89 159 padding-right: 32px;
90 160 }
91 -body .wpc-filters-widget-main-wrapper .wpc-filters-labels .wpc-term-item-content-wrapper,
92 -.widget-area .wpc-filters-labels .wpc-term-item-content-wrapper,
93 -.wpc-filters-labels .wpc-term-item-content-wrapper{
161 +body .wpc-filters-main-wrap .wpc-filters-labels .wpc-term-item-content-wrapper {
94 162 padding-right: 0;
95 163 }
96 -i.wpc-toggle-children-list{
164 +i.wpc-toggle-children-list {
97 165 width: 24px;
98 166 top: 0;
99 167 bottom: 0;
100 - right: 6px;
168 + right: 1px;
101 169 position: absolute;
102 170 }
103 -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 {
104 173 cursor: pointer;
105 174 }
106 -i.wpc-toggle-children-list:before,
107 -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{
108 189 content: "";
109 190 display: inline-block;
110 - width: 11px;
191 + width: 12px;
111 192 height: 1px;
112 - background-color: #6d6d6d;
193 + background-color: #8a8a8a;
113 194 position: absolute;
114 195 right: 0;
115 196 }
116 -i.wpc-toggle-children-list:before{
197 +i.wpc-toggle-children-list:before {
117 198 top: 50%;
118 - transform: rotate( 90deg );
199 + transform: rotate(90deg);
119 200 }
120 -i.wpc-toggle-children-list:after{
201 +i.wpc-toggle-children-list:after {
121 202 bottom: calc(50% + -1px);
122 203 }
123 -/*.wpc-term-item-content-wrapper.wpc-opened i.wpc-toggle-children-list:before{*/
124 -/* display: none;*/
125 -/*}*/
126 -.wpc-checkbox-item.wpc-opened > .wpc-term-item-content-wrapper > 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 {
127 208 display: none;
209 + margin-top: 10px;
128 210 }
129 -.woocommerce-page .content .h-section .wpc-filters-labels li.wpc-term-item input[type=checkbox],
130 -.widget-area .wpc-filters-labels li.wpc-term-item input,
131 -.wpc-filters-labels li.wpc-term-item input{
132 - 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;
133 231 }
134 -.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 {
135 238 padding-top: 1px;
136 239 }
137 -.wpc-filters-labels:after{
240 +.wpc-filters-labels:after {
138 241 content: "";
139 242 display: block;
140 243 height: 0;
141 244 clear: both;
142 245 }
143 -.widget-area .wpc-filters-labels li.wpc-term-item,
144 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item{
145 - float: left;
246 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item {
146 247 margin-top: 0;
147 - margin-bottom: 10px;
248 + margin-bottom: 12px;
148 249 padding: 0;
149 250 width: auto;
150 251 }
151 -.widget-area .wpc-filters-labels li.wpc-term-item label,
152 -.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 {
153 257 margin-right: 8px;
154 258 margin-left: 0;
155 - border: 1px solid rgba(0, 0, 0, 0.1);
156 - border-radius: 5px;
157 - padding-left: 0;
259 + border: 1px solid #C7D1E2;
260 + border-radius: 6px;
158 261 margin-bottom: 0;
159 262 position: relative;
263 + padding-left: 0;
160 264 }
161 -.widget-area .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper,
162 -.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 {
163 279 border: 1px solid transparent;
164 280 margin-left: 0;
165 281 cursor: pointer;
166 282 display: flex;
167 - padding: 2px 10px;
283 + padding: 4px 10px;
168 284 border-radius: 3px;
169 285 }
170 -.theme-twentyfourteen .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{
171 - 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;
172 296 }
173 -.widget-area input.wpc-label-input:checked+label,
174 -.wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label{
175 - 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);
176 305 border-radius: 5px;
177 306 }
178 -.widget-area input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
179 -.wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
180 - color: #333333;
181 - 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);
182 310 }
183 -.theme-twentytwentyone .widget-area .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper,
184 -.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 {
185 312 padding: 6px 12px;
186 313 }
187 -.theme-twentytwentyone .widget-area li.wpc-term-item label,
188 -.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 {
189 315 padding-left: 8px;
190 316 }
191 -.widget-area .wpc-filters-labels li.wpc-term-item input:checked+label a,
192 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item input:checked+label a{
193 - color: #333333;
317 +.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked + label a {
318 + color: #333;
194 319 }
195 -.widget-area .wpc-filters-labels li.wpc-term-item label a,
196 -.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 {
197 321 text-decoration: none;
198 322 transition: none;
199 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,
200 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,
201 340 .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper,
202 -body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
203 -body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a,
204 -.widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
205 -.wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
206 -.widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a,
207 -.widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a,
341 +.wpc-term-count-0:not(.wpc-has-not-empty-children),
208 342 .wpc-term-count-0:not(.wpc-has-not-empty-children) a,
209 -.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 {
210 345 opacity: 0.8;
211 346 }
212 -.widget-area li.wpc-term-item input[type='checkbox'],
213 -.wpc-filters-widget-main-wrapper li.wpc-term-item input[type='checkbox'],
214 -.widget-area li.wpc-term-item input[type='radio'],
215 -.wpc-filters-widget-main-wrapper li.wpc-term-item input[type='radio'] {
216 - outline: none;
217 - margin-left: 1px;
218 - 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;
219 353 margin-bottom: 0;
220 354 }
221 -.widget-area li.wpc-term-item input[type='checkbox']:hover,
222 -.wpc-filters-widget-main-wrapper li.wpc-term-item input[type='checkbox']:hover,
223 -.widget-area li.wpc-term-item input[type='radio']:hover,
224 -.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 {
225 357 background-color: transparent;
358 + cursor: pointer;
226 359 }
227 -.wpc-filters-widget-main-wrapper li.wpc-term-item label,
228 -.widget-area li.wpc-term-item label{
360 +.wpc-filters-main-wrap li.wpc-term-item label {
229 361 display: flex;
230 362 margin-bottom: 0;
231 363 margin-top: 0;
232 - padding-left: 5px;
364 + /*padding-left: 5px;*/
233 365 margin-left: 0;
234 366 line-height: 1.3;
235 367 }
236 -.wpc-filters-widget-main-wrapper .wpc-filter-has-hierarchy li.wpc-term-item label,
237 -.widget-area .wpc-filter-has-hierarchy li.wpc-term-item label{
368 +.wpc-filters-main-wrap .wpc-filter-has-hierarchy li.wpc-term-item label {
238 369 width: auto;
239 370 justify-content: normal;
240 371 }
241 -.widget-area .wpc-filters-labels li.wpc-term-item label,
242 -.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label{
243 - padding-left: 0;
244 -}
245 -.widget-area li.wpc-term-item label:hover,
246 -.wpc-filters-widget-main-wrapper li.wpc-term-item label:hover{
247 - cursor: pointer;
248 -}
249 -.wpc-filter-content select{
372 +.wpc-filter-content select {
250 373 width: 100% !important;
251 374 margin-bottom: 1em;
252 375 }
253 -.wpc-filters-widget-main-wrapper li.wpc-term-item a,
254 -.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{
255 382 text-decoration: none;
256 - font-weight: normal;
257 - outline: none;
383 + font-weight: 400;
384 + outline: 0;
258 385 padding-top: 0;
259 386 padding-bottom: 0;
260 387 }
261 -.wpc-filter-product_visibility .wpc-term-item label a{
388 +.wpc-filter-product_visibility .wpc-term-item label a .star-rating {
262 389 display: block;
263 -}
264 -.wpc-filter-product_visibility .wpc-term-item label a .star-rating{
265 - display: block;
266 390 margin-right: 2px;
267 391 position: relative;
268 392 height: 1.618em;
269 393 line-height: 1.618;
270 394 }
271 -.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 {
272 398 margin-bottom: 0;
273 399 }
274 -.widget-area .wpc-filter-product_visibility li.wpc-term-item label,
275 -.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 {
276 404 display: flex;
277 - align-items: flex-start;
405 + align-items: center;
278 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 +}
279 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,
280 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,
281 422 body li.wpc-term-item a:hover,
282 -.widget-area .widget li.wpc-term-item a:hover,
283 -body li.wpc-term-item a:focus,
284 -.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 {
285 425 box-shadow: none;
286 426 text-decoration: none;
287 427 }
288 -
289 -.widget-area .widget .wpc-filter-chips-list a,
428 +.wpc-filter-chips-list a,
290 429 body .wpc-filter-chips-list li.wpc-filter-chip a,
291 -.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 {
292 436 text-decoration: none;
293 437 font-weight: 400;
294 438 border-radius: 50px;
295 - padding: 3px 15px;
296 - display: inline-block;
297 - outline: none;
439 + padding: 4px 10px 4px 10px;
440 + display: block;
441 + outline: 0;
298 442 border: 1px solid #d8d8d8;
299 443 position: relative;
300 - color: #333333;
444 + color: #333;
445 + height: 100%;
446 + cursor: pointer;
301 447 }
302 -.widget-area .widget .wpc-filter-chips-list .wpc-chip-reset-all a,
303 -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 {
304 450 border-color: #cc8181;
305 451 color: inherit;
306 452 }
307 -li.wpc-chip-reset-all .wpc-filter-chip-name{
308 - margin-right: 0;
309 -}
310 -li.wpc-chip-reset-all .wpc-chip-remove-icon{
311 - display: none;
312 -}
313 -.widget-area .widget .wpc-filter-chips-list a:hover,
314 -.wpc-filters-widget-main-wrapper .wpc-filter-chips-list a:hover{
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 {
315 456 box-shadow: none;
316 457 }
317 -body .wpc-filter-chips-list li.wpc-filter-chip a:active,
318 -.widget-area .wpc-filter-chips-list li.wpc-filter-chip a:active,
319 -.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 {
320 461 opacity: 0.75;
321 462 }
322 -.wpc-filter-chips-list a:hover .wpc-chip-remove-icon{
323 - 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;
324 467 }
325 -.widget-area .widget ul.wpc-filter-chips-list,
326 -body ul.wpc-filter-chips-list
327 -{
468 +body ul.wpc-filter-chips-list {
328 469 margin-left: 0;
470 + padding-left: 0;
329 471 list-style: none !important;
330 472 }
473 +.wpc-filter-chips-list li,
331 474 body .wpc-filter-chips-list li.wpc-filter-chip,
332 -.wpc-filter-chips-list li,
333 -li.wpc-filter-chip{
334 - margin: 0 7px 7px 0;
475 +li.wpc-filter-chip {
476 + margin: 0 7px 11px 0;
335 477 padding: 0;
336 478 border: none;
479 + display: inline-block;
337 480 list-style: none;
481 + font-size: 91%;
338 482 }
339 -.wpc-filter-chip-name{
483 +.wpc-filter-chip-name {
340 484 margin-right: 0.5em;
341 485 white-space: nowrap;
342 - max-width: 152px;
486 + max-width: 207px;
343 487 overflow: hidden;
488 + display: block;
344 489 }
345 -.wpc-chip-remove-icon{
346 - display: inline-block;
490 +.rtl .wpc-filter-chip-name {
491 + margin-left: 0.5em;
492 + margin-right: 0;
493 +}
494 +.wpc-chip-remove-icon {
347 495 font-size: 1.25em;
348 - line-height: 0.8;
496 + display: flex;
497 + align-items: center;
498 + max-height: 1px;
499 + height: 1px;
500 + line-height: 1;
349 501 }
350 -.wpc-chip-content{
502 +.wpc-button-inner,
503 +.wpc-chip-content {
351 504 display: flex;
352 505 align-items: center;
506 + height: 100%;
507 + min-height: 20px;
353 508 }
354 -form.wpc-filter-range-form{
355 - display: block;
356 -}
357 -.wpc-filters-range-wrapper{
509 +.wpc-filters-range-wrapper {
358 510 display: flex;
359 511 justify-content: space-between;
360 512 }
513 +.wpc-filters-range-wrapper p {
514 + display: none;
515 +}
516 +.rtl .wpc-filters-range-wrapper {
517 + flex-direction: row-reverse;
518 +}
361 519 .wpc-filters-range-column {
362 520 width: auto;
521 + position: relative;
363 522 }
364 -.wpc-filters-range-min-column,
365 -.wpc-filters-range-max-column{
523 +.wpc-filters-range-max-column,
524 +.wpc-filters-range-min-column {
366 525 max-width: 47%;
367 526 }
368 -.wpc-filters-range-min-column{
527 +.wpc-filters-range-min-column {
369 528 margin-right: 3%;
370 529 }
371 -.wpc-filters-range-wrapper input[type="number"]{
530 +.wpc-filters-range-wrapper input[type="number"] {
372 531 width: 100%;
373 532 box-sizing: border-box;
374 533 -webkit-appearance: none;
375 534 }
376 -.wpc-filters-range-values-wrapper{
535 +.wpc-filters-range-values-wrapper {
377 536 text-align: right;
378 537 margin-top: 10px;
379 538 }
380 -/* jQuery UI Slider */
381 -.wpc-filters-range-slider-wrapper{
382 - margin: 1.5em 13px 10px 0;
539 +.wpc-filters-range-slider-wrapper {
540 + margin: 1.5em 11px 10px;
383 541 }
384 -.ui-state-active,
385 -.ui-widget-content .ui-state-active,
386 -.ui-widget-header .ui-state-active,
387 -a.ui-button:active,
388 -.ui-button:active,
389 -.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 {
390 548 border: 1px solid #003eff;
391 549 background: #007fff;
392 - font-weight: normal;
393 - color: #ffffff;
550 + font-weight: 400;
551 + color: #fff;
394 552 }
395 -.ui-icon-background,
396 -.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 {
397 579 border: #003eff;
398 - background-color: #ffffff;
580 + background-color: #fff;
399 581 }
400 -.ui-state-active a,
401 -.ui-state-active a:link,
402 -.ui-state-active a:visited {
403 - 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;
404 586 text-decoration: none;
405 587 }
406 -.ui-state-default,
407 -.ui-widget-content .ui-state-default,
408 -.ui-widget-header .ui-state-default,
409 -.ui-button,
410 -html .ui-button.ui-state-disabled:hover,
411 -html .ui-button.ui-state-disabled:active {
412 - border: 1px solid #c5c5c5;
413 - background: #f6f6f6;
414 - 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;
415 597 color: #454545;
416 598 }
417 -.ui-slider .ui-slider-handle {
599 +.wpc-filters-range-inputs .ui-slider .ui-slider-handle {
600 + -ms-touch-action: none;
601 + touch-action: none;
418 602 position: absolute;
419 603 z-index: 2;
420 - width: 1.2em;
421 - height: 1.2em;
604 + width: 24px;
605 + height: 24px;
422 606 cursor: default;
423 607 -ms-touch-action: none;
424 608 touch-action: none;
609 + box-shadow: inset 0 0 0 1px #ebebeb;
425 610 }
426 -.ui-slider {
611 +.wpc-filters-range-inputs .ui-slider {
427 612 position: relative;
428 613 text-align: left;
429 614 }
430 -.ui-slider .ui-slider-handle {
615 +.wpc-filters-range-inputs .ui-slider .ui-slider-range {
431 616 position: absolute;
432 - z-index: 2;
433 - width: 26px;
434 - height: 26px;
435 - cursor: default;
436 - -ms-touch-action: none;
437 - touch-action: none;
438 - box-shadow: inset 0 0 0 1px #ebebeb;
439 -}
440 -.ui-slider .ui-slider-range {
441 - position: absolute;
442 617 z-index: 1;
443 - font-size: .7em;
618 + font-size: 0.7em;
444 619 display: block;
445 620 border: 0;
446 621 background-position: 0 0;
447 622 }
448 -/* support: IE8 - See #6727 */
449 -.ui-slider.ui-state-disabled .ui-slider-handle,
450 -.ui-slider.ui-state-disabled .ui-slider-range {
451 - filter: inherit;
452 -}
453 -.ui-slider-horizontal {
623 +.wpc-filters-range-inputs .ui-slider-horizontal {
454 624 height: 3px;
455 - background: #c5c5c5;
625 + background: #C7D1E2;
626 + border-radius: 2px;
456 627 }
457 -.ui-slider-horizontal .ui-slider-handle {
458 - top: -12px;
459 - margin-left: -6px;
628 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
629 + top: -11px;
630 + margin-left: -13px;
460 631 border-radius: 50%;
461 - outline: none;
462 - box-shadow: 0 2px 9px rgba(0,0,0,.23);
632 + outline: 0;
633 + box-shadow: 0 2px 6px 1px #1F20281A;
463 634 }
464 -.ui-slider-horizontal .ui-slider-range:hover,
465 -.ui-slider-horizontal .ui-slider-handle:hover{
466 - cursor: pointer;
635 +.theme-Avada .widget_wpc_filters_widget .ui-slider .ui-slider-handle:last-child{
636 + transform: none;
467 637 }
468 -.wpc-filters-widget-main-wrapper .ui-slider-horizontal .ui-slider-handle:after,
469 -.wpc-filters-widget-main-wrapper .ui-slider-horizontal .ui-slider-handle:before{
470 - display: none;
471 -}
472 -.ui-slider-horizontal .ui-slider-range {
638 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
473 639 top: 0;
474 640 height: 100%;
475 641 background: #4c4c4c;
476 642 }
477 -.ui-slider-horizontal .ui-slider-range-min {
643 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range-min {
478 644 left: 0;
479 645 }
480 -.ui-slider-horizontal .ui-slider-range-max {
646 +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range-max {
481 647 right: 0;
482 648 }
483 -.ui-slider-vertical {
484 - width: .8em;
649 +.wpc-filters-range-inputs .ui-slider-vertical {
650 + width: 0.8em;
485 651 height: 100px;
486 652 }
487 -.ui-slider-vertical .ui-slider-handle {
488 - left: -.3em;
653 +.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-handle {
654 + left: -0.3em;
489 655 margin-left: 0;
490 - margin-bottom: -.6em;
656 + margin-bottom: -0.6em;
491 657 }
492 -.ui-slider-vertical .ui-slider-range {
658 +.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range {
493 659 left: 0;
494 660 width: 100%;
495 661 }
496 -.ui-slider-vertical .ui-slider-range-min {
662 +.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range-min {
497 663 bottom: 0;
498 664 }
499 -.ui-slider-vertical .ui-slider-range-max {
665 +.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range-max {
500 666 top: 0;
501 667 }
502 -.wpc-filter-has-selected .wpc-filter-collapsible+.wpc-closed,
503 -.wpc-filter-collapsible+.wpc-filter-content:not(.wpc-opened),
504 -.wpc-filter-collapsible+.wpc-filter-content.wpc-closed{
505 - display: none;
506 -}
507 -.wpc-filter-has-selected .wpc-filter-collapsible+.wpc-filter-content:not(.wpc-closed),
508 -.wpc-filter-collapsible+.wpc-filter-content.wpc-opened{
509 - display: block;
510 -}
511 -.wpc-filter-collapsible .wpc-filter-title{
512 - position: relative;
513 -}
514 -.wpc-filter-has-selected .wpc-filter-collapsible.wpc-closed .wpc-filter-title button .wpc-open-icon,
515 -.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 {
516 673 content: "";
517 - width: 0.5em;
518 - min-width: 0.5em;
519 - height: 0.5em;
674 + width: 9px;
675 + min-width: 9px;
676 + height: 9px;
520 677 display: block;
521 - border-left: 1px solid #6d6d6d;
522 - border-top: 1px solid #6d6d6d;
678 + border-left: 1px solid #8a8a8a;
679 + border-top: 1px solid #8a8a8a;
523 680 position: relative;
524 681 transform: rotate(-135deg);
682 + position: relative;
683 + right: 3px;
684 + bottom: 3px;
525 685 }
526 -.wpc-filter-has-selected .wpc-filter-title button .wpc-open-icon,
527 -.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 {
528 690 transform: rotate(45deg);
691 + position: relative;
692 + right: 3px;
693 + bottom: 0;
694 + top: 3px;
529 695 }
530 -.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 {
531 703 width: 100%;
532 - background: none;
704 + background: 0 0;
533 705 border: none;
534 706 cursor: pointer;
535 707 padding: 0;
536 708 text-align: left;
537 - outline: none;
709 + outline: 0;
538 710 font-size: inherit;
539 711 color: inherit;
540 712 font-weight: inherit;
541 713 box-shadow: none;
@@ -543,10 +715,11 @@
543 715 justify-content: space-between;
544 716 align-items: center;
545 717 margin: 0;
546 718 min-height: 0;
719 + margin-bottom: 8px;
547 720 }
548 -.wpc-filter-selected-values{
721 +.wpc-filter-selected-values {
549 722 visibility: hidden;
550 723 opacity: 0;
551 724 margin-top: 5px;
552 725 font-size: 13px;
@@ -552,50 +725,47 @@
552 725 font-size: 13px;
553 726 padding-right: 10px;
554 727 line-height: 1.3;
555 728 }
556 -.wpc-filter-collapsible.wpc-closed .wpc-filter-selected-values{
729 +.wpc-filter-collapsible.wpc-closed .wpc-filter-selected-values {
557 730 visibility: visible;
558 731 opacity: 1;
559 732 }
560 -.widget-area{
561 - position: relative;
733 +.widget_wpc_filters_widget {
734 + overflow: visible;
562 735 }
563 -.wpc-filters-widget-main-wrapper,
564 -.widget_wpc_filters_widget{
565 - position: relative;
736 +.wpc-filters-main-wrap a.wpc-toggle-a {
737 + text-decoration: none;
738 + border-bottom-width: 1px;
739 + border-bottom-style: dashed;
566 740 }
567 -.wpc-filters-widget-top-container{
568 - background: #fff;
741 +.wpc-filters-main-wrap a.wpc-toggle-a:hover{
742 + opacity: 0.7;
743 +}
744 +.wpc-filters-widget-top-container {
569 745 border-bottom: 1px solid transparent;
570 746 padding: 0;
571 747 }
572 -.wpc-filters-widget-top-container:not(.wpc-show-on-desktop){
573 - display: none;
574 -}
575 -.wpc-filters-widget-top-container:before{
748 +.wpc-filters-widget-top-container:before {
576 749 content: "";
577 750 display: block;
578 751 height: 1px;
579 - background: #ffffff;
752 + background: #fff;
580 753 position: relative;
581 754 bottom: 1px;
582 755 }
583 -.wpc-widget-top-inside{
756 +.wpc-widget-top-inside {
584 757 display: flex;
585 758 justify-content: flex-start;
586 759 flex-wrap: nowrap;
587 760 overflow: hidden;
588 761 }
589 -.wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{
590 - margin: 0;
591 -}
592 -.wpc-widget-close-container{
762 +.wpc-widget-close-container {
593 763 width: 100%;
594 764 position: relative;
595 765 display: none;
596 766 }
597 -a.wpc-widget-close-icon{
767 +a.wpc-widget-close-icon {
598 768 display: flex;
599 769 width: 56px;
600 770 height: 56px;
601 771 margin: 0;
@@ -603,9 +773,9 @@
603 773 justify-content: flex-start;
604 774 position: relative;
605 775 z-index: 10;
606 776 }
607 -.wpc-filters-widget-controls-container{
777 +.wpc-filters-widget-controls-container {
608 778 display: none;
609 779 text-align: center;
610 780 position: sticky;
611 781 bottom: 0;
@@ -612,17 +782,12 @@
612 782 background: #fff;
613 783 z-index: 99999;
614 784 border-top: 1px solid #e4e4e4;
615 785 }
616 -.theme-twentyfourteen .wpc-filters-widget-controls-container{
786 +.theme-twentyfourteen .wpc-filters-widget-controls-container {
617 787 background-color: #000;
618 788 }
619 -.wpc-filters-toolbar,
620 -.wpc-filters-open-button-container,
621 -.wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .wpc-filters-open-button-container{
622 - display: none;
623 -}
624 -.wpc-filters-widget-controls-wrapper{
789 +.wpc-filters-widget-controls-wrapper {
625 790 margin-right: 20px;
626 791 margin-left: 20px;
627 792 display: flex;
628 793 justify-content: space-between;
@@ -630,34 +795,29 @@
630 795 position: sticky;
631 796 bottom: 0;
632 797 padding: 20px 0;
633 798 }
634 -.wpc-query-not-on-the-page .wpc-filters-widget-controls-wrapper{
635 - display: none;
636 -}
637 -.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
638 -.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button,
639 -.widget-area .widget .wpc-filters-widget-controls-container a,
640 -.widget .wpc-filters-widget-controls-container a,
641 -.wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a{
642 - 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;
643 803 -webkit-user-select: none;
644 804 -moz-user-select: none;
645 805 -ms-user-select: none;
646 806 user-select: none;
647 - transition: opacity .1s ease-in-out;
807 + transition: opacity 0.1s ease-in-out;
648 808 text-decoration: none;
649 809 font-weight: 400;
650 810 white-space: nowrap;
651 811 box-shadow: none;
652 - padding: 6px 24px;
812 + padding: 6px 14px;
653 813 border-radius: 4px;
654 814 border: 1px solid #d8d8d8;
655 815 display: block;
656 816 text-align: center;
657 817 }
658 -.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
659 -.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button{
818 +.wpc-filters-main-wrap a.wpc-filters-reset-button,
819 +.wpc-filters-main-wrap a.wpc-filters-submit-button {
660 820 width: 45%;
661 821 white-space: inherit;
662 822 display: flex;
663 823 align-items: center;
@@ -662,88 +822,80 @@
662 822 display: flex;
663 823 align-items: center;
664 824 justify-content: center;
665 825 }
666 -.wpc-filters-widget-controls-container a.wpc-filters-apply-button{
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 {
667 830 background-color: #d8d8d8;
668 831 }
669 -a.wpc-filters-reset-button:hover,
670 832 a.wpc-filters-reset-button:active,
671 833 a.wpc-filters-reset-button:focus,
672 -a.wpc-filters-submit-button:hover,
834 +a.wpc-filters-reset-button:hover,
673 835 a.wpc-filters-submit-button:active,
674 -a.wpc-filters-submit-button:focus{
675 - opacity: .85;
836 +a.wpc-filters-submit-button:focus,
837 +a.wpc-filters-submit-button:hover {
838 + opacity: 0.85;
676 839 }
677 -.wpc-filters-widget-controls-container a:hover,
678 840 .wpc-filters-widget-controls-container a:active,
679 -.wpc-filters-widget-controls-container a:focus{
680 - opacity: .6;
841 +.wpc-filters-widget-controls-container a:focus,
842 +.wpc-filters-widget-controls-container a:hover {
843 + opacity: 0.6;
681 844 box-shadow: none;
682 845 }
683 -.widget-area .widget a.wpc-open-close-filters-button,
684 -body a.wpc-open-close-filters-button,
685 -a.wpc-open-close-filters-button,
686 -.wpc-open-close-filters-button,
687 -body a.wpc-filters-open-widget,
688 -a.wpc-filters-open-widget,
689 -.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{
690 848 display: inline-block;
691 849 text-align: left;
692 850 border: 1px solid #2c2d33;
693 851 border-radius: 2px;
694 852 line-height: 1.5;
695 - padding: 7px 12px 7px 12px;
853 + padding: 7px 12px;
696 854 background-color: transparent;
697 855 color: #2c2d33;
698 856 box-sizing: border-box;
699 857 text-decoration: none !important;
700 - font-weight: normal;
858 + font-weight: 400;
701 859 transition: none;
702 860 position: relative;
703 861 }
704 -.wpc-filters-widget-main-wrapper.is-active,
862 +.select2-results__option .wpc-term-count-0,
705 863 .wpc-filters-section.is-active .wpc-filters-reset-button,
706 -.wpc-filters-section.is-active .wpc-filters-submit-button{
864 +.wpc-filters-section.is-active .wpc-filters-submit-button,
865 +.wpc-filters-main-wrap.is-active {
707 866 opacity: 0.7;
708 867 }
709 -.wpc-button-inner{
710 - display: flex;
711 - align-items: center;
868 +.wpc-filters-scroll-container .wpc-filters-widget-wrapper {
869 + transition: opacity 0.25s;
870 + position: relative;
712 871 }
713 -.wpc-filters-scroll-container{
714 - padding: 0;
715 -}
716 -.wpc-filters-scroll-container .wpc-filters-widget-wrapper{
717 - transition: opacity .25s ease;
718 -}
719 872 .wpc-spinner {
720 - width: 32px;
721 - height: 32px;
873 + width: 28px;
874 + height: 28px;
722 875 position: fixed;
723 - z-index: 9;
724 - left: calc(50% - 16px);
725 - top: calc(50% - 16px);
876 + left: calc(50% - 14px);
877 + top: calc(50% - 14px);
726 878 display: none;
727 879 z-index: 1000001;
728 880 }
729 -.wpc-spinner:after{
730 - content: '';
881 +.wpc-spinner:after {
882 + content: "";
731 883 position: absolute;
732 - opacity: 0.8;
733 - border: 3px solid #f3f3f3;
734 - border-top: 3px solid #9f9f9f;
884 + opacity: 1;
885 + border: 1px solid #f3f3f3;
886 + border-top: 1px solid #9f9f9f;
735 887 border-radius: 50%;
736 - width: 32px;
737 - height: 32px;
888 + width: 28px;
889 + height: 28px;
738 890 top: 0;
739 891 left: 0;
740 892 bottom: 0;
741 893 right: 0;
742 894 margin: auto;
743 - animation: wpc-spinner .5s linear infinite;
895 + animation: 0.5s linear infinite wpc-spinner;
744 896 }
745 -.wpc-filters-overlay{
897 +.wpc-filters-overlay {
746 898 content: " ";
747 899 background: #252525;
748 900 opacity: 0;
749 901 position: fixed;
@@ -751,20 +903,21 @@
751 903 right: 0;
752 904 bottom: 0;
753 905 z-index: 99999;
754 906 margin: 0;
907 + transition: opacity 0.05s linear;
755 908 }
756 -.wpc-filters-widget-controls-item{
909 +.wpc-filters-widget-controls-item {
757 910 width: 45%;
758 911 }
759 -.wpc-filters-widget-controls-one{
912 +.wpc-filters-widget-controls-one {
760 913 text-align: left;
761 914 }
762 -.wpc-filters-widget-controls-two{
915 +.wpc-filters-widget-controls-two {
763 916 text-align: right;
764 917 }
765 -.wpc-filters-toolbar .wpc-filter-chips-list{
766 - margin: 0 0 0 .5em;
918 +.wpc-filters-toolbar .wpc-filter-chips-list {
919 + margin: 0 0 0 0.5em;
767 920 display: flex;
768 921 -webkit-box-pack: start;
769 922 place-content: center flex-start;
770 923 -webkit-box-align: center;
@@ -770,15 +923,12 @@
770 923 -webkit-box-align: center;
771 924 align-items: center;
772 925 overflow-x: auto;
773 926 }
774 -.wpc-filters-toolbar li.wpc-filter-chip{
775 - display: inline-block;
776 -}
777 927 .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar {
778 928 width: 6px;
779 929 border-radius: 6px;
780 - background: #E9E9EB;
930 + background: #e9e9eb;
781 931 }
782 932 .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar-track {
783 933 border-radius: 6px;
784 934 }
@@ -785,13 +935,10 @@
785 935 .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar-thumb {
786 936 background: #c4c4c4;
787 937 border-radius: 6px;
788 938 }
789 -.wpc-open-close-filters-button{
790 - display: none;
791 -}
792 939 #sidebar:after,
793 -.fusion-sidebar-inner-content:after{
940 +.fusion-sidebar-inner-content:after {
794 941 content: "";
795 942 clear: both;
796 943 display: block;
797 944 width: 1px;
@@ -796,29 +943,39 @@
796 943 display: block;
797 944 width: 1px;
798 945 height: 1px;
799 946 }
800 -.wpc-icon-html-wrapper{
947 +.wpc-icon-html-wrapper {
801 948 position: relative;
802 949 margin-right: 10px;
803 950 top: 2px;
804 951 }
805 -.wpc-widget-close-container .wpc-icon-html-wrapper{
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 {
806 960 top: 1px;
807 961 margin: 0;
808 962 left: 20px;
809 963 background: #f5f5f5;
810 - /*border: 1px solid #f5f5f5;*/
811 964 border-radius: 50%;
812 965 padding: 14px 7px;
813 966 display: block;
814 967 }
815 -.wpc-widget-close-container .wpc-widget-close-icon span.wpc-icon-line-3,
816 -.wpc-widget-close-container .wpc-widget-close-icon span.wpc-icon-line-1{
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 {
817 974 height: 1px;
818 975 margin-bottom: -1px;
819 976 }
820 -.wpc-icon-html-wrapper span{
977 +.wpc-icon-html-wrapper span {
821 978 display: block;
822 979 height: 1px;
823 980 width: 18px;
824 981 border-radius: 3px;
@@ -825,38 +982,32 @@
825 982 background: #2c2d33;
826 983 margin-bottom: 4px;
827 984 position: relative;
828 985 }
829 -.wpc-widget-close-container .wpc-icon-html-wrapper:hover span{
830 - background: #cc0000;
831 -}
832 -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;
833 989 content: "";
834 990 display: block;
835 991 width: 3px;
836 992 height: 3px;
837 - 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 {
838 1002 border-radius: 50%;
839 - background-color: #ffffff;
840 - position: absolute;
841 - top: -2px;
842 1003 left: 5px;
843 - box-sizing: content-box;
844 1004 }
845 -span.wpc-icon-line-2:after{
846 - content: "";
847 - display: block;
848 - width: 3px;
849 - height: 3px;
850 - border: 1px solid #2c2d33;
1005 +span.wpc-icon-line-2:after {
851 1006 border-radius: 50%;
852 - background-color: #ffffff;
853 - position: absolute;
854 - top: -2px;
855 1007 left: 12px;
856 - box-sizing: content-box;
857 1008 }
858 -span.wpc-icon-line-3:after{
1009 +span.wpc-icon-line-3:after {
859 1010 content: "";
860 1011 display: block;
861 1012 width: 3px;
862 1013 height: 3px;
@@ -861,154 +1012,205 @@
861 1012 width: 3px;
862 1013 height: 3px;
863 1014 border: 1px solid #2c2d33;
864 1015 border-radius: 50%;
865 - background-color: #ffffff;
1016 + background-color: #fff;
866 1017 position: absolute;
867 1018 top: -2px;
868 1019 left: 2px;
869 1020 box-sizing: content-box;
870 1021 }
1022 +.wpc-opened span.wpc-icon-line-1:after,
1023 +.wpc-opened span.wpc-icon-line-2,
1024 +.wpc-opened span.wpc-icon-line-2:after,
1025 +.wpc-opened span.wpc-icon-line-3:after,
1026 +.wpc-widget-close-icon span.wpc-icon-line-1:after,
871 1027 .wpc-widget-close-icon span.wpc-icon-line-2,
872 -.wpc-widget-close-icon span.wpc-icon-line-1:after,
873 1028 .wpc-widget-close-icon span.wpc-icon-line-2:after,
874 -.wpc-widget-close-icon span.wpc-icon-line-3:after,
875 -.wpc-opened span.wpc-icon-line-2,
876 -.wpc-opened span.wpc-icon-line-1:after,
877 -.wpc-opened span.wpc-icon-line-2:after,
878 -.wpc-opened span.wpc-icon-line-3:after{
879 - border-color: #ffffff;
1029 +.wpc-widget-close-icon span.wpc-icon-line-3:after {
1030 + border-color: #fff;
880 1031 display: none;
881 1032 }
882 -.wpc-widget-close-icon span.wpc-icon-line-1,
883 -.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 {
884 1035 -webkit-transform: rotate(45deg);
885 1036 -ms-transform: rotate(45deg);
886 1037 transform: rotate(45deg);
887 1038 }
888 -.wpc-widget-close-icon span.wpc-icon-line-3,
889 -.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 {
890 1041 -webkit-transform: rotate(-45deg);
891 1042 -ms-transform: rotate(-45deg);
892 1043 transform: rotate(-45deg);
893 1044 }
894 -.wpc-widget-close-icon span.wpc-icon-line-3,
1045 +.wpc-opened span.wpc-icon-line-1,
1046 +.wpc-opened span.wpc-icon-line-3,
895 1047 .wpc-widget-close-icon span.wpc-icon-line-1,
896 -.wpc-opened span.wpc-icon-line-3,
897 -.wpc-opened span.wpc-icon-line-1{
1048 +.wpc-widget-close-icon span.wpc-icon-line-3 {
898 1049 margin-bottom: -1px;
899 1050 top: -3px;
900 1051 }
901 -.wpc-widget-close-icon span.wpc-icon-line-3,
902 -.wpc-widget-close-icon span.wpc-icon-line-1{
1052 +.wpc-widget-close-icon span.wpc-icon-line-1,
1053 +.wpc-widget-close-icon span.wpc-icon-line-3 {
903 1054 top: -1px;
1055 + margin-bottom: -2px;
1056 + height: 2px;
904 1057 }
905 -.wpc-widget-close-icon .wpc-icon-html-wrapper span{
1058 +.wpc-widget-close-icon .wpc-icon-html-wrapper span {
906 1059 width: 14px;
907 1060 }
908 -.wpc-widget-close-icon span.wpc-icon-line-3,
909 -.wpc-widget-close-icon span.wpc-icon-line-1{
910 - margin-bottom: -2px;
911 - height: 2px;
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;
912 1066 }
913 -.theme-generatepress.woocommerce .wpc-filters-open-button-container,
914 -.theme-Avada .woocommerce-container .wpc-filters-open-button-container{
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 {
915 1086 padding-left: 0;
916 1087 padding-right: 0;
917 1088 }
918 -.theme-generatepress .wpc-filters-open-button-container,
919 -.theme-Avada .wpc-filters-open-button-container{
1089 +.theme-Avada .wpc-filters-open-button-container,
1090 +.theme-generatepress .wpc-filters-open-button-container {
920 1091 padding-left: 30px;
921 1092 padding-right: 30px;
922 1093 }
923 -.wpc-overlay-visible .theme-neve .nv-sidebar-wrap.shop-sidebar{
1094 +.wpc-overlay-visible .theme-neve .nv-sidebar-wrap.shop-sidebar {
924 1095 opacity: 1;
925 1096 z-index: 100000;
926 1097 position: relative;
927 1098 pointer-events: initial;
928 1099 }
929 -.wpc-term-count{
1100 +.wpc-term-count {
930 1101 white-space: nowrap;
931 - margin: 0 5px;
1102 + margin: 0;
932 1103 display: inline-block;
933 - opacity: .6;
1104 + opacity: 0.3;
934 1105 }
935 -.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown .select2-search{
936 - border: none;
1106 +.select2-container .wpc-term-count{
1107 + margin-left: .5em;
937 1108 }
938 -.theme-Avada .select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{
939 - border-color: #e2e2e2;
1109 +.wpc-counter-length-1 .wpc-term-count{
1110 + width: 1.5em;
940 1111 }
941 -.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{
942 - border-color: #ccd0dc;
1112 +.wpc-counter-length-2 .wpc-term-count{
1113 + width: 2em;
943 1114 }
944 -.theme-Avada .wpc-sorting-form .select2-container--default .select2-selection--single,
945 -.theme-Avada .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single{
946 - border-color: #e2e2e2;
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;
947 1145 border-radius: 6px;
948 1146 }
949 -.wpc-sorting-form .select2-container--default .select2-selection--single,
950 -.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single{
951 - border-color: #ccd0dc;
952 - border-radius: 3px;
953 -}
954 -.theme-Avada .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered,
955 -.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 {
956 1149 line-height: 36px;
957 1150 }
958 -.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered,
959 -.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 {
960 1153 line-height: inherit;
961 1154 color: inherit;
1155 + display: flex;
1156 + /* padding: 6px 16px; */
962 1157 }
963 1158 .sidebar .widget .wpc-filter-everything-dropdown li.select2-results__option,
964 -.wpc-filter-everything-dropdown .select2-results__option{
1159 +.wpc-filter-everything-dropdown .select2-results__option {
965 1160 line-height: inherit;
966 1161 font-size: inherit;
967 - padding: 6px 14px;
1162 + padding: 6px 16px;
968 1163 margin: 0;
1164 + display: flex;
969 1165 }
970 -.wpc-sorting-form .select2-container .select2-selection--single,
971 -.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 {
972 1168 height: auto;
973 - padding: 2px;
1169 + padding: 6px 40px 6px 16px;
974 1170 }
975 -.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow,
976 -.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 {
977 1173 height: 100%;
978 1174 border: none;
1175 + background-color: transparent;
1176 + width: 40px;
1177 + border-radius: 6px;
1178 + top: 1px;
1179 + right: 1px;
979 1180 }
980 1181 .select2-dropdown.wpc-filter-everything-dropdown {
981 - border-color: #ccd0dc;
982 -}
983 -.select2-dropdown.wpc-filter-everything-dropdown{
1182 + border-color: #c9d1e0;
984 1183 z-index: 999999;
985 1184 }
986 -.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected=true],
987 -.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected=true]{
988 - background-color: #f2f2f2;
1185 +.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown {
1186 + padding: 4px 16px;
989 1187 }
990 -.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown{
991 - 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;
992 1194 }
993 -.theme-Avada .select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{
994 - border-color: #e2e2e2;
1195 +.wpc-filters-widget-content .select2-search--dropdown .select2-search__field{
1196 + padding: 8px 16px;
995 1197 }
996 -.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{
997 - border-color: #ccd0dc;
1198 +.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field {
1199 + border-color: #c9d1e0;
998 1200 box-shadow: none;
999 - border-radius: 3px;
1201 + border-radius: 6px;
1000 1202 height: auto;
1001 1203 }
1002 -.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b,
1003 -.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 {
1004 1206 border-left: 1px solid #6d6d6d;
1005 1207 border-top: 1px solid #6d6d6d;
1006 - width: 8px;
1007 - height: 8px;
1208 + width: 9px;
1209 + height: 9px;
1008 1210 font-size: 16px;
1009 1211 transform: rotate(-135deg);
1010 - right: 10px;
1212 + right: 16px;
1011 1213 top: calc(50% + -6px);
1012 1214 left: auto;
1013 1215 margin: 0;
1014 1216 display: block;
@@ -1013,36 +1215,31 @@
1013 1215 margin: 0;
1014 1216 display: block;
1015 1217 border-right: none;
1016 1218 border-bottom: none;
1219 + background: unset;
1017 1220 }
1018 -.wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
1019 -.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 {
1020 1223 transform: rotate(45deg);
1021 1224 border-left: 1px solid #6d6d6d;
1022 1225 border-top: 1px solid #6d6d6d;
1023 1226 top: calc(50% + -2px);
1024 1227 }
1025 -.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field:focus{
1026 - background-color: #f2f2f2;
1027 -}
1028 -.select2-results__option .wpc-term-count-0{
1029 - opacity: 0.7;
1030 -}
1031 -.wpc-filters-overlay{
1032 - transition: opacity .05s linear;
1033 -}
1034 1228 /*TipTip CSS*/
1035 1229 .wpc-help-tip {
1036 1230 color: #929292;
1037 1231 display: inline-block;
1038 1232 font-style: normal;
1039 - height: 15px;
1040 - line-height: 15px;
1233 + height: 16px;
1234 + line-height: 16px;
1041 1235 position: relative;
1042 1236 vertical-align: middle;
1043 - width: 15px;
1044 - 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;*/
1045 1242 }
1046 1243 .wpc-help-tip::after {
1047 1244 speak: none;
1048 1245 font-weight: 700;
@@ -1047,9 +1244,8 @@
1047 1244 speak: none;
1048 1245 font-weight: 700;
1049 1246 font-variant: normal;
1050 1247 text-transform: none;
1051 - line-height: 1;
1052 1248 -webkit-font-smoothing: antialiased;
1053 1249 margin: 0;
1054 1250 text-indent: 0;
1055 1251 position: absolute;
@@ -1059,22 +1255,24 @@
1059 1255 height: 100%;
1060 1256 text-align: center;
1061 1257 content: "?";
1062 1258 cursor: help;
1063 - background: #bdbdbd;
1064 - border-radius: 50%;
1065 - color: #fff;
1066 - font-size: 10px;
1067 - line-height: 15px;
1259 + color: #c8d1e1;
1260 + font-size: 11px;
1261 + line-height: 16px;
1068 1262 font-family: arial;
1263 + background-color: transparent;
1069 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 +}
1070 1272 .wpc-filter-title .wpc-help-tip {
1071 1273 font-size: 1em;
1072 1274 }
1073 -.wpc-wrap-icons .wpc-help-tip {
1074 - margin-left: 10px;
1075 - margin-right: 10px;
1076 -}
1077 1275 #tiptip_holder {
1078 1276 display: none;
1079 1277 z-index: 8675309;
1080 1278 position: absolute;
@@ -1081,60 +1279,63 @@
1081 1279 top: 0;
1082 1280 left: 0;
1083 1281 }
1084 1282 #tiptip_holder.tip_top {
1085 - padding-bottom: 5px
1283 + padding-bottom: 5px;
1086 1284 }
1087 1285 #tiptip_holder.tip_top #tiptip_arrow_inner {
1088 1286 margin-top: -7px;
1089 1287 margin-left: -6px;
1090 - border-top-color: #333
1288 + border-top-color: #333;
1091 1289 }
1092 1290 #tiptip_holder.tip_bottom {
1093 - padding-top: 5px
1291 + padding-top: 5px;
1094 1292 }
1095 1293 #tiptip_holder.tip_bottom #tiptip_arrow_inner {
1096 - margin-top: -5px;
1097 - margin-left: -6px;
1098 - border-bottom-color: #333
1294 + margin-top: -4px;
1295 + margin-left: -5px;
1296 + border-bottom-color: #333;
1099 1297 }
1100 1298 #tiptip_holder.tip_right {
1101 - padding-left: 5px
1299 + padding-left: 5px;
1102 1300 }
1103 1301 #tiptip_holder.tip_right #tiptip_arrow_inner {
1104 1302 margin-top: -6px;
1105 1303 margin-left: -5px;
1106 - border-right-color: #333
1304 + border-right-color: #333;
1107 1305 }
1108 1306 #tiptip_holder.tip_left {
1109 - padding-right: 5px
1307 + padding-right: 1px;
1110 1308 }
1111 1309 #tiptip_holder.tip_left #tiptip_arrow_inner {
1112 - margin-top: -6px;
1310 + margin-top: -4px;
1113 1311 margin-left: -7px;
1114 - border-left-color: #333
1312 + border-left-color: #333;
1115 1313 }
1116 -#tiptip_content, .chart-tooltip, .wc_error_tip {
1314 +#tiptip_content,
1315 +.chart-tooltip,
1316 +.wc_error_tip {
1117 1317 color: #fff;
1118 - font-size: .75em;
1318 + font-size: 0.75em;
1119 1319 background: #333;
1120 1320 border-radius: 3px;
1121 - padding: .618em 1em;
1122 - 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);
1123 1323 }
1124 -#tiptip_content code, .chart-tooltip code, .wc_error_tip code {
1324 +#tiptip_content code,
1325 +.chart-tooltip code,
1326 +.wc_error_tip code {
1125 1327 padding: 1px;
1126 - background: #888
1328 + background: #888;
1127 1329 }
1128 -#tiptip_arrow, #tiptip_arrow_inner {
1330 +#tiptip_arrow,
1331 +#tiptip_arrow_inner {
1129 1332 position: absolute;
1130 - border-color: transparent;
1131 - border-style: solid;
1132 - border-width: 6px;
1333 + border: 6px solid transparent;
1133 1334 height: 0;
1134 - width: 0
1335 + width: 0;
1135 1336 }
1136 -.wpc-wrap-icons{
1337 +.wpc-wrap-icons {
1137 1338 display: flex;
1138 1339 align-items: center;
1139 1340 flex-wrap: wrap;
1140 1341 width: 100%;
@@ -1139,15 +1340,17 @@
1139 1340 flex-wrap: wrap;
1140 1341 width: 100%;
1141 1342 line-height: 1;
1142 1343 }
1143 -.wpc-wrap-icons > *{
1344 +.wpc-wrap-icons > * {
1144 1345 flex-grow: 1;
1145 1346 }
1146 -.wpc-wrap-icons .wpc-help-tip{
1347 +.wpc-wrap-icons .wpc-help-tip {
1348 + margin-left: 10px;
1349 + margin-right: 10px;
1147 1350 flex-grow: initial;
1148 1351 }
1149 -.wpc-wrap-icons .wpc-filter-selected-values{
1352 +.wpc-wrap-icons .wpc-filter-selected-values {
1150 1353 flex-grow: 2;
1151 1354 min-width: 100%;
1152 1355 }
1153 1356 .wpc-debug-message {
@@ -1153,28 +1356,42 @@
1153 1356 .wpc-debug-message {
1154 1357 padding: 16px;
1155 1358 font-size: 14px;
1156 1359 border: 1px dashed #ccc;
1157 - margin-bottom: 3px;
1360 + margin-bottom: 20px;
1158 1361 }
1159 -.wpc-debug-title{
1362 +body .wpc-debug-title {
1160 1363 font-size: 13px;
1161 1364 margin-bottom: 24px;
1365 + font-style: italic;
1366 + visibility: visible;
1162 1367 }
1163 -.wpc-edit-filter-set{
1164 - font-size: 13px;
1368 +.wpc-edit-filter-set {
1369 + font-size: 13px;
1165 1370 }
1166 -.wpc-orderby-select{
1371 +.wpc-orderby-select {
1167 1372 width: 100%;
1168 - max-width: 300px
1373 + max-width: 300px;
1169 1374 }
1170 -.select2.select2-container.select2-container--default{
1375 +.select2.select2-container.select2-container--default {
1171 1376 min-width: 140px !important;
1172 1377 }
1173 -.wpc-sorting-form{
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 {
1174 1391 margin: 0;
1175 1392 }
1176 -.wpc-force-visibility{
1393 +.wpc-force-visibility {
1177 1394 display: block !important;
1178 1395 opacity: 1 !important;
1179 1396 visibility: hidden !important;
1180 1397 height: 0 !important;
@@ -1181,9 +1398,8 @@
1181 1398 margin: 0 !important;
1182 1399 padding: 0 !important;
1183 1400 transform: none !important;
1184 1401 position: static !important;
1185 - left: 0 !important;
1186 1402 transition: none !important;
1187 1403 overflow: visible !important;
1188 1404 z-index: 999999 !important;
1189 1405 width: 0 !important;
@@ -1191,26 +1407,21 @@
1191 1407 right: auto !important;
1192 1408 bottom: auto !important;
1193 1409 top: auto !important;
1194 1410 }
1195 -.wpc-force-visibility .widget_wpc_filters_widget{
1411 +.wpc-force-visibility .widget_wpc_filters_widget,
1412 +.wpc-force-visibility .wpc-filters-main-wrap {
1196 1413 visibility: visible !important;
1197 1414 display: block !important;
1198 1415 }
1199 -.wpc-chip-empty{
1200 - display: none;
1201 -}
1202 -.wpc-widget-top-inside .wpc-inner-widget-chips-wrapper{
1203 - overflow-y: scroll;
1416 +.wpc-widget-top-inside .wpc-inner-widget-chips-wrapper {
1204 1417 width: 100%;
1205 1418 }
1206 -.wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{
1207 - padding: 2px 0 10px 0;
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;
1208 1422 }
1209 -.wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list.wpc-empty-chips-container{
1210 - padding: 0;
1211 -}
1212 -.wpc-widget-popup-title{
1423 +.wpc-widget-popup-title {
1213 1424 position: absolute;
1214 1425 top: 0;
1215 1426 text-align: center;
1216 1427 bottom: 0;
@@ -1222,16 +1433,128 @@
1222 1433 font-size: 18px;
1223 1434 color: #333;
1224 1435 font-weight: 600;
1225 1436 }
1226 -.wpc-term-image-wrapper{
1437 +.wpc-term-image-wrapper {
1227 1438 position: relative;
1228 - margin-right: 10px;
1229 - font-size: 0;
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;
1230 1449 }
1231 -.wpc-term-image-container{
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 {
1232 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 {
1233 1550 display: block;
1551 + background: #fff;
1552 + opacity: 0.2;
1553 +}
1554 +.wpc-term-image-container {
1555 + position: relative;
1556 + display: block;
1234 1557 background-position: center center;
1235 1558 background-size: contain;
1236 1559 background-repeat: no-repeat;
1237 1560 vertical-align: middle;
@@ -1237,326 +1560,827 @@
1237 1560 vertical-align: middle;
1238 1561 width: 32px;
1239 1562 height: 24px;
1240 1563 }
1241 -.wpc-filter-pa_brand li.wpc-term-item a{
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{
1242 1575 display: inline-flex;
1243 1576 align-items: center;
1244 1577 flex-direction: row;
1245 1578 }
1246 -.wpc-filter-pa_brand li.wpc-term-item label{
1247 - display: inline-flex;
1248 - align-items: center;
1249 - flex-direction: row;
1579 +.wpc-dropdown-default.wpc-item-has-swatch .wpc-term-swatch-wrapper {
1580 + display: none;
1250 1581 }
1251 -.wpc-filter-search-wrapper{
1252 - margin-bottom: 14px;
1582 +.wpc-filter-search-wrapper {
1583 + margin-bottom: 12px;
1253 1584 position: relative;
1254 1585 }
1255 -.wpc-filters-widget-main-wrapper input.wpc-filter-search-field{
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 {
1256 1595 padding-right: 30px;
1257 1596 width: 100%;
1258 1597 margin: 0;
1259 1598 }
1260 -.wpc-filter-search-wrapper button.wpc-search-clear{
1599 +.wpc-search-field-wrapper{
1600 + position: relative;
1601 +}
1602 +.wpc-search-icon{
1261 1603 position: absolute;
1262 - right: 10px;
1263 - top: 0;
1264 - height: 100%;
1265 - background: transparent;
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;
1266 1634 border: none;
1267 - font-size: 24px;
1635 + font-size: 29px;
1268 1636 font-weight: 400;
1269 - opacity: .6;
1270 - font-family: 'Open Sans';
1637 + font-family: "Times New Roman", serif;
1271 1638 padding: 0;
1272 - outline: none;
1273 - color: inherit;
1639 + width: 38px;
1640 + outline: 0;
1641 + color: #b5bed2;
1274 1642 box-shadow: none;
1275 1643 display: none;
1276 1644 line-height: 1;
1277 1645 margin: 0;
1646 + cursor:pointer;
1278 1647 -webkit-appearance: none;
1279 1648 min-height: 0;
1649 + border-top-right-radius: 6px;
1650 + border-bottom-right-radius: 6px;
1280 1651 }
1281 -.wpc-search-clear:hover{
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;
1282 1666 cursor: pointer;
1283 - background: transparent;
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;
1284 1690 box-shadow: none;
1285 1691 border: none;
1286 - outline: none;
1692 + outline: 0;
1287 1693 }
1288 -@media screen and (min-width: 769px) {
1289 - .wpc_show_bottom_widget .wpc-filters-widget-content{
1290 - height: auto !important;
1291 - }
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%;
1292 1701 }
1293 -@media screen and (min-width: 768px) {
1294 - .wpc-custom-selected-terms{
1295 - clear: both;
1296 - width: 100%;
1297 - }
1298 - .wpc-custom-selected-terms ul.wpc-filter-chips-list{
1299 - display: flex;
1300 - overflow-x: auto;
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 {
1301 2083 padding-left: 0;
2084 + padding-right: 0;
1302 2085 }
1303 - .sidebar .wpc-custom-selected-terms ul.wpc-filter-chips-list,
1304 - #sidebar .wpc-custom-selected-terms ul.wpc-filter-chips-list,
1305 - #secondary .wpc-custom-selected-terms ul.wpc-filter-chips-list,
1306 - .widget-area .wpc-custom-selected-terms ul.wpc-filter-chips-list{
1307 - display: block;
1308 - overflow: visible;
1309 - }
1310 - html.is-active .wpc-filters-overlay{
1311 - top: 0;
1312 - opacity: .3;
1313 - background: #ffffff;
1314 - }
1315 - body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,
1316 - body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,
1317 - body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){
1318 - display: block !important;
1319 - }
1320 - .widget-area input.wpc-label-input+label:hover,
1321 - .wpc-filters-widget-main-wrapper input.wpc-label-input+label:hover{
1322 - border: 1px solid rgba(0,0,0,0.25);
1323 - border-radius: 5px;
1324 - }
1325 - .widget-area input.wpc-label-input+label:hover span.wpc-filter-label-wrapper,
1326 - .wpc-filters-widget-main-wrapper input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{
1327 - color: #333333;
1328 - background-color: rgba(0,0,0,0.25);
1329 - }
1330 - .widget-area .wpc-filters-labels li.wpc-term-item input+label:hover a,
1331 - .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item input+label:hover a{
1332 - color: #333333;
1333 - }
1334 - .theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{
1335 - font-size: inherit;
1336 - }
1337 - .theme-storefront #primary .wpc-custom-selected-terms{
1338 - font-size: .875em;
1339 - }
1340 2086 }
1341 -@media screen and (max-width: 768px) {
1342 - .wpc_show_open_close_button .wpc-filters-widget-top-container,
1343 - .wpc_show_bottom_widget .wpc-filters-widget-top-container{
1344 - text-align: center;
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%;
1345 2093 }
1346 - .wpc_show_bottom_widget .wpc-filters-widget-top-container{
1347 - position: sticky;
1348 - top: 0;
1349 - z-index: 99999;
1350 - border-bottom: 1px solid #f7f7f7;
2094 + .wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(4n + 1) {
2095 + margin-right: 0;
1351 2096 }
1352 - .wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button{
1353 - display: none;
1354 - }
1355 - .wpc_show_bottom_widget .wpc-widget-close-container{
1356 - display: block;
1357 - }
1358 - body .wpc-filters-widget-main-wrapper li.wpc-term-item,
1359 - .widget-area li.wpc-term-item{
1360 - padding: 2px 0;
1361 - }
1362 - .widget-area ul.wpc-filters-ul-list,
1363 - .wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list{
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%;
1364 2102 padding-left: 0;
2103 + padding-right: 0;
1365 2104 }
1366 - .wpc-chip-empty{
1367 - width: 0;
1368 - display: list-item;
1369 - visibility: hidden;
1370 - margin-right: 0 !important;
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%;
1371 2112 }
1372 - .wpc-edit-filter-set{
1373 - display: none;
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;
1374 2116 }
1375 - .wpc-overlay-visible #secondary{
1376 - z-index: auto;
1377 - }
1378 - html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{
1379 - top: 0;
1380 - opacity: .2;
1381 - background: #ffffff;
1382 - }
1383 - .wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list {
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;
1384 2123 display: flex;
1385 - overflow-x: auto;
1386 - padding-left: 0;
2124 + align-items: center;
2125 + justify-content: center;
2126 + max-width: 15%;
2127 + margin-right: 2%;
1387 2128 }
1388 - .wpc-custom-selected-terms:not(.wpc-show-on-mobile){
1389 - 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%;
1390 2137 }
1391 - .wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),
1392 - html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{
1393 - 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;
1394 2142 }
1395 - html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{
1396 - top: 0;
1397 - opacity: .3;
1398 - background: #ffffff;
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%;
2152 + padding-left: 0;
2153 + padding-right: 0;
1399 2154 }
1400 - body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,
1401 - body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,
1402 - body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened) {
1403 - display: block !important;
1404 - }
1405 - body.wpc_show_bottom_widget .wpc-open-close-filters-button{
1406 - display: none;
1407 - }
1408 - .wpc-open-close-filters-button{
2155 +}
2156 +@media screen and (max-width: 500px) {
2157 + .wpc-horizontal-layout .wpc-filters-widget-wrapper {
1409 2158 display: block;
1410 - margin-bottom: 20px;
2159 + width: 100%;
1411 2160 }
1412 - body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){
1413 - display: 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;
1414 2169 }
1415 - .wpc_show_bottom_widget .wpc-posts-found{
1416 - display: none;
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;
1417 2176 }
1418 - html.wpc-overlay-visible,
1419 - .wpc-overlay-visible body{
1420 - overflow: hidden !important;
1421 - }
1422 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper,
1423 - .wpc_show_bottom_widget .widget_wpc_filters_widget{
1424 - padding: 0 !important;
1425 - margin: 0 !important;
1426 - }
1427 - .wpc_show_bottom_widget .wpc-filters-range-column{
1428 - width: 48%;
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%;
1429 2188 max-width: none;
1430 - }
1431 - .wpc_show_bottom_widget .wpc-filters-toolbar{
1432 - display: flex;
1433 - margin: 1em 0;
1434 - }
1435 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .widget-title{
1436 - display: none;
1437 - }
1438 - .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{
1439 - display: block;
1440 - padding-left: 20px;
1441 - padding-right: 20px;
1442 - }
1443 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .widget-title.wpc-filter-title{
1444 - display: flex;
1445 - }
1446 - .wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,
1447 - .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{
1448 - display: flex;
1449 - -webkit-box-pack: start;
1450 - place-content: center flex-start;
1451 - overflow-x: auto;
1452 - padding-top: 5px;
1453 - padding-bottom: 5px;
1454 - margin-left: 0;
1455 - padding-left: 0;
1456 - }
1457 - .wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{
1458 - top: 0;
1459 - opacity: .4;
1460 - }
1461 - .wpc_show_bottom_widget .wpc-spinner.is-active{
1462 - display: block;
1463 - }
1464 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper{
1465 - opacity: .6;
1466 - pointer-events: none;
1467 - }
1468 - .wpc_show_bottom_widget .wpc-filters-open-button-container{
1469 - margin-top: 1em;
1470 - margin-bottom: 1em;
1471 - }
1472 - .wpc_show_bottom_widget .wpc-filters-widget-content{
1473 - position: fixed;
1474 - bottom: 0px;
1475 - right: 0;
1476 - left: 0;
1477 - top: 5%;
1478 - z-index: 999999;
1479 - padding: 0;
1480 - background-color: #fff;
1481 2189 margin: 0;
1482 - box-sizing: border-box;
1483 - border-radius: 7px 7px 0 0;
1484 - transition: transform .25s ease;
1485 - transform: translate3d(0, 120%, 0);
1486 - -webkit-overflow-scrolling: touch;
1487 - height: auto;
2190 + padding-left: 14px;
2191 + padding-right: 14px;
1488 2192 }
1489 - .wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper{
1490 - padding: 0;
1491 - margin: 0;
1492 - overflow-y: scroll;
1493 - box-sizing: border-box;
1494 - position: fixed;
1495 - top: 56px;
1496 - left: 0;
1497 - right: 0;
1498 - bottom: 0;
2193 + .wpc-horizontal-layout form.wpc-filter-range-form {
2194 + margin-bottom: inherit;
1499 2195 }
1500 - .wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened{
1501 - transform: translate3d(0, 0, 0);
1502 - }
1503 - .wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title{
1504 - display: none;
1505 - }
1506 - .theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content{
1507 - background-color: #000;
1508 - }
1509 - .wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list,
1510 - .wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list{
1511 - max-height: none;
1512 - }
1513 - .wpc_show_bottom_widget .wpc-filters-scroll-container{
1514 - background: #fff;
1515 - min-height: 100%;
1516 - }
1517 - .theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{
1518 - background-color: #000;
1519 - }
1520 - .wpc_show_bottom_widget .wpc-filters-widget-wrapper{
1521 - padding: 20px 20px 15px 20px;
1522 - }
1523 - .wpc-sorting-form select,
1524 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper input[type="text"],
1525 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper input[type="number"],
1526 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper select,
1527 - .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper textarea {
1528 - font-size: 16px;
1529 - }
1530 - .wpc-sorting-form .select2-container .select2-selection--single,
1531 - .wpc-filter-layout-dropdown .select2-container .select2-selection--single{
1532 - height: auto;
1533 - padding: 6px;
1534 - }
1535 - .wpc_show_bottom_widget .widget_wpc_selected_filters_widget{
1536 - display: none;
1537 - }
1538 - .wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list{
1539 - overflow-y: visible;
1540 - }
1541 - .theme-twentyeleven #primary,
1542 - .theme-twentyeleven #secondary{
1543 - margin-left: 0;
1544 - margin-right: 0;
1545 - clear: both;
1546 - float: none;
1547 - }
1548 - #main>.fusion-row{
1549 - max-width: 100%;
1550 - }
1551 - .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{
1552 - font-size: 16px;
1553 - }
1554 2196 }
1555 2197 @keyframes wpc-spinner {
1556 2198 0% {
1557 - transform: rotate(0deg);
2199 + transform: rotate(0);
1558 2200 }
1559 2201 100% {
1560 2202 transform: rotate(360deg);
1561 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;
1562 2386 }