/* style/latest-news-alo789-event-recap.css */

/* Variables for consistent styling */
:root {
    --page-latest-news-alo789-event-recap-primary-color: #0A2463; /* Dark Blue */
    --page-latest-news-alo789-event-recap-secondary-color: #F3C700; /* Bright Gold */
    --page-latest-news-alo789-event-recap-text-dark: #333333; /* Dark text for light backgrounds */
    --page-latest-news-alo789-event-recap-text-light: #ffffff; /* Light text for dark backgrounds */
    --page-latest-news-alo789-event-recap-bg-light: #f8f9fa; /* Light background */
    --page-latest-news-alo789-event-recap-bg-dark: #0A2463; /* Dark background */
    --page-latest-news-alo789-event-recap-accent-light: #546692; /* Lighter variant of primary for text on dark bg */
    --page-latest-news-alo789-event-recap-accent-dark: #927700; /* Darker variant of secondary for text on light bg */
}

/* Base styles for the page content, ensuring contrast */
.page-latest-news-alo789-event-recap {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: var(--page-latest-news-alo789-event-recap-text-dark);
    background-color: var(--page-latest-news-alo789-event-recap-bg-light);
    padding: 0;
    margin: 0;
}

.page-latest-news-alo789-event-recap__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.page-latest-news-alo789-event-recap__hero-section {
    background: linear-gradient(135deg, var(--page-latest-news-alo789-event-recap-primary-color) 0%, #1a3a7a 100%);
    color: var(--page-latest-news-alo789-event-recap-text-light);
    padding: 80px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.page-latest-news-alo789-event-recap__main-title {
    font-size: 2.8em;
    margin-bottom: 20px;
    color: var(--page-latest-news-alo789-event-recap-secondary-color);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    line-height: 1.2;
}

.page-latest-news-alo789-event-recap__intro-text {
    font-size: 1.2em;
    max-width: 800px;
    margin: 0 auto 40px auto;
    color: var(--page-latest-news-alo789-event-recap-text-light);
}

.page-latest-news-alo789-event-recap__cta-group {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}