/*
 * Styling for the Jobs Feed plugin
 */

ul.jobs__list {
  list-style: none;
  margin: 0;
}
ul.jfp-unstyled-list {
  list-style: none;
  margin: 0;
}
li.vacancies__item {
  padding-top: 1em;
  padding-bottom: 1em;
}
/* Need this to override CI theme generic style */
li.vacancies__item:not(:first-child) {
  border-top: 2px solid #f3f3f3;
  margin: 0;
  padding: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

.jfp-job-details-panel {
  padding: 20px;
}

.job-entry__item a {
    color: #412e5c;
}

.job__item .svg-inline--fa,
.job-entry__item .svg-inline--fa {
    color: #8a00bc;
}
.job-entry.grid {
    box-sizing: border-box;
    display: grid;
    -ms-grid-columns: 1fr 5fr;
    grid-template-columns: 1fr 5fr;
}
.job-entry.grid:not(.grid--flush) {
    grid-gap: 20px;
}

hr.jfp-list-separator {
  margin: 5px 0 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
  height: 1px;
}

/**
 * Basic grid
 */
@supports (display: grid) {
    /* Undo to the IE mess */
    .grid .vacancies {
        margin-left: 0;
        margin-right: 0;
    }
}
