.button.active-filter {
    background-color: #8500FF !important;
		border-color: #8500FF !important; 
    color: #fff !important;
}

.button.active-filter .button_icon i {
    color: #fff !important;
}

.mcb-section a.active {
  background-color: #ff0000;
  color: #fff;
  transition: all 0.3s ease;
}

/* TEMP */

.banner-image:after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 25%, rgb(0 0 0 / 0%) 50%, rgb(255 255 255 / 0%) 100%);
}

/* TABLE */

table {
    margin-bottom: 30px;
}

.dark table th,
.dark table td {
    border-color: rgba(255,255,255,0.3);
}

table th, table td {
    text-align: left;
    border-width: 1px;
}

/* MARQUEE */

.marquee {
	width: 100vw;
		width: 100%;
	overflow: hidden;
	white-space: nowrap;
	pointer-events: none;
}

.marquee-content {
	display: inline-flex;
	display:flex;
	align-items: center;
	will-change: transform;
	gap: 20px; /* Adds space between text and SVG */
}

.marquee-arrow {
	width: 150px; /* Adjust size as needed */
	width: 50px;
	height: auto;
}

/* SWIPER */
.swiper-slide, .swiper-slide.swiper-slide-prev, .swiper-slide.swiper-slide-next {
    opacity: 0.2;
    transition: 1000ms;
}
.swiper-slide.swiper-slide-active{
	  opacity: 1;
    transition: 1500ms;
}

/* NAVIGATION HOVER */
#menu-main-fi li, #menu-main-fi-2 li  {
    transition: opacity 0.2s ease;
}

#menu-main-fi.is-hovering > li, #menu-main-fi-2.is-hovering > li {
    opacity: 0.4;
}

#menu-main-fi.is-hovering > li.is-active, #menu-main-fi-2.is-hovering > li.is-active {
    opacity: 1;
}

/* MEGAMENU OVERLAY */
#body_overlay {
	display: block;	
  background: rgba(0, 0, 0, .5);
	backdrop-filter: blur(2px);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;	
}

#body_overlay.active {
  z-index: 1;	
  opacity: 1;	
  visibility: visible;
}

/* CALENDAR */

.vmkc-events-list { display: flex; flex-direction: column; gap: 12px; }
.vmkc-events-row { display: flex; align-items: center; gap: 16px; }
.vmkc-events-date { background: #1a5fb4; color: #fff; padding: 8px 16px; border-radius: 6px; font-weight: 700; white-space: nowrap; }
.vmkc-events-name { font-weight: 700; }
.vmkc-events-time { font-size: 0.9em; opacity: .8; }