/*--------------------------------------------------------------------------*\
    Shade bottom when scroll > 0 in JS (on header for example)
\*--------------------------------------------------------------------------*/

.is-shade-bottom-scroll-js--trigger {
    /*transition*/
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s;
}

.is-shade-bottom-scroll-js {
    /*box*/
    -webkit-box-shadow: rgb(0 0 0 / 16%) 0px 2px 18px 0px;
    box-shadow: rgb(0 0 0 / 16%) 0px 2px 18px 0px;
}