@import "https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Tiro+Devanagari+Hindi:ital@01&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,2000,7001,200&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Amiri&display=swap";
@import "https://fonts.googleapis.com/css2?family=Concert+One&display=swap";
.accordion-button:not(.collapsed) {
  background-color: #344207;
}
body {
  overflow-x: hidden;
  background: #fafafa;
}
.h-100 {
  box-shadow: 0 10px 20px 0 rgba(30, 30, 30, 0.07);
}
.arabic {
  font-family: "Amiri", serif;
}
.nav-diwan {
  position: fixed;
  width: 100vw;
  z-index: 1;
  background: #344207;
  top: 0;
}
.navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 10px;
}
.nav-link {
  color: #fafafa;
}
.nav-link:hover {
  color: #fde68a;
}
.navbar-toggler {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.diwan-hero {
  background-image: url("/assets/images/hero.webp");
  background-color: #ccc;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.diwan-hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  width: 100vw;
}
.diwan-hero-text .display-4 {
  font-family: "Tiro Devanagari Hindi", serif;
}
.diwan-hero-text .lead {
  font-family: 'Concert One', sans-serif;
  font-size: 1.8rem;
  margin: 0;
}
.diwan-layanan {
  margin: 1rem auto;
  padding: 0 15px;
}
.layanan-title {
  text-align: center;
  margin: 2rem;
}
.profil-diwan {
  position: relative;
  background-image: url("/assets/images/pustaka.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.profil-diwan::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #15271a;
  opacity: 0.6;
}
.profil-content,
.profil-content-home {
  position: relative;
}
.profil-content-home {
  text-align: center;
}
.logo {
  white-space: nowrap;
}
.logo img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.artikel-content,
.katalog-content,
.kontak-content,
.layanan-content,
.profil-content {
  padding: 0 15px;
}
.artikel-title {
  position: relative;
  background-image: url("/assets/images/artikel.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.artikel-title::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #0f172a;
  opacity: 0.8;
}
.artikel-title-content {
  position: relative;
}
.tombol {
  display: flex;
  justify-content: center;
}
.layanan-image,
.katalog-image,
.artikel-image {
  opacity: 1;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
  margin: 0 auto;
}
.layanan-card:hover .layanan-image,
.katalog-card:hover .katalog-image,
.artikel-card:hover .artikel-image {
  opacity: 0.6;
  transform: scale(1.08);
}
.kontak-diwan {
  padding: 35px;
  border: 1.5px solid #000;
  border-radius: 5px;
  background: #f4f4f4;
}
textarea.form-control {
  min-height: calc(1.5em + 19rem + var(--bs-border-width) * 2) !important;
}
.footer-diwan {
  background-color: #344207;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.katalog-single-title {
  background-image: url("/assets/images/pagetitle/artikel.webp");
}
.profil-single-title {
  background-image: url("/assets/images/pagetitle/artikel.webp");
}
.artikel-single-title {
  background-image: url("/assets/images/pagetitle/reading.webp");
}
.kontak-single-title {
  background-image: url("/assets/images/pagetitle/artikel.webp");
}
.layanan-single-title {
  background-image: url("/assets/images/pagetitle/artikel.webp");
}
.kontak-single-title,
.layanan-single-title,
.artikel-single-title,
.katalog-single-title,
.profil-single-title {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 55px;
  margin-bottom: 100px;
}
.katalog-single-title::before,
.layanan-single-title::before,
.kontak-single-title::before,
.artikel-single-title::before,
.profil-single-title::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #15271a;
  opacity: 0.6;
}
.katalog-single-title-content,
.layanan-single-title-content,
.kontak-single-title-content,
.artikel-single-title-content,
.profil-single-title-content {
  position: relative;
}
.first-image img {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.gambar-artikel {
  border-radius: 5px;
}
.garis-bawah,
.garis-bawah-dua {
  height: 3px;
  display: block;
}
.garis-bawah {
  width: 45%;
}
.garis-bawah-dua {
  width: 10%;
}
.no-urut {
  width: 50px;
  font-weight: 700;
  font-size: 30px;
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.15);
  top: -5px;
  position: relative;
}
.judul-buku a {
  color: #1e40af;
}
.judul-buku a:hover {
  color: #be123c;
}
.footer-email a {
  color: #f9fafb;
}
.footer-email a:hover {
  color: #c084fc;
}
blockquote {
  margin-left: 0;
  margin-right: 0;
  padding: 30px 25px 30px 90px;
  border-radius: 4px;
  border: 2px solid #ebeced;
  position: relative;
}
blockquote::before {
  content: "”";
  display: block;
  position: absolute;
  font-weight: 700;
  font-size: 70px;
  font-family: "Poppins", sans-serif;
  top: 7px;
  left: 25px;
  line-height: normal;
  color: rgba(0, 0, 0, 0.15);
}
.article-title,
.book-title {
  font-weight: 700;
}
.book-pict img {
  height: 400px;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.accordion {
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-color: #fafafa;
  --bs-accordion-active-bg: #0f172a;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fafafa'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
.accordion-button {
  position: unset;
}
@media (min-width: 576px) {
  .book-pict img {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .article-detail {
    width: 90%;
    background: #fafafa;
    box-shadow: 2px 2px 18px #c9c9c9;
  }
}
@media (min-width: 992px) {
  .article-detail {
    width: 80%;
    background: #fafafa;
    box-shadow: 2px 2px 18px #c9c9c9;
  }
  .book-pict img {
    height: 450px;
    padding-top: 10px;
  }
} /*# sourceMappingURL=style.min.css.map */