
/* Environment: prod - Generated styles */
.active {font-weight:bold;text-decoration:underline}.hero {background-color:#4b6cb7;background-image:linear-gradient(135deg, #4b6cb7 0%, #182848 100%);color:white;padding:4rem 1rem;text-align:center}.hero-content {max-width:800px;margin:0 auto}.hero h2 {font-size:2.5rem;margin-bottom:1rem}.hero p {font-size:1.2rem;margin-bottom:2rem;opacity:0.9}.hero-buttons {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button {display:inline-block;padding:0.75rem 1.5rem;background-color:#ffffff;color:#4b6cb7;text-decoration:none;border-radius:4px;font-weight:bold;transition:all 0.3s ease}.cta-button:hover {background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}.cta-secondary {background-color:transparent;color:#ffffff;border:2px solid #ffffff}.cta-secondary:hover {background-color:#ffffff;color:#4b6cb7}#featured-events {padding:2rem 0}#events-container {margin-bottom:2rem}.event-card {background-color:white;border-radius:8px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);padding:1.5rem;transition:transform 0.3s ease}.event-card:hover {transform:translateY(-5px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1)}.event-image {width:100%;height:180px;object-fit:cover;border-radius:4px;margin-bottom:1rem}.event-date {color:#666;font-size:0.9rem;margin-bottom:0.5rem}.event-description {margin-bottom:1rem;line-height:1.4}.event-link {display:inline-block;padding:0.5rem 1rem;background-color:#4b6cb7;color:white;text-decoration:none;border-radius:4px;transition:background-color 0.3s ease}.event-link:hover {background-color:#3a5a9f}.view-all-container {text-align:center;margin-top:1rem}.view-all-link {display:inline-block;padding:0.75rem 1.5rem;background-color:transparent;color:#4b6cb7;text-decoration:none;border:2px solid #4b6cb7;border-radius:4px;font-weight:bold;transition:all 0.3s ease}.view-all-link:hover {background-color:#4b6cb7;color:white}#categories {padding:2rem 0;background-color:#f9f9f9}.categories-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:1.5rem;margin-top:1.5rem}.category-card {background-color:white;border-radius:8px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);padding:1.5rem;text-align:center;text-decoration:none;color:#333;transition:transform 0.3s ease}.category-card:hover {transform:translateY(-5px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1)}.category-icon {font-size:2.5rem;margin-bottom:1rem}.category-card h3 {margin:0;font-size:1.1rem}#about {padding:3rem 0}.about-content {display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.about-text p {margin-bottom:1rem;line-height:1.6}.about-image {display:flex;justify-content:center;align-items:center}.image-placeholder {width:100%;height:300px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#666}.loading-message {grid-column:1 / -1;text-align:center;padding:2rem}.no-events {grid-column:1 / -1;text-align:center;padding:2rem;color:#666}.no-events a {color:#4b6cb7;text-decoration:none}.no-events a:hover {text-decoration:underline}.events-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem}.events-grid .event-card {background-color:white;border-radius:8px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);padding:0;transition:all 0.3s ease;overflow:hidden;display:flex;flex-direction:column}.event-image-container {width:100%;height:160px;overflow:hidden;flex-shrink:0;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.event-thumbnail {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;background-color:#f8f9fa}.events-grid .event-card:hover .event-thumbnail {transform:scale(1.05)}.event-content {padding:1.5rem;display:flex;gap:1rem;flex:1}.events-grid .event-card:hover {transform:translateY(-5px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1)}.events-grid .event-card.clickable {cursor:pointer;user-select:none}.events-grid .event-card.clickable:hover {transform:translateY(-5px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.15);background-color:#fafafa}.events-grid .event-card.clickable:active {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}.events-grid .event-card.clickable:focus, .events-grid .event-card.clickable.focused {outline:2px solid #4b6cb7;outline-offset:2px;transform:translateY(-3px);box-shadow:0 6px 18px rgba(0, 0, 0, 0.12)}.events-grid .event-card.clickable:hover .event-title {color:#4b6cb7;transition:color 0.2s ease}.event-date {flex-shrink:0;text-align:center;background-color:#4b6cb7;color:white;border-radius:8px;padding:0.5rem;min-width:60px;height:fit-content}.event-date .month {display:block;font-size:0.8rem;font-weight:bold;text-transform:uppercase}.event-date .day {display:block;font-size:1.5rem;font-weight:bold;line-height:1}.event-details {flex:1}.event-title {margin:0 0 0.5rem 0;font-size:1.2rem;color:#333}.event-description {margin:0.5rem 0;color:#666;line-height:1.4;font-size:0.9rem}@media (max-width:768px) {.hero h2 {font-size:2rem}.about-content {grid-template-columns:1fr}.about-image {order:-1}.events-grid {grid-template-columns:1fr;gap:1rem}.event-image-container {height:140px}.event-content {padding:1rem;gap:0.75rem}.event-date {min-width:50px}.event-date .day {font-size:1.2rem}nav ul {flex-wrap:wrap;gap:0.5rem}nav ul li {margin:0.25rem 0.5rem}nav ul li a {padding:0.5rem;display:block}}