@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: #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, 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: #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, 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: #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 (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: #0570e2; 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; }} /* ========================================================================== HolidayGoGoGo — tour search styling ========================================================================== */ :root { --hg-ink: #1A1A1A; --hg-muted: #5F6368; --hg-faint: #767676; --hg-line: #E0E0E0; --hg-amber: #F5A623; --hg-green: #1A8917; } /* ========================================================================== 1. FILTER PANEL SHELL ========================================================================== */ .wpc-filters-main-wrap, .wpc-filters-main-wrap *, .widget_wpc_filters_widget, .widget_wpc_filters_widget * { font-family: 'Rubik', sans-serif; } .wpc-filters-main-wrap, .wpc-filters-widget-content, .wpc-filters-scroll-container, .wpc-filters-widget-wrapper, .widget_wpc_filters_widget { background: transparent; border: 0; padding: 0; margin: 0; box-shadow: none; max-height: none; } /* Desktop: the mobile trigger, the popup close button, and the widget's own empty chips strip are all noise. The last one renders as a stray hairline directly under the panel heading. */ .wpc-filters-open-button-container, .wpc-widget-close-container, .wpc-filters-widget-top-container { display: none; } /* Panel heading */ .wpc-filter-set-widget-title .widgettitle { font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--hg-ink); margin: 0 0 2px; padding: 0; border: 0; text-decoration: none; } /* ========================================================================== 2. FILTER SECTIONS ========================================================================== */ /* Dividers sit BETWEEN sets only. Using :first-of-type here does not work: the plugin prints a .wpc-posts-found div before the first section, so the first section is the second div and never matches, which is what put a stray line directly under the "Filters" heading. */ .wpc-filters-section { border: 0; padding: 18px 0; margin: 0; } .wpc-filters-section + .wpc-filters-section { border-top: 1px solid var(--hg-line); } .wpc-filters-section:first-of-type { padding-top: 2px; } /* Nothing between the panel heading and the first filter. */ .wpc-filter-set-widget-title, .wpc-posts-found { border: 0; } .wpc-filter-header .wpc-filter-title { font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--hg-ink); margin: 0 0 6px; padding: 0; text-decoration: none; } /* The small "?" bubble beside every heading. */ .wpc-help-tip { display: none; } /* ========================================================================== 3. TERM ROWS Structure: li.wpc-term-item > div.wpc-term-item-content-wrapper containing input, label, and the expand toggle as siblings. ========================================================================== */ .wpc-filters-ul-list, .wpc-filters-ul-list ul.children { margin: 0; padding: 0; list-style: none; } li.wpc-term-item { margin: 0; padding: 0; list-style: none; } .wpc-term-item-content-wrapper { display: flex; align-items: center; gap: 8px; padding: 2px 0; } .wpc-term-item-content-wrapper label { display: flex; align-items: baseline; gap: 6px; flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; font-size: 14px; font-weight: 400; line-height: 1.35; color: var(--hg-ink); cursor: pointer; } /* The term name is a link, which most themes paint blue. */ a.wpc-filter-link { color: var(--hg-ink); text-decoration: none; font-weight: 400; } .wpc-term-item-content-wrapper label:hover a.wpc-filter-link { text-decoration: underline; text-underline-offset: 3px; } .wpc-term-count { color: var(--hg-faint); font-size: 13px; white-space: nowrap; } /* ========================================================================== 4. CHECKBOXES The plugin sets a 10px radius of its own, so these override rather than lose the cascade and render as circles. ========================================================================== */ .wpc-term-item input[type="checkbox"], .wpc-term-item input[type="radio"] { appearance: none; -webkit-appearance: none; flex: none; width: 17px; height: 17px; margin: 0; border: 1.5px solid #8A8A8A !important; border-radius: 4px !important; background: #FFFFFF !important; cursor: pointer; position: relative; transition: background .12s ease, border-color .12s ease; } .wpc-term-item input[type="radio"] { border-radius: 50% !important; } .wpc-term-item input[type="checkbox"]:hover, .wpc-term-item input[type="radio"]:hover { border-color: var(--hg-ink) !important; } .wpc-term-item input[type="checkbox"]:checked, .wpc-term-item input[type="radio"]:checked { background: var(--hg-green) !important; border-color: var(--hg-green) !important; } .wpc-term-item input[type="checkbox"]:checked::after { content: ''; position: absolute; left: 5.5px; top: 2px; width: 4px; height: 8.5px; border: solid #FFFFFF; border-width: 0 2px 2px 0; transform: rotate(45deg); } .wpc-term-item input[type="radio"]:checked::after { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: #FFFFFF; } .wpc-term-item input:focus-visible { outline: 2px solid #4A90D9; outline-offset: 2px; } /* ========================================================================== 5. HIERARCHY Tighter indent than the plugin's default, and a guide line so three levels still read as a tree without pushing text off the column. ========================================================================== */ .wpc-filter-has-hierarchy ul.children { padding-left: 13px; margin-left: 8px; border-left: 1px solid #EDEDED; } .wpc-filter-has-hierarchy ul.children ul.children { padding-left: 12px; margin-left: 8px; } /* Expand toggle (the plus / minus beside a country). Drawn as two background gradients on the element itself, with the plugin's own ::before and ::after switched off completely. This looks roundabout and it is deliberate. The plugin builds its icon from those same two pseudo-elements and sets display, position, transform, right and bottom on them. Overriding that piecemeal kept leaving one property leaking through: first display:none hid a stroke, then transform:rotate(90deg) stacked both strokes into a single line. Painting the icon on the element itself leaves nothing to conflict with. */ i.wpc-toggle-children-list { display: inline-block !important; position: relative !important; flex: none !important; width: 20px !important; height: 20px !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; font-style: normal; cursor: pointer; border-radius: 4px; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center center, center center !important; /* first gradient is the horizontal bar, second is the vertical bar */ background-image: linear-gradient(var(--hg-muted), var(--hg-muted)), linear-gradient(var(--hg-muted), var(--hg-muted)) !important; background-size: 10px 1.6px, 1.6px 10px !important; transition: background-color .12s ease, background-size .12s ease; } i.wpc-toggle-children-list:hover { background-color: #F2F2F2 !important; } /* The plugin's own strokes, switched off so they cannot interfere. */ i.wpc-toggle-children-list::before, i.wpc-toggle-children-list::after { content: none !important; display: none !important; } /* Open: drop the vertical bar, leaving a minus. */ li.wpc-opened > .wpc-term-item-content-wrapper i.wpc-toggle-children-list, li.wpc-term-item.wpc-opened > .wpc-term-item-content-wrapper i.wpc-toggle-children-list, i.wpc-toggle-children-list.wpc-opened { background-size: 10px 1.6px, 0 0 !important; } /* ========================================================================== 6. TERM SEARCH BOX ========================================================================== */ .wpc-filter-search-wrapper { position: relative; margin: 0 0 7px; } input.wpc-filter-search-field { width: 100%; font-size: 14px; color: var(--hg-ink); background: #FFFFFF; border: 1px solid #8A8A8A; border-radius: 8px; padding: 8px 32px 8px 34px; box-shadow: none; } input.wpc-filter-search-field:focus { border-color: var(--hg-ink); outline: none; } /* The plugin draws its own magnifier in this span. Position it, do not draw a second one on top. */ .wpc-search-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; opacity: .55; pointer-events: none; } /* ========================================================================== 7. SHOW MORE ========================================================================== */ .wpc-filter-more-less-trigger, .wpc-more-less-link, .wpc-open-close-filter { display: inline-block; margin-top: 4px; font-size: 14px; font-weight: 500; color: var(--hg-ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } /* ========================================================================== 8. PRICE RANGE ========================================================================== */ .wpc-filters-range-wrapper { display: flex; gap: 10px; } .wpc-filters-range-column { position: relative; flex: 1 1 0; min-width: 0; } .wpc-filters-range-column input[type="number"] { width: 100%; font-size: 14px; color: var(--hg-ink); background: #FFFFFF; border: 1px solid #8A8A8A; border-radius: 8px; padding: 8px 30px 8px 11px; box-shadow: none; } .wpc-filters-range-column input[type="number"]:focus { border-color: var(--hg-ink); outline: none; } .noUi-connect, .ui-slider-range { background: var(--hg-ink); } .noUi-target, .ui-slider { background: var(--hg-line); border: 0; box-shadow: none; height: 3px; } .noUi-handle, .ui-slider-handle { background: #FFFFFF; border: 1px solid #9A9A9A; border-radius: 50%; box-shadow: 0 1px 4px rgba(0, 0, 0, .22); width: 19px; height: 19px; } /* ========================================================================== 9. CLEAR BUTTONS Both the term search clear and the two the price filter puts inside its number inputs. Small and quiet, inside the box, not a coloured block. ========================================================================== */ .wpc-search-clear, .wpc-range-clear { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none !important; border: 0 !important; box-shadow: none !important; width: 22px; height: 22px; padding: 0 !important; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--hg-muted) !important; font-size: 16px; line-height: 1; cursor: pointer; } .wpc-search-clear:hover, .wpc-range-clear:hover { background: #F0F0F0 !important; color: var(--hg-ink) !important; } .wpc-search-clear-icon { font-size: 16px; line-height: 1; } /* ========================================================================== 10. APPLY AND RESET ========================================================================== */ .wpc-apply-button-container, .wpc-buttons-container { display: flex; gap: 10px; padding-top: 10px; } .wpc-apply-filters-button, .wpc-filters-apply-button, button.wpc-apply-button { flex: 1 1 auto; font-size: 14px; font-weight: 600; color: #FFFFFF !important; background: var(--hg-amber) !important; border: 0 !important; border-radius: 8px !important; padding: 9px 18px !important; cursor: pointer; box-shadow: none !important; } .wpc-apply-filters-button:hover, .wpc-filters-apply-button:hover, button.wpc-apply-button:hover { background: #E09612 !important; } .wpc-reset-button, .wpc-filters-reset-button, a.wpc-reset-filters { font-size: 14px; font-weight: 500; color: var(--hg-ink) !important; background: #FFFFFF !important; border: 1px solid #C9C9C9 !important; border-radius: 8px !important; padding: 9px 16px !important; text-decoration: none; cursor: pointer; } .wpc-reset-button:hover, .wpc-filters-reset-button:hover, a.wpc-reset-filters:hover { border-color: var(--hg-ink) !important; } /* ========================================================================== 11. CHIPS One neutral outline for every chip. The plugin colours them individually and a hover ring on top reads as a second, offset border. ========================================================================== */ .wpc-filter-chips-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .wpc-filter-chips-list li { margin: 0; padding: 0; list-style: none; } .wpc-filter-chips-list a, .wpc-chip, .wpc-chips-reset-button { display: inline-flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 500; color: var(--hg-ink) !important; background: #FFFFFF; border: 1px solid #C9C9C9 !important; border-radius: 999px; padding: 9px 16px; text-decoration: none; box-shadow: none !important; outline: none; transition: border-color .14s ease, background .14s ease; } .wpc-filter-chips-list a:hover, .wpc-chip:hover, .wpc-chips-reset-button:hover { border-color: var(--hg-ink) !important; background: #F7F7F7; box-shadow: none !important; } /* ========================================================================== 12. RESULTS COUNT AND SORTING Both are printed by the plugin, so they belong here rather than in the Elementor template. ========================================================================== */ .dphggg-arch__found, .dphggg-arch__found * { font-family: 'Rubik', sans-serif; font-size: 14px; color: var(--hg-muted); } .dphggg-arch__found strong { color: var(--hg-ink); font-weight: 600; } .wpc-sorting-form select, .dphggg-arch__sort select { font-family: 'Rubik', sans-serif; font-size: 15px; font-weight: 600; color: var(--hg-ink); background: transparent; border: 0; padding: 6px 24px 6px 4px; cursor: pointer; } /* ========================================================================== 13. MOBILE The plugin's own trigger and popup come back, styled to match. ========================================================================== */ @media (max-width: 767px) { .wpc-filters-open-button-container { display: block; } .wpc-widget-close-container { display: flex; } a.wpc-filters-open-widget { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; font-size: 15px; font-weight: 600; color: var(--hg-ink); background: #FFFFFF; border: 1px solid var(--hg-ink); border-radius: 999px; padding: 12px 20px; text-decoration: none; } .wpc-widget-popup-title { font-size: 18px; font-weight: 700; color: var(--hg-ink); } }