@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;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){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;}.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list > li:nth-child(-n+5){display: list-item;} 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: #4d4d4d; } .wpc-spinner:after { border-top-color: #4d4d4d; } .theme-Avada .wpc-filter-product_visibility .star-rating:before, .wpc-filter-product_visibility .star-rating span:before{ color: #4d4d4d; } body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{ background-color: #4d4d4d; } body .wpc-filters-main-wrap input.wpc-label-input:checked+label{ border-color: #4d4d4d; } 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{ 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{ border-color: #4d4d4d; } 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: #4d4d4d; background-color: #4d4d4d; color: #f5f5f5; } body .wpc-filter-chips-list li.wpc-filter-chip a:hover{ opacity: 0.9; } body .wpc-filter-chips-list li.wpc-filter-chip a:active{ opacity: 0.75; } .star-rating span, .star-rating span:before{ color: #4d4d4d; } body a.wpc-filters-open-widget:active, a.wpc-filters-open-widget:active, .wpc-filters-open-widget:active{ border-color: #4d4d4d; background-color: #4d4d4d; 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: #4d4d4d; 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: #4d4d4d; } 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: #4d4d4d; } #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: #4d4d4d; background: #4d4d4d; 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: #4d4d4d; background: #4d4d4d; opacity: 0.6; }#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{ background: #4d4d4d; color: #f5f5f5; } .flrt-star-label svg{ stroke: #4d4d4d; } .flrt-star-label-hover svg, .wpc-chip-stars svg{ fill: #4d4d4d; } .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: #4d4d4d; } .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: #4d4d4d; 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: #4d4d4d; box-sizing: content-box; } .wpc-filters-main-wrap input[type=radio]:checked, .wpc-filters-main-wrap input[type=checkbox]:checked { border-color: #4d4d4d; } .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='%234d4d4d' stroke-width='1.33333'/%3E%3Cpath d='M2.66699 7.3335H13.3337' stroke='%234d4d4d' 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='%234d4d4d' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M10.667 2L10.667 4.66667' stroke='%234d4d4d' 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(77 77 77 / 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: #4d4d4d; } .wpc-filters-main-wrap a.wpc-toggle-a:hover { color: #4d4d4d; } .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: #4d4d4d; } @media screen and (min-width: 768px) { .wpc-filters-main-wrap input[type=radio]:hover, .wpc-filters-main-wrap input[type=checkbox]:hover{ border-color: #4d4d4d; } .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; } }.wpc-sorting-form select, .wpc-filter-content select{ padding: 2px 8px 2px 10px; border-color: #c9d1e0; border-radius: 3px; color: inherit; -webkit-appearance: none; } .select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted::after, .select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected="true"]::after, .select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected="true"]::after { border: 2px solid #4d4d4d; content: ""; position: absolute !important; right: 13px !important; width: 18px; height: 10px; top: 30% !important; font-size: 16px !important; color: #000 !important; transform: rotate(137deg) !important; border-bottom: none; border-left: none; box-sizing: border-box; } .select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted::after { border-top: 2px solid #C7D1E2; border-right: 2px solid #C7D1E2; } .select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted[aria-selected], .select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted[data-selected]{ background-color: rgba(0,0,0,0.05); color: inherit; } @media screen and (max-width: 768px) { .wpc-sorting-form select, .wpc-filter-content select{ padding: 6px 12px 6px 14px; }} @media screen and (max-width: 768px) { body #main, body #content .col-full, .woocommerce-page .content-has-sidebar, .woocommerce-page .has-one-sidebar, .woocommerce-page #main-sidebar-container, .woocommerce-page .theme-page-wrapper, .woocommerce-page #content-area, .theme-jevelin.woocommerce-page .woocomerce-styling, .woocommerce-page .content_wrapper, .woocommerce-page #col-mask, body #main-content .content-area { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body #primary, .woocommerce-page .has-one-sidebar > section, .woocommerce-page .theme-content, .woocommerce-page #left-area, .woocommerce-page #content, .woocommerce-page .sections_group, .woocommerce-page .content-box, body #main-sidebar-container #main { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } body #secondary, .woocommerce-page .has-one-sidebar > aside, body aside#mk-sidebar, .woocommerce-page #sidebar, .woocommerce-page .sidebar, body #main-sidebar-container #sidebar { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } /*second method first method solve issue theme specific*/ .woocommerce-page:not(.single,.page) .btWithSidebar.btSidebarLeft .btContentHolder, body .theme-generatepress.woocommerce #content { display: table; } body .btContent, body .theme-generatepress.woocommerce #primary { display: table-footer-group; } body .btSidebar, body .theme-generatepress.woocommerce #left-sidebar { display: table-header-group; } #ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{ background: #4d4d4d; color: #f5f5f5; } .wpc-filters-date-range-column{ justify-content: left; } } @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; }} /* ========================================= DT FILTER EVERYTHING - MATCHING INPUTS Version: 1.6.0 Last Update: 23.03.2026 ========================================= */ /* 1. Haupt-Container */ .wpc-filters-widget-main-wrap { background-color: var(--wp--preset--color--surface) !important; border-radius: var(--wp--custom--border-radius--card-lg) !important; box-shadow: var(--wp--preset--shadow--card-default) !important; padding: 2rem !important; border: none !important; } /* 2. Abstände */ .wpc-filter-set { margin-bottom: 2rem !important; } .wpc-filters-section { margin-bottom: 10px; } /* 3. Filter-Titel Hinweis: heading-6 existiert nicht als Preset – 0.875rem entspricht --small */ .wpc-filter-title { font-family: var(--wp--preset--font-family--system-inter) !important; font-size: 0.875rem !important; font-weight: 600 !important; color: var(--wp--preset--color--text-primary) !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 1.25rem !important; padding-bottom: 0.5rem !important; border-bottom: 1px solid var(--wp--preset--color--black-05) !important; } .widget-title.wpc-filter-title { margin-bottom: 10px !important; } /* 4. Input-Felder (native) Selektoren auf Plugin-Spezifität angehoben, um Plugin-CSS zu überschreiben */ .wpc-filters-widget-content .wpc-filters-section input[type="text"], .wpc-filters-widget-content .wpc-filters-section input[type="search"], .wpc-filters-widget-content .wpc-filters-section input[type="number"], .wpc-filters-widget-main-wrap .wpc-filter-content select { width: 100% !important; background-color: var(--wp--preset--color--surface) !important; border: 1px solid var(--wp--preset--color--black-10) !important; border-radius: var(--wp--custom--border-radius--input-std) !important; padding: 12px 20px 12px 40px !important; font-family: var(--wp--preset--font-family--system-inter) !important; font-size: var(--wp--preset--font-size--body) !important; color: var(--wp--preset--color--text-primary) !important; height: 48px !important; transition: all 0.2s ease-in-out !important; box-shadow: none !important; box-sizing: border-box !important; } /* Fokus-Zustand native Inputs – identisch zu WPForms */ .wpc-filters-widget-content .wpc-filters-section input[type="text"]:focus, .wpc-filters-widget-content .wpc-filters-section input[type="search"]:focus, .wpc-filters-widget-content .wpc-filters-section input[type="number"]:focus, .wpc-filters-widget-main-wrap .wpc-filter-content select:focus { outline: none !important; border-color: var(--wp--preset--color--black-10) !important; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.10), var(--wp--preset--shadow--input-focus) !important; background-color: var(--wp--preset--color--surface) !important; } /* Select2-Override – Radius, Farbe und Höhe */ .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single, .wpc-sorting-form .select2-container--default .select2-selection--single, .select2-search--dropdown .select2-search__field { border-color: var(--wp--preset--color--black-10) !important; border-radius: var(--wp--custom--border-radius--input-std) !important; height: 48px !important; padding: 12px 20px !important; font-family: var(--wp--preset--font-family--system-inter) !important; font-size: var(--wp--preset--font-size--body) !important; background-color: var(--wp--preset--color--surface) !important; transition: all 0.2s ease-in-out !important; box-sizing: border-box !important; } /* Fokus-Zustand Select2 */ .wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single, .wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single, .select2-search--dropdown .select2-search__field:focus { border-color: var(--wp--preset--color--black-10) !important; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.10), var(--wp--preset--shadow--input-focus) !important; outline: none !important; } /* Select2-Dropdown Panel */ .select2-dropdown { border: 1px solid var(--wp--preset--color--black-10) !important; border-radius: var(--wp--custom--border-radius--input-std) !important; background-color: var(--wp--preset--color--surface) !important; box-shadow: var(--wp--preset--shadow--card-default) !important; overflow: hidden !important; } /* Suchfeld-Wrapper im Panel */ .select2-search--dropdown { padding: 8px !important; } .select2-search--dropdown .select2-search__field { border-radius: var(--wp--custom--border-radius--input-std) !important; border: 1px solid var(--wp--preset--color--black-10) !important; width: 100% !important; box-sizing: border-box !important; } /* Select2 – gerenderter Text innerhalb der Auswahl */ .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered > span { min-height: 20px; } /* Select2 – volle Breite auf Mobile */ .select2-container, span.select2-selection.select2-selection--single { width: 100% !important; } /* 5. Checkboxen und Radio-Buttons Hinweis: wpc-label-item ausgeschlossen – diese nutzen ein eigenes Layout (Regel 12b) */ .wpc-term-item:not(.wpc-label-item) input[type="checkbox"], .wpc-term-item:not(.wpc-label-item) input[type="radio"] { accent-color: var(--wp--preset--color--pim-indigo) !important; width: 18px !important; height: 18px !important; margin-right: 12px !important; flex-shrink: 0 !important; cursor: pointer !important; } /* 6. Flexbox-Layout für Label-Zeilen Hinweis: wpc-label-item ausgeschlossen – verhindert Konflikt mit A–Z Pills */ .wpc-term-item:not(.wpc-label-item) label { display: flex !important; align-items: center !important; width: 100% !important; cursor: pointer !important; padding: 4px 0 !important; } /* Label-Text */ .wpc-term-name { font-family: var(--wp--preset--font-family--system-inter) !important; color: var(--wp--preset--color--text-body) !important; font-size: var(--wp--preset--font-size--body) !important; transition: color 0.2s ease !important; } /* Hover */ .wpc-term-item:not(.wpc-label-item):hover .wpc-term-name, .wpc-term-item:not(.wpc-label-item) label:hover .wpc-term-name { color: var(--wp--preset--color--pim-indigo) !important; } /* 7. Beitragszähler (Badge) Hinweis: wpc-label-item überschreibt dies in Regel 12b */ .wpc-term-item:not(.wpc-label-item) .wpc-term-count { background-color: var(--wp--preset--color--pim-indigo-light) !important; color: var(--wp--preset--color--text-primary) !important; border-radius: var(--wp--custom--border-radius--pill) !important; padding: 2px 8px !important; font-size: var(--wp--preset--font-size--xs) !important; font-weight: 600 !important; margin-left: auto !important; white-space: nowrap !important; opacity: 0.5 !important; } .wpc-counter-length-1 .wpc-term-count { width: inherit; } /* Badge innerhalb Select2-Dropdown */ .select2-container .wpc-term-count { margin-left: 0.5em !important; } /* 8. Buttons (Anwenden / Abbrechen) */ .wpc-filters-widget-controls button, .wpc-filters-reset-button, .wpc-filter-reset-all { display: block !important; background-color: var(--wp--preset--color--contrast) !important; color: var(--wp--preset--color--surface) !important; border-radius: var(--wp--custom--border-radius--pill) !important; padding: 12px 32px !important; font-family: var(--wp--preset--font-family--system-inter) !important; font-weight: 600 !important; font-size: var(--wp--preset--font-size--body) !important; border: none !important; cursor: pointer !important; transition: all 0.2s ease !important; width: 100% !important; margin-top: 12px !important; text-align: center !important; text-decoration: none !important; box-shadow: var(--wp--preset--shadow--none) !important; box-sizing: border-box !important; } .wpc-filters-widget-controls button:hover, .wpc-filters-reset-button:hover, .wpc-filter-reset-all:hover { background-color: #333333 !important; text-decoration: none !important; } /* 9. Horizontales Layout – Elemente unten ausrichten */ .wpc-horizontal-layout .wpc-filters-widget-wrapper { align-items: flex-end !important; } /* 10. Filter-Top-Container */ .wpc-filters-widget-containers-wrapper .wpc-filters-widget-top-container { background: transparent; border: 0 !important; } .wpc-filters-widget-top-container::before { background: var(--wp--preset--color--black-05); } /* 11. Filter-Chips */ body ul.wpc-filter-chips-list { margin: 11px 0 0 0; } .wpc-filter-chips-list li.wpc-filter-chip { font-size: var(--wp--preset--font-size--xs) !important; } .wpc-filter-chips-list a, .wpc-filter-chips-list li.wpc-filter-chip a { background: var(--wp--preset--color--surface) !important; } .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a { border-color: var(--wp--preset--color--black-05) !important; } .wpc-filter-chips-list li.wpc-chip-reset-all a { border: 0 !important; color: var(--wp--preset--color--dam-coral) !important; } /* Hover-Farbe für Entfernen-Icons (X) */ .wpc-filter-chips-list a:hover .wpc-chip-remove-icon, .wpc-filter-search-wrapper button.wpc-search-clear:hover, .wpc-filters-range-column button.wpc-range-clear:hover, .wpc-search-field-wrapper a.wpc-search-clear-icon:hover { color: var(--wp--preset--color--dam-coral) !important; } /* 12. Rahmen beim Filter-Titel ausblenden (per Toggle im Editor) */ .dt-hide-filter-border .wpc-filter-title, .dt-hide-filter-border .wpc-filter-header .widget-title.wpc-filter-title { border-top: none !important; border-bottom: none !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* 12b. A–Z Register Pills (Glossar) */ /* ul als Flexbox-Zeile */ ul.wpc-filters-labels { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } /* li kompakt */ .wpc-label-item.wpc-term-item { margin: 0 !important; padding: 0 !important; } /* Label-Override: kein Flex-Stretch aus Regel 6 */ .wpc-label-item.wpc-term-item label { padding: 0 !important; width: auto !important; cursor: pointer !important; border: 1px solid var(--wp--preset--color--black-05) !important; border-radius: var(--wp--custom--border-radius--pill) !important; background: var(--wp--preset--color--surface); } /* Checkbox ausblenden */ .wpc-label-item .wpc-label-input { display: none !important; } /* Pill-Wrapper */ .wpc-label-item .wpc-filter-label-wrapper { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 4px 10px !important; border-radius: var(--wp--custom--border-radius--pill) !important; font-size: var(--wp--preset--font-size--xs) !important; font-weight: 600 !important; } /* Link innerhalb der Pill */ .wpc-label-item .wpc-filter-link { color: var(--wp--preset--color--text-primary) !important; text-decoration: none !important; font-weight: 600 !important; } /* Hover */ .wpc-filters-main-wrap input.wpc-label-input + label:hover span.wpc-filter-label-wrapper { background-color: var(--wp--preset--color--black-10) !important; border-radius: var(--wp--custom--border-radius--pill) !important; color: var(--wp--preset--color--text-primary) !important; } /* Aktiv: Coral-Border, kein farbiger Hintergrund */ .wpc-filters-main-wrap input.wpc-label-input:checked + label { border-color: var(--wp--preset--color--dam-coral) !important; background: var(--wp--preset--color--surface) !important; } .wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper { background-color: transparent !important; color: var(--wp--preset--color--text-primary) !important; border-radius: inherit; } /* Zähler – dezent sichtbar, kein Badge-Styling */ .wpc-label-item .wpc-term-count { display: inline !important; background: none !important; padding: 0 !important; margin-left: 2px !important; opacity: 0.4 !important; font-size: var(--wp--preset--font-size--xs) !important; color: var(--wp--preset--color--text-primary) !important; border-radius: 0 !important; font-weight: 400 !important; } /* Klammern ausblenden */ .wpc-label-item .wpc-term-count-brackets-open, .wpc-label-item .wpc-term-count-brackets-close { display: none !important; } /* 13. Filter-Öffnen-Button (mobil) */ html body .wpc-filters-open-button-container a.wpc-filters-open-widget, html body .wpc-filters-open-button-container a.wpc-open-close-filters-button { border: 1px solid var(--wp--preset--color--text-primary) !important; border-radius: var(--wp--custom--border-radius--pill) !important; color: var(--wp--preset--color--text-primary) !important; transition: all 0.2s ease !important; } /* 14. Dropdown-Titel ausblenden */ .widget-title.wpc-filter-title { display:none; }