@media screen and (min-width:769px){.wpc_show_bottom_widget .wpc-filters-widget-content{height:auto!important}body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:block!important}}@media screen and (min-width:768px){.wpc-custom-selected-terms{clear:both;width:100%}.wpc-custom-selected-terms ul.wpc-filter-chips-list{display:flex;overflow-x:auto;overflow-y:clip;padding-left:0}.wpc-filters-main-wrap .wpc-custom-selected-terms ul.wpc-filter-chips-list{display:block;overflow:visible}html.is-active .wpc-filters-overlay{top:0;opacity:.3;background:#fff}.wpc-filters-main-wrap input.wpc-label-input+label:hover{border:1px solid rgba(0,0,0,.25);border-radius:5px}.wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{color:#333;background-color:rgba(0,0,0,.25)}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{color:#333}.theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{font-size:inherit}.theme-storefront #primary .wpc-custom-selected-terms{font-size:.875em}}@media screen and (max-width:768px){.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before{display:none;}.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-widget-top-container{text-align:center}.wpc_show_bottom_widget .wpc-filters-widget-top-container{position:sticky;top:0;z-index:99999;border-bottom:1px solid #f7f7f7}.wpc-custom-selected-terms:not(.wpc-show-on-mobile),.wpc-edit-filter-set,.wpc_show_bottom_widget .widget_wpc_selected_filters_widget,.wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title,.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title,.wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button,.wpc_show_bottom_widget .wpc-posts-found,body.wpc_show_bottom_widget .wpc-open-close-filters-button,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened),.widget_wpc_chips_widget .widget-title:not(.wpc-show-on-mobile-widget-title), .widget_wpc_chips_widget .widgettitle:not(.wpc-show-on-mobile-widget-title) {display:none}.wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),.wpc_show_bottom_widget .wpc-spinner.is-active,.wpc_show_bottom_widget .wpc-widget-close-container,html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{display:block}body .wpc-filters-main-wrap li.wpc-term-item{padding:2px 0}.wpc-chip-empty{width:0;display:list-item;visibility:hidden;margin-right:0!important}.wpc-overlay-visible #secondary{z-index:auto}html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{top:0;opacity:.2;background:#fff}.wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{top:0;opacity:.3;background:#fff}body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened){display:block!important}.wpc-open-close-filters-button{display:block;margin-bottom:20px}.wpc-overlay-visible body,html.wpc-overlay-visible{overflow:hidden!important}.wpc_show_bottom_widget .widget_wpc_filters_widget,.wpc_show_bottom_widget .wpc-filters-main-wrap{padding:0!important;margin:0!important}.wpc_show_bottom_widget .wpc-filters-range-column{width:48%;max-width:none}.wpc_show_bottom_widget .wpc-filters-toolbar{display:flex;margin:1em 0}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{display:block;padding-left:20px;padding-right:20px}.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title.wpc-filter-title{display:flex}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,.wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{display:flex;-webkit-box-pack:start;place-content:center flex-start;overflow-x:auto;padding-top:5px;padding-bottom:5px;margin-left:0;padding-left:0}.wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{top:0;opacity:.4}.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper{opacity:.6;pointer-events:none}.wpc_show_bottom_widget .wpc-filters-open-button-container{margin-top:1em;margin-bottom:1em}.wpc_show_bottom_widget .wpc-filters-widget-content{position:fixed;bottom:0;right:0;left:0;top:5%;z-index:999999;padding:0;background-color:#fff;margin:0;box-sizing:border-box;border-radius:7px 7px 0 0;transition:transform .25s;transform:translate3d(0,120%,0);-webkit-overflow-scrolling:touch;height:auto}.wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper{padding:0;margin:0;overflow-y:scroll;box-sizing:border-box;position:fixed;top:56px;left:0;right:0;bottom:0}.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened{transform:translate3d(0,0,0)}.theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content,.theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{background-color:#000}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list,.wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{max-height:none}.wpc_show_bottom_widget .wpc-filters-scroll-container{background:#fff;min-height:100%}.wpc_show_bottom_widget .wpc-filters-widget-wrapper{padding:20px 20px 15px}.wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field,.wpc-sorting-form select,.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=number],.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=text],.wpc_show_bottom_widget .wpc-filters-main-wrap select,.wpc_show_bottom_widget .wpc-filters-main-wrap textarea,.wpc_show_bottom_widget .wpc-search-field,.wpc_show_open_close_button .wpc-search-field,.wpc_show_open_close_button .wpc-filter-search-field{font-size:16px}.wpc-filter-layout-dropdown .select2-container .select2-selection--single,.wpc-sorting-form .select2-container .select2-selection--single{height:auto;padding:6px}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{overflow-y:visible}.theme-twentyeleven #primary,.theme-twentyeleven #secondary{margin-left:0;margin-right:0;clear:both;float:none}#main>.fusion-row{max-width:100%}.wpc_show_bottom_widget .wpc-filters-open-button-container,.wpc_show_bottom_widget .wpc-filters-widget-controls-container,.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-open-button-container{display:block}} .wpc-preload-img{display:none;}li.wpc-term-item label span.wpc-term-swatch,.wpc-term-swatch-wrapper{width:32px;min-width:32px;height:32px;} .wpc-term-swatch-wrapper:after{width:12.8px;height:6.4px;left:9.1428571428571px;top:9.1428571428571px;}.wpc-term-image-wrapper{width:70px;min-width:70px;height:40px;}.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list{ max-height: 550px; overflow-y: auto; } .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range{ background-color: #1058a0; } .wpc-spinner:after { border-top-color: #1058a0; } .theme-Avada .wpc-filter-product_visibility .star-rating:before, .wpc-filter-product_visibility .star-rating span:before{ color: #1058a0; } body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{ background-color: #1058a0; } body .wpc-filters-main-wrap input.wpc-label-input:checked+label{ border-color: #1058a0; } body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{ background-color: #d8d8d8; } body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label{ border-color: #d8d8d8; } body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input+label:hover{ border-color: #d8d8d8; } body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper, body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label a, body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label span { color: #333333; } body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper, body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a{ color: #f5f5f5; } body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a, body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) span[data-wpc-span-link], body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) span.wpc-apply-button-chip{ border-color: #1058a0; } body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button, body .wpc-filters-main-wrap a.wpc-filters-submit-button{ border-color: #1058a0; background-color: #1058a0; color: #f5f5f5; } body .wpc-filter-chips-list li.wpc-filter-chip a:hover, body .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:hover, body .wpc-filter-chips-list li.wpc-filter-chip span.wpc-apply-button-chip:hover{ opacity: 0.9; } body .wpc-filter-chips-list li.wpc-filter-chip a:active, body .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:active, body .wpc-filter-chips-list li.wpc-filter-chip span.wpc-apply-button-chip:active{ opacity: 0.75; } .star-rating span, .star-rating span:before{ color: #1058a0; } body a.wpc-filters-open-widget:active, a.wpc-filters-open-widget:active, .wpc-filters-open-widget:active{ border-color: #1058a0; background-color: #1058a0; color: #f5f5f5; } a.wpc-filters-open-widget:active span.wpc-icon-line-1:after, a.wpc-filters-open-widget:active span.wpc-icon-line-2:after, a.wpc-filters-open-widget:active span.wpc-icon-line-3:after{ background-color: #1058a0; border-color: #f5f5f5; } a.wpc-filters-open-widget:active .wpc-icon-html-wrapper span{ background-color: #f5f5f5; } body .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{ color: #f5f5f5; background-color: #1058a0; } body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{ color: #f5f5f5; } body .wpc-filters-main-wrap input.wpc-label-input+label:hover{ border-color: #1058a0; } #ui-datepicker-div.wpc-filter-datepicker .ui-state-active, #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-active, #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-active{ border-color: #1058a0; background: #1058a0; opacity: 0.95; } #ui-datepicker-div.wpc-filter-datepicker .ui-state-hover, #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover, #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-hover, #ui-datepicker-div.wpc-filter-datepicker .ui-state-focus, #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-focus, #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-focus{ border-color: #1058a0; background: #1058a0; opacity: 0.6; }#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{ background: #1058a0; color: #f5f5f5; } .flrt-star-label svg{ stroke: #1058a0; } .flrt-star-label-hover svg, .wpc-chip-stars svg{ fill: #1058a0; } .wpc-filter-label-stars-wrapper{ padding: 4px 5px !important; } .wpc-filter-label-stars-wrapper .flrt-star-label svg{ height: 17px; width: 17px; } body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-stars-wrapper .flrt-star-label svg, span.wpc-filter-label-stars-wrapper:hover .flrt-star-label svg{ fill: #f5f5f5; } .wpc-filters-main-wrap input[type=checkbox], .wpc-filters-main-wrap input[type=radio]{ -webkit-appearance: none; -moz-appearance: none; position: relative; width: 20px; height: 20px; border: 1px solid #c9d1e0; background: #ffffff; border-radius: 5px; min-width: 20px; } i.wpc-toggle-children-list:after, i.wpc-toggle-children-list:before{ background-color: #b8bcc8; } i.wpc-toggle-children-list:hover:after, i.wpc-toggle-children-list:hover:before{ background-color: #1058a0; } .wpc-filters-widget-content input[type=email], .wpc-filters-widget-content input[type=number], .wpc-filters-widget-content input[type=password], .wpc-filters-widget-content input[type=search], .wpc-filters-widget-content input[type=tel], .wpc-filters-widget-content input[type=text], .wpc-filters-widget-content input[type=url]{ height: 44px; } .wpc-filters-widget-content .wpc-filters-section input[type="number"], .wpc-filters-widget-content .wpc-filters-section input[type="text"]{ border: 1px solid #ccd0dc; border-radius: 6px; background: transparent; box-shadow: none; padding: 8px 16px; } .wpc-filters-main-wrap input[type=checkbox]:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 12px; height: 12px; border: navajowhite; box-sizing: content-box; background-color: #1058a0; border-radius: 2px; } .wpc-filters-main-wrap input[type=radio]:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #1058a0; box-sizing: content-box; } .wpc-filters-main-wrap input[type=radio]:checked, .wpc-filters-main-wrap input[type=checkbox]:checked { border-color: #1058a0; } .wpc-filters-main-wrap .wpc-radio-item.wpc-term-disabled input[type=radio], .wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled > div > input[type=checkbox], .wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled > div > input[type=checkbox]:after, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox]:after, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox], .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio], .wpc-term-swatch-no-image{ border-color: #d8d8d8; } .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox]:after, .wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled > div > input[type=checkbox]:after { background-color: #d8d8d8; } .wpc-filters-main-wrap .wpc-radio-item.wpc-term-disabled input[type=radio]:after, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio]:after{ background-color: #d8d8d8; } .wpc-filters-main-wrap input[type=radio]:checked:after, .wpc-filters-main-wrap input[type=checkbox]:checked:after { opacity: 1; } .wpc-filters-main-wrap input[type=radio] { border-radius: 50%; } .wpc-filters-widget-content .wpc-filters-section .wpc-filter-search-wrapper .wpc-filter-search-field { padding: 8px 16px 8px 48px; } .wpc-filters-widget-content .wpc-filters-date-range-wrapper input[type="text"]{ padding-right: 48px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.33333' stroke='%23b8bcc8' stroke-width='1.33333'/%3E%3Cpath d='M2.66699 7.3335H13.3337' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M6 10.6667H10' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M5.33301 2L5.33301 4.66667' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M10.667 2L10.667 4.66667' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 16px bottom 50%; background-size: 16px; } .wpc-filters-widget-content .wpc-filters-date-range-wrapper input[type="text"]:focus, .wpc-filters-widget-content .wpc-filters-date-range-wrapper input[type="text"]:hover{ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.33333' stroke='%231058a0' stroke-width='1.33333'/%3E%3Cpath d='M2.66699 7.3335H13.3337' stroke='%231058a0' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M6 10.6667H10' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M5.33301 2L5.33301 4.66667' stroke='%231058a0' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M10.667 2L10.667 4.66667' stroke='%231058a0' stroke-width='1.33333' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b, .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-left: 1px solid #b8bcc8; border-top: 1px solid #b8bcc8; } .wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-left: 1px solid #b8bcc8; border-top: 1px solid #b8bcc8; } .wpc-filter-collapsible .wpc-filter-title .wpc-open-icon, .wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon, .wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon, .wpc-filter-has-selected.wpc-closed .wpc-filter-title .wpc-open-icon{ border-left: 1px solid #b8bcc8; border-top: 1px solid #b8bcc8; } .wpc-sorting-form .select2-container--default .select2-selection--single:hover, .wpc-filters-widget-content input[type=email]:hover, .wpc-filters-widget-content input[type=number]:hover, .wpc-filters-widget-content input[type=password]:hover, .wpc-filters-widget-content input[type=search]:hover, .wpc-filters-widget-content input[type=tel]:hover, .wpc-filters-widget-content input[type=text]:hover, .wpc-filters-widget-content input[type=url]:hover{ border-color: rgb(16 88 160 / 0.5); } .wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .widget_wpc_sorting_widget .select2-container--default .select2-selection--single:hover .select2-selection__arrow b, .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single:hover .select2-selection__arrow b, .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single:hover, .select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown, .wpc-sorting-form .select2-container--open .select2-selection--single:hover, .widget_wpc_sorting_widget .select2-container--open .select2-selection--single, .wpc-filter-layout-dropdown .select2-container--open .select2-selection--single, .wpc-filters-widget-content input[type=email]:focus, .wpc-filters-widget-content input[type=number]:focus, .wpc-filters-widget-content input[type=password]:focus, .wpc-filters-widget-content input[type=search]:focus, .wpc-filters-widget-content input[type=tel]:focus, .wpc-filters-widget-content input[type=text]:focus, .wpc-filters-widget-content input[type=url]:focus, .wpc-filters-widget-content input[type=email]:active, .wpc-filters-widget-content input[type=number]:active, .wpc-filters-widget-content input[type=password]:active, .wpc-filters-widget-content input[type=search]:active, .wpc-filters-widget-content input[type=tel]:active, .wpc-filters-widget-content input[type=text]:active, .wpc-filters-widget-content input[type=url]:active, .wpc-filter-collapsible .wpc-filter-title button:hover .wpc-open-icon, .wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed .wpc-filter-title button:hover .wpc-open-icon, .wpc-filter-collapsible.wpc-closed .wpc-filter-title button:hover .wpc-open-icon, .wpc-filter-has-selected.wpc-closed .wpc-filter-title button:hover .wpc-open-icon{ border-color: #1058a0; } .wpc-filters-main-wrap a.wpc-toggle-a:hover { color: #1058a0; } .wpc-sorting-form .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .wpc-filter-layout-dropdown .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .wpc-sorting-form .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .wpc-filter-layout-dropdown .select2-container--default.select2-container--open.select2-container--above .select2-selection--single{ border-top: 1px solid transparent; } .wpc-search-field-wrapper .wpc-search-clear-icon-wrapper, .wpc-filter-search-wrapper button.wpc-search-clear{ color: #b5bed2; } .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label { border-color: #ccd0dc; } .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{ padding: 8px 7px; } .wpc-filters-labels li.wpc-term-has-image label:hover .wpc-term-image-wrapper, .wpc-filters-labels li.wpc-term-has-image input[type=checkbox]:checked + label .wpc-term-image-wrapper{ border-color: #1058a0; } @media screen and (min-width: 768px) { .wpc-filters-main-wrap input[type=radio]:hover, .wpc-filters-main-wrap input[type=checkbox]:hover{ border-color: #1058a0; } .wpc-filter-label-wrapper .wpc-term-swatch-no-image:hover, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio]:hover, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox]:hover{ border-color: #c3c3c3; } }@media screen and (min-width: 768px) { html.is-active .wpc-spinner{ display: block; }} @media screen and (min-width: 768px) { html.is-active .wpc-filters-overlay{ opacity: .15; background: #000000; }} /* ========================================================= WINALYTICS SUCCESS STORIES / FILTER EVERYTHING PRO COMPLETE CUSTOM CSS ========================================================= */ /* ========================================================= 1. GLOBAL RESET FOR FILTER EVERYTHING ========================================================= */ .wpc-filters-widget-main-wrapper, .wpc-filters-main-wrap, .wpc-filters-widget-content, .wpc-filters-widget-containers-wrapper, .wpc-filters-scroll-container, .wpc-filters-widget-wrapper { position: relative !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; } .wpc-filters-widget-main-wrapper *, .wpc-filters-main-wrap * { box-sizing: border-box !important; } .wpc-filters-widget-main-wrapper .wpc-filters-section { margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Hide plugin elements we do not need on desktop */ @media (min-width: 769px) { .wpc-instead-of-posts-found, .wpc-filters-widget-top-container, .wpc-filters-widget-controls-container, .wpc-widget-close-container { display: none !important; } } /* Hide Edit Filter Set frontend helper */ .wpc-edit-filter-set { display: none !important; } /* ========================================================= 2. SEARCH ========================================================= */ .wpc-filter-layout-search-field .wpc-filter-title { margin: 0 0 8px 0 !important; padding: 0 !important; font-size: 17px !important; font-weight: 600 !important; line-height: 22px !important; color: #2b2b2b !important; } .wpc-search-field { width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 16px 0 42px !important; background: #ffffff !important; border: 1px solid #b8bec6 !important; border-radius: 6px !important; box-shadow: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 48px !important; color: #2b2b2b !important; } .wpc-search-field::placeholder { color: #a9afb7 !important; opacity: 1 !important; } .wpc-search-icon { position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; } /* ========================================================= 3. DESKTOP FILTER CONTROLS ========================================================= */ @media (min-width: 769px) { /* * Required so the opened drawer can span * the complete width of the filter row. */ .wpc-filters-section.wpc-filter-collapsible { position: static !important; overflow: visible !important; } /* ----------------------------------------------------- LABEL ABOVE INDUSTRIES / SERVICES ----------------------------------------------------- */ .wpc-filter-layout-checkboxes .wpc-filter-title { position: relative !important; margin: 0 !important; padding: 30px 0 0 0 !important; } .wpc-filter-layout-checkboxes .wpc-wrap-icons { position: absolute !important; top: 0 !important; left: 0 !important; height: 22px !important; margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 17px !important; font-weight: 600 !important; line-height: 22px !important; color: #2b2b2b !important; pointer-events: none !important; } /* ----------------------------------------------------- INDUSTRIES / SERVICES CLOSED BOX ----------------------------------------------------- */ .wpc-filter-collapsible .wpc-filter-title button { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 16px !important; background: #ffffff !important; border: 1px solid #b8bec6 !important; border-radius: 6px !important; box-shadow: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #2b2b2b !important; text-align: left !important; cursor: pointer !important; } .wpc-filter-collapsible .wpc-open-icon { margin-left: auto !important; } /* ----------------------------------------------------- HIDE PLUGIN SELECTED TERM TEXT ----------------------------------------------------- */ .wpc-filter-layout-checkboxes .wpc-filter-selected-values { display: none !important; } /* ----------------------------------------------------- ALL / X SELECTED ----------------------------------------------------- */ .wpc-filter-layout-checkboxes .wpc-filter-title button::before { content: "All"; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #2b2b2b !important; } /* * The JS snippet we already created updates this * attribute after normal loads and AJAX refreshes. */ .wpc-filter-layout-checkboxes .wpc-filter-title button[data-winalytics-selected]::before { content: attr(data-winalytics-selected) !important; } } /* ========================================================= 4. OPEN FILTER DRAWER ========================================================= */ @media (min-width: 769px) { .wpc-filter-collapsible.wpc-closed .wpc-filter-content { display: none !important; } .wpc-filter-collapsible.wpc-opened .wpc-filter-content { display: block !important; position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; width: 100% !important; min-width: 100% !important; margin: 0 !important; padding: 18px 20px !important; background: #ffffff !important; border: 1px solid #c8cdd3 !important; border-radius: 6px !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important; z-index: 99999 !important; } /* ----------------------------------------------------- CUSTOM PANEL HEADER ----------------------------------------------------- */ .winalytics-panel-header { display: flex !important; align-items: center !important; gap: 14px !important; width: 100% !important; margin: 0 0 16px 0 !important; padding: 0 !important; } .winalytics-panel-heading { margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #2b2b2b !important; } .winalytics-panel-reset { display: inline-flex !important; align-items: center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; color: #555555 !important; cursor: pointer !important; } .winalytics-panel-reset::before { content: "↻"; font-size: 15px !important; line-height: 1 !important; } .winalytics-panel-reset:hover { text-decoration: underline !important; } /* ----------------------------------------------------- CHECKBOX GRID ----------------------------------------------------- */ .wpc-filter-content ul.wpc-filters-ul-list { display: grid !important; grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) ) !important; column-gap: 28px !important; row-gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .wpc-filter-content li.wpc-term-item { margin: 0 !important; padding: 0 !important; } .wpc-filter-content li.wpc-term-item label { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.35 !important; cursor: pointer !important; } } /* ========================================================= 5. CHIPS ========================================================= */ .wpc-filter-chips-list { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 10px 0 0 0 !important; padding: 0 !important; list-style: none !important; } .wpc-filter-chips-list.wpc-empty-chips-container { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .wpc-filter-chip { margin: 0 !important; padding: 0 !important; } .wpc-filter-chip a { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin: 0 !important; padding: 6px 12px !important; background: #ffffff !important; border: 1px solid #9ca3ab !important; border-radius: 999px !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #2b2b2b !important; text-decoration: none !important; } .wpc-filter-chip a:hover { background: #f5f5f5 !important; } .wpc-filter-chip.wpc-chip-reset-all a { background: #ededed !important; border-color: #ededed !important; color: #333333 !important; } /* ========================================================= 6. RESULTS COUNTER ========================================================= */ .wpc-posts-found { display: block !important; min-height: 0 !important; margin: 26px 0 4px 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.35 !important; color: #2b2b2b !important; } /* ========================================================= 7. FORCE COMPACT VERTICAL FLOW ========================================================= */ /* * These are the plugin wrappers that were producing * a large amount of invisible vertical space. */ .wpc-filters-widget-main-wrapper, .wpc-filters-main-wrap, .wpc-filters-widget-content, .wpc-filters-widget-containers-wrapper, .wpc-filters-scroll-container, .wpc-filters-widget-wrapper { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .wpc-filters-widget-main-wrapper .wpc-filters-section { margin-top: 0 !important; margin-bottom: 0 !important; } .wpc-filter-layout-search-field, .wpc-filter-layout-checkboxes { margin-bottom: 0 !important; } .wpc-filters-widget-main-wrapper form { margin: 0 !important; padding: 0 !important; } /* ========================================================= 8. MOBILE / TABLET CLEAN FILTER EVERYTHING DRAWER ========================================================= */ @media screen and (max-width: 768px) { /* ===================================================== MOBILE OPEN FILTER BUTTON ===================================================== */ .wpc-filters-open-button-container { position: relative !important; z-index: 10 !important; pointer-events: auto !important; } .wpc-filters-open-button-container a, .wpc-filters-open-widget, .wpc-open-close-filters-button { position: relative !important; pointer-events: auto !important; cursor: pointer !important; } /* ===================================================== OVERLAY - CLOSED STATE Important: it must NEVER intercept clicks while closed. ===================================================== */ .wpc-filters-overlay { display: none !important; position: fixed !important; inset: 0 !important; width: 100% !important; height: 100vh !important; height: 100dvh !important; margin: 0 !important; padding: 0 !important; background: rgba(0, 0, 0, 0.32) !important; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: 999998 !important; } /* ===================================================== OVERLAY - OPEN STATE Filter Everything adds wpc-overlay-visible ===================================================== */ html.wpc-overlay-visible .wpc-filters-overlay, body.wpc-overlay-visible .wpc-filters-overlay { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ===================================================== DRAWER - CLOSED STATE ===================================================== */ .wpc-filters-widget-content { position: fixed !important; top: 12px !important; right: 12px !important; bottom: 12px !important; left: auto !important; width: calc(100vw - 36px) !important; max-width: 420px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; background: #ffffff !important; border: 0 !important; border-radius: 16px !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 18px rgba(0, 0, 0, 0.08) !important; overflow: hidden !important; transform: translateX(calc(100% + 50px)) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: transform 0.3s ease, opacity 0.2s ease !important; z-index: 999999 !important; } /* ===================================================== DRAWER - OPEN STATE ===================================================== */ html.wpc-overlay-visible .wpc-filters-widget-content, body.wpc-overlay-visible .wpc-filters-widget-content { transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ===================================================== DRAWER HEADER ===================================================== */ .wpc-widget-close-container { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 100% !important; min-height: 72px !important; margin: 0 !important; padding: 0 24px !important; background: #ffffff !important; border: 0 !important; border-bottom: 1px solid #eeeeee !important; z-index: 3 !important; } .wpc-widget-popup-title { margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 22px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #222222 !important; } .wpc-widget-close-icon { position: absolute !important; left: 20px !important; top: 50% !important; transform: translateY(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; margin: 0 !important; background: #f5f5f5 !important; border-radius: 50% !important; cursor: pointer !important; pointer-events: auto !important; } /* ===================================================== INNER DRAWER STRUCTURE ===================================================== */ .wpc-filters-widget-containers-wrapper { position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #ffffff !important; } /* ===================================================== SCROLLABLE AREA ===================================================== */ .wpc-filters-scroll-container { position: relative !important; flex: 1 1 auto !important; width: 100% !important; min-height: 0 !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 22px 24px 28px !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-y: contain; touch-action: pan-y; background: #ffffff !important; } .wpc-filters-widget-wrapper { position: relative !important; display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; } /* ===================================================== REMOVE DESKTOP CUSTOM PANEL HEADER ===================================================== */ .wpc-filters-widget-content .winalytics-panel-header { display: none !important; } /* ===================================================== SEARCH ===================================================== */ .wpc-filters-widget-content .wpc-filter-layout-search-field { width: 100% !important; margin: 0 0 20px !important; padding: 0 !important; } .wpc-filters-widget-content .wpc-filter-layout-search-field .wpc-filter-title { margin: 0 0 8px !important; padding: 0 !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.25 !important; } .wpc-filters-widget-content .wpc-search-field-wrapper { position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wpc-filters-widget-content .wpc-search-field { width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 16px 0 42px !important; line-height: 48px !important; } /* ===================================================== MOBILE INDUSTRIES / SERVICES ===================================================== */ .wpc-filters-widget-content .wpc-filter-layout-checkboxes { width: 100% !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid #dddddd !important; } .wpc-filters-widget-content .wpc-filter-layout-checkboxes:last-of-type { border-bottom: 1px solid #dddddd !important; } .wpc-filters-widget-content .wpc-filter-layout-checkboxes .wpc-filter-title { position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wpc-filters-widget-content .wpc-filter-layout-checkboxes .wpc-filter-title button { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 56px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: inherit !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.25 !important; color: #222222 !important; text-align: left !important; cursor: pointer !important; } /* Plugin's normal mobile labels stay visible */ .wpc-filters-widget-content .wpc-filter-layout-checkboxes .wpc-wrap-icons { position: static !important; height: auto !important; margin: 0 !important; padding: 0 !important; pointer-events: auto !important; font-family: inherit !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.25 !important; } /* No desktop "All / X selected" pseudo-text inside popup */ .wpc-filters-widget-content .wpc-filter-layout-checkboxes .wpc-filter-title button::before { content: none !important; display: none !important; } /* ===================================================== EXPANDED FILTER CONTENT ===================================================== */ .wpc-filters-widget-content .wpc-filter-content { position: static !important; display: block; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 4px 0 18px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .wpc-filters-widget-content .wpc-filter-collapsible.wpc-closed .wpc-filter-content { display: none !important; } .wpc-filters-widget-content .wpc-filter-collapsible.wpc-opened .wpc-filter-content { display: block !important; } .wpc-filters-widget-content ul.wpc-filters-ul-list { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .wpc-filters-widget-content li.wpc-term-item { margin: 0 0 12px !important; padding: 0 !important; } .wpc-filters-widget-content li.wpc-term-item label { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.35 !important; } /* ===================================================== SHOW / CANCEL CONTROLS ===================================================== */ .wpc-filters-widget-controls-container { position: relative !important; display: block !important; flex: 0 0 auto !important; width: 100% !important; margin: 0 !important; padding: 16px 20px calc(16px + env(safe-area-inset-bottom)) 20px !important; background: #ffffff !important; border: 0 !important; border-top: 1px solid #eeeeee !important; z-index: 4 !important; } .wpc-filters-widget-controls-wrapper { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .wpc-filters-widget-controls-item { width: 100% !important; margin: 0 !important; padding: 0 !important; } .wpc-filters-apply-button, .wpc-filters-close-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 46px !important; margin: 0 !important; border-radius: 4px !important; cursor: pointer !important; pointer-events: auto !important; } /* ===================================================== MOBILE CHIPS + RESULT COUNT ===================================================== */ .wpc-filter-chips-list { margin-top: 10px !important; } .wpc-posts-found { margin: 10px 0 10px 0 !important; } } /* ========================================================= MOBILE - COLLAPSE EMPTY CHIPS / RESULT COUNT ========================================================= */ @media screen and (max-width: 768px) { body:not(:has(.wpc-filter-chip:not(.wpc-chip-reset-all))) .wpc-filter-chips-list, body:not(:has(.wpc-filter-chip:not(.wpc-chip-reset-all))) .wpc-posts-found { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Also collapse the Gutenberg shortcode block itself */ body:not(:has(.wpc-filter-chip:not(.wpc-chip-reset-all))) .wp-block-shortcode:has(.wpc-filter-chips-list), body:not(:has(.wpc-filter-chip:not(.wpc-chip-reset-all))) .wp-block-shortcode:has(.wpc-posts-found) { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= MOBILE DRAWER - CLEAN CLOSE BUTTON ========================================================= */ @media screen and (max-width: 768px) { .wpc-widget-close-icon { position: absolute !important; left: 20px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; background: #f4f4f4 !important; border: 0 !important; border-radius: 50% !important; font-size: 0 !important; color: transparent !important; cursor: pointer !important; } /* Hide whatever icon Filter Everything is supplying */ .wpc-widget-close-icon > * { display: none !important; } /* Draw our own X */ .wpc-widget-close-icon::before, .wpc-widget-close-icon::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 16px !important; height: 1.5px !important; margin: 0 !important; padding: 0 !important; background: #2b2b2b !important; border: 0 !important; } .wpc-widget-close-icon::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .wpc-widget-close-icon::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } } /* ========================================================= WINALYTICS — MOBILE FILTER DRAWER SCROLL DRAWER ITSELF SCROLLS ========================================================= */ @media screen and (max-width: 768px) { /* Keep page behind drawer locked */ html.wpc-overlay-visible, body.wpc-overlay-visible { overflow: hidden !important; } /* ===================================================== THE DRAWER ITSELF IS THE SCROLL CONTAINER ===================================================== */ body .wpc-filters-widget-content { display: block !important; height: calc(100vh - 24px) !important; height: calc(100dvh - 24px) !important; max-height: calc(100vh - 24px) !important; max-height: calc(100dvh - 24px) !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-y: contain !important; touch-action: pan-y !important; /* * Prevent iOS Safari from changing text sizing * when the content becomes taller. */ -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; } /* ===================================================== STOP INNER WRAPPERS FROM TRYING TO SCROLL / SHRINK ===================================================== */ body .wpc-filters-widget-containers-wrapper, body .wpc-filters-scroll-container, body .wpc-filters-widget-wrapper { display: block !important; flex: none !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; touch-action: pan-y !important; } /* ===================================================== HEADER STAYS VISIBLE ===================================================== */ body .wpc-widget-close-container { position: sticky !important; top: 0 !important; width: 100% !important; background: #ffffff !important; z-index: 20 !important; } /* ===================================================== SHOW / CANCEL STAY VISIBLE AT BOTTOM ===================================================== */ body .wpc-filters-widget-controls-container { position: sticky !important; bottom: 0 !important; width: 100% !important; margin: 0 !important; background: #ffffff !important; border-top: 1px solid #eeeeee !important; z-index: 20 !important; } }