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

.green-hero-orb{filter: blur(100px); background-color: rgb(164 196 75 / 30%); border-radius: 9999px; width: 600px; height: 500px; position: absolute; z-index: -1; top: 50%; transform: translateY(-50%);}
.elementor-icon{line-height: 0 !important; display: block !important;}

#hero-grid-pattern, #light-grid-pattern{background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 40px 40px;}
.dark-grid-pattern{background-image: linear-gradient(to right, rgb(0 0 0 / 5%) 1px, transparent 1px), linear-gradient(rgb(0 0 0 / 5%) 1px, transparent 1px); background-size: 40px 40px;}

#glow-orb{filter: blur(100px); background-color: rgb(110 193 228 / 0.2); border-radius: 9999px; width:500px; height: 500px; position: absolute; z-index: -1;}

/* ---- HOMEPAGE ---- */

.animated-background {
  position: relative;
  overflow: hidden; 
}

.animated-background::before {
  content: ""; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://webpulsestudio.us/wp-content/uploads/2024/08/Property-1Variant2-e1725270673893.png'); 
  background-size: contain;
  background-repeat: no-repeat; 
  background-position: center;
  animation: combinedAnimation 10s linear  infinite;
  z-index: -1; 
}

.myImg {animation: combinedAnimation 10s infinite;}
    
@keyframes combinedAnimation {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); /* Hidden from top */
  }
  25% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* Revealed from top to bottom */
  }
  50% {
    clip-path: polygon(0 100%, 100% 100%, 100% 90%, 0 90%); /* Spotlight at the bottom showing 10% */
  }
  75% {
    clip-path: polygon(0 0, 100% 0, 100% 10%, 0 0%); /* Spotlight moves to the top showing 10% */
  }
  100% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); /* Hide again from bottom to top */
  }
}

.high-performance{color: transparent; background-image: linear-gradient(to right, #fff , #e5e7eb , #6b7280); background-clip: text;}
.bdt-heading-tag{margin: 0px;}
div.wpforms-container-full button[type=submit]:not(:hover):not(:active){background-color: #A4C44B !important;}

/* ---- Services Page ---- */
.elementor-456 .elementor-element.services-cards:hover > .elementor-element-populated .elementor-widget-icon .elementor-widget-container{background-color: #A4C44B;}
.elementor-456 .elementor-element.services-cards:hover > .elementor-element-populated .elementor-widget-icon .elementor-widget-container .elementor-icon-wrapper .elementor-icon svg{fill: var( --e-global-color-accent );}
.services-cards .elementor-widget-wrap{background-image: linear-gradient(to bottom right, #060606cf, #a4c44b21)}
.services-cards li.elementor-icon-list-item.elementor-inline-item{background-color: rgba(12, 20, 20, 1); padding: 2px 15px; border: 1px solid rgba(68, 73, 51, 1); border-radius: 50px;}

/* ---- Request a Quote Page ---- */
#form-glow{filter: blur(100px); background-color: rgb(164 196 75 / 0.8); border-radius: 9999px; width:100%; height: 100%; position: absolute; z-index: -1;}

/* ---- Contact Page ---- */
.hero-heading-contrast{color: transparent; background-image: linear-gradient(to right, #A4C44B, #92bb1e, #698716); background-clip: text;}