#amazzing_filter {
	box-shadow:none;
}

#amazzing_filter.horizontal-layout {
	margin-top:20px;
}

.horizontal-layout .af-form {
	margin: 0 -5px;
}

.horizontal-layout .af_subtitle {
    background: #F5F7F8;
    border-color: #E1E4E7;
    border-width:1px;
    text-transform: inherit;
    font-size: 14px;
    padding: 8px 40px 8px 16px;
    line-height: 28px;
    border-radius: 4px;
    color: #212529;
}

.horizontal-layout .af_filter_content {
	width:max-content;
    margin-top: 3px;
    border-width: 0;
    padding: 12px 16px;
    box-shadow: -4px 4px 24px rgba(0, 0, 0, 0.15);
    min-width: 240px;
    border-radius:4px;
}

.af_filter_content .child-categories {
	margin-top: 8px;
}

.af_filter select {
	border-width:1px;
}

.af_filter li {
    padding: 8px 0;
}

.af_filter.has-slider .af_filter_content {
	min-width: 220px;
}

.horizontal-layout .has-selection .af_subtitle {
    color: #212529;
}

.horizontal-layout .has-selection .af_subtitle, .horizontal-layout .has-selection .af_subtitle.toggle-content:before, .horizontal-layout .has-selection .af_filter_content {
    border-color: #EF1A78;
}

.horizontal-layout .af_subtitle.toggle-content:before {
    right: 10px;
}

.selectedFilters.inline {
	box-shadow:none;
	margin-top: 8px;
	padding:0;
	margin-bottom: 2px;
}
.selectedFilters.inline .cf {
	border-radius:30px;
}

.selectedFilters.inline .clearAll {
	float: inherit;
	display:inline-flex;
	border-radius:4px;
}

.selectedFilters.inline .clearAll i {
	display:inline;
}

.dynamic-loading .loadMore {
	margin: 0 auto;
}

@media (min-width: 480px) {
    #amazzing_filter.horizontal-layout .btn {
        border: 1px solid #212529;
        background:transparent;
        text-transform: inherit;
        font-size:14px;
    	font-weight: 400;
    	color: #212529;
    	padding:15px 16px;
    }
    #amazzing_filter.horizontal-layout .btn i{
        margin-left:4px;
    }
}

@media (min-width: 768px) {
    .horizontal-layout .h-el {
    	width:auto;
    }
}

@media(max-width:767px) {
	#af-count-filter-selected {
	    display: block;
	    background: #EF1A78;
	    padding: 5px 10px;
	    font-size: 13px;
	    border-radius: 4px;
	    line-height: 1;
	    color: #FFF;
	    margin-left: 4px;
	}
	.has-compact-filter #amazzing_filter {
		padding:0;
	}
	.has-compact-filter #amazzing_filter .btn-holder {
		right:0;
	}
	.has-compact-filter.show-filter #amazzing_filter {
	    transform: translateX(0);
	}
	#amazzing_filter .compact-toggle {
		padding:0!important;
		top:88%;
		display:none!important;
	}
	#amazzing_filter .block_content {
		position: relative;
		padding-top: 66px;
	}
	.af-filter-trigger-close {
		position:absolute;
		top : 0;
		left : 0;
		width: 100%;
		display: flex;
    	justify-content: space-between;
    	background: transparent;
    	padding: 15px;
    	border: none;
    	border-bottom: 1px solid #E1E4E7;
    	margin-bottom: 10px;
	}
    .af_filter {
        padding: 0;
        border: 1px solid #C9CCCF;
        border-radius: 4px;
    }
    
    .af_filter.has-selection {
        border-color: #EF1A78!important;
    }
    
    .af_subtitle {
        padding: 10px 16px;
    }
    
    .af_filter.closed {
        background: #F5F7F8;
        padding: 0;
        border: 1px solid #C9CCCF;
        border-radius: 4px;
    }
    
    .af_filter:not(.closed) {
        border: 1px solid #212529;
    }
    
    .af_filter:not(.closed) .af_subtitle {
        border-bottom: 1px solid #C9CCCF;
    }
    .af_filter:not(.closed) .af_filter_content{
    	padding: 12px 16px;
    }
    
	.af_subtitle.toggle-content:before {
		right:10px;
	}
	.selectedFilters {
		margin-bottom:4px;
		display: flex;
    	flex-wrap: wrap;
    	column-gap: 10px;
    	row-gap: 5px;
	}
	.selectedFilters .clearAll {
		background: transparent;
		text-align: center;
		width: 100%;
	}
	.selectedFilters .clearAll .txt{
		text-decoration: underline;
	}
	.selectedFilters .cf {
		font-size:13px;
		border-radius:4px;
	}
}