/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

/***Layout***/

/*Header*/

.header:after {
	content: "";
	z-index: -1;
	pointer-events: none;
	transform-origin: 50% 0;
	transform-style: preserve-3d;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	transition: transform .5s cubic-bezier(.63,.05,0,1);
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	backdrop-filter: blur(10px);
	transform: scaleY(0);
}

.header.header-fixed:after {
	transform: scaleY(1);
}

.header .menu-item.menu-btn > a {
	background-color: var( --e-global-color-primary);
	color: var( --e-global-color-c163ae5 );
	border-radius: 23px;
}

.header .menu-item.menu-btn > a:hover {
	background-color: var(--e-global-color-c163ae5);
	color: var(--e-global-color-50472d4) !important;
}


.header .menu-item.menu-btn > a.elementor-item-active {
	background-color: var(--e-global-color-c163ae5);
	color: var(--e-global-color-50472d4) !important;
}

@media (max-width:1024px) {
	.header .menu-item.menu-btn {
		display: grid;
  		justify-content: center;
		
	}
	
	.header .menu-item.menu-btn > a {
		padding-inline: 40px !important;
		border-radius: 34px;
	}
}

.nav-menu svg {
  display:block
}

.nav-menu .line {
  fill:none;
  stroke:var(--e-global-color-c163ae5);
  stroke-width:6;
  transition:stroke-dasharray 600ms cubic-bezier(.4,0,.2,1),stroke-dashoffset 600ms cubic-bezier(.4,0,.2,1)
}

.nav-menu .line1 {
  stroke-dasharray:60 207;
  stroke-width:6
}

.nav-menu .line2 {
  stroke-dasharray:60 60;
  stroke-width:6
}

.nav-menu .line3 {
  stroke-dasharray:60 207;
  stroke-width:6
}

.nav-menu .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open {
  display:block
}

.nav-menu .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open .line1 {
  stroke-dasharray:90 207;
  stroke-dashoffset:-134;
  stroke-width:6
}

.nav-menu .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open .line2 {
  stroke-dasharray:1 60;
  stroke-dashoffset:-30;
  stroke-width:6
}

.nav-menu .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open .line3 {
  stroke-dasharray:90 207;
  stroke-dashoffset:-134;
  stroke-width:6
}

.nav-menu .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--close {
  display:none
}

@media (max-width:1024px) {
	.header .logo {
		z-index:9998;
	}
	
	.header .elementor-menu-toggle {
		z-index:9998;
	}
	
  .nav-menu>.elementor-nav-menu--dropdown {
    position:fixed!important;
    inset-block: calc(0px + var(--wp-admin--admin-bar--height)) 0 !important;
    inset-inline:0;
    padding-inline:12px;
    padding-block:72px 12px;
    margin-top:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    animation:none!important;
    transition:transform 0.3s!important;
    transform:translateX(100%)!important;
    max-height:none!important;
    background-color:var(--e-global-color-50472d4)!important;
    background-color:hsl(from var(--e-global-color-50472d4) h s l / .85) !important;
	  backdrop-filter: blur(10px);
	}
	
.nav-menu .elementor-menu-toggle.elementor-active+.elementor-nav-menu--dropdown {
    transform:translateX(0%)!important
  }
	
	.nav-menu ul {
		width: 100%;
	}
	
	.nav-menu ul a {
		justify-content: center;
	}
}

/**Homepage**/

.home-hero {
	isolation: isolate;
}

.home-hero:after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background: linear-gradient(-30deg, var(--e-global-color-primary) -50%, var(--e-global-color-50472d4) 55%);
	opacity: .6;
	z-index: -1;
}

.home-hero:before {
	z-index: -2;
}

.home-show-card {
	cursor: default;
	isolation: isolate;
}
	
.home-show-card:after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, var(--e-global-color-primary) 0%, var(--e-global-color-50472d4) 55%);
	border-radius: var(--border-radius);
	transition: all .3s !important;
	opacity: 0;
	z-index: -1;
}

.home-show-card .home-show-card-text {
	position: relative;
	transform: translatey(30px);
	opacity: 0;
	transition: all .3s !important;
}

.home-show-card:hover .home-show-card-text {
	transform: translatey(0px);
	opacity: 1;
}

.home-show-card:hover:before {
	opacity: .6;
}

.home-show-card:hover:after {
	opacity: .6;
}

@media (max-width:1024px) {
	.home-stats-title br {
		display: none;
	}
	
	.home-show-card .home-show-card-text {
		transform: translatey(0);
		opacity: 1;
	}
}

/**About us**/

@media (max-width:1024px) {
	.team-photo img {
		aspect-ratio: 4 / 5;
	}
}
	
/**Contact**/
	
.form-contact .elementor-field-textual.elementor-size-md {
	min-height: 50px !important;
}

/**Text Editor**/

.text-editor h3 {
	margin-block: 24px 12px;
}