/* ==========================================
   WARNA UTAMA
   Dominan : #f8c651
   Aksen   : #1C7B24
========================================== */

:root {
  --primary-color: #f8c651;
  --primary-hover: #f4bb2c;
  --accent-color: #1C7B24;
  --accent-hover: #14581a;
  --text-dark: #333333;
  --white: #ffffff;
}

/* ==========================================
   BACKGROUND UTAMA
========================================== */

div.container-fluid {
  background-color: var(--primary-color);
}

/* ==========================================
   LOGO
========================================== */

.navbar-brand.navbar-brand-logo img {
  max-width: 100%;
}

@media (min-width: 768px) {
  .navbar-brand.navbar-brand-logo img {
    max-height: 150px;
  }
}

@media (min-width: 768px) {

  .navbar-brand {
    display: block;
    float: none;
    clear: both;
    margin: 0;
    width: auto;
    height: auto;
  }

  /* ==========================================
     MENU NAVIGASI
  ========================================== */

  nav#nav-menu.navbar-collapse.collapse {
    border-top: 3px solid var(--accent-color);
    border-bottom: 3px solid var(--accent-color);
    background-color: var(--primary-color);
  }

  .navbar-collapse {
    clear: left;
  }
}

/* Warna link menu */
#navigationPrimary a,
.navbar-nav > li > a {
  color: var(--accent-color) !important;
  font-weight: 600;
}

#navigationPrimary a:hover,
.navbar-nav > li > a:hover {
  color: var(--accent-hover) !important;
}

/* ==========================================
   ANNOUNCEMENT
========================================== */

section.cmp_announcements.media {
  border: none;
}

/* ==========================================
   TOMBOL SUBMIT
========================================== */

div.pkp_block.block_make_submission a {
  display: block;
  background-color: var(--accent-color);
  color: var(--white);
  border: 2px solid var(--primary-color);
  padding: 8px;
  text-align: center;
  font-weight: 600;
}

div.pkp_block.block_make_submission a:hover {
  background-color: var(--accent-hover);
  border-color: var(--primary-hover);
}

/* ==========================================
   GAMBAR
========================================== */

section.additional_content img {
  border: 2px solid var(--accent-color);
  margin: 10px;
  width: 210px;
  height: 55px;
}

/* ==========================================
   RINGKASAN
========================================== */

div#summary.article-summary {
  text-align: justify;
  font-style: italic;
}

/* ==========================================
   REFERENSI
========================================== */

div.article-references-content {
  text-align: justify;
}

div.article-references-content p {
  text-indent: -36px;
  padding-left: 36px;
}

div.article-references-content br:active {
  content: "";
  display: block;
  margin: 1.25em 0;
  text-indent: -36px;
}

div.article-references-content br {
  content: "";
  display: block;
  margin: 1rem;
}

div.article-references-content br::after {
  content: " ";
  float: left;
  margin-right: 1rem;
  text-indent: -36px;
}

/* ==========================================
   GLOBAL
========================================== */

body {
  background-color: #ffffff;
  color: var(--text-dark);
}

/* Judul dan heading */
h1, h2, h3, h4, h5, h6 {
  color: var(--accent-color);
}

/* Link */
a {
  color: var(--accent-color);
}

a:hover {
  color: var(--accent-hover);
}

/* Semua border menjadi hijau */
* {
  border-color: var(--accent-color) !important;
}