/*------------------------------------------------------------------
job_feed_band.css
Last edited: 10/9/21

[Notes]
-------------------------------------------------------------------*/

.band-blog-feed {
    background-color: var(--theme-color-lighterblue);
}

.job-feed-list {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
    width: 100%;
}

.job-feed-list li {
    width: 100%;
    background-color: var(--theme-color-light);
    margin: 0;
    padding: 30px;
    position: relative;
}

.job-feed-list li:not(:last-child) {
    border-bottom: 1px solid var(--theme-color-dark);
}

@media screen and (min-width: 992px) {
    .job-feed-list li {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: space-between;
        align-items: start;
    }
    .job-feed-list li a {
        padding-right: 30px;
    }
}

.job-feed-list .job-description {
    font-weight: normal;
    font-size: 0.9em;
}
.job-feed-list .date {
    min-width: max-content;
}

.job-feed-list li a:is(:link, :visited) {
    font-weight: bold;
    color: var(--theme-color-dark);
}