/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.01
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
 
/* --- Base --- */
header.elementor-location-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

/* Smooth fade transition */
.white-header,
.transparent-header {
  transition:
	opacity 600ms cubic-bezier(.22, .61, .36, 1),
	visibility 600ms cubic-bezier(.22, .61, .36, 1);
  will-change: opacity;
}

/* Initial visibility */
.white-header {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: -20px;
}

.transparent-header {
  opacity: 1;
  visibility: visible;
}

/* When scrolled 112px down */
.scrolled .transparent-header {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.scrolled .white-header {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Optional: subtle shadow when solid header is shown */
.white-header {
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}