/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body {
    overflow-x: hidden;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
   pointer-events: none;
}

@-webkit-keyframes rotating {
    to {
        transform: rotate(360deg);
    }
}

.rotating-100 {
    -webkit-animation: rotating 100s linear infinite;
}

.rotating-115 {
    -webkit-animation: rotating 115s linear infinite reverse;
}

.rotating-130 {
    -webkit-animation: rotating 130s linear infinite;
}

.rotating-145 {
    -webkit-animation: rotating 145s linear infinite reverse;
}

#scene_hero {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    display: block;
    z-index: 2;
}

.mnuTime a, .mnuAbout a, .mnuGallery a, .mnuContact a  {
    align-items: center;
	justify-content: center;
}

.mnuTime a::before, .mnuAbout a::before, .mnuGallery a::before, .mnuContact a::before {
    content: '';
	position: absolute;
	display: flex;
	background-color: transparent !important;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: all 0.5s ease;
	z-index: 1;
}

.mnuTime a::before {
	background-image: url('https://powwow.asban.dev/wp-content/uploads/2023/07/bird.png');
	width: 26px;
	height: 24px;
	top: -20px;
}

.mnuTime a:hover {
	color: #e83e51 !important;
}

.mnuTime a.elementor-item-active::before {
    top: -25px;
	opacity: 1;
}

.mnuTime:hover a::before {
	top: -25px;
	opacity: 1;
}

.mnuAbout a::before {
	background-image: url('https://powwow.asban.dev/wp-content/uploads/2023/07/turttle.png');
	width: 27px;
	height: 22px;
	top: -19px;
}

.mnuAbout a:hover {
	color: #f58965 !important;
}

.mnuAbout a.elementor-item-active::before {
    top: -24px;
	opacity: 1;
}

.mnuAbout:hover a::before {
	top: -24px;
	opacity: 1;
}

.mnuGallery a::before {
	background-image: url('https://powwow.asban.dev/wp-content/uploads/2023/07/bear.png');
	width: 31px;
	height: 18px;
	top: -15px;
}

.mnuGallery a:hover {
	color: #e83e51 !important;
}

.mnuGallery a.elementor-item-active::before {
    top: -20px;
	opacity: 1;
}

.mnuGallery:hover a::before {
	top: -20px;
	opacity: 1;
}

.mnuContact a::before {
	background-image: url('https://powwow.asban.dev/wp-content/uploads/2023/07/shapes.png');
	width: 57px;
	height: 15px;
	top: -13px;
}

.mnuContact a:hover {
	color: #f58965 !important;
}

.mnuContact a.elementor-item-active::before {
    top: -18px;
	opacity: 1;
}

.mnuContact:hover a::before {
	top: -18px;
	opacity: 1;
}

@-webkit-keyframes bg-slide {
    0% { background-position: -100%; opacity: 1; }
    5% {opacity: 1}
    95% {opacity: 1}
    100% { background-position: 0%; opacity: 0.85; }
}

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-15px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-15px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(15px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 15px, 0);
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

@keyframes animated-text {
	0% {
	background-position: 0% center;
	}
	
	50% {
		background-position: 100% center;
	}

	100% {
		background-position: -200% center;
	}
}