/* ==========================================================
   DAYAK BORNEO GLOBAL
   MAIN STYLE
========================================================== */

/* ==========================================================
   HERO / JUMBOTRON
========================================================== */

.hero-section {
  min-height: calc(100vh - 96px);
  min-height: calc(100svh - 96px);

  position: relative;

  background-image:
    linear-gradient(
      90deg,
      rgba(4, 32, 20, 0.96) 0%,
      rgba(7, 58, 36, 0.88) 42%,
      rgba(11, 78, 48, 0.62) 72%,
      rgba(4, 32, 20, 0.38) 100%
    ),
    url("../images/hero/bg-1.jpeg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;
}

/* ==========================================================
   TYPED TEXT
========================================================== */

.typed-wrapper {
  min-height: 52px;
}

/* ==========================================================
   HERO TEXT
========================================================== */

.hero-section .lead {
  line-height: 1.7;
}

/* ==========================================================
   NAVBAR
========================================================== */

.dbg-navbar {
  min-height: 96px;

  background-color: #073d2d;

  border-bottom: 1px solid rgba(255, 193, 7, 0.25);
}

/* Navbar links */

.dbg-navbar .nav-link {
  color: rgba(255, 255, 255, 0.78);

  font-weight: 500;
}

.dbg-navbar .nav-link:hover,
.dbg-navbar .nav-link.active {
  color: #ffc107;
}

/* Dropdown */

.dbg-navbar .dropdown-menu {
  background-color: #073d2d;

  border: 1px solid rgba(255, 255, 255, 0.12);
}

.dbg-navbar .dropdown-item {
  color: #ffffff;
}

.dbg-navbar .dropdown-item:hover {
  background-color: #0b513c;

  color: #ffc107;
}

/* ==========================================================
   PIONEERS
========================================================== */

.pioneer-card {
  transition: transform 0.25s ease;
}

.pioneer-card:hover {
  transform: translateY(-6px);
}

.pioneer-photo {
  width: 170px;

  height: 170px;

  border: 5px solid #ffffff;

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);

  transition: 0.25s ease;
}

.pioneer-photo img {
  object-fit: cover;

  object-position: center;
}

.pioneer-card:hover .pioneer-photo {
  border-color: #ffc107;
}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767.98px) {
  .hero-section {
    min-height: auto;

    background-position: 60% center;

    background-image:
      linear-gradient(rgba(4, 32, 20, 0.92), rgba(5, 50, 31, 0.84)),
      url("../images/hero/bg-1.jpeg");
  }
}