@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: #0570e2; } .wpc-spinner:after { border-top-color: #0570e2; } .theme-Avada .wpc-filter-product_visibility .star-rating:before, .wpc-filter-product_visibility .star-rating span:before{ color: #0570e2; } body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{ background-color: #0570e2; } body .wpc-filters-main-wrap input.wpc-label-input:checked+label{ border-color: #0570e2; } 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: #0570e2; } 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: #0570e2; background-color: #0570e2; 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: #0570e2; } body a.wpc-filters-open-widget:active, a.wpc-filters-open-widget:active, .wpc-filters-open-widget:active{ border-color: #0570e2; background-color: #0570e2; 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: #0570e2; 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: #0570e2; } 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: #0570e2; } #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: #0570e2; background: #0570e2; 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: #0570e2; background: #0570e2; opacity: 0.6; }#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{ background: #0570e2; color: #f5f5f5; } .flrt-star-label svg{ stroke: #0570e2; } .flrt-star-label-hover svg, .wpc-chip-stars svg{ fill: #0570e2; } .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: #0570e2; } .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: #0570e2; 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: #0570e2; box-sizing: content-box; } .wpc-filters-main-wrap input[type=radio]:checked, .wpc-filters-main-wrap input[type=checkbox]:checked { border-color: #0570e2; } .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='%230570e2' stroke-width='1.33333'/%3E%3Cpath d='M2.66699 7.3335H13.3337' stroke='%230570e2' 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='%230570e2' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M10.667 2L10.667 4.66667' stroke='%230570e2' 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(5 112 226 / 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: #0570e2; } .wpc-filters-main-wrap a.wpc-toggle-a:hover { color: #0570e2; } .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: #0570e2; } @media screen and (min-width: 768px) { .wpc-filters-main-wrap input[type=radio]:hover, .wpc-filters-main-wrap input[type=checkbox]:hover{ border-color: #0570e2; } .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; }} /* * Filter Everything — Custom CSS * Ort: Filter → Settings → Experimental → Custom CSS * Filter Set ID: 1979 * * SCOPE-REGELN: * - Checkbox-Sidebar: scoped zu .c-search-filter (Elementor-Container der Sidebar) * - Search-Widget: kein Scope — Such-Widget liegt außerhalb .c-search-filter */ /* ===================================================== SEARCH-WIDGET (Suchfeld + Submit-Button) Scope: keiner — FE-Klassen sind seitenübergreifend eindeutig Strategie: display:contents auf Wrapper → Button wird direktes Flex-Kind (wie in Figma), FE-JS width:1200px wird wirkungslos ===================================================== */ /* "Suche"-Label ausblenden */ .wpc-filter-layout-search-field .wpc-filter-header { display: none; } /* Leeres FE-Placeholder-Div ausblenden (wäre sonst Flex-Kind) */ .wpc-instead-of-posts-found { display: none; } /* FE-Sektion-Wrapper: FE-Defaults zurücksetzen */ .wpc-filter-layout-search-field { border: none !important; outline: none !important; padding: 0 !important; margin: 0 !important; background: none !important; } /* FE-Formular-Defaults zurücksetzen */ .wpc-filter-search-form { margin: 0; padding: 0; border: none; outline: none; width: 100%; } /* Flex-Zeile: Input + Button nebeneinander, weitere Filter darunter :has() verhindert dass Checkbox-Sidebar-Wrapper betroffen ist */ .wpc-filters-widget-wrapper:has(.wpc-filter-layout-search-field):has(.wpc-filter-layout-submit-button) { display: flex !important; flex-wrap: wrap !important; width: 100% !important; gap: 0.75rem; align-items: center; } .wpc-filters-widget-wrapper:has(.wpc-filter-layout-search-field) .wpc-filter-layout-search-field { flex: 1; min-width: 0; } /* Weitere Filter-Sektionen (z.B. Art, Zielgruppe) → volle Breite, neue Zeile */ .wpc-filters-widget-wrapper:has(.wpc-filter-layout-search-field) .wpc-filters-section:not(.wpc-filter-layout-search-field):not(.wpc-filter-layout-submit-button) { flex: 0 0 100%; } /* Wrapper transparent für Layout — FE-JS width:1200px hat keinen Effekt */ .wpc-filter-layout-submit-button, .wpc-filter-layout-submit-button .wpc-sticky-buttons { display: contents !important; } /* Suchfeld-Wrapper */ .wpc-search-field-wrapper { display: flex; align-items: center; gap: 8px; border: 1.5px solid #b0b0b0; border-radius: 6px; background: var(--blk-white); height: 44px; padding: 0 12px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .wpc-search-field-wrapper:focus-within { border-color: var(--blk-light-blue); box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.25); } /* Magnifier-Icon (span.wpc-search-icon) FE setzt position:absolute;top:0 — mit position:static kommt es zurück ins Flex-Flow */ .wpc-search-icon { position: static !important; flex-shrink: 0; display: block !important; width: 18px; height: 18px; font-size: 0 !important; color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important; background-repeat: no-repeat; background-size: contain; background-position: center; } .wpc-search-icon::before, .wpc-search-icon::after { display: none !important; } /* Input — kein eigener Border/Outline, Wrapper trägt den visuellen Rahmen. hello-elementor reset.css setzt input[type=search]:focus { border-color:#333 } → muss explizit überschrieben werden. */ .wpc-search-field-wrapper .wpc-search-field, .wpc-search-field-wrapper input[type="search"] { border: none !important; outline: none !important; box-shadow: none !important; flex: 1; padding: 0 !important; background: transparent; color: var(--blk-black); font-size: var(--font-size-base); font-family: var(--font-family); height: 100%; -webkit-appearance: none; appearance: none; } .wpc-search-field-wrapper .wpc-search-field:focus, .wpc-search-field-wrapper input[type="search"]:focus { border-color: transparent !important; outline: none !important; box-shadow: none !important; } .wpc-search-field::placeholder { color: var(--blk-gray-medium); } /* Clear-Icon (×) */ .wpc-search-clear-icon { font-size: var(--font-size-sm); color: var(--blk-gray); text-decoration: none; padding: 0 4px; flex-shrink: 0; } .wpc-search-clear-icon:hover { color: var(--blk-black); } /* Submit-Button — Figma: #3d3d3d, h-11, px-6, gap-2, radius 6px */ .wpc-filters-submit-button { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; height: 44px; width: auto !important; /* FE setzt oft width:100% */ padding: 0.75rem 1.5rem !important; background-color: var(--blk-gray-dark) !important; color: var(--blk-white) !important; border-radius: 6px !important; font-size: var(--font-size-base); font-weight: 600; text-decoration: none; white-space: nowrap !important; flex-shrink: 0; transition: background-color 0.15s ease; } .wpc-filters-submit-button::before { content: ''; flex-shrink: 0; display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .wpc-filters-submit-button:hover { background-color: #2a2a2a !important; color: var(--blk-white) !important; } .wpc-filters-submit-button:focus-visible { outline: 3px solid var(--blk-light-blue); outline-offset: 2px; } /* Treffer-Zahl "(3)" ausblenden */ .wpc-pc-apply-button { display: none; } /* Reset-Button und Mobile Controls ausblenden */ .wpc-filters-reset-button { display: none !important; } .wpc-filters-widget-controls-container { display: none; } /* Responsive: ab 768px Suchen-Button ausblenden (Suche per Enter) */ @media (max-width: 768px) { .wpc-filters-submit-button { display: none !important; } } /* ===================================================== CHECKBOX-FILTER SIDEBAR Scope: .c-search-filter (Elementor-Container der Sidebar) ===================================================== */ /* Abschnitte (fieldset — kommt aus checkboxes.php Override) */ .c-search-filter fieldset.wpc-filters-section { border: none; padding: 0 0 var(--space-md) 0; margin: 0 0 var(--space-md) 0; border-bottom: 1px solid var(--blk-gray-light); } .c-search-filter fieldset.wpc-filters-section:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } /* Legend */ .c-search-filter .c-filter-legend { display: block; width: 100%; padding: 0; margin-bottom: var(--space-sm); font-size: var(--font-size-base); font-weight: 700; color: var(--blk-black); } /* Term-Liste */ .c-search-filter .wpc-filters-ul-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; } .c-search-filter .wpc-term-item-content-wrapper { display: flex; align-items: center; gap: 8px; } /* Checkbox */ .c-search-filter .wpc-term-item input[type="checkbox"] { flex-shrink: 0; width: 20px; height: 20px; border: 2px solid var(--blk-gray); border-radius: 4px; accent-color: var(--blk-light-blue); cursor: pointer; } /* Label */ .c-search-filter .wpc-term-item label { display: flex; align-items: center; flex: 1; margin: 0; cursor: pointer; } .c-search-filter .wpc-filter-link { font-size: var(--font-size-sm); color: var(--blk-black); text-decoration: none; } .c-search-filter .wpc-term-item label:hover .wpc-filter-link { color: var(--blk-light-blue); } /* Ausgewählt */ .c-search-filter .wpc-term-selected .wpc-filter-link { font-weight: 600; color: var(--blk-light-blue); } /* Counters ausblenden */ .c-search-filter .wpc-term-count { display: none; } /* ===================================================== HIERARCHIE — verschachtelte Kategorien Voraussetzung: "Show Hierarchy" im FE-Filter-Admin aktiv FE rendert Kind-Terms als