/*------------------------------------------------------------------

Header Style

-------------------------------------------------------------------*/

.header {
	z-index: 99;
	width: 100%;
}

/* added box shadow transition */
.she-header-yes {
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out, margin 0s, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
	transition: all 0.4s ease-in-out, margin 0s, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
	-o-transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 2s ease 0s;
	-webkit-transition: all 0.4s ease-in-out, margin 0s, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
	transition: all 0.4s ease-in-out, margin 0s, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
	transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 2s ease 0s;
	transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
	transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out !important, top 2s ease 0s, -webkit-box-shadow 0.4s ease-in-out !important;
}

/* added box shadow transition */
.she-header {
	width: 100%;
	z-index: 9999;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-transition: background-color 0.4s ease-in-out, top 2s ease 0s, -webkit-transform 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
	transition: background-color 0.4s ease-in-out, top 2s ease 0s, -webkit-transform 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
	-o-transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, top 2s ease 0s;
	transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, top 2s ease 0s;
	transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, top 2s ease 0s, -webkit-transform 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
}

body:not(.elementor-editor-active) .she-header { 
	width: 100%;
}

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

/* added box shadow transition */
.she-header-transparent-yes {
	position: absolute !important;
	z-index: 99;
	-webkit-transition: all 0.4s ease-in-out, margin 0s, -webkit-box-shadow 0.4s ease-in-out;
	transition: all 0.4s ease-in-out, margin 0s, -webkit-box-shadow 0.4s ease-in-out;
	transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out;
	transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out, margin 0s,
			box-shadow 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out, margin 0s,
			box-shadow 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out, margin 0s, box-shadow 0.4s ease-in-out;
	width: 100%;
}

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

.she-custom-background {
	transition: background-color 0.4s ease-in-out;
	-webkit-transition: background-color 0.4s ease-in-out;
	-moz-transition: background-color 0.4s ease-in-out;
	-ms-transition: background-color 0.4s ease-in-out;
	-o-transition: background-color 0.4s ease-in-out;
}

.she-header-blur {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-transition: -webkit-backdrop-filter 0.2s ease-in-out 0.2s;
	transition: -webkit-backdrop-filter 0.2s ease-in-out 0.2s;
	transition: backdrop-filter 0.2s ease-in-out 0.2s;
	transition: backdrop-filter 0.2s ease-in-out 0.2s, -webkit-backdrop-filter 0.2s ease-in-out 0.2s;
	-webkit-transition: backdrop-filter 0.2s ease-in-out 0.2s;
	-moz-transition: backdrop-filter 0.2s ease-in-out 0.2s;
	-ms-transition: backdrop-filter 0.2s ease-in-out 0.2s;
	-o-transition: backdrop-filter 0.2s ease-in-out 0.2s;
}

.headerup {
	-webkit-transition: transform 1s ease-in-out !important;
	-o-transition: transform 1s ease-in-out !important;
	-webkit-transition: -webkit-transform 1s ease-in-out !important;
	transition: -webkit-transform 1s ease-in-out !important;
	transition: transform 1s ease-in-out !important;
	transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out !important;
	-webkit-transform: translateY(-100vh) !important;
	-ms-transform: translateY(-100vh) !important;
	transform: translateY(-100vh) !important;
}

.she-header-change-logo-color-yes
	.elementor-widget-theme-site-logo
	img.change-logo-color,
.she-header-change-logo-color-yes .elementor-widget-theme-site-logo img,
.elementor-widget-theme-site-logo img,
.she-header-yes .logo img {
	-webkit-transition: all 0.4s ease-in-out !important;
	-o-transition: all 0.4s ease-in-out !important;
	transition: all 0.4s ease-in-out !important;
}

.she-header-hide-on-scroll-yes {
	-webkit-transition: transform 1s ease-in-out;
	-o-transition: transform 1s ease-in-out;
	-webkit-transition: -webkit-transform 1s ease-in-out;
	transition: -webkit-transform 1s ease-in-out;
	transition: transform 1s ease-in-out;
	transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

/* .admin-bar .she-header-transparent-sticky-yes,
.admin-bar .she-header-transparent-yes,
.admin-bar .she-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .she-header-transparent-sticky-yes,
	.admin-bar .she-header-transparent-yes,
	.admin-bar .she-header {
			top: 46px;
	}
} */

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

/* 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 {
	-webkit-transition: width 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65), -webkit-transform 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
	transition: width 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65), -webkit-transform 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
	-o-transition: transform 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65), width 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
	transition: transform 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65), width 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
	transition: transform 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65), width 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65), -webkit-transform 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

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

.she-header-yes .elementor-menu-toggle.elementor-active:before {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
			-ms-transform: translate(-50%,-50%) rotate(-45deg);
					transform: translate(-50%,-50%) rotate(-45deg);
}
.she-header-yes .elementor-menu-toggle:after{
	-webkit-transform: translate(-50%,calc(-50% - 0.25em));
			-ms-transform: translate(-50%,calc(-50% - 0.25em));
					transform: translate(-50%,calc(-50% - 0.25em));
}
.she-header-yes .elementor-menu-toggle.elementor-active:after {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
			-ms-transform: translate(-50%,-50%) rotate(45deg);
					transform: translate(-50%,-50%) rotate(45deg);
}
.she-header-yes .elementor-menu-toggle i:after{
	-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
}