.shop_filters{
	display: flex;
	flex-wrap: wrap;
    padding: 20px 0px;
    margin: 0px;
}
.shop_filters hr {
    width: 100vw;
    border-color: #000;
    opacity: 1;
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc( var(--bs-gutter-x) * -.5);
}
.filter_heading p {
    font-size: 10px;
    margin-bottom: 5px;
}
.filter_row{
	display: flex;
	align-items: end;
	gap: 10px;
}
	.shape_filters .filter_row{
		gap: 8px;
	}
	.metal_filters .filter_row{
		gap: 8px;
	}
.shape_filters {
    margin-bottom: 15px;
}
.shape_filters svg {
    width: 24px;
    height: 24px;
}

.shape_filters svg path{
	fill: #767676;
}
	.shape_filters .active svg path{
		fill: var(--citrine) !important;
	}
.metal_filters a{
	border: 1px solid transparent;
    padding: 3px;
    border-radius: 99px;
}
	.metal_filters a.active{
		border-color: var(--citrine);
	}
.subcat_filters{
    margin-top: -15px;
    margin-left: 45px;
}
.subcat_icon svg {
    width: 55px;
    height: 25px;
}
.subcat_filters .filter_row a {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 5px; 
    text-decoration: none;
}
a.active .subcat_icon path, a.active .subcat_icon rect, a.active .subcat_icon path, a.active .subcat_icon polygon, a.active .subcat_icon path, a.active .subcat_icon line, a.active .subcat_icon circle {
    stroke: var(--citrine) !important;
}

.sort_filter{
	margin-left: auto !important;
}

.metal_option{
	background-color: #767676;
	height: 24px;
	width: 24px;
	display: block;
	border-radius: 99px;
}

/*--Sort By --*/
.woocommerce .woocommerce-ordering select {
    text-transform: none;
    margin-top: 14px;
}


@media (min-width:992px){
	.shop_filters{
		padding: 0px;
		border-top: 0px;
		vertical-align: top;
		margin: 55px 0px;
	}
	.shape_filters + div:not(:first-of-type) {
	    margin-left: 65px;
	}
}

.shop_filters.mobile_filters{
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
	display: flex !important;
	background: red;
	background: var(--pearl-dark);
	align-content: flex-start;
	padding: 40px 20px 100px;
	gap: 40px;
/*	border-top-left-radius: 20px;*/
/*    border-top-right-radius: 20px;*/
	transition: all .4s ease-out;
	z-index: 99999;
	transform: translateY(calc(120%));
}
.mobile_filters .filter_heading p {
	font-size: 16px;
}
.mobile_filters .filter_row {
    align-items: flex-start;
}
.shop_filters.mobile_filters.active{
	transform: translateY(0%);
}

.mobile_filters .shape_filters{
	overflow-x: scroll;
	margin-bottom: 0px;
}
	/* Hide scrollbar for Chrome, Safari and Opera */
	.mobile_filters .shape_filters::-webkit-scrollbar {
	  display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	.mobile_filters .shape_filters {
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	}

.mobile_filters .shape_filters svg {
    width: 30px;
    height: 30px;
}
	.mobile_filters .shape_filters svg path {
	    fill: #0f0e0d;
	}

.mobile_filters .subcat_filters {
    margin-top: 0px;
    margin-left: 0px;
    overflow: hidden;
    overflow-x: scroll;
}
	/* Hide scrollbar for Chrome, Safari and Opera */
	.mobile_filters .subcat_filters::-webkit-scrollbar {
	  display: none;
	}
	/* Hide scrollbar for IE, Edge and Firefox */
	.mobile_filters .subcat_filters {
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	}

.mobile_filters .sort_filter{
	margin-left: 0px !important;
}
.mobile_filters .sort_filter select {
    background-color: var(--pearl-dark);
    margin: 0;
    padding-left: 0px;
}

.mobile_filters .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
	float: none;
}

.mobile_filters .filter_row p{
	margin-bottom: 0px;
    flex-grow: 1;
    flex-basis: 100%;
}


.filter_overlay {
	display: none;
    position: fixed;
    background: black;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
    z-index: 99999;
}
.filter_overlay.active{
	display: block;
}
.filter_close {
    position: absolute;
    top: 45px;
    right: 25px;
    cursor: pointer;
}

.mobile_filters .shape_filters, .mobile_filters .metal_filters, .mobile_filters .subcat_filters{
	width: 100%;
}