.job-roles-header {
	display: grid;
	gap: var(--gutter-l);
	grid-template-columns: 1fr 1fr 1fr 41px;
	color: var(--colour-deep-teal);
	padding-bottom: var(--gutter);
	border-bottom: 1px solid var(--colour-deep-teal);
}
.job-roles-table .job-roles-row {
	display: grid;
	gap: var(--gutter-l);
	grid-template-columns: 1fr 1fr 1fr 41px;
	padding: var(--gutter-l) 0;
	border-bottom: 1px solid var(--colour-deep-teal);
}
.job-roles-table .job-roles-row {
	display: grid;
	gap: var(--gutter-l);
	grid-template-columns: 1fr 1fr 1fr 41px;
	padding: var(--gutter-l) 0;
	border-bottom: 1px solid var(--colour-deep-teal);
	align-items: center;
}
.job-roles-table .job-roles-row .job-roles-title a {
color: var(--font-colour-dark);
font-weight: 400;
}
.job-roles-table .job-roles-row .job-roles-title a:hover {
  color: var(--colour-turquoise-glow);
}
.job-roles-table .job-roles-row .link-icon {
border-color: var(--colour-cyan-grey);
  background: var(--colour-turquoise-glow);
height: 41px;
  width: 41px;
  min-width: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border-width: 4px;
}
.job-roles-table .job-roles-row .link-icon #accordion-cross {
transition: transform 0.2s ease;	
}
.job-roles-table .job-roles-row .link-icon:hover #accordion-cross {
	transform: rotate(45deg);
}

.job-roles-table .job-roles-col .label {
	display: none;
}

@media all and (max-width:1366px) {
.job-roles-header {
	grid-template-columns: 1fr 200px 200px 41px;
}
.job-roles-table .job-roles-row {
	grid-template-columns: 1fr 200px 200px 41px;
}
}
@media all and (max-width:1280px) {
.job-roles-header {
	grid-template-columns: 1fr 150px 150px 41px;
}
.job-roles-table .job-roles-row {
	grid-template-columns: 1fr 150px 150px 41px;
}
}
@media all and (max-width:860px) {
.job-roles-header :is(.location,.closing-date) {
	display: none;
}
 .job-roles-header {
    grid-template-columns: 1fr;
  }
.job-roles-table .job-roles-row {
	display: flex;
	flex-wrap: wrap;
	gap: 18px var(--gutter-l);
}
.job-roles-table .job-roles-row .job-roles-title {
flex-basis: calc(100% - 41px - var(--gutter-l));
  order: 1;
}
.job-roles-table .job-roles-row .job-roles-location {
  order: 3;
  flex-basis: 150px;
}
.job-roles-table .job-roles-row .job-roles-closing {
  order: 4;
  flex-basis: 150px;
}
.job-roles-table .job-roles-row .job-roles-link {
  order: 2;
}
.job-roles-table .job-roles-col .label {
	display: block;
	color: var(--colour-deep-teal);
}
}
@media all and (max-width:480px) {
.job-roles-table .job-roles-row .job-roles-location {
  flex-basis: calc(50% - (var(--gutter-l) / 2));
}
.job-roles-table .job-roles-row .job-roles-closing {
  flex-basis: calc(50% - (var(--gutter-l) / 2));
}
}