h1 {
    font-weight: bold !important;
  }
  h2 {
    font-weight:bold !important;
    margin-bottom: 1rem !important;
  }
  h3 {
    font-weight: 300 !important;
  }
 p {
  margin-bottom: .5rem !important;
 }
.scroll-container {
    scroll-snap-type: y mandatory;
    overflow-y: auto;
    scrollbar-width: none;
    height: 100vh;
  }
  
  .scroll-item {
    scroll-snap-align: start;
    height: 100vh;
  }
  
  
  @media (min-width:320px)  { 
      /* smartphones, iPhone, portrait 480x320 phones */ 
      
  }
  @media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
  @media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
  @media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
  @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
  @media (min-width:1281px) { /* hi-res laptops and desktops */ }
  

  .video-wrapper {
    width: 100%;
    aspect-ratio: 9 / 16; /* Otomatis menjaga proporsi */
  }
  .video-wrapper video {
    width: 100%;
    height: 90%;
    object-fit: cover;
  }


  /* Style dasar untuk select */
.dataTables_length select {
  background-color: #888 !important;   /* Background dropdown */
  color: #000 !important;             /* Warna teks */
  border: 1px solid #666;   /* Batas */
  padding: 4px;
  border-radius: 4px;
}

/* Style saat option ditampilkan (tidak semua browser mendukung full control) */
.dataTables_length select option {
  background-color: #888 !important;
  color: #000 !important;
}

#newscontent p{
  margin-bottom:20px !important;
}