/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child Theme di Hello Elementor
Author: Imago
Template: hello-elementor
Version: 1.0.0
*/
.parallax-code {
  animation: parallax 3s linear;
  animation: parallax linear;
  animation-timeline: scroll();
}
@keyframes parallax {
  from {
    background-position: bottom 0px center;
  }
  to {
    background-position: bottom -400px center;
  }
}

@keyframes float {
  0% {
    top: 25%;
  }
  100% {
    top: 50%;
  }
}
.hero-overlay:after {
	background: #1B1D26;
	background: linear-gradient(180deg,rgba(27, 29, 38, 1) 0%, rgba(27, 29, 38, .6) 25%, rgba(27, 29, 38,.2) 50%, rgba(27, 29, 38, .7) 75%, rgba(27, 29, 38, 1) 100%);
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	content:''
}
.ta-sticky-header {
	overflow:hidden
}
.ta-sticky-header .logo-v{
	transition:all .5s;
	transform:translateY(0);
	width:auto
}
.ta-sticky-header .logo-h{
	transition:all .5s;
	transform:translateY(150px);
	width:0
}
.ta-sticky-header.ta-sticky-active .logo-v{
	transition:all .5s;
	transform:translateY(-150px);
	width:0
}
.ta-sticky-header.ta-sticky-active .logo-h{
	transition:all .3s;
	transform:translateY(0);
	width:auto
}
#tahefobu-header.ta-sticky-active, .turbo-header-template.ta-sticky-active {
    background: #1b1d26;
}