/*
* Override this file if you want to keep custom styles after module upgrade
*/

/* special fix for uniform drop-down lists in default-bootstrap theme */
@media (min-width: 480px) {
	.af_filter.type-3 .af_filter_content .selector {
		padding-left: 0;
		border-left: 1px solid #DDD;
	}
	.af_filter.type-3 .af_filter_content .selector span {
		padding-left: 10px;
	}
}

#amazzing_filter .title_block span span, .mobile-filter-button .title_block span {
    position: relative;
    padding-right: 24px;
    display: inline-block;
}

#amazzing_filter.block .title_block .mobile-close {
    display: none;
}
#amazzing_filter .title_block_mobile {
	display: none;
}
@media (max-width: 767px) {
.has-compact-filter #amazzing_filter .title_block_mobile {
	background-color: var(--primary);
	color: white;
    display: block !important;
    text-align: left;
    height: 51px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 53px;
    position: relative;
}
.on-open-desktop {
    display: none !important;
}
.has-compact-filter #amazzing_filter .title_block .on-open.on-open-mobile {
    display: inline-block !important;
}
#amazzing_filter .mobile-close {
    display: inline-block;
    position: absolute;
    right: 31px;
    color: #fff;
    font-size: 0px;
}
#amazzing_filter .on-open-mobile{
	text-align: left;
	font: normal normal bold 24px/31px var(--font-family-sans-serif);
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
    padding: 15px;
	}
#amazzing_filter .mobile-close:before {
    width: 2px;
    height: 30px;
    content: "";
    position: absolute;
    background: #fafafb;
    transform: rotate(-45deg);
    margin-top: 10px;
}
#amazzing_filter .mobile-close:after {
    width: 2px;
    height: 30px;
    content: "";
    position: absolute;
    background: #fafafb;
    transform: rotate(45deg);
    margin-top: 10px;
}
.hide-bordermobi {
	border: none;
}
}


.af-group{
    text-transform: capitalize;
}