/* ---------- Colour styles ---------- */

.enhanced-header {
	width:100%
}

.enhanced-header>h1,
.enhanced-header>h3 {
	background-color: #22262b;
	color: #fff;
	margin: 0.5rem 0;
	padding: 0.5rem;
}

.enhanced-footer {
	background-color: #22262b;
	height: 3rem;
	margin-bottom:1em;
}

.ep-links {
	margin: 0;
	padding:0;
	display:grid;
	grid-column-gap: 0.5rem;
	grid-template-columns: repeat(5, 1fr);
}

@media screen and (max-width: 768px) {
	.ep-links {
	margin: 0;
	padding:0;
	display:grid;
	grid-column-gap: 0.5rem;
	grid-template-columns: repeat(1, 1fr);
	}
}

.ep-links a {
	background-color: #00ff7f;
	padding: 0.5rem 0;
	text-align:center;
	margin: 0;
	width:100%;
	color: #161a1d;
	text-decoration:none !important;
	font-weight:bold;
}

.ep-links a:hover {
	background-color: #00cc66;
	color: #fff;
	text-decoration:none !important;
}

.ep-links a span {
	margin: 0 0.5rem;
	display:block;
}

#job-description a,
#job-description a strong {
	color: #0000cd;
}

#job-description a:hover,
#job-description a:hover strong {
	color: #0000ff;
}

#job-description strong {
	color: #000;
}

#job-description li {
	margin-bottom:6px;
}

#job-description p:last-child {
	margin-bottom:0;
}

.j-enhanced__details-box h2 {
	color: #000;
	margin:0;
	font-size:1.6em;
	font-weight: normal;
}

.j-enhanced__details-box li {
	margin-bottom:0.3em;
}

/* ---------- Layout styles ---------- */

.ep-video iframe, .ep-map iframe {
	width:100%;
	height:20vw;
}

@media screen and (max-width: 1024px) {
	.ep-video iframe, .ep-map iframe {
	width:100%;
	height:50vw;
	}	
}

.j-enhanced__video {
	margin-bottom:0.5em;
}

.default-logo,
.add-logo {
	max-height: 140px;
	margin-top: 0.5rem;
}

.top-banner .j-image {
	width: 100%;
}

.j-enhanced__logos {
	display: block;
}

.show-on-mobile {
	grid-row-start: 4;
	display: block;
}

.show-on-desktop {
  display: none;
}

.j-advert-details__container {
    margin-bottom: 0.5rem;
}

.j-advert-details__container > div {
    padding: 0.5rem 0;
}

@media screen and (min-width: 768px) {
	.j-enhanced__logos {
		display: inline-flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

    .show-on-desktop {
        display: none;
    }
	
	.show-on-mobile {
        display: block;
		grid-row-start: 4;
    }
}

@media screen and (min-width: 1024px) {
	.show-on-mobile {
        display: none;
		grid-row-start: 4;
    }
	
	.show-on-desktop {
        display: block;
    }
}

@media screen and (min-width: 2560px) {
	.default-logo,
	.add-logo {
		max-height: 200px;
	}
	
	.show-on-desktop {
        display: block;
    }
}

/* ---------- Footer logos ---------- */

.ftr-logos {
	grid-row-gap: 3rem;
    grid-column-gap: 3rem;
	justify-items: center;
	grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 768px) {
	.ftr-logos {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.num-logos-5 {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.num-logos-9 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (min-width: 1280px) {
	.ftr-logos {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.num-logos-5 {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.num-logos-7 {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media screen and (min-width: 2560px) {
	.ftr-logos {
		grid-template-columns: repeat(8, 1fr);
	}
	
	.num-logos-9 {
		grid-template-columns: repeat(6, 1fr);
	}
}
/* ---------- IE fixes ---------- */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

   .sub-grid.sub-grid__2-col.sub-grid__2-col--large-left.sub-grid--variable-height {
	display:-ms-grid;
	}
	
	#job-description.j-enhanced__advert-text {
	-ms-grid-column:1;
	}
	
	.j-enhanced__details-box {
	-ms-grid-column:2;
	}
	
	#ep-extras {
	display:-ms-grid;
	}
	
	.ep-video {
	-ms-grid-column:1;
	}
	
	.ep-map {
	-ms-grid-column:2;
	}
}