.o_website_hr_recruitment_jobs_list {
    #jobs_grid_left {
        ul.flex-column > li.nav-item > a {
            padding: .5rem 1rem;
            border-radius: 0.125rem;
        }
    }
    .card {
        padding: 15px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);

        &:hover {
            transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
        }
        .o_job_infos {
            .fa {
                color: theme-color('primary');
                margin-right: 8px;
            }
        }
    }
    .o_website_hr_recruitment_job_description {
        //The ellipsis may not be supported on all platforms, the text will just break for them
        max-height: 60px; //Limit to 3 lines
        line-height: 20px;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        line-clamp: 3;
        word-break: break-word;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
    }
}