/* ---- from header-nav.php (originally lines 89-150) ---- */
.sticky-page-bar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,0.85);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    border-bottom:1px solid rgba(255,255,255,0.08);
    padding:18px 0;
    z-index:999;
    transform:translateY(-120%);
    transition:transform 0.35s ease, padding 0.25s ease;
}

.sticky-page-bar.active{
    transform:translateY(0);
}

/* add extra spacing when scrolling DOWN */
.sticky-page-bar.scroll-down{
    padding-top:28px;
}

.sticky-title-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
}

.sticky-title-text{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.sticky-title-main{
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.6px;
    color:var(--text-color);
}

.sticky-title-sub{
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    color:#cfcfcf;
    letter-spacing:1px;
}

.sticky-page-icon{
    width:28px;
}