/* Custom Styles */
* {
    scroll-behavior: smooth;
}

.color-black {
    color: var(--black-color) !important;
}

section {
    padding: 0 !important;
}

/* Breadcrumb */
#breadcrumb {
    padding-top: 3rem;
    padding-bottom: 0;
}

#breadcrumb.news-detail {
    padding-top: 1.5rem;
    padding-bottom: 0;
}

.breadcrumb-item.active {
    color: #B3B3B3;
}

.breadcrumb{
    padding-left: 0;
}

.breadcrumb * {
    font-size: 14px !important;
}

.breadcrumb-item a {
    text-decoration: none;
}
/* End Breadcrumb */

/* Job Detail */
#jobDetail .card {
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1) !important;
}

#jobDetail span {
    font-size: 16px !important;
}

#jobDetail a {
    text-decoration: none;
}

#similarJobs .card {
    box-shadow: none !important;
}

#similarJobs .card a{
    text-decoration: none !important;
}
/* End Job Detail */

#similarJobs .similar-job-mobile{
    display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
    #breadcrumb {
        display: none;
    }

    .banner-image {
        height: 200px !important;
        object-position: center;
        object-fit: cover
    }

    #similarJobs .similar-job-desktop{
        display: none !important;
    }

    #similarJobs .similar-job-mobile{
        display: block !important;
    }

    #search {
        margin-top: 60px;
    }

    .grid-mobile {
        display: block;
    }

    .grid-desktop {
        display: none;
    }

    .news-mobile {
        display: block;
    }

    .news-desktop {
        display: none;
    }

    .banner {
        margin-top: 100px !important;
        height: 250px;
    }

    .banner img {
        height: 100%;
        object-fit: cover;
    }
}

/* Tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #breadcrumb {
        display: none;
    }

    #jobDetail *, #similarJobs *{
        font-size: 16px;
    }

    #grid {
        margin-top: 120px !important;
    }

    .grid {
        height: 350px;
    }

    .banner {
        margin-top: 100px !important;
        height: 350px;
    }

    /* News All */
    #search {
        margin-top: 60px;
    }

    /* End News All */
}