/* Scroll Offset Fixes */

html {
    scroll-padding-top: 5rem !important;
}

.scroll-reveal {
    transform: translateY(8px) !important;
}

.scroll-reveal.visible {
    transform: translateY(0) !important;
}

/* Navbar toggler as text */
#mainNav .navbar-toggler {
    color: #fff !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-size: 1rem !important;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 700 !important;
    transition: opacity 0.2s ease-in-out;
}

#mainNav .navbar-toggler:hover {
    opacity: 0.8;
}

/* Navbar color switching for WHITE sections - DARK text */
#mainNav.navbar-light-mode .navbar-brand {
    color: var(--slate-900) !important;
}

#mainNav.navbar-light-mode .navbar-nav li.nav-item a.nav-link {
    color: var(--slate-700) !important;
}

#mainNav.navbar-light-mode .navbar-nav li.nav-item a.nav-link:hover {
    color: var(--primary-600) !important;
}

#mainNav.navbar-light-mode .navbar-nav li.nav-item a.nav-link:active,
#mainNav.navbar-light-mode .navbar-nav li.nav-item a.nav-link:focus {
    color: var(--primary-600) !important;
}

#mainNav.navbar-light-mode .navbar-nav li.nav-item a.nav-link.active {
    color: var(--primary-600) !important;
}

#mainNav.navbar-light-mode .navbar-toggler {
    color: var(--slate-900) !important;
}

#mainNav.navbar-light-mode .navbar-toggler:hover {
    color: var(--primary-600) !important;
    opacity: 1;
}