/* Price Slider */
	#top .dropdown .widget_price_filter .price_slider {margin: 25px 0;}
	#top .dropdown .widget_price_filter .price_label span {font-size: 15px; font-weight: 700;}
	
	

/* ======================================================================================================================================================
# » Responsive Elements
====================================================================================================================================================== */

	
	@media only screen and (min-width: 990px) {
		
        #top a.filter_button {display: none !important; padding: 19px 40px;}
				
	}
	
	@media only screen and (max-width: 989px) {
		
		body.admin-bar .sidebar-section-filters, body.admin-bar .sidebar-filters-overlay {top: 46px;}
		
	}


	@media only screen and (min-width: 768px) and (max-width: 989px) {
		
		#top a.filter_button {padding: 19px 25px;}
		
	}
	
	@media only screen and (min-width: 768px) {
		
		#top a.filter_button {position: absolute; right: 0;}
		
	}
	

	@media only screen and (max-width: 767px) {
		
		.sidebar-section-filters {width: 100% !important;}
				
		#top .filter-btn {display: inline-block; margin-top: 10px; width: 100%;}
		#top a.filter_button {padding: 19px 40px; width: 100%;}
		
		
	}
	
	
/* ======================================================================================================================================================
# » Effects
====================================================================================================================================================== */

	
	@keyframes fadeIn {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

/* ======================================================================================================================================================
# Woof Filter
====================================================================================================================================================== */

	
    #top .template-shop div a.woof_show_auto_form, #top .template-shop div br {display: none !important;}
	
	
	
	#top .widget-woof .woof {
		
		.woof p.woof_tooltip span.woof_tooltip_data {margin-top: -40px; margin-left: 0px; padding: 5px 8px; min-width: 50px !important; font-size: 12px; border-radius: 5px;}
		
		.woof_container {margin-bottom: 1rem;}
		
		
		/* Slider */
		.woof_container_slider .woof_block_html_items {padding-left: 8px;}
		
		.irs span.irs-bar {background-color: #e1e1e1;}
		
		/* Slider - Pin color */
		.irs .irs-handle {top: 29px; width: 18px; height: 18px; background-color: #3a3a3a; border: none; box-shadow: none; /* box-shadow: 0 0 5px rgba(0,0,0,0.15);*/}
		
		/* Slider - Tooltip color */
		.irs--round {
			.irs span.irs-from, .irs span.irs-to {background-color: #006cfa;}
			.irs-from:before, .irs-to:before, .irs-single::before {border-top-color: #006cfa;}
			.irs-grid-text {font-size: 12px; color: #7a7a7a;}
		}
		
		
		/* Label */
		.woof_container_label {
			.woof_block_html_items {display: inline-block;}
			span.checkbox {padding: 10px; border-radius: 3px;}
			.woof_list_label .woof_label_term {
				padding: 0.275rem 0.675rem; height: 40px; background-color: #ffffff; font-weight: 400; color: #1a1a1a; border: solid 1px #e9e9e9; border-radius: 5px; transition: all 0.5s;
				&.checked {font-weight: 600;}
			}
			.woof_list_label .woof_label_term:hover, .woof_list_label .checked {background-color: rgba(0, 189, 55, 0.15); border: solid 1px #00bd37;}
		}
		
		
		/* Color */
		.woof_container_color {
			h4 {margin-bottom: 0px;}
			.woof_block_html_items {display: inline-block;}
			ul.woof_list_color {padding-left: 1px !important;}
			span.woof_color_term {border: none; box-shadow: 0 0 2px rgba(0,0,0,0.15);}
		}
		
		
		/* Buttons */
		.woof_submit_search_form_container {
			
			margin-top: -0.375rem; padding-top: 1.375rem; gap: 1rem; border-top: solid 1px #e1e1e1;
			
			button {margin: 0; width: 50%; font-size: 14px; font-weight: 600; border-radius: 50px;}
			.woof_reset_search_form {background: transparent; color: #1a1a1a; border: solid 1px #e1e1e1;}
			button.woof_submit_search_form {
				background: #004dff; color: #fff;
				&:before {margin-right: 15px; font-family: 'entypo-fontello'; font-size: 16px; content:'\e8a6';}
			}
			
		}
		
		
	}
	
	
	
	

/* ======================================================================================================================================================
# » Code
====================================================================================================================================================== */


	/* Sidebar width admin bar */
	body.admin-bar .sidebar-section-filters, body.admin-bar .sidebar-filters-overlay {top: 32px;}

	
	/* Open Buttton */
	#top a.filter_button {
		display: flex; min-width: 150px; height: 50px; align-items: center; justify-content: center; cursor: pointer;
		background: #3a3a3a; font-size: 14px; font-weight: 700; color: #ffffff; letter-spacing: -0.25px; border-radius: 50px; transition: all 0.35s;
		
		
		&:hover {background: #ffc701; color: #1a1a1a;}
		&:before {margin-right: 15px; font-family: 'entypo-fontello'; font-size: 16px; content:'\e8a6';}
		
	}

	
	
    /* Filter Sidebar */
	.sidebar-filters-overlay {
		display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); opacity: 0; z-index: 998; transition: opacity 0.3s;
		&.active {display: block; opacity: 1; animation: fadeIn .3s; -webkit-animation: fadeIn .3s;}
	}



	input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button {
	  filter: brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4976%) hue-rotate(326deg) brightness(90%) contrast(96%);
	}

	
	#top .sidebar-section-filters {
		
		position: fixed; top: 0; right: 0; bottom: 0; width: 400px; z-index: 999; overflow-y: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transform: translateX(100%); -webkit-transform: translateX(100%);
		&.active {transform: translateX(0);}
		
		.wrapper {padding: 2rem 1.5rem 2rem 1.275rem; min-height: 100vh; height: fit-content; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
		.widget .widget {padding: 0;}
		
		/* Headings */
		.wrapper .heading {margin-bottom: 25px; font-size: 20px; color: #1a1a1a;}
		h3, h4 {position: relative; padding: 8px 0; letter-spacing: 0px !important; font-size: 14px; color: #1a1a1a; text-transform: none;}
		h3 a, h4 a {font-size: 24px; font-weight: 300 !important;}
		
		/* Sidebar close */
		.close-filters {
			display: flex; position: absolute; top: 2.5rem; right: 20px; width: 36px; height: 36px; background-color: #f6f6f6; font-size: 30px; font-weight: 300; color: #1a1a1a; 
			align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; transition: background-color 0.3s;
		}
		&.close-filters:hover {background-color: #ffc701; color: #1a1a1a;}
		
		
		/* Fix section problem */
		.woof .woof_container .woof_block_html_items {overflow: hidden;}
		
		
		.woof_submit_search_form_container {position: sticky; bottom: 0; background: #ffffff; padding: 1rem 0; border-top: 1px solid #f5f5f5; gap: 1rem;}
		.woof_submit_search_form_container button {flex: 1;}
		.woof_submit_search_form_container button.woof_reset_search_form {background-color: #000;}
		
		.woof label {font-size: 14px;}

		.woof_select_radio_check dd ul.woof_list {position: static; max-height: 100% !important;}
		.woof_select_radio_check dt.woof_select_radio_check_opened a {display: flex; padding: 12px 15px; justify-content: center; align-items: center; background-color: #ff6347;}

		.woof_select_radio_check_opener {padding: 12px 15px; background-size: 1rem;}
		.woof_select_radio_check dt a {display: flex; justify-content: center; align-items: center;}
		.woof_select_radio_check dt a span, .woof_multiSel span {display: flex; justify-content: flex-start; align-items: center; font-weight: 700;}
		
		
		.woof_front_toggle:after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
		.woof_price3_search_container.woof_container.woof_price_filter.woof_fs_by_price,
		.woof_checkbox_sales_container.woof_container.woof_container_onsales.woof_fs_by_onsales { margin-bottom: 25px;}
		
		
		.irs--round {
			
			.irs-handle {top: 28px; width: 20px; height: 20px; border-color: #ff6347;}
			.irs-from, .irs-to, .irs-single {background-color: #ff6347;}
			.irs-bar {background-color: #dadada;}
			.irs-from:before, .irs-to:before, .irs-single:before {border-top-color: #ff6347;}
			.irs-grid-text {color: #7a7a7a;}

		}
		
		
		.chosen-container-active .chosen-choices {border-color: #ff6347;}
		.chosen-container-active .chosen-single {border-color: #ff6347;}
		
		ul.chosen-choices {padding-top: 9px !important; padding-bottom: 9px !important;}
		.chosen-container-multi .chosen-choices li.search-field input[type=text], .chosen-single span {padding: 12px 12px; font-size: 14px; font-weight: 700; color: #1a1a1a;}
		
		.chosen-single {
			height: auto !important;
			span {padding: 9px 12px;}
		}

		
		.chosen-container-single .chosen-single div b {display: none;}
		.chosen-container.chosen-container-multi, .chosen-container.chosen-container-single {position: relative; font-size: 14px; color: #1a1a1a;}
		
		
		.chosen-container.chosen-container-multi:before,
		.chosen-container.chosen-container-single:before {
		  content: ''; position: absolute;
		  background: url(/media/images/new/down.svg) no-repeat 99% 50%;
		  top: 50%;
		  transform: translateY(-50%);
		  right: 3px;
		  width: 16px;
		  height: 16px;
		  z-index: 1;
		}

		.woof_childs_list_opener span.woof_is_opened, .woof_childs_list_opener span.woof_is_closed {
		  filter: brightness(0) saturate(100%) invert(25%) sepia(77%) saturate(4669%) hue-rotate(326deg) brightness(91%) contrast(95%);
		}
		
		
		
	}

	

    /* Sort by price */
	#top .woof .woof_price_filter .price_slider_wrapper {
		.price_slider {width: 100%;}
		.price_slider_amount {width: 100%;}
		
	}