/****************************
 * Floating Nav
****************************/
.vii-sticky-nav {
    position:sticky; top:0; right:0;
    transition:top 0.3s ease; z-index:5; background-color:var(--vii-color-primary);
    display:flex; align-items:center; justify-content:center;
}
/* list */
.vii-sticky-nav ul li {flex-shrink:0;}
.vii-sticky-nav ul li.active .vii-sticky-nav-title {
    background:var(--vii-color-primary); color:white;
    border-color:var(--vii-color-gray);
}

/* Button */
.vii-sticky-nav-title {
    background:transparent; color:inherit;
    padding:5px 56px; min-height:68px;
    font-size:var(--vii-size-18);
}

/* hover */
.vii-sticky-nav-title:hover {color:var(--vii-color-primary);}

/* Scroll behaviour */
body.scroll-up:not(.scroll-top) .vii-sticky-nav {top:var(--vii-header-height-sticky);}

/* remove bottom spacing from header */
body.vii-has-sticky-nav .site-banner {margin-bottom:0 !important;}

/* hide sticky nav */
body.hide-sticky-nav [data-menu*="sticky"] {opacity:0; transform:translateY(-100%);}
body.hide-sticky-nav .vii-sticky-nav {top:0 !important;}

/****************************
 * Floating Nav Responsive
****************************/
@media only screen and (max-width:1380px) {
    /* Button */
    .vii-sticky-nav-title {padding:5px 40px;}
}
@media only screen and (max-width:1280px) {
    /* Button */
    .vii-sticky-nav-title {padding:5px 20px; min-height:50px; font-size:var(--vii-size-14);}
}
@media only screen and (max-width:768px) {
    /* hide the sticky navigation */
    .vii-sticky-nav ul {display:none;}
}