/* 
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 */

html {
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
	overflow-y: hidden;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

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

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

#preving-loader {
    transition: none !important;
    will-change: transform, opacity;
}

.elementor-widget-text-editor {
    display: block !important;
}

.project-card:hover .project_card_inner {
	opacity: 1;
	transform: translate3d(0px, 0, 0px);
}

.project-card::before {
    content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #1c1c1c40;
	mix-blend-mode: multiply;
	transition: all 0.75s ease;
	z-index: 2;
}

.project-card:hover::before {
    background-color: #1c1c1cb0;
}

.project-card-overlay {
    transition: none !important;
    will-change: transform;
    z-index: 1;
}

.cwa-btn-red-xl:hover .btn-xl-icon,
.cwa-btn-trns-xl:hover .btn-xl-icon {
    -webkit-animation: hide_hover_icon .5s forwards;
	animation: hide_hover_icon .5s forwards;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}

.cwa-btn-trns-xl:hover .btn-xl-icon {
    color: #ffffff;
}


.cwa-btn-trns-xl:hover .cwa-btn-ico-wrap {
    background-color: var(--Flag_Red);
}

.cwa-btn-red-md:hover .btn-md-ico {
    -webkit-animation: hide_hover_icon .5s forwards;
	animation: hide_hover_icon .5s forwards;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}

.section-licence::before {
    content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #1c1c1ce6;
	mix-blend-mode: multiply;
}

.nas-tim-intro::before {
    content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #ffffffbd;
}

.kontakt-intro::before {
    content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #ffffffe3;
}

#preving-contact::before {
    content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #1c1c1cdb;
	mix-blend-mode: multiply;
}

.team-member-wrap:hover h5,
.team-member-wrap:hover p {
    color: #ffffff;
}

.project-hero::before {
    content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #1c1c1cdb;
	mix-blend-mode: multiply;
}

.asb_fade_in {
    transition: none !important;
    will-change: opacity;
}

.asb_fade_up {
    transition: none !important;
    will-change: transform, opacity;
}

.asb_fade_left {
    transition: none !important;
    will-change: transform, opacity;
}

.anim_letters {
    transition: none;
}

.anim_letters div,
.anim_letters div, 
.anim_letters div {
    transition: none;
    transform-origin: left center;
    will-change: transform, opacity;
    visibility: hidden;
    transform: translateY(25px);
    opacity: 0;
}

.header_wrap.scrolled .header_top {
    margin-top: -45px;
}

.preving-popup-btn {
	padding: 0;
	border: none;
}

#elementor-popup-modal-2558, #elementor-popup-modal-3064 {
	z-index: 900;
}

@media (max-width: 1024px) {

}

@media (max-width: 767px) {
	.header_wrap.scrolled .header_top {
		margin-top: -40px;
	}
	
}

@keyframes hide_hover_icon {
	0% {
		transform: translatex(0);
		opacity: 1
	}

	50% {
		transform: translatex(20px);
		opacity: 0
	}

	51% {
		transform: translatex(-20px);
		opacity: 0
	}

	100% {
		transform: translatex(0);
		opacity: 1
	}
}