/* sembunyikan navbar sebelum ready */
header.theme-main-header {
  visibility: hidden;
}
body.page-loaded .navbar,
body.page-loaded .theme-main-header {
  visibility: visible;
}
/* End sembunyikan navbar sebelum ready */

/* ANIMASI LOADING */
.loader-wrapper { text-align: center; padding: 40px 20px; color: #777; }
.dot-loader { display: inline-block; }
.dot-loader span { width: 10px; height: 10px; margin: 0 4px; background-color: #999; border-radius: 50%; display: inline-block;
    animation: dotPulse 1.4s infinite ease-in-out both; }
.dot-loader span:nth-child(1) { animation-delay: -0.32s; }
.dot-loader span:nth-child(2) { animation-delay: -0.16s; }
@keyframes dotPulse {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.3;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}
/* END ANIMASI LOADING */