/*------------------------------------------------------------------
SHe Header Style
-------------------------------------------------------------------*/
:root {
	--she-duration: 0.4s;
	--she-ease: ease-in-out;
	--she-hide-duration: 0.4s;
	--she-show-duration: 0.1s;
	--she-hide-ease: linear;
	--she-show-ease: linear;
	--she-show-delay: 0s;

	/* TRANSITION EASING ANIMATIONS */
	--she-ease-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	--she-ease-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
	--she-ease-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	--she-ease-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	--she-ease-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	--she-ease-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	--she-ease-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
	--she-ease-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);

	/* TOGGLE BUTTON EASE */
	--she-toggle-ease: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

body:not(.elementor-editor-active) .she-header,
body:not(.elementor-editor-active) .she-header-transparent-yes,
.header,
.she-header-yes,
.she-header {
	width: 100% !important;
}

.header,
.she-header-yes,
.she-header,
.she-header:not(.elementor-sticky--active),
.she-header-transparent-yes {
	z-index: 99;
}

.she-header-yes {
	transition-property: all, transform, margin !important;
	transition-duration: var(--she-duration), var(--she-show-duration), 0s !important;
	transition-timing-function: var(--she-ease), var(--she-show-ease), ease !important;
	transition-delay: var(--she-delay), var(--she-show-delay), 0s !important;
}

.she-header-yes.headerup {
	transition-property: all, transform, margin !important;
	transition-duration: var(--she-duration), var(--she-hide-duration), 0s !important;
	transition-timing-function: var(--she-ease), var(--she-hide-ease), ease !important;
	transition-delay: var(--she-delay), var(--she-hide-delay), 0s !important;
}

.she-header {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.she-header:not(.elementor-sticky--active) {
	position: fixed !important;
}

.she-header.she-header-change-logo-image .elementor-widget-theme-site-logo img {
	-webkit-animation-duration: var(--she-duration);
	animation-duration: var(--she-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.she-header-yes .elementor-widget-theme-site-logo *,
.she-header-yes .logo img {
	transition: all var(--she-duration) var(--she-ease) !important;
}

/* Custom Hamburger Menu */

.she-header-yes .elementor-menu-toggle:before,
.she-header-yes .elementor-menu-toggle:after,
.she-header-yes .elementor-menu-toggle i:after {
	transition: transform 0.3s var(--she-toggle-ease), width 0.3s var(--she-toggle-ease);
}

.she-header-yes .elementor-menu-toggle {
	position: relative;
	transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.she-header-yes .elementor-menu-toggle.elementor-active:before {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.she-header-yes .elementor-menu-toggle:after {
	transform: translate(-50%, calc(-50% - 0.25em));
}

.she-header-yes .elementor-menu-toggle.elementor-active:after {
	transform: translate(-50%, -50%) rotate(45deg);
}

.she-header-yes .elementor-menu-toggle i:after {
	transform: translate(-50%, -50%);
}