/* styles.scss: Custom Quarto theme for CRSCPH Consulting site */
/*-- scss:rules --*/

/* =========================
   Global colors
   ========================= */

body {
  background-color: #ffffff; /* clean white for clarity */
  color: #0F2A44; /* deep navy text for readability */
}

/* =========================
   Navbar
   ========================= */

.navbar {
  background-color: #0A3D5B;/* deep navy (brand anchor) */
  color: white;
  height: 180px;
  border-bottom: 6px solid #F7941D; /* ORANGE ACCENT */
}

.navbar a,
.navbar-brand {
  color: white !important;
}

.navbar a:hover {
  color: #F7941D !important; /* orange hover */
}

/* Hide default navbar brand spacing */
.navbar .navbar-brand {
  margin-right: 0 !important;
}

/* Navbar logo blending fix */
.navbar-brand img {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: 140px;
  width: auto;
  object-fit: contain;
}


/* =========================
   Links (Orange Accent)
   ========================= */

a {
  color: #F7941D; /* ORANGE ACCENT */
  font-weight: 500;
}

a:hover {
  color: #c96f08; /* darker orange for hover */
  text-decoration: underline;
}

/* =========================
   Buttons (optional but recommended)
   ========================= */

.btn-primary {
  background-color: #F7941D;
  border-color: #F7941D;
  color: #0F2A44;
}

.btn-primary:hover {
  background-color: #c96f08;
  border-color: #c96f08;
  color: white;
}

/* Make the logo span full navbar width */
.navbar-brand img {
  width: 100% !important;
  height: auto !important;
  max-height: 160px; /* Adjust as needed */
  object-fit: contain;
}

/* Increase navbar height */
.navbar {
  height: 180px;
}

/* =========================
   Footer
   ========================= */

footer {
  background-color: #0F2A44; /* navy for continuity */
  color: white;
  border-top: 4px solid #F7941D; /* ORANGE ACCENT */
}

/* =========================
   Section accents (optional)
   ========================= */

hr,
.section-divider {
  border-color: #F7941D;
}