/* 
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 */
/* =========================================
   Custom styles
========================================= */
/* Prevent text wrapping */
.txt-no-wrap {
	text-wrap-mode: nowrap;
} 

/* =========================================
   Fade up animation
========================================= */
/* Hide only on frontend, not in Elementor editor */
body:not(.elementor-editor-active) .fade-up {
  opacity: 0;
  transform: translateY(24px);
}

/* =========================================
   Fade left / right animations
========================================= */
/* Base styles */
body:not(.elementor-editor-active) .fade-left,
body:not(.elementor-editor-active) .fade-right {
  opacity: 0;
  will-change: transform, opacity;
}

/* Start position from left */
body:not(.elementor-editor-active) .fade-left {
  transform: translateX(-40px);
}

/* Start position from right */
body:not(.elementor-editor-active) .fade-right {
  transform: translateX(40px);
}

/* =========================================
   Fade in when partially visible
========================================= */
body:not(.elementor-editor-active) .fade-in-20,
body:not(.elementor-editor-active) .fade-in-50 {
  opacity: 0;
  will-change: opacity;
}

/* =========================================
   Fade in when fully visible
========================================= */
body:not(.elementor-editor-active) .fade-in-full {
  opacity: 0;
  will-change: opacity;
}

/* =========================================
   Soft parallax effect
========================================= */
.parallax-soft {
  will-change: transform;
}

/* =========================================
   Social icon hover animation
========================================= */
/* Smooth transition */
.social-link .e-svg-base {
  transition: transform 0.3s ease;
}

/* Move icon slightly left on hover */
.social-link:hover .e-svg-base {
  transform: translateX(-6px);
}

/* =========================================
   Large screen page borders
========================================= */
@media(min-width: 1921px){

	.page-wrapper {
		border-left: 1px solid rgba(255,255,255,.5);
		border-right: 1px solid rgba(255,255,255,.5);
	}

}

/* =========================================
   Small mobile typography fix
========================================= */
@media(max-width: 370px){

	.txt-no-wrap.txt-no-wrap {
		font-size: 26px;
		line-height: 24px;
	}

}