/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
@media all and ( max-width: 767px) {
	.facetwp-selections ul li .facetwp-selection-value{
		margin-right: 5px;
		padding-right: 10px;
		background-size: 8px 8px;
	}
	.facetwp-selections ul li{
		background: #9EA1A4;
		color: #fff;
		font-style: normal;
		font-weight: 500;
		font-size: 6px;
		line-height: 6px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		padding: 4px;
		margin-right: 2px;
	}
	.facetwp-selections ul li.selections-label {
		font-weight: 400;
		font-size: 8px;
		line-height: 6px;
		/* identical to box height, or 100% */
		letter-spacing: 0.05em;
		text-transform: uppercase;
		background: transparent;
		color: #000;
	}
	.facetwp-selections ul{
		padding-left: 0;
		line-height: 10px;
	}

	.buttons-container .elementor-widget-container{
		display: flex;
		justify-content: space-between;

	}
	.buttons-container .elementor-widget-container button.open-popup-filter{
		font-size: 25px;
		padding: 4px 20px;
	}
	.sort_filter h6,
	.sort_filter .facetwp-facet{
		display: inline-block;
	}
	.sort_filter h6{
		font-size: 12px!important;
	}
	.sort_filter .facetwp-facet{
		width: calc( 100% - 115px );
	}
	.sort-container .elementor-widget-facetwp-facet{
		border-bottom: none!important;
	}
	.sort-container .open-popup-filter{
		position: absolute;
		right: 0;
		bottom: calc( 100% + 21px );
		font-size: 8px;
		padding: 14.5px 12px!important;
	}
	.mobile-filters{
		position: fixed;
		top: 15px;
		bottom: 15px;
		left: 15px;
		right: 15px;
		display: none;
		z-index: 999;
		width: calc( 100vw - 30px );
		height: calc( 100vh - 30px );
		background: #fff;
		padding: 15px;
	}
	.mobile-filters.active{
		display: block;
	}
	.mobile-filters .elementor-widget-facetwp-facet:not(.elementor-hidden-desktop) .facetwp-facet{
		display: none;
	}
	.mobile-filters .elementor-widget-facetwp-facet .facet-wrap.active .facetwp-facet{
		display: block;
	}
	.mobile-filters .elementor-widget-facetwp-facet .facet-wrap h6:after{
		content: '';
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
		width: 5px;
		height: 5px;
		display: block;
		position: absolute;
		right: 10px;
		top: 11px;
		transform: rotate(-45deg);
		transition: all .3s ease;
	}
	.mobile-filters .elementor-widget-facetwp-facet .facet-wrap.active h6:after{
		transform: rotate(-225deg);
	}
}