#careers-stage {}
#career-filters-stage {
background-color: var(--color-light-gray);
}
#careers-filters {
max-width: var(--setting-narrow-max-width);
}
#careers-order-stage {
max-width: 12em;
}
.careers-filters.silo, .careers-list.silo {
padding: 24px 16px;
max-width: min(72em, 100% - 2em);
}
#careers-order-stage .select2-container .select2-selection--single {
height: auto;
}
.career-listing > div {
flex: 1;
}
.career-listing .career-title {
flex: 3;
}
.career-list-item {
gap: 65px;
border-bottom: solid 1px #ccc;
padding-block: 2em;
}
.career-list-item .closing-date {
color: #808080;
}
.career-link a {
white-space: nowrap;
}
.careers-description {
columns: 2;
column-fill: balance-all;
gap: 3em;
margin: 3em auto 0;
orphans: 3;
width: min(72em, 100% - 2em);
widows: 3;
}
.entry-content .careers-description p {
margin: 1em 0 1em 0;
}
.careers-description p:first-child {
margin-top: 0;
}
@media screen and (max-width: 1265px) {
.careers-filters.silo, .careers-list.silo {
margin-inline: 1rem;
}
}
@media screen and (max-width: 900px) {
.careers-description {
gap: 2rem;
}
}
@media screen and (max-width: 800px) {
.careers-description {
columns: 1;
}
.careers-filters.silo, .careers-list.silo {
margin-inline: 0;
}
.career-listing {
flex-direction: column;
}
.career-list-item {
gap: 10px !important;
}
.career-link {
margin-top: 1em;
}
.career-link .cta-button {
font-size: smaller;
margin-left: 0;
padding: 8px 40px;
}
}