nav {
    /* background-color: #fcf8d5; */
    /* background: linear-gradient(90deg, #2563EB, #0D9488); */
    background-color: var(--bs-primary);
    /*
    color: white;
    padding: 40px 0;
    text-align: center;
    */
}
.navbar-brand, .nav-link, .navbar-toggler  {
    /* color: #d2571c; */
    /*
    font-size: larger;
    font-weight: 600;
    */
}
.nav-link.active, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show  {
    /* color: var(--bs-orange); */
}
.navbar-brand:focus, .navbar-brand:hover {
    /* color: var(--bs-orange); */
}
#smoct-logo {
    width: 12rem;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
}

.list-group-item:has(.nav-link.active) {
    background-color: var(--smoct-color-text1);
}
div.offcanvas.offcanvas-end.show {
    width: 17rem;
}
.smoct-sign-in-out {
    margin-left: -32px;
}
div.offcanvas.offcanvas-top.show {
    height: 50vh;
    max-height: 100%;
}
.scrolled-down{
  transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
  transform:translateY(0); transition: all 0.3s ease-in-out;
}