/* ===== ANNUAL LEADERSHIP SYMPOSIUM - NEONONE THEME STYLES ===== */

/* Import elegant fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Open+Sans:wght@300;400;600;700&display=swap');

/* Main Event Title (H1) - Main Title Style */
h1, .h1, .main-title, .event-title {
    font-family: 'Playfair Display', serif;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.1;
    color: #0e1b47;
    margin-bottom: 1rem;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;

}

/* Section Headers (H2) - Subtitle Style */
h2, .h2, .section-title, .event-subtitle {
    font-family: 'Playfair Display', serif;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 1.2;
    color: #0e1b47;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Event Banner Header */
.event-banner {
    font-family: 'Playfair Display', serif;
    font-size: 1.8rem;
    font-weight: 400;
    color: #1a237e;
    background: linear-gradient(135deg, #d4af37, #ffd700);
    padding: 15px 30px;
    text-align: center;
    margin: 20px 0;
    border-radius: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Invitation Text - Script Style */
h3, .h3, .invitation-text, .script-text {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.3;
    color: #d4af37;
    margin: 2rem 0;
    text-align: center;
}

/* Speaker Name Headers */
h4, .h4, .speaker-name, .presenter-name {
    font-family: 'Open Sans', sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3;
    color: #1a237e;
    background: linear-gradient(135deg, #d4af37, #ffd700);
    padding: 15px 25px;
    margin: 20px 0 10px 0;
    text-align: center;
    border-radius: 5px;
}

/* Speaker Title/Subtitle */
h5, .h5, .speaker-title, .job-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #1a237e;
    background: linear-gradient(135deg, #d4af37, #ffd700);
    padding: 8px 25px;
    margin: 0 0 20px 0;
    text-align: center;
    border-radius: 5px;
    font-style: italic;
}

/* Description/Body Headers */
h6, .h6, .description-header, .event-description {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0e1b47;
    margin: 30px 0 15px 0;
    text-align: center;
}

/* Event Details Headers */
.event-details, .keynote-info, .credits-info {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #0e1b47;
    text-align: center;
    margin: 15px 0;
}

/* Date and Time - Large Format */
.event-date, .event-datetime {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #0e1b47;
    text-align: center;
    margin: 30px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Location and Contact Info */
.event-location, .contact-info {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    color: #0e1b47;
    text-align: center;
    margin: 10px 0;
}

/* Italicized Text */
.italic-text, .continuing-education {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 1.4rem;
    font-weight: 400;
    color: #0e1b47;
    text-align: center;
    margin: 20px 0;
}

/* ===== BACKGROUND AND CONTAINER STYLES ===== */

/* Main container to match flyer background */
body, .event-container, .main-container {
    background: linear-gradient(135deg, #1a237e 0%, #283593 50%, #3949ab 100%);
    color: #0e1b47;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    min-height: 100vh;
}

/* Gold accent elements */
.gold-accent, .accent-line {
    background: linear-gradient(135deg, #d4af37, #ffd700);
    height: 4px;
    width: 200px;
    margin: 20px auto;
    border-radius: 2px;
}

/* Decorative circles (to mimic flyer design) */
.decorative-circle {
    position: absolute;
    border: 3px solid #d4af37;
    border-radius: 50%;
    opacity: 0.3;
}

.circle-large {
    width: 300px;
    height: 300px;
    top: -100px;
    right: -100px;
}

.circle-medium {
    width: 200px;
    height: 200px;
    bottom: -50px;
    left: -50px;
}

/* ===== RESPONSIVE DESIGN ===== */

/* Tablet styles */
@media (max-width: 768px) {
    h1, .event-title {
        font-size: 2.5rem;
        letter-spacing: 2px;
    }
    
    h2, .event-subtitle {
        font-size: 2rem;
        letter-spacing: 1px;
    }
    
    .invitation-text {
        font-size: 2.2rem;
    }
    
    .speaker-name {
        font-size: 1.8rem;
        padding: 12px 20px;
    }
    
    .event-date {
        font-size: 2rem;
    }
    
    .event-banner {
        font-size: 1.4rem;
        padding: 12px 25px;
    }
}

/* Mobile styles */
@media (max-width: 480px) {
    h1, .event-title {
        font-size: 2rem;
        letter-spacing: 1px;
    }
    
    h2, .event-subtitle {
        font-size: 1.6rem;
    }
    
    .invitation-text {
        font-size: 1.8rem;
    }
    
    .speaker-name {
        font-size: 1.5rem;
        padding: 10px 15px;
    }
    
    .event-date {
        font-size: 1.6rem;
    }
    
    .event-banner {
        font-size: 1.2rem;
        padding: 10px 20px;
    }
    
    .decorative-circle {
        display: none; /* Hide decorative elements on mobile */
    }
}

/* ===== SPECIFIC FLYER ELEMENTS ===== */

/* Logo area */
.logo-container {
    text-align: center;
    margin: 20px 0 40px 0;
}

/* Speaker photo container */
.speaker-photo-container {
    text-align: center;
    margin: 30px 0;
}

.speaker-photo {
    border: 4px solid #d4af37;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* RSVP and contact section */
.rsvp-section {
    background: rgba(26, 35, 126, 0.8);
    padding: 20px;
    border-radius: 10px;
    margin: 30px 0;
    border: 2px solid #d4af37;
}