/*
* Background 1
*
*/

.is-bg-karya-1{
    background: hsla(0, 0%, 20%) !important;
    color: #fff;
}

.navbar.is-bg-karya-1 .navbar-brand .navbar-item {
    color: #f5f5f5;
}

.navbar.is-bg-karya-1 .navbar-brand a.navbar-item:hover {
    background-color: #292929;
    color: #f5f5f5;
}

@media screen and (min-width: 1088px){

    .navbar.is-bg-karya-1 .navbar-start .navbar-item{
        color: #f5f5f5;
    }

    .navbar.is-bg-karya-1 .navbar-start .navbar-item:hover{
        background-color: #292929;
        color: #f5f5f5;
    }

}

/*
* Background 2
*
*/

.is-bg-karya-2{
    background: hsl(0, 0%, 95%) !important;
    color: #363636;
}

/*
* Background 3
*
*/

.is-bg-karya-3{
    background: hsl(0, 0%, 27%) !important;
    color: #fff;
}

.hero.is-bg-karya-3 .title {
    color: #fff;
}

.hero.is-bg-karya-3 .subtitle {
    color: rgba(255,255,255,.9);
}

/*
* Home Slider
*
*/

.home-slider.owl-carousel .owl-item a{
    display: block;
}

/*
* Group Apps
*/
.group-apps{
    margin-bottom: 3em;
}

.group-apps .title-group-apps{
    padding-bottom: 1em;
    border-bottom: 1px solid hsl(0, 49%, 94%);
}

.group-apps .card .card-image{
    border-bottom: 1px solid hsl(0, 49%, 94%);
}

.group-apps .card .card-content{
    height: 125px;
    max-height: 125px;
}

/*
* Single Apps
*/
/* .single-apps .media-content > .title{
    padding-top: 0.3em;
} */

/*
* Hero Meta Apps
*/
.hero .meta-apps{
    margin-top: -2rem;
    margin-bottom: -2rem;
}

@media screen and (min-width: 1088px){
    .hero .meta-apps .level-item{
        justify-content: normal;
    }
}

/*
* Article
*/
.article .article-title{
    padding-bottom: 1em;
    border-bottom: 1px solid hsl(0, 49%, 94%);
}

/*
* Margin Modifier
*/
.margin-top-15{
    margin-top: 15px;
}
.margin-right-15{
    margin-right: 15px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.margin-left-15{
    margin-left: 15px;
}