/*
CTC Separate Stylesheet
Updated: 2026-02-13 09:12:51
*/

/*
Theme Name: GeneratePress Child
Theme URI:
Description: Custom child theme for GeneratePress — Victoria Ballet Theatre
Author:
Author URI:
Template: generatepress
Version: 1.0.0
*/

/* ==========================================================================
   CUSTOM STYLES (extracted from HTML)
   ========================================================================== */

/* Base Typography */
body {
    font-family: 'Lato', sans-serif;
    color: #1A1A1A;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

/* Scroll Reveal Animation - Safe Version */
.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s ease-out;
}

/* Only hide elements if JavaScript is confirmed working */
.js-enabled .reveal:not(.active) {
    opacity: 0;
    transform: translateY(30px);
}

.js-enabled .reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Gold Gradient Text */
.text-gradient-gold {
    background: linear-gradient(to right, #C9A227, #E5C568, #C9A227);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    animation: shine 4s linear infinite;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

/* Progress Bar Animation */
@keyframes fillBar {
    from { width: 0; }
    to { width: var(--target-width); }
}

.progress-fill {
    width: 0;
    animation: fillBar 1.5s ease-out forwards;
    animation-delay: 0.5s;
}

/* Mobile Menu Transition */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

#mobile-menu.open {
    max-height: 400px;
    opacity: 1;
}

givebutter-widget#j24AXg {
    width: 500px;
}

.give-butter {
    display: flex;
    justify-content: center;
}
.flex.items-center.justify-center.gap-2.text-sm.text-gray-500 {
    padding-top: 20px;
}