/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/*Sticky navigation Bar*/

#site-header {
    position: sticky;
    top: 0;
    width: 100%;
/*     background: transparent; */
    transition: background 0.3s ease-in-out;
    z-index: 1000;
}

#site-header.scrolled {
/*     background: #052D46 !important; /* Change to any background color you like */ */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	
}

/* Change menu link color to white when scrolled */
#site-header.scrolled .main-navigation a {
    color: white !important; /* Menu links change to white */
	
}

/* Menu link color for the normal state (before scroll) */
#site-header .main-navigation a {
    color: black !important; /* Menu links default to black */
	
}

/* Fix for sticky navbar issue on blog post pages */
body.single-post #site-header {
    position: sticky !important;  /* Ensure sticky works on single post */
}


/* Elementor Button Icon */

.elementor-button-icon{
	transition: 0.3s ease all;
}
.elementor-button-link:hover .elementor-button-icon{
	transform: translateX(4px);
}


/* footer icon hover animation */
.elementor-icon-list-item{
		transition: 0.3s ease all;

}

.elementor-icon-list-item:hover{
	transform: translateX(4px);
}