/* fonts */
/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans:wght@400;700&display=swap');

/* warna */
:root {

  --color-malachite: #96ee68;
  --color-royal-blue: #385ae0;
  --logo-color: rgb(31, 31, 31);
  --heading-color: #333;
}

.uk-malachite {
  color: var(--color-malachite) !important;
}

.uk-royalblue {
  color: var(--color-royal-blue) !important;
}

/* Base Styles */
body {
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 1.6;
  color: #1a1a1a;
  background-color: #ffffff;
  overflow-x: hidden;
}
#newscontent{
  font-family: 'Georgia', Arial, sans-serif;
}
#newscontent p{
  font-size: 1.2em !important;
}

#newscontent a{
  color: #8A0000;
}
figure.aligncenter {
  width: 100% !important;              
  margin: 0 auto;             
  padding: 0;                
  box-sizing: border-box;
}

figure.aligncenter img {
  width: 100%;           
  height: auto;               
  display: block;             
  margin: 0 auto;             
}

figure.aligncenter figcaption {
  text-align: center;         
  font-size: 0.9em;          
  padding: 10px 0;          
  color: #424242;               
}

/* Judul (Headings) */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', 'Poppins', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0;
}

h1 {
  font-size: 2.5rem;
  /* 40px */
}

h2 {
  font-size: 2rem;
  /* 32px */
}

h3 {
  font-size: 1.75rem;
  /* 28px */
}

h4 {
  font-size: 1.5rem;
  /* 24px */
}

/* Teks Artikel (Body Text) */
p {
  font-size: 1rem;
  /* 16px dasar */
  margin-bottom: 1.5em;
}

/* Responsive Font Sizes */
@media (max-width: 992px) {

  /* Tablet */
  h1 {
    font-size: 2.2rem;
  }

  h2 {
    font-size: 1.8rem;
  }

  p {
    font-size: 0.95rem;
  }
}

@media (max-width: 768px) {

  /* Mobile Landscape */
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.6rem;
  }
}

@media (max-width: 576px) {

  /* Mobile Portrait */
  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  p {
    font-size: 0.9rem;
  }

  body {
    line-height: 1.5;
  }
}

/* Spesial untuk cetakan */
@media print {
  body {
    font-size: 12pt;
    line-height: 1.4;
  }

  h1 {
    font-size: 18pt;
  }

  h2 {
    font-size: 16pt;
  }
}

/* fonts */

.widget a {
  color: rgb(31, 31, 31);
  text-decoration: none;
}

.widget a:hover {
  color: var(--color-royal-blue);
}

.uk-navbar a {
  font-weight: 600;
}

footer a {
  color: #08427D ;
}

footer .uk-text-muted{
  color:#424242 !important;
}

a {
  text-decoration: none;
}
.uk-text-warning {
  color : #6D3103 !important;
}
body .uk-logo {
  color: var(--logo-color);
}

/* Komponen khusus */
.uk-background-muted {
  background-color: #f8f8f8 !important;
}

.uk-section-secondary {
  background-color: #222 !important;
  color: #fff;
}


/* === WARNA DEFAULT MODE DARK === */
body.dark-mode {
  background-color: #1c1c1c;
  color: #e5e5e5;
  --heading-color: rgb(218, 218, 218);
}

body.dark-mode .uk-logo {
  --logo-color: rgba(255, 255, 255);
}

body.dark-mode .uk-text-warning {
  color : #faa05a !important;
}
body.dark-mode footer .uk-text-muted{
  color:#c7c7c7 !important;
}
body.dark-mode figure.aligncenter figcaption {
  color: #aaa;               
}
body.dark-mode #newscontent a{
  color: #FF0000;
}
body.dark-mode h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
}

body.dark-mode footer a {
  color: #1e87f0 ;
}
body.dark-mode a:hover {
  color: rgb(200, 200, 200);
}

body.dark-mode .widget a {
  color: rgb(200, 200, 200);
  text-decoration: none;
}

body.dark-mode .widget a:hover {
  color: var(--color-malachite);
}

/* body.dark-mode a {
  color: rgb(200,200,200) !important;
} */

body.dark-mode .uk-background-muted {
  background-color: rgb(26, 26, 26) !important;
}

body.dark-mode .uk-section-secondary {
  background-color: #000 !important;
  color: #ddd;
}

body.dark-mode .uk-card {
  background-color: #1d1d1d;
  color: #eee;
}

body.dark-mode .uk-navbar-container {
  background-color: #1a1a1a !important;
}



.kategori {
  color: rgb(220, 220, 220);
  font-size: 0.7em;

}

.kategori::first-letter {
  font-size: 1em;
  font-weight: bold;
}

.oleh {
  color: rgb(190, 190, 190);
  font-size: 0.7em;
}

.judul {
  font-size: 1em;
}

.uk-border-left-info {
  border-left: 4px solid #1e87f0;
  /* biru */
  padding-left: 5px;
}

.uk-border-left-danger {
  border-left: 4px solid #f0506e;
  /* merah */
  padding-left: 5px;
}

.uk-border-left-success {
  border-left: 4px solid #32d296;
  /* hijau */
  padding-left: 5px;
}


.uk-border-bottom {
  border-bottom: 1px solid orangered;
  margin-bottom: 1em;
  padding-bottom: 0.3em;
}

.uk-border-bottom-gray {
  color: rgb(220, 220, 220);
  margin-bottom: 1px;
  padding-bottom: 0.3em;
}

img.jdlimg {
  width: 106px;
  height: 80px;
  object-fit: cover;
}

img.populerimg {
  width: 120px;
  height: 80px;
  min-width: 120px;
  border-radius: 6px;
  object-fit: cover;
  margin-right: 5px;
  transition: transform 0.3s ease;
}

.kategori-block {
  font-size: 1em;
  margin-bottom: 5px;
}

.waktu {
  font-size: 0.7em;
}

img.jdlimgwidget {
  width: 120px;
  height: 80px;
  object-fit: cover;
}

.uk-kategori-title {
  font-size: 1rem;
}

.uk-kategori-person {
  font-size: 1rem;
}

@media (min-width:640px) {
  .jdl {
    font-size: 1.5rem;
  }

  .terbaru {
    font-size: 1.6em;
  }

  .populer {
    font-size: 1.00em;
  }

  /* img.jdlimg {
    width: 256px;
  } */
  .aligncenter {
    margin: auto;
  }

  /* figure[style*="width"] {
    width: 100% !important;
  }*/

  figcaption {
    color: white;
    background-color: #333;
    padding: 8px 12px;
    text-align: center;
    font-size: 0.9rem;
    margin-bottom: 1rem;
  }

  img.jdlimgwidget {
    width: 100px;
  }

  img.populerimg {
    height: 80px;
  }

  .kategori-block {
    font-size: 0.7em;
    margin-bottom: 5px;
  }

  .uk-kategori-title {
    font-size: 1.00rem;
  }

  .uk-kategori-person {
    font-size: 0.9rem;

  }

  img.jdlimg {
    width: 159px;
    height: 120px;
    object-fit: cover;
  }
}