/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.menu-item:not(.current) .menu-link div {
    font-weight: 400;
}

.text-cyan {
    color: #00a0b0;
}

.btn-cyan {
    background-color: #00a0b0;
    border-color: #00a0b0;
}

.bg-cyan {
    background-color: #00a0b0;
}

.slider-inner.bg-hero {
    background: #fff url("../../../bg_hero.png") center center no-repeat;
    background-size: cover;
}

.bg-pattern {
    background-image: url("../../../bg_pattern.jpg") !important;
    background-size: contain;
    background-repeat: repeat;
}

.title-border {
    border-left: 8px solid #00a0b0;
    padding-left: 20px;
}

.title-line {
    margin: auto;
    width: 120px;
    border-bottom: 5px solid #00a0b0;
}

.mt-10 {
    margin-top: 10rem !important;
}

.mb-10 {
    margin-bottom: 10rem !important;
}

.my-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
}

.mt-7 {
    margin-top: 7rem !important;
}

.mb-7 {
    margin-bottom: 7rem !important;
}

.my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

.mt-15 {
    margin-top: 15rem !important;
}

.mb-15 {
    margin-bottom: 15rem !important;
}

.my-15 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
}

.text-justify {
    text-align: justify !important;
}

.image-galeri-thumbnail {
    width: 100% !important;
    object-fit: cover !important;
}

.image-galeri-item {
    width: 100% !important;
    height: 300px !important;
}

.image-galeri-desc {
    width: 100% !important;
    height: 80px !important;
}

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

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

.img-news-thumbnail {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
}

.news-title {
    width: 100% !important;
    height: 80px !important;
}

/* Mobile Responsive CSS */
@media (max-width: 408px) {
    #logo a img {
        height: 50px !important;
    }

    .mt-10 {
        margin-top: 5rem !important;
    }

    .mb-10 {
        margin-bottom: 5rem !important;
    }

    .my-10 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-7 {
        margin-top: 3.5rem !important;
    }

    .mb-7 {
        margin-bottom: 3.5rem !important;
    }

    .my-7 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .mt-15 {
        margin-top: 10rem !important;
    }

    .mb-15 {
        margin-bottom: 10rem !important;
    }

    .my-15 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .img-thumbnail {
        height: 150px !important;
    }

    .image-galeri-item {
        height: 200px !important;
    }

    .image-galeri-desc {
        height: 60px !important;
    }

    .multi-line-ellipsis {
        -webkit-line-clamp: 1;
    }
}