:root {
	--colour-green-forest: #004F42;
	--colour-green-sea: #00965F;
	--colour-gunmetal: #023D4D;
	--colour-aero: #027E96;
	--colour-orange: #CB6016;
	--colour-cinnabar: #CF451E;
	--white: #fff;
	--black: #000;
	--grey-light: #EBECED;
	--radius: 2.5rem;
	--transition: .25s;
	--easing: ease-in-out;
	--strip-padding: 8.25rem;
}



/* =Custom fonts
----------------------------------------- */
@font-face {
	font-family: 'Euclid';
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Light-WebXL.eot');
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Light-WebXL.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Light-WebXL.woff2') format('woff2'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Light-WebXL.woff') format('woff'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Light-WebXL.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Euclid';
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-LightItalic-WebXL.eot');
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-LightItalic-WebXL.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-LightItalic-WebXL.woff2') format('woff2'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-LightItalic-WebXL.woff') format('woff'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-LightItalic-WebXL.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Euclid';
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Regular-WebXL.eot');
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Regular-WebXL.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Regular-WebXL.woff2') format('woff2'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Regular-WebXL.woff') format('woff'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Regular-WebXL.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Euclid';
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-RegularItalic-WebXL.eot');
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-RegularItalic-WebXL.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-RegularItalic-WebXL.woff2') format('woff2'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-RegularItalic-WebXL.woff') format('woff'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-RegularItalic-WebXL.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Euclid';
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.eot');
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.woff2') format('woff2'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.woff') format('woff'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Euclid';
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.eot');
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.woff2') format('woff2'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.woff') format('woff'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-SemiboldItalic-WebXL.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Euclid';
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Bold-WebXL.eot');
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Bold-WebXL.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Bold-WebXL.woff2') format('woff2'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Bold-WebXL.woff') format('woff'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-Bold-WebXL.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Euclid';
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-BoldItalic-WebXL.eot.eot');
	src: url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-BoldItalic-WebXL.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-BoldItalic-WebXL.woff2') format('woff2'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-BoldItalic-WebXL.woff') format('woff'),
		url('/wp-content/themes/centralemployment/src/fonts/euclid/EuclidCircularB-BoldItalic-WebXL.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}




/* =Sitewide overwrites
----------------------------------------- */
body {
	color: var(--colour-gunmetal);
	font-family: Euclid, "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--colour-green-sea);
}

img {
	height: auto;
	max-width: 100%;
}

svg {
	display: block;
}

.button {
	align-items: center;
	background-color: var(--colour-orange);
	border-radius: var(--radius);
	color: var(--white);
	display: flex;
	font-size: 1rem;
	font-weight: 600;
	justify-content: center;
	padding-block: 1rem;
	padding-inline: 2rem;
	text-shadow: none;

	transition: background-color var(--transition) var(--easing),
		color var(--transition) var(--easing);

	& span {
		display: block;
	}

	& svg {
		transition: background-color var(--transition) var(--easing),
		color var(--transition) var(--easing);
	}

	& span {

		&:not(:last-child) {
			margin-inline-end: 1rem;
		}

	}
	
	&:hover {
		background-color: var(--colour-cinnabar);
		color: var(--white);
	}

	&[data-colour="white"] {
		background-color: var(--white);
		color: var(--colour-orange);

		& svg {
			fill: var(--colour-orange);

			transition: fill var(--transition) var(--easing);
		}

		&:hover {
			background-color: var(--white);
			color: var(--colour-gunmetal);

			& svg {
				fill: var(--colour-gunmetal);
			}

		}

	}

}

.color--alpha {
	color: var(--colour-green-forest);
}

.color--bravo {
	color: var(--colour-gunmetal);
}

.wrap {
	margin-inline: auto;
	max-width: 90rem;
	padding-inline: 2rem;
	width: 100%;
}

@media only screen and (min-width: 85em) {
	.wrap {
		padding: 0;
	}
}

.strip {
	padding-block: var(--strip-padding);

	@media only screen and (max-height: 50em) {
		padding-block: calc(var(--strip-padding) / 2);
	}

	&[data-pad="flatTop"] {
		padding-block-start: 0;
	}

	&[data-bg="grey-light"] {
		background-color: var(--grey-light);
	}

	&[data-after-colour] {
		position: relative;

		& > .wrap {
			position: relative;
			z-index: 2;
		}

		&:after {
			background-color: red;
			bottom: 0;
			content: '';
			display: block;
			height: 20rem;
			left: 0;
			position: absolute;
			width: 100%;
			z-index: 1;
		}

	}

	&[data-after-colour="white"] {

		&:after {
			background-color: var(--white);
		}

	}

	&[data-after-colour="grey-light"] {

		&:after {
			background-color: var(--grey-light);
		}

	}

}



/* =Mast
----------------------------------------- */
.mast {
	background-color: transparent;
	padding-block: 2.5rem;

	& .wrap {
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.home & {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 5;
	}

}

@media only screen and (min-width: 40.625em) {

	.mast {

		& .wrap {
			flex-wrap: nowrap;
			justify-content: flex-start;
		}

	}

}

@media only screen and (min-width: 56.25em) {

	.mast {

		& .wrap {
			align-items: center;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
		}

	}

}

@media only screen and (min-width: 62.5em) {

	.mast {

		& .wrap {
			flex-wrap: nowrap;
			justify-content: flex-start;
		}

	}

}

.mast-logo {
	position: relative;
	z-index: 6;

	& svg {
		display: block;
		fill: var(--colour-green-forest);
		height: auto;
		width: 156px;

		transition: fill var(--transition) var(--easing);

		.home & {
			fill: var(--white);
		}

		.menu-active & {
			fill: var(--white);
		}

	}

	@media only screen and (min-width: 56.25em) {
		order: 1;
	}

	@media only screen and (min-width: 68.75em) {

		& svg {
			width: auto;
		}

	}

}

a.mast-logo {

	&:hover,
	&:focus {

		& svg {
			fill: var(--colour-green-sea);
		}

	}

}

.mast--toggle {
	align-items: center;
	background-color: transparent;
	border-width: 0;
	display: flex;
	z-index: 6;

	transition: color var(--transition) var(--easing);

	& > span {
		display: block;

		&:last-child {
			display: block;
			height: 10px;
			margin-inline-start: .5rem;
			position: relative;
			width: 20px;

			& span {
				background-color: var(--colour-gunmetal);
				display: block;
				height: 2px;
				left: 0;
				position: absolute;
				width: 100%;

				transition: background-color var(--transition) var(--easing),
					opacity var(--transition) var(--easing),
					rotate var(--transition) var(--easing),
					translate var(--transition) var(--easing);

				.home & {
					background-color: var(--white);
				}

				.menu-active & {
					background-color: var(--white);
				}

				&:nth-child(1) {
					top: 0;

					.menu-active & {
						rotate: -45deg;
						translate: 0 4px;
					}

				}

				&:nth-child(2) {
					top: 50%;

					.menu-active & {
						opacity: 0;
					}

				}

				&:nth-child(3) {
					top: 100%;

					.menu-active & {
						rotate: 45deg;
						translate: 0 -6px;
					}

				}

			}

		}

	}

	.home & {
		color: var(--white);
	}

	.menu-active & {
		color: var(--white);
	}

	@media only screen and (min-width: 40.625em) {
		margin-inline-start: 2rem;
		order: 3;
	}

	@media only screen and (min-width: 56.25em) {
		display: none;
	}

}

.mast--actions {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-block: 1rem 0;
	width: 100%;

	.social-nav {
		margin-inline-end: 1.5rem;
	}

	@media only screen and (min-width: 40.625em) {
		justify-content: flex-end;
		margin-block: 0;
		order: 2;
	}

	@media only screen and (min-width: 56.25em) {
		width: auto;
	}

	@media only screen and (min-width: 62.5em) {
		order: 3;
	}

}



/* =Primary Menu
----------------------------------------- */
.nav-primary {
	background-color: var(--colour-gunmetal);
	display: flex;
	height: 100dvh;
	left: 0;
	padding: 12rem 2rem 2rem;
	position: fixed;
	top: 0;
	translate: -100% 0;
	width: 100vw;
	z-index: 5;

	transition: translate var(--transition) var(--easing);

	&.open {
		translate: 0 0;
	}

	@media only screen and (min-width: 56.25em) {
		background-color: transparent;
		height: auto;
		margin-block: 1rem 0;
		margin-inline: auto;
		order: 3;
		padding: 0;
		position: relative;
		translate: 0 0;
		width: 100%;
	}

	@media only screen and (min-width: 62.5em) {
		margin-block: 0;
		order: 2;
		width: auto;
	}
	
}

.nav-primary--links {
	list-style: none;
	margin: 0;
	padding: 0;

	& li {
		display: block;
		margin-block: 0;
		margin-block: 0 .5rem;

		& a {
			color: var(--colour-gunmetal);
			display: block;
			font-size: 2rem;
			text-decoration: none;

			transition: color var(--transition) var(--easing);

			&:hover {
				color: var(--colour-orange);
			}

			.home & {
				color: var(--white);

				&:hover {
					color: var(--colour-orange);
				}

			}

			.menu-active & {
				color: var(--white);

				&:hover {
					color: var(--colour-orange);
				}

			}

		}

	}

	& .current-menu-item {

		& > a {
			font-weight: 600;
			text-decoration: underline;
		}

	}

	& .menu-item-17909 {

		& > a {

			.post-type-archive-testimonial &,
			.tax-testimonial_category & {
				font-weight: 600;
				text-decoration: underline;
			}

		}

	}

	& .menu-item-has-children {
		position: relative;
	}

	& .sub-menu {
		display: none;
		list-style: none;
		margin: 0;
		padding-block: 0;
		padding-inline: 1rem 0;
		position: relative;

		& li {

			& a {
				font-size: 1.25rem;
			}

		}

	}

	@media only screen and (min-width: 56.25em) {
		display: flex;
		justify-content: space-around;
		width: 100%;

		& li {
			margin-block: 0;
			margin-inline: .5rem;

			& a {
				font-size: 1rem;
			}

		}

		& .sub-menu {
			background-color: var(--white);
			left: -1rem;
			padding: 1rem;
			position: absolute;
			top: 100%;
			width: 14rem;

			& li {
				margin-block: 0 1rem;
				margin-inline: 0;

				&:last-child {
					margin-block: 0;
				}

				& a {
					color: var(--colour-gunmetal);
					font-size: 1rem;

					&:hover {
						color: var(--colour-orange);
					}

				}

			}

		}

	}

	@media only screen and (min-width: 68.75em) {

		& li {
			margin-inline: .9375rem;

			& a {
				padding-block: .5rem;
			}

		}

	}

}



/* =Social nav 
----------------------------------------- */
.social-nav {
	align-items: flex-end;
	display: flex;
	gap: 1.25rem;
	justify-content: flex-start;

	.rebrand-footer & {
		gap: .5rem;
	}

}

.social-nav--icon,
.social-nav--icon:visited {
	display: block;

	& span {
		display: block;
	}
	
	& svg {
		fill: var(--colour-orange);

		transition: fill var(--transition) var(--easing);

		.home & {
			fill: var(--white);
		}

	}

	&:hover {

		& svg {
			fill: var(--colour-cinnabar);
		}

	}

	.rebrand-footer & {
		align-items: center;
		background-color: var(--colour-orange);
		border-radius: 100%;
		display: flex;
		height: 2.375rem;
		justify-content: center;
		width: 2.375rem;

		transition: background-color var(--transition) var(--easing);

		& svg {
			fill: var(--white);
		}

		&:hover {
			background-color: var(--colour-gunmetal);

			& svg {
				fill: var(--white);
			}

		}

	}

}



/* =Homepage banner
----------------------------------------- */
.rebrand-banner {
	background-color: var(--colour-green-forest);
	display: block;
	overflow: hidden;
	padding-block: 12rem 14rem;
	position: relative;

	& .wrap {
		position: relative;
		z-index: 4;
	}

}

@media only screen and (min-width: 56.25rem) {

	.rebrand-banner {
		padding-block-end: 23.125rem;
	}

}

@media only screen and (min-width: 62.5em) {

	.rebrand-banner {
		padding-block-start: 16.125rem;
	}

}

.rebrand-banner--mark {
	position: absolute;
	right: 0;
	top: 0;
	translate: 15% -35%;
	z-index: 1;

	& svg {
		display: block;
		/* fill: var(--colour-green-sea); */
		height: auto;
		opacity: .67;
		width: 100vw;
		width: clamp(20rem, 100vw, 93.75rem);

		& path {
			stroke: var(--colour-green-sea);

			stroke-dasharray: 700;

			animation: logoMarkDraw 9s var(--easing) infinite;
		}

	}

}

@keyframes logoMarkDraw {

	0% {
		stroke-dashoffset: -700;
	}
	15%, 85% {
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dashoffset: 700;
	}

}

.rebrand-banner--heading {
	color: var(--white);
	font-size: 4.375rem;
	font-size: clamp(2.5rem, 6vw, 4.375rem);
	font-weight: normal;
	line-height: .9;
	max-width: 43.75rem;
	text-wrap: balance;
}

.rebrand-banner--search {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	font-size: 1.125rem;
	font-weight: 600;
	margin-block-start: 8.75rem;

	& p {
		color: var(--white);
		margin-block: 0;
	}

	@media only screen and (min-width: 62.5em) {
		align-items: center;
		flex-direction: row;

		& p {
			width: 20%;
		}

	}

}

.rebrand-banner--search--form {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
	justify-content: space-between;

	& > div {
		display: block;
		margin-block: 1rem 0;
	}

	& input[name="search_keywords"] {
		border-radius: var(--radius);
	}

	& input[name="search_keywords"] {
		height: 100%;
		margin-block: 0;

		& .chosen-single {
			align-items: center;
			border-radius: var(--radius);
			display: flex;
			height: 100%;

			& > div {
				
				& b {
					background-position: 4px 20px;
				}

			}

		}

	}

	& .chosen-container {
		height: 100%;
		margin-block: 0;

		& .chosen-single {
			align-items: center;
			border-radius: var(--radius);
			display: flex;
			height: 100%;

			& > div {
				
				& b {
					background-position: 4px 20px;
				}

			}

		}

	}

	& .chosen-container-active.chosen-with-drop {

		& .chosen-single {
			border-radius: 1.6875rem 1.6875rem 0 0;
		}

	}

	@media only screen and (min-width: 50em) {
		flex-direction: row;
		flex-wrap: wrap;

		& > div {
			display: block;
			width: 31%;

			&:last-child {
				width: 100%;

				& .button {
					width: 100%;
				}

			}

		}
		
	}

	@media only screen and (min-width: 62.5em) {
		margin-inline-start: auto;
		max-width: 66.875rem;

		& > div {
			margin-block: 0;
			width: 24%;

			&:last-child {
				width: 24%;
			}

		}

	}

}



/* =Homepage opening image
----------------------------------------- */
.home-promoted-image {
	display: block;
	margin-top: -8rem;
	position: relative;
	z-index: 2;

	& img {
		display: block;
		width: 100%;
	}

	@media only screen and (min-width: 56.25rem) {
		margin-top: -19rem;
	}

}

.home-promoted-image--inner {
	display: block;

	@media only screen and (min-width: 50rem) {
		padding-inline-start: 5vw;
		padding-inline-start: clamp(4rem, 5vw, 7.5rem);
	}

	@media only screen and (min-width: 96.875em) {
		margin-inline-end: -10%;
		padding-inline-start: 15%;
		width: 110%;
	}

}


/* =Opening content
----------------------------------------- */
.opening-content {
	display: block;
	max-width: 78rem;

	& p {
		color: var(--colour-green-sea);
		font-size: 3.125rem;
		font-size: clamp(2rem, 4vw, 3.125rem);
		line-height: 1.2;
	}

}

.links-content {
	display: grid;
	gap: 3.5rem;
	grid-template-columns: minmax(0, 1fr);
	margin-block: 6.75rem 0;

	@media only screen and (min-width: 50em) {
		gap: 5.625rem;
		grid-template-columns: minmax(0, 1fr) 55%;
	}

}

.links-content--content {
	font-size: 1.25rem;

	@media only screen and (min-width: 50em) {
		grid-column-start: 2;
		grid-column-end: 3;
	}

}

.links-content--extra {

	@media only screen and (min-width: 50em) {
		grid-column-start: 1;
		grid-column-end: 2;

		grid-row-start: 1;
	}

}

.links-content--links {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 3.125rem;

	& a {
		color: var(--colour-gunmetal);
		display: block;
		font-size: 1.25rem;
		font-weight: 600;
		text-decoration: underline;

		transition: color var(--transition) var(--easing);

		&:hover {
			color: var(--colour-orange);
		}

		&:focus {
			color: var(--colour-orange);
		}

	}

}



/* =Strip headings
----------------------------------------- */
.strip--head {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-block: 0 3.4375rem;

	& .button {
		flex-grow: 0;
		flex-shrink: 0;
		margin-block: 1.5rem 0;
	}

	@media only screen and (min-width: 50em) {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;

		& .button {
			margin-block: 0;
			margin-inline: 2rem 0;
		}

	}

	&[data-dir="col"] {
		flex-direction: column;
	justify-content: center;
		text-align: center;
	}

}

.strip--heading {
	color: var(--colour-green-sea);
	font-size: 3.125rem;
	font-size: clamp(2rem, 5vw, 3.125rem);
	font-weight: normal;
	margin-block: 0;
}

.strip--head--text {
	font-size: 1.25rem;
	margin-block: 1.5625rem 0;
}



/* =News grid
----------------------------------------- */
.news-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(0, 1fr);

	@media only screen and (min-width: 43.75em) {
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	@media only screen and (min-width: 68.75em) {
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}

}



/* =Calls grid
----------------------------------------- */
.call-grid {
	display: grid;
	gap: 1.375rem;
	grid-template-columns: minmax(0, 1fr);

	@media only screen and (min-width: 50em) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
}

.call-tile {
	background-color: var(--colour-green-forest);
	border-radius: .625rem;
	color: var(--white);
	display: block;
	overflow: hidden;
	padding: 2.5rem;
	position: relative;

	& >svg {
		height: auto;
		fill: var(--colour-green-sea);
		left: 50%;
		opacity: 1;
		position: absolute;
		top: 50%;
		translate: -55% -70%;
		width: 150%;
		z-index: 1;

		transition: opacity var(--transition) var(--easing);
	}

	&[data-colour="aero"] {
		background-color: var(--colour-aero);

		& >svg {
			fill: var(--colour-orange);
		}

	}

	&:has(.button:hover) {
		& > svg {
			opacity: 0;
		}
	}

}

.call-tile--inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	z-index: 2;
}

.call-tile--heading {
	font-size: 3.125rem;
	font-size: clamp(2rem, 5vw, 3.125rem);
	font-weight: normal;
	margin-block: 0 9.375rem;
}

.call-tile--info {
	align-items: center;
	margin-block: auto 0;
	width: 100%;

	& p {
		font-size: 1.25rem;
		margin-block: 0;
	}

	.button {
		margin-block-start: 2rem;
	}

	@media only screen and (min-width: 62.5em) {
		align-items: center;
		display: flex;
		justify-content: space-between;

		& p {
			margin-inline-end: 2rem;
			max-width: 23.75rem;
		}

		.button {
			margin-block-start: 0;
			margin-inline: auto 0;
		}

	}

}



/* =Article tiles
----------------------------------------- */
.article--tile {

}

.article--image {
	border-radius: .625rem;
	display: block;
	margin-block: 0 2.1875rem;
	opacity: 1;
	overflow: hidden;

	transition: opacity var(--transition) var(--easing);

	& img {
		display: block;
	}

	&:hover,
	&:focus {
		opacity: .8;
	}

}

.article--text {

}

.article--heading {
	color: var(--colour-gunmetal);
	font-size: 1.625rem;
	font-weight: normal;
	line-height: 1.3;
	margin-block: 0 1.875rem;

	& a {
		color: var(--colour-gunmetal);
		text-decoration: none;

		&:hover,
		&:focus {
			text-decoration: underline;
		}

	}

}

.article--more {
	color: var(--colour-green-forest);
	font-size: 1.25rem;
	font-weight: 600;
	text-decoration: underline;

	transition: color var(--transition) var(--easing);

	&:hover,
	&:focus {
		color: var(--colour-cinnabar);
		text-decoration: underline;
	}

}



/* =Image grid
----------------------------------------- */
.image-grid {
	display: grid;
	gap: 1.625rem;
	grid-template-columns: minmax(0, 1fr);

	@media only screen and (min-width: 37.5em) {
		grid-template-columns: 20% minmax(0, 1fr);
	}

	@media only screen and (min-width: 96.875em) {
		margin-inline-start: -10%;
		width: 120%;
	}

}

.image-item {
	align-items: flex-end;
	display: flex;
	
	& img {
		display: block;
		max-width: 100%;
		width: 100%;
	}

}



/* =Social sharing on news posts
----------------------------------------- */
.button--social-share {
	border-width: 0;
	height: auto;

	& .icon {
		border-width: 0;

		&:after {
			display: none;
		}

	}

}



/* =Pre Footer
----------------------------------------- */
.pre-footer {
	background-color: var(--colour-green-forest);
	display: block;
	overflow: hidden;
	padding-block: 4.875rem;
	position: relative;

	& .wrap {
		position: relative;
		z-index: 2;
	}

}

.pre-footer--mark {
	display: block;
	left: 50%;
	max-width: 125rem;
	position: absolute;
	top: 50%;
	translate: -50% -58%;
	width: 100%;
	z-index: 1;

	& svg {
		fill: var(--colour-green-sea);
		height: auto;
		width: 100%;
	}

}

.pre-footer--inner {

}

.pre-footer--heading {
	color: var(--white);
	display: block;
	font-size: 2.5rem;
	font-weight: normal;
	margin-block: 0 2rem;
}

.pre-footer--text {
	color: var(--white);
	font-size: 1.25rem;
	line-height: 1.4;

	& p {
		
		&:first-child {
			margin-block-start: 0;
		}

		&:last-child {
			margin-block-end: 0;
		}

	}

}

.pre-footer--button {
	margin-block: 2rem 0;
}

@media only screen and (min-width: 50em) {

	.pre-footer--inner {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.pre-footer--heading {
		width: 100%;
	}

	.pre-footer--text {
		width: 60%;
	}

	.pre-footer--button {
		margin-block: 0;
	}

}

@media only screen and (min-width: 59.375em) {

	.pre-footer--inner {
		flex-wrap: nowrap;
	}

	.pre-footer--heading {
		flex-grow: 0;
		flex-shrink: 0;
		margin-block: 0;
		margin-inline-end: auto;
		translate: 0 -.75rem;
		width: auto;
	}

	.pre-footer--text {
		flex-grow: 1;
		flex-shrink: 1;
		margin-inline: 3rem;
		max-width: 38rem;
		width: auto;
	}

	.pre-footer--button {
		flex-grow: 0;
		flex-shrink: 0;
		margin-inline-start: auto;
	}

}



/* =Footer
----------------------------------------- */
.rebrand-footer {
	padding-block: 4rem;
}

.footer-grid {
	display: grid;
	gap: 3rem;
	grid-template-columns: minmax(0, 1fr);
}

.footer--logo {

	& svg {
		fill: var(--colour-green-forest);
	}

}

.footer--block {

}

@media only screen and (min-width: 37.5em) {

	.footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.footer--logo {
		grid-column-start: 1;
		grid-column-end: 3;
	}

}

@media only screen and (min-width: 50em) {

	.footer-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.footer--logo {
		grid-column-start: 1;
		grid-column-end: 4;
	}

}

@media only screen and (min-width: 62.5em) {

	.footer-grid {
		grid-template-columns: 25rem repeat(2, minmax(0, 1fr));
	}

}

@media only screen and (min-width: 68.75em) {

	.footer-grid {
		grid-template-columns: minmax(0, 1fr) 25rem minmax(0, 1fr) 12rem;
	}

	.footer--logo {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	.footer--block {
		padding-top: 1.875rem;
	}

}

/*
@media only screen and (min-width: 87.5em) {

	.footer-grid {
		grid-template-columns: minmax(0, 1fr) 25rem minmax(0, 1fr) minmax(0, 1fr);
	}

}
*/

.footer--heading {
	color: var(--colour-green-sea);
	font-size: 1.25rem;
	font-weight: 600;
	margin-block: 0 1.625rem;
}

.footer--detail {
	font-weight: 600;
	line-height: 1.8;
	margin-block: 0 1rem;

	&:last-child {
		margin-block: 0;
	}
	
	& a,
	& a:visited {
		color: var(--colour-gunmetal);
		text-decoration: underline;
		transition: color var(--transition) var(--easing);

		&:hover,
		&:focus {
			color: var(--colour-green-sea);
			text-decoration: none;
		}

	}

}

.end-accreds--outer {
	border-top: 1px solid var(--grey-light);
	padding-block: 2.375rem;
}

.end-accreds {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: space-around;

	& div {
		max-width: 50%;

		& img {
			display: block;
		}

	}

}

@media only screen and (min-width: 50em) {

	.end-accreds {
		flex-wrap: nowrap;
		justify-content: space-between;

		& div {
			max-width: 100%;
		}

	}

}

.end {
	background-color: var(--grey-light);
	color: var(--colour-green-forest);
	font-size: 1rem;
	padding-block: 2rem;

	& p {
		margin-block: 0;

		& a,
		& a:visited {
			color: var(--colour-green-forest);
			text-decoration: underline;

			&:hover,
			&:focus {
				color: var(--colour-green-forest);
				text-decoration: none;
			}

		}

		& span {
			display: inline-block;
			margin-inline: .5rem;
		}
	
	}

}

/* =Notification bar
==========================================*/
.notification-bar {
  background-color: #ffffff;
  padding: 1em;
}
@media only screen and (max-width: 56.250em) {
  .notification-bar {
    padding: 1em 0;
  }
}
.notification-bar .wrap {
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 56.250em) {
  .notification-bar .wrap {
    display: flex;
    justify-content: center;
    text-align: none;
  }
}
.notification-bar .button-wrap {
  margin: 0;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: start;
  justify-content: center;
}
@media only screen and (min-width: 56.250em) {
  .notification-bar .button-wrap {
    margin-bottom: 0;
  }
}
.notification-bar .button {
  background-color: #your-secondary-color;
  color: #fff;
  font-size: 0.875em;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-top: 12px;
  padding: 5px 10px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 56.250em) {
  .notification-bar .button {
    margin-left: 15px;
  }
}

.notification-bar--heading {
  color: #your-secondary-color;
  font-size: 1em;
  font-weight: 700;
}
@media only screen and (max-width: 56.250em) {
  .notification-bar--heading {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.notification-bar--text {
  margin-left: 0em;
}
@media only screen and (min-width: 56.250em) {
  .notification-bar--text {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 43.75em) {
  .notification-bar--text {
    margin: 0 auto;
    width: 75%;
  }
}

.notification-bar--text > p:last-child {
  margin-bottom: 0;
}