/*
 * Styles.
 *
 * @package     iw-cpt-job-postings
 * @since       1.0.0
 -------------------------------------------------------------- */


.iw-cpt-job-postings__item a {
    display: flex;
}

.typation_grid .iw-cpt-job-postings__item a {
    flex-direction: column;
}

.iw-cpt-job-postings__item a:hover {
    text-decoration: none;
}

.iw-cpt-job-postings__item .post_content_area svg path {
    fill: #17EFEF;
}

.iw-cpt-job-postings__item .post_content_area_content {
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
}

.typation_grid .iw-cpt-job-postings__item .post_content_area_content {
    flex-direction: column;
}

.iw-cpt-job-postings__item .post_content_area_content p {
    display: flex;
    gap: 17px;
}

.iw-cpt-job-postings__item .post_action_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 17px;
    background: #17EFEF;
}

.iw-cpt-job-postings__item .post_action_area .icon {
    height: 24px;
}

.typation_grid .iw-cpt-job-postings__item .post_action_area .icon {
    display: none;
}

.iw-cpt-job-postings__item .post_action_area .icon svg path {
    fill: #EF17EF;
}


.typation_list .iw-cpt-job-postings__item .post_action_area .text {
    display: none;
}

/* Info elements */
.iw_cpt_job_postings_info_elements svg path {
    fill: #17EFEF;
}

.iw_cpt_job_postings_info_elements {
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
}

.iw_cpt_job_postings_info_elements p {
    display: flex;
    gap: 17px;
    height: 24px;
    margin: 0;
    color: #17EFEF;
}

@media screen and (max-width: 640px) {

    .iw-cpt-job-postings__item a {
        flex-direction: column;
    }

    .iw-cpt-job-postings__item .post_content_area_content {
        flex-direction: column;
    }

    .iw-cpt-job-postings__item .post_action_area .icon {
        display: none;
    }

    .iw-cpt-job-postings__item .post_action_area .text {
        display: block;
    }

    .typation_list .iw-cpt-job-postings__item a {
        flex-direction: column;
    }

    .typation_list .iw-cpt-job-postings__item .post_content_area_content {
        flex-direction: column;
    }

    .typation_list .iw-cpt-job-postings__item .post_action_area .icon {
        display: none;
    }

    .typation_list .iw-cpt-job-postings__item .post_action_area .text {
        display: block;
    }

}