.viwcpf-off_canvas-overlay { background: rgba(0, 0, 0, 0.55) !important; -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; } .viwcpf-off_canvas-content-wrap { background: rgba(22, 22, 22, 0.92) !important; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5) !important; color: #ececec !important; } .viwcpf-off_canvas-icon-2 .viwcpf-off_canvas-content-wrap { background-color: rgba(22, 22, 22, 0.95) !important; } .viwcpf-off_canvas-header-wrap { background: rgba(128, 128, 128, 0.06) !important; background-color: rgba(128, 128, 128, 0.06) !important; border-bottom: 1px solid rgba(128, 128, 128, 0.12) !important; padding: 20px 30px 15px !important; } .viwcpf-off_canvas-header-title-wrap { color: #c1ffb4 !important; font-weight: 700 !important; font-size: 20px !important; } .viwcpf-off_canvas-close-wrap i { color: rgba(236, 236, 236, 0.6) !important; transition: color 0.2s ease, transform 0.2s ease !important; } .viwcpf-off_canvas-close-wrap:hover i { color: #c1ffb4 !important; transform: scale(1.15) !important; } .viwcpf-off_canvas-content-wrap1, .viwcpf-off_canvas-products-wrap { background-color: transparent !important; color: #ececec !important; padding: 20px 30px 30px !important; } .viwcpf-off_canvas-content-wrap1::-webkit-scrollbar { width: 6px !important; } .viwcpf-off_canvas-content-wrap1::-webkit-scrollbar-track { background: transparent !important; } .viwcpf-off_canvas-content-wrap1::-webkit-scrollbar-thumb { background: rgba(193, 255, 180, 0.25) !important; border-radius: 3px !important; } .viwcpf-off_canvas-content-wrap1::-webkit-scrollbar-thumb:hover { background: rgba(193, 255, 180, 0.45) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-title, .viwcpf_wrap_filter-content .viwcpf_filter-title { color: rgba(236, 236, 236, 0.7) !important; font-weight: 600 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; border-bottom: 1px solid rgba(128, 128, 128, 0.12) !important; padding-bottom: 10px !important; margin-bottom: 14px !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content h4.collapsable, .viwcpf_wrap_filter-content h4.collapsable { color: rgba(236, 236, 236, 0.7) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content h4.collapsable:after, .viwcpf_wrap_filter-content h4.collapsable:after { color: rgba(193, 255, 180, 0.5) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content, .viwcpf_wrap_filter-content { border-bottom-color: rgba(128, 128, 128, 0.1) !important; background-color: transparent !important; } .viwcpf-off_canvas .viwcpf_checkbox_checkmark, .viwcpf_checkbox_checkmark { background-color: rgba(128, 128, 128, 0.15) !important; border: 2px solid rgba(128, 128, 128, 0.3) !important; border-radius: 6px !important; transition: all 0.2s ease !important; width: 22px !important; height: 22px !important; } .viwcpf-off_canvas .viwcpf_checkbox label:hover .viwcpf_checkbox~.viwcpf_checkbox_checkmark, .viwcpf_checkbox label:hover .viwcpf_checkbox~.viwcpf_checkbox_checkmark { background-color: rgba(128, 128, 128, 0.25) !important; border-color: rgba(193, 255, 180, 0.4) !important; } .viwcpf-off_canvas .viwcpf_checkbox label .viwcpf_checkbox:checked~.viwcpf_checkbox_checkmark, .viwcpf_checkbox label .viwcpf_checkbox:checked~.viwcpf_checkbox_checkmark { background-color: rgba(128, 128, 128, 0.2) !important; border-color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_checkbox label .viwcpf_checkbox_checkmark:after, .viwcpf_checkbox label .viwcpf_checkbox_checkmark:after { border-color: #c1ffb4 !important; } .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a { color: #ececec !important; transition: color 0.2s ease !important; } .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a:hover, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a:hover { color: #c1ffb4 !important; } .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a.viwcpf_chosen, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a.viwcpf_chosen { color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a { background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; color: #ececec !important; transition: all 0.2s ease !important; } .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a { border-color: rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; color: #ececec !important; background: rgba(128, 128, 128, 0.08) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a:hover, .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a:focus, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a:hover, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a:focus { background-color: rgba(193, 255, 180, 0.12) !important; border-color: rgba(193, 255, 180, 0.35) !important; color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a.viwcpf_chosen, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a.viwcpf_chosen { background-color: #c1ffb4 !important; color: #1a1a1a !important; border-color: #c1ffb4 !important; font-weight: 600 !important; box-shadow: 0 2px 8px rgba(193, 255, 180, 0.25) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item a.viwcpf_chosen:after, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item a.viwcpf_chosen:after { background-color: rgba(0, 0, 0, 0.2) !important; color: #1a1a1a !important; border-radius: 50% !important; opacity: 0.7 !important; } .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a:not(.viwcpf_chosen), .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a:not(.viwcpf_chosen) { color: #ececec !important; } .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a:not(.viwcpf_chosen) span.amount, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a:not(.viwcpf_chosen) span.amount, .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a:not(.viwcpf_chosen) span.viwcpf_term-label, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a:not(.viwcpf_chosen) span.viwcpf_term-label { color: #ececec !important; } .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a:hover, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a:hover { color: #c1ffb4 !important; } .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a.viwcpf_chosen, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a.viwcpf_chosen, .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a.viwcpf_chosen span.amount, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a.viwcpf_chosen span.amount, .viwcpf-off_canvas .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a.viwcpf_chosen span.viwcpf_term-label, .custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label.viwcpf_text a.viwcpf_chosen span.viwcpf_term-label { color: #1a1a1a !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_item-count, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_item-count { color: rgba(236, 236, 236, 0.4) !important; font-size: 12px !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a .viwcpf_border_wrap_color_item, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a .viwcpf_border_wrap_color_item { border-color: transparent !important; border-radius: 8px !important; transition: all 0.2s ease !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a:hover .viwcpf_border_wrap_color_item, .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a:focus .viwcpf_border_wrap_color_item, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a:hover .viwcpf_border_wrap_color_item, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a:focus .viwcpf_border_wrap_color_item { border-color: rgba(193, 255, 180, 0.5) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a.viwcpf_chosen, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a.viwcpf_chosen { background-color: rgba(193, 255, 180, 0.15) !important; border-color: #c1ffb4 !important; border-radius: 10px !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a .viwcpf_wrap_color_item, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_color_swatches a .viwcpf_wrap_color_item { border-radius: 6px !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_images a, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_images a { border-radius: 10px !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; box-shadow: none !important; transition: all 0.2s ease !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_images a:hover, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_images a:hover { border-color: rgba(193, 255, 180, 0.5) !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.15) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_images a.viwcpf_chosen, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_images a.viwcpf_chosen { border-color: #c1ffb4 !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.2) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_images a.viwcpf_chosen:after, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_images a.viwcpf_chosen:after { background-color: #c1ffb4 !important; color: #1a1a1a !important; border-color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs-handle, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs-handle { border-color: #c1ffb4 !important; background-color: #1a1a1a !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.2) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-bar, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-bar { background-color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-from, .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-to, .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-single, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-from, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-to, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-single { background-color: #c1ffb4 !important; color: #1a1a1a !important; font-weight: 600 !important; border-radius: 8px !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-from:before, .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-to:before, .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-single:before, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-from:before, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-to:before, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-single:before { border-top-color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-line, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-line { background-color: rgba(128, 128, 128, 0.2) !important; border-radius: 4px !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_text_search, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_text_search { background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; color: #ececec !important; padding: 10px 18px !important; font-size: 14px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_text_search:focus, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_text_search:focus { border-color: #c1ffb4 !important; box-shadow: 0 0 0 4px rgba(193, 255, 180, 0.15) !important; background-color: rgba(128, 128, 128, 0.05) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_text_search::placeholder, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_text_search::placeholder { color: rgba(236, 236, 236, 0.4) !important; } .viwcpf_filter.viwcpf_search_field input[type="search"], .viwcpf_search_field input[type="search"].viwcpf_text_search { -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: textfield !important; } .viwcpf_filter.viwcpf_search_field input[type="search"]::-webkit-search-cancel-button, .viwcpf_filter.viwcpf_search_field input[type="search"]::-webkit-search-decoration, .viwcpf_filter.viwcpf_search_field input[type="search"]::-webkit-search-results-button, .viwcpf_filter.viwcpf_search_field input[type="search"]::-webkit-search-results-decoration, input.viwcpf_text_search::-webkit-search-cancel-button, input.viwcpf_text_search::-webkit-search-decoration, input.viwcpf_text_search::-webkit-search-results-button, input.viwcpf_text_search::-webkit-search-results-decoration { -webkit-appearance: none !important; appearance: none !important; display: none !important; } input.viwcpf_text_search::-ms-clear, .viwcpf_filter.viwcpf_search_field input[type="search"]::-ms-clear { display: none !important; width: 0 !important; height: 0 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_search_reset, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_search_reset { color: rgba(236, 236, 236, 0.4) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_search_reset:hover, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_search_field .viwcpf_search_reset:hover { color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .select2.select2-container, .viwcpf_wrap_filter-content .select2.select2-container { border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; background: rgba(128, 128, 128, 0.08) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .select2.select2-container .select2-selection--single, .viwcpf_wrap_filter-content .select2.select2-container .select2-selection--single { background: transparent !important; border: none !important; color: #ececec !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .select2.select2-container .select2-selection--single .select2-selection__rendered, .viwcpf_wrap_filter-content .select2.select2-container .select2-selection--single .select2-selection__rendered { color: #ececec !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .select2-container .select2-selection--multiple .select2-selection__choice, .viwcpf_wrap_filter-content .select2-container .select2-selection--multiple .select2-selection__choice { background-color: #c1ffb4 !important; border-color: #c1ffb4 !important; color: #1a1a1a !important; border-radius: 20px !important; font-weight: 500 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .select2.select2-container .select2-selection--multiple .select2-selection__choice__remove, .viwcpf_wrap_filter-content .select2.select2-container .select2-selection--multiple .select2-selection__choice__remove { color: #1a1a1a !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .select2.select2-container .select2-results__option--highlighted[aria-selected], .viwcpf_wrap_filter-content .select2.select2-container .select2-results__option--highlighted[aria-selected] { background-color: #c1ffb4 !important; color: #1a1a1a !important; } .viwcpf-off_canvas .vi_dropdown-display, .vi_dropdown-display, .viwcpf-off_canvas .viwcpf_wrap_filter-content select, .viwcpf_wrap_filter-content select { background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; color: #ececec !important; padding: 10px 16px !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content select:focus, .viwcpf_wrap_filter-content select:focus { border-color: #c1ffb4 !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.15) !important; outline: none !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content select option, .viwcpf_wrap_filter-content select option { background-color: #1a1a1a !important; color: #ececec !important; } .viwcpf-off_canvas .vi_dropdown-display .vi_dropdown-chose-list, .vi_dropdown-display .vi_dropdown-chose-list { color: #c1ffb4 !important; } .viwcpf-off_canvas .vi_dropdown-main, .vi_dropdown-main { background: #1a1a1a !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important; margin-top: 6px !important; overflow: hidden !important; } .viwcpf-off_canvas .vi_dropdown-main ul, .vi_dropdown-main ul { border: none !important; background: transparent !important; margin: 0 !important; padding: 0 !important; } .viwcpf-off_canvas .vi_dropdown-main ul li.vi_dropdown-option, .vi_dropdown-main ul li.vi_dropdown-option, .viwcpf-off_canvas .viwcpf_wrap_filter-content ul li.vi_dropdown-option, .viwcpf_wrap_filter-content ul li.vi_dropdown-option { color: #ececec !important; transition: background 0.15s ease !important; padding: 10px 16px !important; margin: 0 !important; border-bottom: 1px solid rgba(128, 128, 128, 0.08) !important; } .viwcpf-off_canvas .vi_dropdown-main ul li.vi_dropdown-option:last-child, .vi_dropdown-main ul li.vi_dropdown-option:last-child { border-bottom: none !important; } .viwcpf-off_canvas .vi_dropdown-main ul li.vi_dropdown-option:hover, .vi_dropdown-main ul li.vi_dropdown-option:hover, .viwcpf-off_canvas .viwcpf_wrap_filter-content ul li.vi_dropdown-option:hover, .viwcpf_wrap_filter-content ul li.vi_dropdown-option:hover { background: rgba(193, 255, 180, 0.1) !important; color: #c1ffb4 !important; } .viwcpf-off_canvas .vi_dropdown-main ul li.vi_dropdown-option.vi_dropdown-chose, .vi_dropdown-main ul li.vi_dropdown-option.vi_dropdown-chose, .viwcpf-off_canvas .viwcpf_wrap_filter-content ul li.vi_dropdown-option.vi_dropdown-chose, .viwcpf_wrap_filter-content ul li.vi_dropdown-option.vi_dropdown-chose { background-color: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; } .viwcpf-off_canvas .vi_dropdown-main .vi_dropdown-search, .vi_dropdown-main .vi_dropdown-search { padding: 10px 12px 6px !important; display: block !important; border-bottom: 1px solid rgba(128, 128, 128, 0.12) !important; position: relative !important; } .viwcpf-off_canvas .vi_dropdown-main .vi_dropdown-search input, .vi_dropdown-main .vi_dropdown-search input { background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 8px !important; color: #ececec !important; padding: 8px 30px 8px 14px !important;  width: 100% !important; box-sizing: border-box !important; } .viwcpf-off_canvas .vi_dropdown-main .vi_dropdown-search input:focus, .vi_dropdown-main .vi_dropdown-search input:focus { border-color: #c1ffb4 !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.15) !important; outline: none !important; } .viwcpf-off_canvas .vi_dropdown-main .vi_dropdown-clear-all, .vi_dropdown-main .vi_dropdown-clear-all, .vi_dropdown-display .vi_dropdown-clear-all { position: absolute !important; right: 22px !important; top: 50% !important; transform: translateY(-50%) !important; color: rgba(236, 236, 236, 0.4) !important; font-size: 18px !important; line-height: 1 !important; text-decoration: none !important; transition: color 0.2s ease !important; cursor: pointer !important; } .viwcpf-off_canvas .vi_dropdown-main .vi_dropdown-clear-all:hover, .vi_dropdown-main .vi_dropdown-clear-all:hover, .vi_dropdown-display .vi_dropdown-clear-all:hover { color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_star-rating, .viwcpf_star-rating { color: rgba(236, 236, 236, 0.3) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_star-rating span:before, .viwcpf_wrap_filter-content .viwcpf_star-rating span:before { color: #c1ffb4 !important; } .viwcpf_active_filters.theme_style, .viwcpf_active_filters.custom_style, .viwcpf-off_canvas .viwcpf_active_filters { margin-bottom: 16px !important; padding: 0 !important; } .viwcpf_active_filters.theme_style h4, .viwcpf_active_filters.custom_style h4, .viwcpf-off_canvas .viwcpf_active_filters h4 { color: rgba(236, 236, 236, 0.6) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin-bottom: 12px !important; } .viwcpf_active_filters .active_filter { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; align-items: center !important; } .viwcpf_active_filters .active_filter li.viwcpf_chosen:first-child .active_filter_label, .viwcpf-off_canvas .viwcpf_active_filters .active_filter li.viwcpf_chosen:first-child .active_filter_label { background: #c1ffb4 !important; background-color: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 10px !important; padding: 10px 22px !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; line-height: 1.3 !important; margin: 0 !important; } .viwcpf_active_filters .active_filter li.viwcpf_chosen:first-child .active_filter_label:hover, .viwcpf-off_canvas .viwcpf_active_filters .active_filter li.viwcpf_chosen:first-child .active_filter_label:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(193, 255, 180, 0.4) !important; filter: brightness(105%) !important; } .viwcpf_active_filters .active_filter li.viwcpf_chosen:first-child .active_filter_label:after, .viwcpf-off_canvas .viwcpf_active_filters .active_filter li.viwcpf_chosen:first-child .active_filter_label:after { display: none !important; content: none !important; } .viwcpf_active_filters .active_filter li.viwcpf_chosen:not(:first-child) .active_filter_label, .viwcpf-off_canvas .viwcpf_active_filters .active_filter li.viwcpf_chosen:not(:first-child) .active_filter_label { background: rgba(128, 128, 128, 0.1) !important; background-color: rgba(128, 128, 128, 0.1) !important; color: #ececec !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 20px !important; padding: 6px 16px !important; font-size: 13px !important; font-weight: 400 !important; text-decoration: none !important; cursor: default !important; pointer-events: none !important; display: inline-flex !important; align-items: center !important; box-shadow: none !important; transition: none !important; line-height: 1.4 !important; margin: 0 !important; } .viwcpf_active_filters .active_filter li.viwcpf_chosen:not(:first-child) .active_filter_label:after, .viwcpf-off_canvas .viwcpf_active_filters .active_filter li.viwcpf_chosen:not(:first-child) .active_filter_label:after { display: none !important; content: none !important; } .viwcpf_active_filters .active_filter li.viwcpf_chosen:not(:first-child) .active_filter_label .woocommerce-Price-amount, .viwcpf-off_canvas .viwcpf_active_filters .active_filter li.viwcpf_chosen:not(:first-child) .active_filter_label .woocommerce-Price-amount { color: #c1ffb4 !important; font-weight: 600 !important; } .viwcpf-off_canvas .viwcpf_active_filters .reset-filters, .viwcpf_active_filters .reset-filters { background-color: rgba(128, 128, 128, 0.1) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; color: #ececec !important; transition: all 0.2s ease !important; } .viwcpf-off_canvas .viwcpf_active_filters .reset-filters:hover, .viwcpf_active_filters .reset-filters:hover { background-color: rgba(193, 255, 180, 0.15) !important; border-color: #c1ffb4 !important; color: #c1ffb4 !important; } .viwcpf-off_canvas .custom_style .viwcpf_clear_block_filter_btn, .custom_style .viwcpf_clear_block_filter_btn { color: rgba(236, 236, 236, 0.5) !important; transition: color 0.2s ease !important; } .viwcpf-off_canvas .custom_style .viwcpf_clear_block_filter_btn:hover, .custom_style .viwcpf_clear_block_filter_btn:hover { color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item .viwcpf-tooltip, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item .viwcpf-tooltip { background-color: #c1ffb4 !important; color: #1a1a1a !important; border-radius: 8px !important; font-weight: 500 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item .viwcpf-tooltip:before, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item .viwcpf-tooltip:before { border-right-color: #c1ffb4 !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item:not(.viwcpf_checkbox) .with-tooltip .viwcpf-tooltip:before, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item:not(.viwcpf_checkbox) .with-tooltip .viwcpf-tooltip:before { border-top-color: #c1ffb4 !important; } .viwcpf-off_canvas-footer-wrap { border-color: rgba(128, 128, 128, 0.12) !important; background: rgba(128, 128, 128, 0.06) !important; padding: 15px 30px 20px !important; } .viwcpf-off_canvas-footer-cart_total { color: #ececec !important; } .viwcpf-off_canvas-footer-cart_total>div:nth-child(2) { color: #c1ffb4 !important; } button.viwcpf-apply-filters, button.btn.btn-primary.viwcpf-apply-filters, body button.btn.viwcpf-apply-filters, body .viwcpf-off_canvas button.viwcpf-apply-filters, .viwcpf-off_canvas-footer-action .viwcpf-off_canvas-bt { background: #c1ffb4 !important; background-color: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 10px !important; padding: 0 20px !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; text-shadow: none !important; height: 40px !important; max-height: 40px !important; min-height: unset !important; line-height: 40px !important; box-sizing: border-box !important; } button.viwcpf-apply-filters:hover, .viwcpf-off_canvas-footer-action .viwcpf-off_canvas-bt:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(193, 255, 180, 0.4) !important; filter: brightness(105%) !important; } button.viwcpf-apply-filters:active, button.viwcpf-apply-filters:focus, .viwcpf-off_canvas-footer-action .viwcpf-off_canvas-bt:active, .viwcpf-off_canvas-footer-action .viwcpf-off_canvas-bt:focus { outline: none !important; box-shadow: 0 0 0 4px rgba(193, 255, 180, 0.4) !important; } .viwcpf-off_canvas-icon-wrap { background: #c1ffb4 !important; box-shadow: 0 4px 16px rgba(193, 255, 180, 0.35) !important; z-index: 9999 !important; } .viwcpf-off_canvas-icon i { color: #1a1a1a !important; } .viwcpf-off_canvas-icon:after { background-color: #c1ffb4 !important; } .viwcpf-off_canvas-icon-wrap:hover { background: #b0f5a2 !important; box-shadow: 0 6px 24px rgba(193, 255, 180, 0.5) !important; } .viwcpf-off_canvas-icon-wrap:hover .viwcpf-off_canvas-icon i { color: #1a1a1a !important; } .viwcpf-trigger-off_canvas-open { color: #ececec !important; transition: color 0.2s ease !important; } .viwcpf-trigger-off_canvas-open:hover { color: #c1ffb4 !important; } .viwcpf-filter-trigger-box { border-color: rgba(128, 128, 128, 0.15) !important; } .viwcpf_filter_loading.loading { background-color: rgba(0, 0, 0, 0.55) !important; } .viwcpf_filter_loading.loading .viwcpf_filter_loading_effect { background-color: #c1ffb4 !important; } #viwcpf-side-filters-top { background: rgba(22, 22, 22, 0.95) !important; color: #ececec !important; } #viwcpf-side-filters-top .viwcpf-side-panel header { background: rgba(128, 128, 128, 0.06) !important; color: #ececec !important; border-bottom: 1px solid rgba(128, 128, 128, 0.12) !important; } #viwcpf-side-filters-top .viwcpf-side-panel { background: transparent !important; } .viwcpf-off_canvas-header-coupon-wrap .viwcpf-coupon-code { background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 8px !important; color: #ececec !important; box-shadow: none !important; } .viwcpf-off_canvas-header-coupon-wrap .viwcpf-coupon-code:focus { border-color: #c1ffb4 !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.15) !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_view_more_btn, .viwcpf_wrap_filter-content .viwcpf_view_more_btn { color: rgba(193, 255, 180, 0.7) !important; font-size: 12px !important; cursor: pointer !important; transition: color 0.2s ease !important; } .viwcpf-off_canvas .viwcpf_wrap_filter-content .viwcpf_view_more_btn:hover, .viwcpf_wrap_filter-content .viwcpf_view_more_btn:hover { color: #c1ffb4 !important; } .viwcpf-off_canvas-products .viwcpf-off_canvas-pd-empty { color: rgba(236, 236, 236, 0.3) !important; } .viwcpf-off_canvas-products .viwcpf-off_canvas-pd-name-wrap { color: #ececec !important; } .viwcpf-off_canvas-products .viwcpf-off_canvas-pd-info-wrap { color: #ececec !important; } .viwcpf-off_canvas-products .viwcpf-off_canvas-pd-remove-wrap i { color: rgba(236, 236, 236, 0.4) !important; transition: color 0.2s ease !important; } .viwcpf-off_canvas-products .viwcpf-off_canvas-pd-remove-wrap i:hover { color: #ff5b5b !important; } .viwcpf-off_canvas-products .viwcpf-off_canvas-pd-img-wrap img { border-radius: 10px !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; } .viwcpf-off_canvas-products .viwcpf-off_canvas-pd-desc .vi_wcaio_qty { background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 8px !important; color: #ececec !important; } @media screen and (max-width: 767px) { .viwcpf-off_canvas-content-wrap { max-width: calc(100vw - 20px) !important; } .viwcpf-off_canvas-header-wrap { padding: 16px 20px 12px !important; } .viwcpf-off_canvas-content-wrap1, .viwcpf-off_canvas-products-wrap { padding: 16px 20px 20px !important; } .viwcpf-off_canvas-footer-wrap { padding: 12px 20px 16px !important; } } form.viwcpf_form_filter.custom_style.no-ajax.has-submit-btn>button.btn.btn-primary.viwcpf-apply-filters { padding: 0 20px !important; height: 40px !important; max-height: 40px !important; min-height: unset !important; line-height: 40px !important; box-sizing: border-box !important; font-size: 13px !important; }