html {
	overflow-y: auto;
	scroll-behavior: smooth;
}

.tls-scroll-nav{
}

.tls-scroll-nav ul {
    max-width: 100%;
    overflow-x: auto;
    list-style: none;
    padding: 0;
    margin:0;
    padding:15px;
    font-size: 1.5em;
    white-space: nowrap;
    scroll-padding-left: 30px;
    scroll-padding-right: 30px;
    text-align: center;
}

.tls-scroll-nav li {
    display: inline-block;
    margin-right: 30px;
}

.tls-scroll-nav li.active a {
    text-decoration: underline;
}

.tls-scroll-nav-wrapper {
    position: sticky;
    top: 32px; /* default admin bar height */
    z-index: 999;
    backdrop-filter: blur(10px);
}

/* Adjust for high-DPI (retina) screens */
@media screen and (max-width: 767px) {
    .tls-scroll-nav-wrapper {
        top: 46px;
    }
}

/* When admin bar is NOT visible */
body:not(.admin-bar) .tls-scroll-nav-wrapper {
    top: 0;
}

@media (max-width: 767px) {
    .tls-scroll-nav ul{
        font-size:1.2em;
        padding:10px 30px;
    }
}