/* Ubah font default seluruh halaman */
body {
  font-family: 'Arial', sans-serif;
  font-size: 16px;   /* ukuran font dasar */
  color: #f9f6f6;       /* warna teks */
}

.navbar {
  background-color: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* efek bayangan */
  padding: 10px 20px; /* jarak dalam navbar */
}

/* Navbar brand (logo + nama instansi) */
.navbar-brand {
  font-size: 20px;
  font-weight: bold;
  color: #004085 !important;
  padding-right: 30px;
}

/* Link navbar */
.navbar-nav .nav-link {
  font-size: 17px;
  color: #444 !important;
  margin-right: 10px;
}

.navbar-brand img {
  margin-right: 15px;  /* atur sesuai kebutuhan */
}

.navbar-nav .nav-link:hover {
  color: #007bff !important;
}
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/* Navigasi strip kedua */
.nav .nav-link {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase; /* teks jadi huruf besar */
}

/* Judul card */
.card-title {
  font-size: 14px;
  font-weight: bold;
}

/* Isi teks card */
.card-text {
  font-size: 16px;
  line-height: 1.5;  /* spasi antar baris */
  text-align: justify;
}

.card {
  border-radius: 30px;
  overflow: hidden;         /* potong isi */
  background: transparent;  /* hilangkan putih */
}

.carousel,
.carousel-inner,
.carousel-item {
  border-radius: 10px;
  overflow: hidden;
  background: transparent !important; /* pastikan transparan */
}

.carousel-item img {
  width: 100%;
  height: 100%;        /* pastikan penuh */
  object-fit: cover;   /* isi penuh area */
  display: block;
}

.utama-card {
border-bottom: 2px solid #73787d;
}

.berita-card {
border-bottom: 2px solid #73787d;
padding-bottom: 0px;
}

.beritalist-card {
border-bottom: 2px solid #73787d;
object-fit: cover;


}
#section_berita, #section_pengumuman, #section_penghargaan, #section_utama, #section_link_terkait, #section_footer, #section_layanan, #section_statistik, #sambutan, #struktur, #visi-misi, #section_kedudukan {
  padding: 20px;
  /* background-color: #f1ece2; latar belakang abu muda */
}
#section_berita .card:last-child {
  margin-bottom: 0px;
}

/* Efek hover untuk card di section berita */
#section_berita .card {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

#section_berita .card:hover {
  transform: translateY(-5px); /* mengangkat */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* bayangan lebih tegas */
}

#section_berita .card:hover h5,
#section_berita .card:hover h6 {
  font-weight: bold;   /* tulisannya jadi tebal */
  color: #004085;      /* opsional: warna biru biar lebih hidup */
}

/* tombol lihat lainnya */
/* Tombol custom warna oranye */
.btn-outline-orange {
  border: 2px solid rgb(255, 157, 0);
  color: orange;
  background-color: white;
  font-weight: 500;
}

.btn-outline-orange:hover {
  background-color: orange;
  color: white;
}

.btn-outline-biru {
  border: 2px solid rgb(0, 123, 255);
  color: rgb(0, 123, 255);
  background-color: white;
  font-weight: 500;
}

.btn-outline-biru:hover {
  background-color: rgb(0, 123, 255);
  color: white;
}

.bg-abu {
  background-color: #e3e5e8; /* abu agak gelap */
}
.bg-biru {
  background-color: #daeafa; /* biru agak gelap */
}

/* Card pengumuman */
.card-pengumuman {
  align-items: center;  /* biar konten tetap di tengah vertikal */
  border: none;      /* hilangkan border bawaan */
  cursor: pointer;
  display: flex;
  height: 300px;        /* tinggi seragam, bisa disesuaikan */
  justify-content: center;
  min-height: 150px; /* tinggi seragam */
  overflow: hidden;     /* sembunyikan teks yang kelebihan */
  transition: all 0.3s ease;
  text-align: center;
  
}

/* Hover efek */
.card-pengumuman:hover {
  background-color: orange !important;
  color: white !important;
}
.card-pengumuman h6 {
  text-align: justify;
  white-space: normal;      /* biar bisa pindah baris */
  word-wrap: break-word;    /* pecah kata panjang */
  overflow-wrap: break-word; /* dukungan tambahan */
}

.card-pengumuman .card-body {
  padding: 20px;
}

.bg-orange {
  background-color: #ff6600; /* Oranye */
}

.text-orange {
  color: #ff6600;
}

.content-berita {
  text-align: justify;
  text-indent: 30px;        /* Indentasi paragraf */
  line-height: 1.8;         /* Jarak antar baris agar enak dibaca */
}

.content-berita p:first-letter {
  margin-left: 30px;
}


/* Gambar berita utama */
.card-utama img {
  height: 350px;         /* tinggi lebih besar */
  object-fit: cover;     /* potong biar rapih */
  object-position: center;
}

/* Gambar berita kecil */
.card-kecil img {
  height: 175px;         /* lebih pendek */
  object-fit: cover;
  object-position: center;
}

.heading-divider {
  /* position: relative;
  display: inline-block; */
  padding-bottom: 10px; /* Jarak antara teks dan garis */
  border-bottom: 2px solid #ccc;  /* warna garis */
  /* padding-bottom: 5px;  */
  margin-bottom: 10px;           /* jarak garis dengan elemen berikutnya */
}

/* Tombol close Lightbox */
.lb-close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 40px !important;
  height: 40px !important;
  background: url('https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/images/close.png') no-repeat center !important;
  background-size: 30px 30px !important;
  opacity: 1 !important;
  z-index: 99999 !important;
}

/* Navigasi panah Lightbox */
.lb-prev, .lb-next {
  opacity: 1 !important;
  z-index: 99999 !important;
}