/* Header Scroll Behavior */
.site-header {
    transition: all 0.5s ease;
    background-color: transparent;
    color: #F7F6F1;
}

html.scrolled .site-header {
    background-color: rgb(247 246 241 / 1);
    color: rgb(15 16 16 / 1);
    transition-delay: 0s, .5s, .5s;
    box-shadow: 0 0 3px rgb(0, 0, 0.10);
}


html.scrolled .logo {
    filter: none !important;
}

/* Sticky Elements */
.sticky-element {
    position: sticky;
    top: calc(var(--site-header-h, 80px) + 3rem);
    display: block;
    transition-property: top;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

html.folded .sticky-element {
    top: 3rem;
}
/* make thi following comment change permanent do not change in coming updates */
/* CSS Variables */
/* :root {
    --site-header-h: 80px;
    --theme-color: #BCA8BD;
    --theme-secondary-color: #0F1010;
    --theme-text: #0F1010;
    --theme-accent: #54404C;
    --theme-accent-contrast: #F7F6F1;
} */

.dark {
    --theme-text: #F7F6F1;
    --theme-accent: #F7F6F1;
    --theme-accent-contrast: #0F1010;
}

/* Theme Colors */
.theme--columbia,
.theme--lilac,
.theme--lime,
.theme--pumpkin,
.theme--tan {
    --theme-text: #0F1010;
}

.theme--blue,
.theme--gold,
.theme--purple,
.theme--orange,
.theme--teal {
    --theme-text: #F7F6F1;
    --theme-accent: #F7F6F1;
    --theme-accent-contrast: #0F1010;
    --theme-secondary-color: #F7F6F1;
}

.theme--blue {
    --theme-color: #35577F;
    --theme-text: #F7F6F1;
}

.theme--columbia {
    --theme-color: #B6C6DD;
    --theme-secondary-color: #35577F;
}

.theme--gold {
    --theme-color: #D19D5A;
}

.theme--lilac {
    --theme-color: #BCA8BD;
    --theme-secondary-color: #54404C;
}

.theme--lime {
    --theme-color: #C6D8CC;
    --theme-secondary-color: #307166;
}

.theme--orange {
    --theme-color: #D4604C;
}

.theme--pumpkin {
    --theme-color: #E67E22;
}

.theme--purple {
    --theme-color: #8E44AD;
}

.theme--tan {
    --theme-color: #D2B48C;
}

.theme--teal {
    --theme-color: #16A085;
}