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