/* css reset */
* {
  text-decoration: none !important;
}

.btn {
  border-radius: 1rem;
}

/* scroll hidden navbar */
.navbar {
  position: fixed;
  top: 0;
  /* width: 100%; */
  /* background-color: #333; */
  /* color: white; */
  /* text-align: center; */
  /* padding: 15px; */
  transition: top 0.3s;
  z-index: 1000;
}

.navbar.hidden {
  top: -72px;
  /* Adjust this value based on the height of your navbar */
}

.content {
  padding-top: 70px;
  /* Adjust this value based on the height of your navbar */
}

/* end scroll hidden navbar */

.heroes {
  padding: 6rem 0 4rem 0;

}

.heroes {
  background: #F9F9FB;
}

.card {
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  transition: all 0.2s ease;
}

.article_card {
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  transition: all 0.2s ease;
}

/* .articel a:hover {
  text-decoration: underline !important;
} */

.article_card:hover {
  /* box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; */
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.article_card h1:hover {
  text-decoration: underline !important;
}



.scroll-down nav {
  transform: translate3d(0, -100%, 0) !important;
}

.section_side_class a:hover {
  text-decoration: underline !important;
}

.contoh {
  /* margin-left: .5rem; */
  padding-left: 1rem;
}

.detail {
  margin-top: 8rem !important;
}

.contact {
  margin-top: 6rem !important;
}

.card {
  border-radius: 15px !important;
}

.active {
  font-weight: 600 !important;
}

.search-list-autocomplete a {
  font-weight: 500;
  color: black;
}

.search-list-autocomplete a:hover {
  color: black;
  text-decoration: underline !important;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
  scroll-behavior: smooth;
  transition: ease-in-out all .3s;
}

#myBtn:hover {
  background-color: #555;
  transition: ease-in-out all .3s;
}

.footer a:hover {
  text-decoration: underline !important;
}

.list_item {
  text-align: start !important;
}

.ck-content ol ol {
  list-style-type: lower-latin !important;
}

.ck-content ol ol ol{
  list-style-type: lower-roman !important;
}