:root {
  --cmf-blue: #1b5299;
  --cmf-green: #2e7d32;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.bg-cmf {
  background-color: var(--cmf-blue) !important;
}

.text-cmf {
  color: var(--cmf-blue);
}

.border-bottom-cmf {
  border-bottom: 3px solid var(--cmf-green);
  display: inline-block;
  padding-bottom: 5px;
}

.table-cmf {
  background-color: var(--cmf-blue);
}

.hero-section {
  background: url('../assets/gedung.jpg?auto=format&fit=crop&w=1200&q=80') center/cover;
  min-height: 975px;
}

.img-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: var(--cmf-blue) !important;
}

.nav-link {
    color: rgb(255 255 255);
}

/* Active navigation link background */
.navbar-dark .navbar-nav .nav-link.active {
    background-color: #060ef3 !important; /* Bootstrap Red / Danger */
    color: #ffffff !important;            /* White text for contrast */
    border-radius: 0.375rem;             /* Rounded edges */
}

/* Optional: Hover effect for non-active links */
.navbar-dark .navbar-nav .nav-link:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.375rem;
}

.font-green {
    color: green;
}

.custom-table th {
      background-color: #21519C !important;
      color: #ffffff !important;
      font-weight: 600;
    }
.title-line {
      width: 60px;
      height: 4px;
      background-color: #58A65C;
      margin-top: 8px;
    }

.product-img {
      max-width: 140px;
      height: auto;
    }
    
.resized-index-img {
  width: 833px;
  height: 500px;
  object-fit: cover;
  object-position: center;
}

.resized-product-img {
  width: 400px;
  height: 450px;
  object-fit: cover;
  object-position: center;
}

.resized-fasilitas-img {
  width: 400px;
  height: 450px;
  object-fit: cover;
  object-position: center;
}