/**
 * Theme Name: Twenty Four Child
 * Template:   twentytwentyfour
 * Description: Child theme for me
 * Version: 11.0.0
 * Author: Robot
 * License: GNU General Public License v2.0 or later
 */

html {
    scroll-behaviour: smooth;
}


/* Sticky Header */
#site-header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -8px 27px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    transition: top 0.8s ease, opacity 0.7s ease;
}

#site-header.hidden {
    top: 500px;
    /* Adjust the value as per your header height */
    opacity: 0;
}