/* External CSS for Nexus Networking Website */

/* Font Definitions */
@font-face {
  font-family: 'LucideIcons';
  /* Using CDN provided in user context */
  src: url(https://cdn.jsdelivr.net/npm/lucide-static@latest/font/Lucide.ttf) format('truetype');
}

body {
  font-family: 'Inter', sans-serif;
}

/* Lucide Icon Base Styling (for icons not replaced by img) */
.lucide {
  font-family: 'LucideIcons';
  font-size: 1.25rem;
  line-height: 1;
}

/* Simple Fade-in Animation */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 1s ease-out forwards;
}

/* Hero Section Background */
.hero-bg {
  /* Intended image: /images/business-owners-networking-kansas-city.png */
  /* Concept: Diverse Kansas City professionals networking */
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/business-owners-networking-kansas-city.png') no-repeat center center;
  background-size: cover;
}

/* Styling for Feature Icons (SVG images) - Made Larger Again */
.feature-icon {
  width: 8rem; /* Increased from 3rem */
  height: 8rem; /* Increased from 3rem */
  object-fit: contain; /* Prevents distortion */
  display: inline-block; /* Ensure it behaves like the span */
}

/* Add any other custom, non-Tailwind styles here */