/*
Custom Css
*/

.logo-script {
    display: block;
     color: #F1BC26;
    font-family: 'Alex Brush', cursive;
    font-size: 2rem;
    line-height: 1;
}

.logo-brand {
     color: #A8825D;
    display: block;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-top: 2px;
}
.h1-judul {
    color: #F1BC26;
    display: block;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 700;
    font-size: 3rem;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-top: 2px;
}
.h2-judul {
     color: #A8825D;
     font-size:1.5rem;
}
.nav-color .nav-link  {
    color: #324B75 !important;
    display: block;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-top: 2px;
}
.nav-color .nav-link:hover {
    color: #F1BC26 !important;
}
.bg-chat {
    background-color: #9D0759 !important;
    color: #fff !important;
}
.text-fusion {
    color: #9D0759 !important;
}
.bg-lightprime {
    background-color: #fcb6dc !important;
    color: #fff !important;
}
.rounded-square {
    border-radius: 10% !important;
}


.shop-categories a { color: #000; }
.shop-categories a:hover { color: #333d4a; }

#template-mo-zay-hero-carousel .carousel-control-next i,
#template-mo-zay-hero-carousel .carousel-control-prev i {
    color: #9D0759 !important;
}
#template-mo-zay-hero-carousel .carousel-control-next:hover i,
#template-mo-zay-hero-carousel .carousel-control-prev:hover i {
    color: #d1409b !important;
}
#template-mo-zay-hero-carousel .carousel-indicators li {
    background-color: #9D0759 !important;
}
#template-mo-zay-hero-carousel .carousel-indicators li:hover {
    background-color: #d1409b !important;
}

#templatemo_header_nav {
    position: sticky;
    top: 0;
    z-index: 1030;
    height: 65px;
}
@media (max-width: 991.98px) {
    #templatemo_header_nav {
        height: auto;
        min-height: 55px;
    }
    #templatemo_header_nav .navbar-brand img {
        width: 130px !important;
    }
}