/* =========================
   JOBS PAGE
========================= */


/* JOB LIST */

#jobs {

    width:100%;

}



/* JOB CARD */

.job-card {

    width:100%;

    background:white;

    padding:25px;

    margin:20px 0;

    border-radius:15px;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:20px;

    flex-wrap:wrap;

}



.job-title {

    overflow-wrap:anywhere;

}



/* JOB BUTTON */

.job-button {

    display:flex;

    align-items:center;

    gap:10px;

    background:#2563eb;

    color:white;

    padding:12px 20px;

    border-radius:12px;

    text-decoration:none;

    max-width:100%;

}



.job-button:hover {

    opacity:0.9;

}



/* EMPTY RESULT */

.jobs-empty {

    text-align:center;

    padding:40px;

    background:white;

    border-radius:20px;

}



/* MOBILE */

@media(max-width:700px){


    .job-card {

        flex-direction:column;

    }


    .job-button {

        width:100%;

        justify-content:center;

    }


}