#selectedFiltersContainer {min-height: 150px; transition: all 0.15s ease-in-out;}
#selectedFiltersContainer .badge {width: auto !important;}
#badgesWrapper {margin-bottom: 0.75rem; transition: all 0.15s ease-in-out;}
.od-result {height: 100%; margin-bottom: 0rem;}
.od-result-body {min-height: 100px;}
.od-result-body i {text-shadow: none; transition: all 0.1s ease-in-out;}
.od-result-body a:hover, .od-result-body a:hover i {
	text-shadow: 1px 0px 1px var(--bg-wht), 0px 1px 1px var(--bg-wht), 1px 1px 1px var(--bg-wht), -1px -1px 1px var(--bg-wht), 2px 2px 1px var(--bg-wht), -2px -2px 1px var(--bg-wht), -2px 2px 1px var(--bg-wht), 2px -2px 1px var(--bg-wht), 1px 0px 2px var(--bg-wht), 0px 1px 2px var(--bg-wht), 1px 1px 2px var(--bg-wht), -1px -1px 2px var(--bg-wht), 2px 2px 2px var(--bg-wht), -2px -2px 2px var(--bg-wht), -2px 2px 2px var(--bg-wht), 2px -2px 2px var(--bg-wht);
	transition: all 0.15s ease-in-out;
}
.od-result-body h4 {
	background-color: var(--bg-cc-nav-10);
	border-radius: var(--rounded-3) var(--rounded-3) 0 0 !important;
}
.od-result-body h4 a, .od-result-body h4 a:hover {
	border-radius: var(--rounded-3) var(--rounded-3) 0 0 !important;
}
.od-result .ribbon-r {
	top: -1.40em;
	right: -1px;
	border-radius: 0px 5px 0 0;
	/*filter: drop-shadow(-5px 5px 4px rgba(60 60 60 / 55%));
	-webkit-filter: drop-shadow(-5px 5px 4px rgba(60 60 60 / 55%));*/
}
.od-result .ribbon-r a, .od-result .ribbon-r a i {
	color: var(--bg-wht);
}
.page-link.active {
	background-color: var(--bg-blu);
	pointer-events: none;
	border: 1px solid var(--bg-blu);
	font-weight: bold;
}
.page-link {
	background-color: var(--bg-nav);
	color: var(--bg-cc-nav);
	transition: all 0.1s ease-in-out;
}
.page-link, .page-link:hover {
	cursor: pointer;
	border: 1px solid var(--bg-gry);
	padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
}
.page-link:hover {
	background-color: var(--bg-ylw);
	color: var(--bg-cc-nav);
	border: 1px solid var(--bg-gry);
	padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
	transition: all 0.15s ease-in-out;
}
.filter-section button[aria-expanded="false"] {
	background-color: var(--bg-nav);
	background-image: var(--bs-gradient);
	border: 1px solid var(--bg-gry);
	transition: all 0.15s ease-in-out;
}
.filter-section button[aria-expanded="false"] i::before {
	color: var(--bg-cc-nav);
	transform: rotate(0deg);
	transition: all 0.15s ease-in-out;
}
.filter-section button[aria-expanded="false"]:hover i::before {
	color: var(--bg-blu);
	transform: rotate(0deg);
	transition: all 0.15s ease-in-out;
}
.filter-section button[aria-expanded="true"] i::before {
	color: var(--bg-blu);
	transform: rotate(180deg);
	transition: all 0.15s ease-in-out;
}
.filter-section button[aria-expanded="true"]:hover i::before {
	color: var(--bg-cc-nav);
	transform: rotate(180deg);
	transition: all 0.15s ease-in-out;
}
.filter-section button[aria-expanded="true"]:hover {
	background-color: var(--bg-nav) !important;
	background-image: var(--bs-gradient) !important;
	border: 1px solid var(--bg-gry) !important;
	transition: all 0.15s ease-in-out;
}
.filter-section button:hover {
	border: 1px solid var(--bg-blu) !important;
	transition: all 0.15s ease-in-out;
}
.filter-section button {
	background-color: var(--bg-ylw);
	background-image: var(--bs-gradient);
	border: 1px solid var(--bg-blu);
}

.badge.fade {
	transition-property: opacity;
	transition-duration: 0.05s;
	transition-timing-function: linear;
	opacity: 0; /* Start hidden */
}

/* The 'show' class makes the element visible */
.badge.fade.show {
	transition-property: opacity;
	transition-duration: 0.05s;
	transition-timing-function: ease-out;
	opacity: 1; /* Fade in */
}