*{
/* 	outline: red 1px solid; */
}

.swiper-wrapper{
	height: fit-content!important;
}

@media (max-width: 1200px){
	.regular-collection .collection-list {
		height: fit-content!important;
	}
}

/* Author: Anthony LAU - Change mobile menu color to black - Start - 2024 Mar 15*/
:root {
  --mobile-menu-bg-color: #2e2e2e; /* Dark background */
  --mobile-menu-text-color: #FFF; /* White text */
  --mobile-menu-border-color: #5c5c5c; /* Dark border */
  --mobile-menu-active-bg-color: #FFF; /* White background */
  --mobile-menu-active-text-color: #000; /* Black text */
  --mobile-submenu-bg-color: #4b4b4b; /* Submenu background */
}
@media (max-width: 768px) {
  .front-page .mobile-sub-menu[aria-expanded=false],
  .front-page .mobile-sub-menu[data-expanded=false] {
    border-top: 1px solid var(--mobile-menu-border-color);
    background-color: var(--mobile-menu-bg-color);
  }

  .front-page .mobile-sub-menu[aria-expanded=false] .toggle-wrapper,
  .front-page .mobile-sub-menu[data-expanded=false] .toggle-wrapper {
    border-bottom: 1px solid var(--mobile-menu-bg-color);
  }

  .front-page .mobile-sub-menu .toggle-wrapper .toggle-sub-menu {
    color: var(--mobile-menu-text-color);
  }

  .front-page .mobile-sub-menu .toggle-wrapper {
    border-bottom: 1px solid var(--mobile-menu-border-color);
    background-color: var(--mobile-menu-bg-color);
  }

  .front-page .mobile-sub-menu ul.category-list li {
    border-bottom: 1px solid var(--mobile-menu-border-color);
  }

  .front-page .mobile-sub-menu ul.category-list li a {
    color: var(--mobile-menu-text-color);
    background-color: var(--mobile-menu-bg-color);
  }

	.front-page .mobile-sub-menu ul.category-list li:hover a{
		background-color: var(--mobile-menu-active-bg-color);
    color: var(--mobile-menu-active-text-color);
	}

  .front-page .mobile-sub-menu .sub-menu-scroll-wrapper {
    background-color: var(--mobile-menu-bg-color);
  }

  .front-page .mobile-sub-menu[aria-expanded=true] .toggle-wrapper .toggle-sub-menu {
    background-image: url(../image/arrow-white-down-bold.svg);
  }

  .front-page .mobile-sub-menu[aria-expanded=false] .toggle-wrapper .toggle-sub-menu {
    background-image: url(../image/arrow-white-up-bold.svg);
  }

  .front-page .mobile-sub-menu ul.category-list li.parent.active > a {
    background-color: var(--mobile-menu-active-bg-color);
    color: var(--mobile-menu-active-text-color);
  }

  .front-page .mobile-sub-menu ul.category-list li:hover > a,
  .front-page .mobile-sub-menu ul.category-list li:focus > a{
    background-color: var(--mobile-menu-active-bg-color);
    color: var(--mobile-menu-active-text-color);
  }

  .front-page .mobile-sub-menu ul.category-list li.parent .icon:before,
  .front-page .mobile-sub-menu ul.category-list li.parent .icon:after {
    background-color: var(--mobile-menu-text-color);
  }

  .front-page .mobile-sub-menu ul.category-list li.parent.active > a .icon:before {
    background: transparent;
  }

  .front-page .mobile-sub-menu ul.category-list li.parent:hover .icon:before,
  .front-page .mobile-sub-menu ul.category-list li.parent:hover .icon:after {
    background-color: var(--mobile-menu-active-text-color);
  }

  .front-page .mobile-sub-menu ul.category-list ul.children a:hover {
    background-color: var(--mobile-menu-active-bg-color);
    color: var(--mobile-menu-active-text-color);
  }

  .front-page .mobile-sub-menu ul.category-list li.parent.active .icon:after {
    background-color: var(--mobile-menu-active-text-color);
  }

  .front-page .mobile-sub-menu ul.category-list ul.children a {
    background-color: var(--mobile-submenu-bg-color);
  }
	  .front-page .mobile-sub-menu ul.category-list ul.children a {
    color:var(--mobile-menu-text-color);
  }
}
/* Author: Anthony LAU - Change mobile menu color to black - End - 2024 Mar 15 */

/* Author: Anthony LAU - News page styling - Start - 2024 Oct 17*/
.news-single ol {
    list-style-type: decimal;
    margin-left: 2em;
}
.news-single ul {
    margin-left: 2em;
}
.news-single #news-single .section-content ul li{
    margin-bottom: 1rem;
    margin-left: 0 !important;
}
/* Author: Anthony LAU - News page styling - End - 2024 Oct 17*/


/* Author: Anthony LAU - Responsive Font Size Adjustments for Exhibition Headers - Start - 2024 Oct 24*/
/* Ensures optimal readability across different device widths */
@media (max-width: 768px) {
    .single-exhibition #single-exhibition-hero-banner div.single-section-header h1:lang(en) {
        font-size: 22px;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .single-exhibition #single-exhibition-hero-banner div.single-section-header h1:lang(en) {
        font-size: 32px;
    }
}
/* Author: Anthony LAU - Responsive Font Size Adjustments for Exhibition Headers - End - 2024 Oct 24*/