/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1761268430
Updated: 2025-10-24 01:13:50

*/
:root {
    --e-global-color-primary: #78C9AD;
    --e-global-color-accent: #FDA172;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #171F1C;
    /* Light Background color */
    --e-global-color-27d1e2b: #F5EEE1;
    /* Dark Green */
    --e-global-color-2de7a4f: #245041;
    /* Blacked Orange */
    --e-global-color-0f6940f: #492615;
    /* Light Green */
    --e-global-color-ff055e6: #CDFAEB;
    /* Orange Hover */
    --e-global-color-dc2a3e0: #FFB38C;

}

.fade-scroll-text {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.2s linear, transform 0.2s linear;
    will-change: opacity, transform;
  }
  
  .fade-scroll-text.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .fade-scroll-text {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.18s linear, transform 0.18s ease-out;
    will-change: opacity, transform;
    backface-visibility: hidden;
  }
  
  /* Disable the effect inside the Elementor editor */
  .elementor-editor-active .fade-scroll-text,
  .elementor-edit-mode .fade-scroll-text {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }



  .image-shadow {
    position: relative;
    display: inline-block;
  }
  
  .image-shadow::after {
    content: "";
    position: absolute;
    left: 10%;
    bottom: -12px;
    width: 80%;
    height: 20px;
  
    background: radial-gradient(
      ellipse at center,
      rgba(0, 0, 0, 0.25) 0%,
      rgba(0, 0, 0, 0.15) 40%,
      rgba(0, 0, 0, 0) 80%
    );
  
    filter: blur(6px);
    opacity: 0.6;
    pointer-events: none;
  }

  .elementor-widget-text-editor a, .elementor-widget-text-editor a *{
    color: #214E67;
    border-bottom: solid 2px #214E67;
    background: rgba(0,0,0,0);
    transition: ease-in-out all .3s;
    font-weight: bold !important;
  }
  .elementor-widget-text-editor a:hover, .elementor-widget-text-editor a:hover *{
    background-color: #FFF5D3;
  }