/*  NAVBAR  */

#navigasi .nav-link{
  border-bottom: 5px solid white;
  color: black;
}
#navigasi .nav-link:hover, #navigasi a.active {
  border-bottom: 5px solid yellow;
  color: green;
}

.main-logo {
  height: 100px;
}
.small-logo {
  height: 60px;  
}


/*  MAIN SLIDER - Halaman Home  */

#main-navbar{
  z-index: 1;  /* Agar logo tidak tertutup slider */
}

#pelanggan img {
  width: 100px;
}

#pelanggan img:hover {
  filter: brightness(120%);
}

/*  MEMBER LIST - Halaman Home  */

#gambar-card .card-body img {
  width: 125px;
  margin-top: -80px;
}

/* HEADER IMAGE - Untuk selain halaman Home  */

.header-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 300px;
}

.header-overlay {
  background-color: rgba(108,117,125,0.13);
  width: 100%;
  height: 300px;
}

.header-overlay-blog {
  background-color: rgba(108,117,125,0.13);
  width: 100%;
  height: 300px;
}

.header-image h1{
  margin-top:120px;
}

/* HEADER IMAGE - Gambar untuk setiap halaman  */

#blog-gambar{
  background-image: url('../img/full-image7.jpg');
  background-position-y: -200px;
}

#article-header{
  background-image: url('../img/artikel back.png');
  background-position-y: -200px;
}

#article-blog{
  background-image: url('../img/blog.png');
  background-position-y: -200px;
}

#gallery-header{
  background-image: url('../img/full-image2.jpg');
  background-position-y: -400px;
}

#login-header{
  background-image: url('../img/full-image10.jpg');
  background-position-y: -100px;
}

/* GALLERY IMAGE - untuk efek hover  */

#gallery img:hover {
  transform: scale(1.1);
  transition-property: transform ;
  transition-duration: .5s;
}