.grid-browse-menu ul.collapse, .grid-browse-menu ul.collapsing {
	margin-bottom: 0px;			/* eliminates jerk when collapsing */
}
.tag-block-ul {
	max-height: 400px;
	overflow-y: auto;
}

.checkbox-hidden {
	display: none;
}




.btn-filter-expand .fa-chevron-right {
    transition-duration: 0.3s;
    transition-property: transform;
	font-size: 0.8rem;
}
.btn-filter-expand[aria-expanded="true"] .fa-chevron-right {
	transform: rotate(90deg);
}

.btn-filter-expand {
	background-color: transparent;
	border: 0em solid transparent;
	font-family: 'Montserrat', sans-serif;
    transition-duration: 0.3s;
    transition-property: color;
}
.btn-filter-expand:hover {
	color: var(--primary-link-color);
}
.tag-block-ul {
	padding-bottom: 1rem;
	padding-left: 1rem;
	border-left: 0.2rem solid #555;
    transition-duration: 0.3s;
    transition-property: border-color;
}
	.tag-block-ul:hover {
		border-color: var(--primary-link-color);
	}
	.tag-block-ul UL {
		box-sizing: border-box;
		padding-left: 3rem;
	}
	.tag-block-ul .item-count {
		opacity: 0.8;
	}
	.tag-block-ul UL LI {
		box-sizing: border-box;
		padding-top: 0.5rem;
		transition-duration: 0.3s;
		transition-property: color;
	}
		.tag-block-ul UL LI:hover {
			color: var(--primary-link-color);
		}
		.tag-block-ul UL LI label {
			cursor: pointer;
		}
.btn-checkbox-filter {
	margin-right: 0.5rem;
}
	label:has(> .btn-checkbox-filter:disabled) {
		opacity: 0.6;
	}

.grid-browse-menu {
	/* background-color: #FAFAFA; */
	box-sizing: border-box;
	padding: 1rem;
}




.menu-grid {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	/*  grid-template-rows: 1fr 1fr 1fr 1fr; */
	gap: 1rem 1rem;
	grid-template-areas:
		"menu-top-left menu-top-middle menu-top-right menu-top-mobile-close"
		"menu-content menu-content menu-content menu-content"
		"menu-bottom-1 menu-bottom-1 menu-bottom-1 menu-bottom-1";
	height: 100%;
}

.menu-top-left { text-align: center; grid-area: menu-top-left; }

.menu-top-middle { text-align: center; grid-area: menu-top-middle;

}

.menu-top-right { text-align: center; grid-area: menu-top-right; }

.menu-top-mobile-close { text-align: center; grid-area: menu-top-mobile-close; }

.menu-content { grid-area: menu-content; overflow-y: auto; }

.menu-bottom-1 { grid-area: menu-bottom-1; }

BUTTON.style-soft-btn {
	background-color: transparent;
	padding: 0.5rem;
	border: 0rem solid transparent;
    transition-duration: 0.3s;
    transition-property: color;
}
BUTTON.style-soft-btn:hover {
	color: var(--link-color);
}

.grid-browse-menu .btn.btn-primary, .grid-browse-menu .btn.btn-outline-primary {
	border-radius: 0.2rem;
	padding: 0.5rem;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.95rem;
	border-color: var(--btn-color);

}
.grid-browse-menu .btn.btn-primary {
	background-color: var(--btn-color);
}
	.grid-browse-menu .btn.btn-primary:hover {
		background-color: var(--btn-color-hover);
		border-color: var(--btn-color-hover);
	}
.grid-browse-menu .btn.btn-outline-primary {
	color: var(--btn-color);
 }
	.grid-browse-menu .btn.btn-outline-primary:hover, .grid-browse-menu .btn.btn-outline-primary:focus {
		background-color: var(--btn-color);
		color: white;
	}
	
	
	
	
/* NON-MOB */
@media (min-width: 992px) {
	#btn-mobile-filter-menu {
		display: none;
	}
	.menu-top-mobile-close {
		opacity: 0.2;
	}
	
}

/* SEMI-MOB Between this width */
@media (min-width: 992px) and (max-width: 1280px) {

}
/* MOBILE - Over this width */
@media all and (max-width: 991px) {
	.grid-browse-menu {
		/* background-color: #FAFAFA; */
		box-sizing: border-box;
		padding: 1rem 1rem 1rem 1rem;
	}
}