/* ===============================
   Event Hub Professional, Inc.
   Global Brand Styles
   =============================== */

:root {
  --brand-color: rgb(100, 120, 145);
  --brand-text-light: #ffffff;
  --brand-dark: #3e4a59; /* Optional darker shade */
}

/* Navbar Styling */
.navbar {
  background-color: var(--brand-color) !important;
}

.navbar .navbar-brand,
.navbar .nav-link {
  color: var(--brand-text-light) !important;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  text-decoration: underline;
}

/* Footer Styling */
footer {
  background-color: var(--brand-color);
  color: var(--brand-text-light);
}

/* Section Title Bar */
.section-title-bar {
  background-color: var(--brand-color);
  color: var(--brand-text-light);
  padding: 12px 18px;
  border-radius: 4px;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

/* Brand Button */
.btn-brand {
  background-color: var(--brand-color);
  color: var(--brand-text-light);
  border: none;
}

.btn-brand:hover {
  opacity: 0.9;
}

/* Typography */
h1, h2, h3 {
  color: var(--brand-dark);
  font-weight: 700;
}

p {
  line-height: 1.6;
}

/* Page Layout Tweaks */
body {
  background-color: #f8f9fa;
}

.container {
  max-width: 900px;
}

/* Blockquote Styling */
blockquote {
  border-left: 4px solid var(--brand-color);
  padding-left: 1rem;
  color: #444;
  font-style: italic;
}

/* Make Buttons Rounded */
button, .btn {
  border-radius: 4px !important;
}

/* Footer Styling */
footer {
  background-color: var(--brand-color) !important;
  color: var(--brand-text-light) !important;
  font-size: 0.85rem;
}

footer p {
  margin: 0;
}