body {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  }

.navbar {
    background-color: transparent;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.navbar.scrolled {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar.scrolled #info-bar {
    background-color: #017E00 !important;
}

#main-nav .logo {
    opacity: 0;
    transition: opacity 0.3s ease;
}

@media (min-width: 768px) {
    .navbar.scrolled #main-nav {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .navbar.scrolled #main-nav .logo {
    opacity: 1;
    }

    .navbar.scrolled #main-nav a,
    .navbar.scrolled #main-nav .text-white,
    .navbar.scrolled #menu-btn svg,
    .navbar.scrolled .mobile-search svg {
    color: #000 !important;
    stroke: #000 !important;
    }
}

.navbar.scrolled #info-bar a {
    color: #fff !important;
}

#menu {
    font-weight: bold;
}

#mobile-menu {
    font-weight: bold;
}

#topbar {
    font-weight: bold;
}

/** APA LIST ICON**/
ul li#icon {
  list-style-image: url("/images/icons/bullet_arrow.png");
}

.card-top-shadow {
  box-shadow: 
    0 -4px 8px rgba(0, 0, 0, 0.15), /* shadow above */
    0 4px 6px rgba(0, 0, 0, 0.1);   /* normal shadow below */
}