/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.13.1760974044
Updated: 2025-10-20 15:27:24

*/
*,
*::before,
*::after {
  box-sizing: border-box;
}


@font-face {
    font-family: 'Marguerite Web'; /* A unique name for your font */
    src: url('https://ecstaticdanceindia.com/wp-content/themes/ecstatic-dance/fonts/Marguerite.woff2') format('woff2'),
         url('https://ecstaticdanceindia.com/wp-content/themes/ecstatic-dance/fonts/Marguerite.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Highly recommended for performance */
}

/* EXAMPLE: Apply the font to all headings */
.tag-line-top h2{
    font-family: 'Marguerite Web', sans-serif !important;
}

.gradient-text {
  /* 1. Set the background to a linear gradient */
  background-image: linear-gradient(
    to right,
    /* Darker Orange */ #d97034 0%,
    /* Lighter Peach */ #e8a97c 50%,
    /* Darker Orange */ #d97034 100%
  );
  
  /* 2. Clip the background image to the shape of the text */
  -webkit-background-clip: text; /* For Chrome, Safari, etc. */
  background-clip: text;
  
  /* 3. Make the text transparent so the background shows through */
  -webkit-text-fill-color: transparent; /* For Chrome, Safari, etc. */
  color: transparent; /* Fallback and standard property */

  /* Optional: Font styling to match the image */
 
  display: inline-block; /* Helps contain the gradient to the text width */
}

.orangeText{
  color: #f7ef77;
}
.paleYellowText{
  color: #fffbc8;
}

#ast-scroll-top {
    background-color: #847764;
    font-size: 15px;
}

.hamburger .hfe-nav-menu li{
  padding: 8px 5px;
}

/*.fluent_form_1 .ff-el-input--label label {
    color: #FFFFFF !important;
    display: none !important;
}
*/
.fluent_form_1 .ff-el-group {
    margin-bottom: 5px !important;
}

.fluent_form_1 .ff-el-group input, textarea, button{
    border-radius: 0 !important;
}
.fluent_form_1 .ff-el-group input{
    padding: 20px 15px !important;
}
.fluent_form_1 .ff-el-group button{
    background-color: #e4b681 !important;
    text-transform: uppercase !important;
    margin-top: 10px;
}

@media(min-width: 400px) {
  .fluent_form_1 .ff-el-group input, textarea, button{
    border-radius: 0 !important;
}
}

.round-image img {
    border-radius: 50% !important;
}

.round-image .devix img{
    /*border: 1px solid #fdefb7;*/
    border: 1px solid #f1c19d;
    
}

/*.team-popup .premium-modal-box-modal-dialog {
    background-image: url(https://elevatediq.com/ewi/wp-content/uploads/2025/10/Section6_Bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}*/


.team-popup .premium-modal-box-modal-dialog {
    padding: 40px !important;
    text-align: justify;
    /* 1. Gradient Overlay: A white mask with 50% transparency */
    background: 
        linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),
        url(https://elevatediq.com/ewi/wp-content/uploads/2025/10/Section6_Bg.jpg);
    
    background-size: cover;
    background-repeat: no-repeat;
    
    /* CRITICAL FIX: Ensure the text color is solid black/dark for readability */
    color: #444444 !important; 
    
    /* Remove any default background color from the element itself, if present */
    background-color: transparent !important;
}

/* Ensure headings are also solid */
.team-popup .premium-modal-box-modal-dialog h1,
.team-popup .premium-modal-box-modal-dialog h2,
.team-popup .premium-modal-box-modal-dialog h3 {
    color: #000000 !important;
}

/* --- MOBILE SPECIFIC STYLES START HERE --- */

/* This media query targets screens smaller than or equal to 767px (typical mobile breakpoint) */
@media (max-width: 767px) {
    .team-popup .premium-modal-box-modal-dialog {
        padding: 10px !important; /* The new padding for mobile */
    }
}

.offering-popup-button button {
    border-radius: 30px !important;
}

/* 1. Define the swaying motion */
@keyframes naturalSway {
  0% { transform: rotate(var(--start-angle, -2deg)); }
  50% { transform: rotate(var(--end-angle, 2deg)); }
  100% { transform: rotate(var(--start-angle, -2deg)); }
}

/* 2. Target the image inside the Elementor widget */
.leaf-animate img {
  display: block;
  /* Pivot from the bottom-center so it looks attached to a stem */
  transform-origin: bottom center; 
  animation: naturalSway var(--speed, 4s) ease-in-out infinite;
  animation-delay: var(--delay, 0s);
  will-change: transform; /* Boosts performance for smoother movement */
}

/* 1. Define the Color Cycle Animation with a "Pause" */
@keyframes color-pulse {
    /* --- The Active Phase (0% to 66% = 6 Seconds) --- */
    0% {
        color: #6F7173; /* Start: Grey */
    }
    11% {
        color: #FFFFFF; /* White */
    }
    33% {
        color: #F7EF77; /* Yellow */
    }
    44% {
        color: #6F7173; /* Back to Grey (Animation "Done") */
    }
    
    /* --- The Pause Phase (66% to 100% = 3 Seconds) --- */
    100% {
        color: #6F7173; /* Stay Grey while waiting */
    }
}

/* 2. Update Duration to 9s (6s active + 3s pause) 
.offering-popup-button .premium-modal-trigger-text div {
    animation: color-pulse 12s infinite ease-in-out;
}*/


/* 2. Apply the animation with Mobile Fixes */
.offering-popup-button .premium-modal-trigger-text div {
    /* Standard Animation */
    animation: color-pulse 12s infinite ease-in-out !important;
    
    /* --- ANDROID/MOBILE FIXES --- */
    /* Tells the browser to prepare for color changes */
    will-change: color; 
    
    /* Forces the mobile GPU to kick in */
    transform: translateZ(0); 
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/* 3. The Delay Classes (These stay the same) */
.delay-1 .premium-modal-trigger-text div { animation-delay: 1s !important; }
.delay-2 .premium-modal-trigger-text div { animation-delay: 2s !important; }
.delay-3 .premium-modal-trigger-text div { animation-delay: 3s !important; }
.delay-4 .premium-modal-trigger-text div { animation-delay: 4s !important; }
.delay-5 .premium-modal-trigger-text div { animation-delay: 5s !important; }
.delay-6 .premium-modal-trigger-text div { animation-delay: 6s !important; }
.delay-7 .premium-modal-trigger-text div { animation-delay: 7s !important; }
.delay-8 .premium-modal-trigger-text div { animation-delay: 8s !important; }


.contact-form-home .ff-el-form-control {
    border-color: #6F7173 !important;
}

.ecstatic-world-link a{
    color: #6F7173 !important;
}
.page-id-1469 .site-content{
    flex-grow: 0 !important;
}

body {
  overflow-x: hidden !important;
}
.hideIt{
    overflow: hidden !important;
}