/*
The site header stylesheet (which is not crticial CSS)
*/

/* OPACITY WHEN SCROLL */
#site_header.up {
    opacity: .8;
    transition: opacity .3s ease-in-out;
}
#site_header.down {
    opacity:.8;
    transition: opacity .3s ease-in-out;
}
#site_header.up:has(.open),
#site_header.down:has(.open) {
    opacity: 1;
}
/* OPACITY WHEN HOVER */
#site_header.up:hover,
#site_header.down:hover,
#site_header:hover {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}