/*
	Theme Name: Hello Elementor Child
	Theme URI:#
	Description: Hello Elementor Child Theme
	Author: Prince
    Template: hello-elementor
    Version: 1.0.0
    */

/* Sticky Header */
/* Default State */
#site-header {
    position: fixed;
    left: 0;
    right: 0; 
    /* top: 4vh; */
    width: 1400px;
}

/* Transition only when header is in relative position */
#site-header:not(.fixed-header) {
    transition: all .6s ease;
}

/* Hidden while scrolling down */
#site-header.hide-header {
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
}

/* Scroll up → Show */
#site-header.show-header {
    opacity: 1;
    transform: translateY(0);
}

/* After user scrolls 200px → Fixed */
#site-header.fixed-header {
    position: fixed;
    width: 100%;
    z-index: 999;
    transition: all .6s ease;
    max-width: 100vw;
    top: 0;
    right: 0;
}


#site-header { 
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    #site-header { 
        max-width: 90%;
    }
}

@media (max-width: 767px) {
    #site-header { 
        max-width: 100%;
        padding: 0 15px;
    }
}