@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span {
  font-family: "KoHo", serif !important;
}

.icon-box.border .icon i, .icon-box.fancy .icon i, a i, button i, span i, .list-icon i {
  font-family: "Font Awesome 5 Free" !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

.fs-18 {
  font-size: 18px;
}

section {
  background: #f4f9ff;
}

#header #header-wrap #logo a>img {
  height: 65px;
  margin-top: 5px;
}

#header {
  background-color: transparent !important;
}

#header.header-sticky #header-wrap {
  background-color: #22466c !important;
}

#header #header-wrap {
  border-bottom: : 0 !important;
}

#mainMenu nav>ul>li>a {
  color: #fff;
}

#header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before {
  color: #fff;
}

.background-colored {
  background-color: #214374;
}

.bgc-secondary {
  background: rgb(116 116 116 / 35%);
}

.bgc-success {
  background-color: #94ac3f !important;
}

.btn {
  padding: 12px 18px !important;
}

.btn-success {
  background-color: #94ac3f !important;
  border-color: #94ac3f !important;
}

.textc-success {
  color: #94ac3f !important;
}

.textc-primary {
  background: -webkit-linear-gradient(74deg, rgba(148, 172, 63, 1) 0%, rgba(0, 82, 103, 1) 50%, rgba(148, 172, 63, 1) 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.form-control {
  padding: 10px 18px !important;
}

.c-fullscreen {
  top: -80px;
  margin-bottom: -80px;
  min-height: 800px;
}

.nav-link {
  color: #ffffff;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #dbab2e !important;
  background-color: transparent;
  border-radius: 0px !important;
}

a:hover {
  color: #002129;
}

.box-peraturan {
  background: url(../../images/JDIH3.png), linear-gradient(90deg, rgba(148, 172, 63, 1) 0%, rgba(0, 82, 103, 1) 100%, rgba(148, 172, 63, 1) 100%);
  background-size: cover;
}

.box-artikel {
  background: url(../../images/home/banner-2.png);
  background-size: cover;
  border: 1px solid #ccc;
}

.bg-img {
  background: url(../../images/2.png);
  /* background-size: cover; */
}

.bg-img-2 {
  background: url(../../images/home/banner-2.png);
  background-size: cover;
}

.bg-img-4 {
  background: url(../../images/home/home-banner-1.png);
  background-size: cover;
  height: 800px;
}

.bg-img-footer {
  background: url(../../images/home/footer.png);
  background-size: cover;
}

.title-monografi {
  bottom: 30px;
  position: absolute;
  width: 80%;
  background: #ffffffa8;
  padding: 5px;
}

.box-slide-peraturan {
  background-color: rgb(142 168 64 / 9%) !important;
}

.testimonial.testimonial-single .testimonial-item {
  border-bottom: 3px solid #59884e !important;
  min-height: 450px;
}

.testimonial.testimonial-single .testimonial-item>img {
  box-shadow: 0px 0px 15px 0px rgb(255 255 255);
}

.post-image img {
  max-height: 300px;
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 40px;
  border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.post-image-home img {
  max-height: 300px;
  min-height: 300px;
}

.post-decs {
  min-height: 188px;
}

.post-item .post-image {
  max-height: 300px;
}

.post-thumbnail-list .post-thumbnail-entry>img {
  object-fit: cover !important;
}

.sidebar .widget .post-thumbnail-list .post-thumbnail-entry>img {
  object-fit: cover;
}

#chartStatistik, #chartPengunjung, #chartMonografi, #chartArtikel, #chartPutusan {
  width: 100%;
  height: 310px;
}

.pie-chart span.percent:after {
  content: '';
}

#footer {
  background-color: #131d20;
}

.progress-bar-container.title-up .progress-bar .progress-number {
  /* right: 15px; */
}

.img-grafis {
  width: 100% !important;
  height: 509px !important;
  object-fit: cover !important;
}

.rating {
  border: none;
  margin-right: 49px
}

.myratings {
  font-size: 85px;
  color: green
}

.rating>[id^="star"] {
  display: none
}

.rating>label:before {
  margin: 5px;
  font-size: 2.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"
}

.rating>.half:before {
  content: "\f089";
  position: absolute
}

.rating>label {
  color: #ddd;
  float: right
}

.rating>[id^="star"]:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
  color: #FFD700
}

.rating>[id^="star"]:checked+label:hover,
.rating>[id^="star"]:checked~label:hover,
.rating>label:hover~[id^="star"]:checked~label,
.rating>[id^="star"]:checked~label:hover~label {
  color: #FFED85
}

.reset-option {
  display: none
}

.reset-button {
  margin: 6px 12px;
  background-color: rgb(255, 255, 255);
  text-transform: uppercase
}

.post-item .post-item-description .post-meta-category {
  color: #fff;
  font-size: 13px;
  padding: 2px 16px;
  border-radius: 50px;
  position: absolute;
  right: 10px;
  top: 11px;
  z-index: 3;
  margin-right: 0;
}

.post-thumbnails .post-item:not(.quote) .post-item-description {
  width: 75% !important;
}

.shadow {
  box-shadow: 3px 4px 18px #ddd
}

.shadow-0 {
  box-shadow: 0 0px 0px #efefef !important;
}

.view-font {
  position: relative;
  top: -4px;
  font-size: 12px;
  margin-right: 8px;
}

.galeri-img {
  height: 278px !important;
  object-fit: cover;
}

.font-50 {
  font-size: 50px !important;
}

.portfolio-item .portfolio-description {
  width: 90%;
}

@media (max-width: 991px) {
  .fullscreen {
    height: auto !important;
  }

  #header #header-wrap #logo a>img {
    height: 39px;
    margin-top: 23px;
    margin-left: -45px;
  }

  #header #header-wrap {
    background-color: transparent !important;
    border-bottom: : 0px solid #eeeeee !important;
  }

  #page-title, #page-title.page-title-classic {
    padding: 10px 0 !important;
  }

  .section-home-banner {
    top: -190px !important;
  }

  .home-banner-text {
    top: 18% !important;
    left: -30px;
    margin-right: 31px !important;
  }

  .home-banner-title {
    font-size: 16px !important;
  }

  .home-banner-text h1 {
    font-size: 34px;
  }

  .home-banner-filter {
    width: 100% !important;
  }

  .margin-section {
    margin-top: -232px !important;
  }

  .home-img-about {
    position: static !important;
    top: -114px !important;
    margin-top: -75px;
    width: 280px;
  }

  #header.header-fullwidth #header-wrap .container {
    background: #22466c;
  }

  .post-thumbnails .post-item:not(.quote) .post-item-description {
    min-width: 300px;
  }
}

/* NEW */
.border-radius {
  border-radius: 15px;
}

.bg-primary {
  background-color: #22466C !important;
  color: #fff;
}

.text-primary {
  color: #22466C !important;
}

.btn-primary {
  background-color: #22466C !important;
  border-color: #22466C !important;
  color: #fff;
}

.card-header {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

.margin-section {
  margin-top: -365px;
}

.section-home-banner {
  top: -300px;
  width: 100%;
}

.home-banner-text {
  position: absolute;
  top: 45%;
}

.home-banner-filter {
  width: 70%;
}

.home-banner-title {
  font-size: 32px;
  letter-spacing: 5px;
}

.home-category-box {
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 10px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  min-width: 150px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.home-category-box img {
  height: 70px;
  margin-right: 10px;
}

.home-category-label {
  font-size: 14px;
  margin: 0;
}

.home-category-count {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}

.home-img-about {
  position: absolute;
  top: -114px;
}

.post-item.border .post-item-wrap {
  border: 1px solid #f2f2f2;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 40px;
  box-shadow: 1px 1px 2px #ddd;
}

.card-infografis {
  height: 637px;
}

.card-infografis-img {
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.counter span {
  font-size: 30px;
}

.footer {
  /* background: #214374; */
  /* warna biru sesuai contoh */
  color: #fff;
  padding: 30px 0 0px 0;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
}

.footer .logo-text {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.footer .address {
  font-size: 14px;
  line-height: 1.6;
}

.footer .stats-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.footer .stat-item {
  font-size: 14px;
  margin-bottom: 4px;
}

.footer-bottom {
  background: #fff;
  color: #214374;
  padding: 10px;
  font-size: 13px;
  text-align: center;
  margin-top: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

#page-title {
  background-color: #183155;
}

.blockquote {
  border-color: #ddd;
}