/* Header animation */

/* Base header setup */
.header-container {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  background-color: transparent;
}

/* Header slides off screen upward */
.header-container.header-hidden {
  transform: translateY(-100%);
}

/* Background drops in when scrolling up */
.header-container.header-scrolled {
  background: linear-gradient(
    180deg, 
    rgba(51, 51, 51, 0.98) 0%,
    rgba(51, 51, 51, 0.85) 50%,
    rgba(51, 51, 51, 0.4) 100%
);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}


/* Desktop menu */

.navbar-menu .menu-item a::after {
    content: '';
    display: block;
    width: 0;
    transition: width 0.3s ease;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0;
}

.navbar-menu .menu-item a:hover::after,
.navbar-menu .current-menu-item a::after {
    width: 100%;
}


/* Mobile nav */

.mobile-nav .ekit_widget-heading {
	padding: 0 !important;
}

.mobile-nav .ekit_widget-heading a {
	position: relative !important;
}

.mobile-nav .ekit-widget-area-container > div > div .e-con-inner {
	margin-top: 20px !important;
}

.mobile-nav .mobile-menu .menu-item:hover {
	background: #B42D33;
}

.mobile-nav .mobile-menu .current-menu-item {
	background: #B42D33;
}