/* 1. Global Reset & Body Background */
body, html {
  background: #F4F6F9 !important; /* Change site backdrop */
  font-family: 'Helvetica Neue', Arial, sans-serif !important;
}

/* 2. Global Container Sizing */
#container, .main-content-wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
}

/* 3. Header & Navigation Overhaul */
#header, .navbar-clubrunner {
  background-color: #1A1A1A !important; /* Custom header color */
  border: none !important;
}
.navbar-clubrunner a {
  color: #FFFFFF !important;
  text-transform: uppercase;
}

/* 4. Global Widget Re-skinning */
.widget, .widget-container {
  background: #FFFFFF !important;
  border-radius: 8px !important;
  border: 1px solid #E0E0E0 !important;
  padding: 20px !important;
}

/* 5. Footer Override */
#footer, .footer-wrapper {
  background: #1A1A1A !important;
  color: #888888 !important;
}