﻿.p6-job-postings-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 900px;
    margin: auto;
}
.p6-job-posting--item.item {
    background: var(--greyscale500);
    border-radius: 10px;
}
.p6-job-posting--item a {
    display: flex;
    align-items: center;
/*    gap: 24px;*/
}
.p6-job-posting-content {
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.p6-job-posting--text {
    display: flex;
    align-items: start;
    gap: 16px;
    flex-direction: column;
}
.p6-position {
    color: var(--charcol);
    font-size: var(--smallFontMin);
    font-weight: 500;
}
.p6-job-posting-meta {
    display: flex;
/*    align-items: start;*/
/*    flex-direction: column;*/
/*    gap: 4px;*/
/*    align-self: stretch;*/
    flex-wrap: wrap;
}
.p6-location,
.p6-type,
.p6-experience {
    font-size: var(--copyFontLarge);
    color: var(--Text-Black-700);
}
.team {
    display: flex;
    height: 34px;
    padding: 0px 16px;
    align-items: center;
    gap: 16px;
    color: var(--greyscale700);
    background: red;
    font-size: var(--copyFontLarge);
    font-weight: 600;
    border-radius: 30px;
}
.team.engineering {
    background: var(--Primary-Lighten);
}
.team.marketing {
    background: var(--Secondary-Indie);
}
.team.design {
    background: var(--teal);
}
.team.management {
    background: var(--offWhite);
}
.p6-dot {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.p6-arrow {
    margin-left: auto;
    margin-right: 10px;
}
@media only screen and (min-width: 981px) {
    .p6-job-posting--text {
        align-items: center;
        flex-direction: row;
    }
    .p6-job-posting-meta {
        align-items: center;
        flex-direction: row;
    }
    .p6-arrow {
        margin-right: 30px;
    }
}