/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Header Scroll Background
-----------------------------------------------------------------*/
#header {
	transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

#header.header-scrolled #header-wrap {
	background-color: rgba(255, 255, 255, 0.97) !important;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}