.est-event-theme-wrapper {

}

.est-event-title {
    font-size: 3rem;
    margin-bottom: 0.3rem;
}

.est-event-subtitle {
    font-size: 1.4rem;
    margin-bottom: 2rem;
    font-weight: 400;
}

.est-float-2 {
    position: absolute;
    max-width: 100%;
    opacity: 1;
    user-select: none;
    transition: transform 0.3s ease;
}
.est-float-3 {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
body.event-theme-fallback .page-header h1{
    font-size: 2.8em !important;
}
body.event-theme-fallback .page-header p {
    font-size: 1.4em!important;
}
body a:hover {
    opacity: 0.8;
}
.no-sale{
    margin: auto;
    width: 30%;
    margin-top: 9em;
}
@media (max-width: 960px) {
    body .est-event-theme-wrapper .page-header h1{
        font-size: 2.5em!important;
    }
    body .est-event-theme-wrapper .page-header p{
        font-size: 1.4em!important;
    }
}
@media (max-width: 576px) {
    body .est-event-theme-wrapper .page-header h1{
        font-size: 2em!important;
    }
    body .est-event-theme-wrapper .page-header p{
        font-size: 1.2em!important;
    }
}
@keyframes floatUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}



/* ====================================
   1. Base Particle Container & Animation
   ==================================== */

/* Fixed container to cover the entire viewport */
.est-particle-container {
    position: fixed;
    top: -10%;
    left: 0;
    width: 120%;
    height: 120%;
    pointer-events: none;
    overflow: hidden;
    z-index: 9999;
}

/* Base style for individual particles */
.est-particle {
    position: absolute;
    display: block;
    animation-timing-function: linear; /* Smooth, constant speed */
    /* Add the falling animation, defined per particle type below */
}

/* Base keyframes for simple vertical falling animation */
@keyframes fall {
    0% { transform: translateY(-100vh); opacity: 1; }
    100% { transform: translateY(100vh); opacity: 0.5; }
}

/* Base keyframes for floating (slower, side-to-side drift) */
@keyframes float {
    0% { transform: translateY(100vh) translateX(0); opacity: 0.5; }
    50% { transform: translateY(0vh) translateX(10vw); opacity: 1; }
    100% { transform: translateY(-100vh) translateX(0); opacity: 0.5; }
}

/* ====================================
   2. Particle Type Styling
   ==================================== */

/* --- Snowfall --- */
.est-particle-snow {
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    /* Snow particles will use the 'fall' keyframe, varied in JS */
}

/* --- Stars --- */
.est-particle-stars {
    color: #ffd700; /* Gold/Yellow */
    font-size: 14px;
    opacity: 0.8;
    text-shadow: 0 0 5px rgba(255, 255, 0, 0.5);
    /* Unicode star character */
    content: '⭐';
}

/* --- Confetti Stream --- */
.est-particle-confetti {
    width: 8px;
    height: 16px;
    background: currentColor; /* Will be set to a random color in JS */
    opacity: 0.7;
    transform: rotate(45deg); /* Paper-like look */
    /* Confetti will use a blend of fall and subtle rotation in JS/inline style */
}

/* --- Ghosts (Eerie floating) --- */
.est-particle-ghosts {
    color: #eeeeee;
    font-size: 20px;
    opacity: 0.7;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    content: '👻'; /* Ghost emoji */
    animation-name: float;
}

/* --- Hearts --- */
.est-particle-hearts {
    color: #e91e63; /* Pink */
    font-size: 16px;
    content: '❤️'; /* Heart emoji */
}

/* --- Leaves (Fall/Autumn) --- */
.est-particle-leaves {
    color: #ff9800; /* Orange/Brown */
    font-size: 18px;
    content: '🍂'; /* Leaf emoji */
    /* Leaves often float, so use the float keyframe */
    animation-name: float;
}

/* --- Balloons (Floating Up) --- */
@keyframes ascend {
    0% { transform: translateY(100vh); opacity: 0.5; }
    100% { transform: translateY(-100vh); opacity: 1; }
}
.est-particle-balloons {
    color: currentColor; /* Random color in JS */
    font-size: 24px;
    content: '🎈'; /* Balloon emoji */
    animation-name: ascend; /* Custom upward animation */
}

/* --- Sparkles/Fairy Dust --- */
.est-particle-sparkles {
    color: #ffff00;
    font-size: 12px;
    opacity: 0.9;
    text-shadow: 0 0 5px rgba(255, 255, 0, 0.8);
    content: '✨'; /* Sparkle emoji */
    /* Sparkles will use the 'fall' keyframe, but often slower and smaller */
}