.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6,
html {
    font-family: 'Lato', sans-serif;
}

.uk-button {
    border-radius: 2em;
}

.uk-pills .uk-button {
    background-color: transparent;
}

.uk-pills .uk-button:hover {
    background-color: #D0CDFF;
}

.no-shadow {
    box-shadow: none;
}

.uk-text-regular {
    font-weight: 500;
}

.uk-text-semi-bold {
    font-weight: 600;
}

 .uk-text-bold {
    font-weight: 900;
} 

.uk-dotnav>*>* {
    height: 3px;
    border-radius: 2em;
    opacity: 0.5;
    background-color: #3052B6;
    /* background: rgba(102, 102, 102, .4); */
}

.uk-dotnav>.uk-active>* {
    background-color: #3052B6;
    width: 30px;
    opacity: 1;
}

.uk-navbar-nav .uk-button.uk-button-active {
    background-color: #3052B6;
}

.bg-biru {
    background-color: #3052B6;
}

.bg-biru-pastel {
    background-color: #b0cbe8;
}

.bg-biru-muda {
    background-color: #55b5f0;
}

.bg-biru-tua {
    background-color: #0e4481;
}

.bg-biru-azure {
    background-color: #1b3f57;
}

.bg-merah {
    background-color: #DA4167;
}

.bg-beige {
    background-color: #F5F5DC;
}

.bg-hijau {
    background-color: #397367;
}

.txt-light { 
    color: #F5F5DC !important;
}

.txt-dark { 
    color: #0e4481 !important;
}

.txt-putih {
    color: white !important;
}

@media screen and (max-width: 768px) {
    html {
        font-size: 13px !important;
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size: 14px !important;
    }
}

@media screen and (min-width: 960px) {
    html {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 16px !important;
    }
}

.uk-dotnav > li[uk-slider-item]{
    padding-left: 6px;
}

.uk-dotnav > li[uk-slider-item]:first-child {
    padding-left: 12px;
}

.text-truncate-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

 .filtered {
    filter: grayscale(1);
    transition: filter 0.5s ease-in-out;
    transition: filter 0.5s ease-in-out;
}

        
.filtered:hover {
    filter: none; /* Menghapus semua filter, mengembalikan ke warna asli */
}
        
@keyframes naik-turun {
  0% {
    transform: translateY(0); /* Posisi awal (atas) */
  }
  50% {
    transform: translateY(-20px); /* Bergerak ke atas 20px dari posisi awal */
  }
  100% {
    transform: translateY(0); /* Kembali ke posisi awal (atas) */
  }
}

.naik-turun-animasi {
  /* Terapkan animasi "naik-turun" */
  animation-name: naik-turun;
  /* Durasi animasi */
  animation-duration: 2s; 
  /* Berapa kali animasi akan berjalan */
  animation-iteration-count: infinite; 
  /* Fungsi timing untuk kecepatan animasi */
  animation-timing-function: ease-in-out;
}