:root {
    --navigation-nav-down-background-color: rgba(255, 255, 255, 0.4);
    --navigation-height: 110px;
    --navigation-height-up: -110px;
}

[data-bs-theme=dark] {
    --navigation-nav-down-background-color: rgba(26, 26, 26, 0.4) !important;
}


/* ---------------------------- Body ------------------------------------------------------------------------------ */
.main-wrapper {
    padding-top: var(--navigation-height);
}

/* ---------------------------- Navbar ------------------------------------------------------------------------------ */
.header.fixed-top .header-wrapper {
    max-width: 1960px;
    margin-left: auto;
    margin-right: auto;
}
.header {
    height: var(--navigation-height);
    transition-delay: 100ms;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    box-shadow: unset;
}
.nav-up {
    top: var(--navigation-height-up) !important;
}
.nav-down {
    background: var(--navigation-nav-down-background-color);
    top: 0;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}
.navbar-transparent.nav-down {
    background-color: unset !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: unset !important;
    backdrop-filter: unset !important;
}
.nav-down .text-white {
    color: inherit !important;
}
.navbar-transparent.nav-down .text-white {
    color: #ffffff !important;
}

/* ---------------------------- Navbar ------------------------------------------------------------------------------ */
/* ---------------------------- Scroll Progress --------------------------------------------------------------------- */
.scroll-progress {
    z-index: 2000 !important;
}

/* ---------------------------- Page Background Image --------------------------------------------------------------- */
.page-bg-image-fullsize .bg-image {
    min-height: 100vh;
}



/* ---------------------------- BOTTON ------------------------------------------------------------------------------ */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(var(--core-color-rgb), 1.0);
    --bs-btn-border-color: rgba(var(--core-color-rgb), 1.0);
/*
    border-radius: 100px;
    padding: 20px;
    */
}

.btn-primary:hover {
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
}