/* Base Text */
p, .text {
  display: block !important;
  text-align: justify !important;
  margin: 1em 0 !important;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
}

/* Heading */
.h1, .h2, .h3 {
  font-family: 'Righteous', cursive !important;
  color: #ffd700 !important;
}
.h2 {
  text-align: center !important;
  font-size: 1.5rem !important;
}
.h3 {
  font-size: 1rem !important;
}

/* Wrapper */
#sub_wrapper {
  background: #0a0a0a !important;
  border: 2px solid #ffd700 !important;
  max-width: 1000px !important;
  position: relative !important;
  padding: 15px !important;
  border-radius: 6px !important;
  margin: 20px auto !important;
  color: #ffffff !important;
}

/* Daftar Isi */
#daftarisi {
  background: #0a0a0a !important;
  border: 1px solid #ffd700 !important;
  padding: 10px !important;
  border-radius: 4px !important;
  margin-top: 10px !important;
  box-shadow: 0 2px 15px rgba(255, 215, 0, 0.4) !important;
  font-family: Arial, sans-serif !important;
  font-size: calc(8px+1vh) !important;
  color: #ffd700 !important;
}
#daftarisi a {
  text-decoration: none !important;
  color: #ffd700 !important;
}
#daftarisi .beol .beli.lvl1 {
  line-height: 1.5em !important;
  padding: 6px 0 !important;
  border-bottom: 1px dashed #ffd700 !important;
}
#daftarisi .beol .beli.lvl1 a {
  font-weight: 600 !important;
  color: #ffd700 !important;
}

/* Accordion */
.accordion {
  background-color: #0a0a0a !important;
  color: #ffd700 !important;
  cursor: pointer !important;
  padding: 18px !important;
  margin-bottom: 3px !important;
  width: 100% !important;
  border: 1px solid #ffd700 !important;
  border-radius: 4px !important;
  text-align: left !important;
  font-weight: 700 !important;
  transition: 0.4s !important;
}
.accordion:hover {
  background-color: #1a1a1a !important;
}
.accordion:after {
  content: '\002B' !important;
  color: #ffd700 !important;
  float: right !important;
}
.active:after {
  content: '\2212' !important;
}
.panel {
  padding: 0 18px !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.2s ease-out !important;
  color: #ffffff !important;
}

/* Buttons */
.btn-contact, .btn-primary, .btn-accent, .btn-tertiery {
  border-radius: 5px !important;
  font-weight: 600 !important;
  padding: 10px 15px !important;
  border: 1px solid #ffd700 !important;
  background: #0a0a0a !important;
  color: #ffd700 !important;
  transition: all 0.3s ease !important;
}
.btn-contact:hover, .btn-primary:hover, .btn-accent:hover, .btn-tertiery:hover {
  background: #ffd700 !important;
  color: #0a0a0a !important;
}

/* Floating Contact */
.floats {
  position: fixed !important;
  top: 200px !important;
  right: 0 !important;
  z-index: 99 !important;
  transition: 0.5s ease-out 1s !important;
}
.floats .btn-contact {
  border-radius: 0 !important;
  font-size: 16px !important;
}
.floats-right .fc .fc-left {
  background-color: #0a0a0a !important;
  color: #ffd700 !important;
}
.floats-right .fc .fc-right {
  background-color: #1a1a1a !important;
  border: 1px solid #ffd700 !important;
}