/* Rsquared Academy blog chrome: light page, old-style courses CTA in navbar. */

/* Slimmer navbar than the Quarto default. */
.navbar {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.navbar-brand {
  font-size: 1.1rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

/* Match the legacy bright-blue navbar (Bootstrap bg-primary). */
.navbar {
  background-color: #007bff !important;
}

/* "Explore Online Courses" nav link rendered as the old white button. */
.navbar a.nav-link[href*="thinkific"] {
  color: #2c3e50 !important;
  background-color: #ffffff;
  font-weight: bold;
  border-radius: 0.375rem;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  margin-right: 1.5rem;
}

/* Homepage + footer grids are self-controlled CSS grid (no Bootstrap grid,
   no Quarto layout dependency): 4/3 across on desktop, 2 across on tablet,
   stacked on phone. Cards fill their cell for uniform heights. */
.rqa-grid {
  display: grid;
  gap: 1.25rem;
  margin-bottom: 1rem;
}
.rqa-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rqa-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rqa-grid > div {
  min-width: 0;
}
.rqa-grid .shadow,
.rqa-grid .card {
  height: 100%;
}
/* Compact topic cards: kill pandoc paragraph margins, tighten padding,
   vertically center icon + label. */
.topic-cards > div {
  padding: 0.75rem !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* Same vertical centering for More Resources cards. */
.res-cards > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.75rem !important;
}
.res-cards p {
  margin-bottom: 0 !important;
}
.topic-cards p {
  margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
  .rqa-grid-4,
  .rqa-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .rqa-grid-4,
  .rqa-grid-3 {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Single-string page-footer lands in the narrow center zone; the side zones
   carry nothing, so hide them and let the footer span full width. */
.nav-footer-left,
.nav-footer-right {
  display: none !important;
}
.nav-footer-center {
  flex: 1 1 100% !important;
  max-width: 100% !important;
}