/* header */
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
float: left;
z-index: 3;
box-shadow: 0 -30px 2px 20px rgba(0,0,0,0);
transition: all 0.25s ease-in-out;
background-color: #fff;
min-height: 6.9em;
}

.edit-mode #header {
z-index: 100;
}

.scroll-header #header {
box-shadow: 0 -30px 100px 20px rgba(0,0,0,0.1);
padding: 0;
}

.scroll-header.open-menu #header {
box-shadow: 0 -30px 2px 20px rgba(0,0,0,0);
}

.header-wrapper {
position: relative;
}