/* Cookie Banner */

.cookie-banner {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100000;
	background-color: #007892;
	padding: 40px 0;
}

/*.cookie-banner a:focus{
    outline: 3px solid #36dbff;
	-webkit-box-shadow: 0px 0px 0px 4px #083d48;
	box-shadow: 0px 0px 0px 4px #083d48;
	text-decoration: none;
	outline-offset: 2px;
}

.cookie-banner button:focus{
    outline: 3px solid #36dbff;
	-webkit-box-shadow: 0px 0px 0px 4px #083d48;
	box-shadow: 0px 0px 0px 4px #083d48;
	text-decoration: none;
	outline-offset: 2px;
}*/

@media (min-width: 48em) {
	.cookie-banner {
		padding: 70px 0;
	}
}

.cookie-banner.is-hidden {
	display: none;
}

.cookie-banner__content {
	max-width: 500px;
}

@media (min-width: 48em) {
	.cookie-banner__content {
		padding-right: 50px;
	}
}

@media (min-width: 73em) {
	.cookie-banner__content {
		max-width: initial;
	}
}

.cookie-banner__content p {
	color: white;
}

@media (min-width: 48em) {
	.cookie-banner__content p {
		font-size: 18px;
	}
}

@media (min-width: 73em) {
	.cookie-banner__content p {
		margin-bottom: 0;
	}
}

.cookie-banner__content a {
	text-decoration: underline;
	color: white;
}

@media (min-width: 48em) {
	.cookie-banner__content a {
		font-size: 18px;
	}
}

.cookie-banner__content a:hover {
	text-decoration: none;
}

.cookie-banner__buttons {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	margin: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 73em) {
	.cookie-banner__buttons {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

@media (min-width: 73em) {
	.cookie-banner__button--last {
		margin-left: 10px;
	}
}

.cookie-banner__button {
	margin-bottom: 10px;
}

.cookie-banner__button .boxed-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	border: 0;
	min-width: 220px;
}

.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

.grid__container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

.grid__cell {
	grid-column: span 12/span 12;
}

.grid__cell--1 {
	grid-column: span 1 / span 1;
}

.grid__cell--2 {
	grid-column: span 2 / span 2;
}

.grid__cell--3 {
	grid-column: span 3 / span 3;
}

.grid__cell--4 {
	grid-column: span 4 / span 4;
}

.grid__cell--5 {
	grid-column: span 5 / span 5;
}

.grid__cell--6 {
	grid-column: span 6 / span 6;
}

.grid__cell--7 {
	grid-column: span 7 / span 7;
}

.grid__cell--8 {
	grid-column: span 8 / span 8;
}

.grid__cell--9 {
	grid-column: span 9 / span 9;
}

.grid__cell--10 {
	grid-column: span 10 / span 10;
}

.grid__cell--11 {
	grid-column: span 11 / span 11;
}

.grid__cell--12 {
	grid-column: span 12 / span 12;
}

@media (min-width: 48em) {
	.grid__cell--1\@medium {
		grid-column: span 1 / span 1;
	}

	.grid__cell--2\@medium {
		grid-column: span 2 / span 2;
	}

	.grid__cell--3\@medium {
		grid-column: span 3 / span 3;
	}

	.grid__cell--4\@medium {
		grid-column: span 4 / span 4;
	}

	.grid__cell--5\@medium {
		grid-column: span 5 / span 5;
	}

	.grid__cell--6\@medium {
		grid-column: span 6 / span 6;
	}

	.grid__cell--7\@medium {
		grid-column: span 7 / span 7;
	}

	.grid__cell--8\@medium {
		grid-column: span 8 / span 8;
	}

	.grid__cell--9\@medium {
		grid-column: span 9 / span 9;
	}

	.grid__cell--10\@medium {
		grid-column: span 10 / span 10;
	}

	.grid__cell--11\@medium {
		grid-column: span 11 / span 11;
	}

	.grid__cell--12\@medium {
		grid-column: span 12 / span 12;
	}
}

@media (min-width: 73em) {
	.grid__cell--1\@large {
		grid-column: span 1 / span 1;
	}

	.grid__cell--2\@large {
		grid-column: span 2 / span 2;
	}

	.grid__cell--3\@large {
		grid-column: span 3 / span 3;
	}

	.grid__cell--4\@large {
		grid-column: span 4 / span 4;
	}

	.grid__cell--5\@large {
		grid-column: span 5 / span 5;
	}

	.grid__cell--6\@large {
		grid-column: span 6 / span 6;
	}

	.grid__cell--7\@large {
		grid-column: span 7 / span 7;
	}

	.grid__cell--8\@large {
		grid-column: span 8 / span 8;
	}

	.grid__cell--9\@large {
		grid-column: span 9 / span 9;
	}

	.grid__cell--10\@large {
		grid-column: span 10 / span 10;
	}

	.grid__cell--11\@large {
		grid-column: span 11 / span 11;
	}

	.grid__cell--12\@large {
		grid-column: span 12 / span 12;
	}
}

.grid__cell--end {
	grid-column-end: -1;
}

.grid__cell--start-1 {
	grid-column-start: 1;
}

.grid__cell--end-1 {
	grid-column-end: 1;
}

.grid__cell--start-2 {
	grid-column-start: 2;
}

.grid__cell--end-2 {
	grid-column-end: 2;
}

.grid__cell--start-3 {
	grid-column-start: 3;
}

.grid__cell--end-3 {
	grid-column-end: 3;
}

.grid__cell--start-4 {
	grid-column-start: 4;
}

.grid__cell--end-4 {
	grid-column-end: 4;
}

.grid__cell--start-5 {
	grid-column-start: 5;
}

.grid__cell--end-5 {
	grid-column-end: 5;
}

.grid__cell--start-6 {
	grid-column-start: 6;
}

.grid__cell--end-6 {
	grid-column-end: 6;
}

.grid__cell--start-7 {
	grid-column-start: 7;
}

.grid__cell--end-7 {
	grid-column-end: 7;
}

.grid__cell--start-8 {
	grid-column-start: 8;
}

.grid__cell--end-8 {
	grid-column-end: 8;
}

.grid__cell--start-9 {
	grid-column-start: 9;
}

.grid__cell--end-9 {
	grid-column-end: 9;
}

.grid__cell--start-10 {
	grid-column-start: 10;
}

.grid__cell--end-10 {
	grid-column-end: 10;
}

.grid__cell--start-11 {
	grid-column-start: 11;
}

.grid__cell--end-11 {
	grid-column-end: 11;
}

.grid__cell--start-12 {
	grid-column-start: 12;
}

.grid__cell--end-12 {
	grid-column-end: 12;
}

@media (min-width: 48em) {
	.grid__cell--end\@medium {
		grid-column-end: -1;
	}

	.grid__cell--start-1\@medium {
		grid-column-start: 1;
	}

	.grid__cell--end-1\@medium {
		grid-column-end: 1;
	}

	.grid__cell--start-2\@medium {
		grid-column-start: 2;
	}

	.grid__cell--end-2\@medium {
		grid-column-end: 2;
	}

	.grid__cell--start-3\@medium {
		grid-column-start: 3;
	}

	.grid__cell--end-3\@medium {
		grid-column-end: 3;
	}

	.grid__cell--start-4\@medium {
		grid-column-start: 4;
	}

	.grid__cell--end-4\@medium {
		grid-column-end: 4;
	}

	.grid__cell--start-5\@medium {
		grid-column-start: 5;
	}

	.grid__cell--end-5\@medium {
		grid-column-end: 5;
	}

	.grid__cell--start-6\@medium {
		grid-column-start: 6;
	}

	.grid__cell--end-6\@medium {
		grid-column-end: 6;
	}

	.grid__cell--start-7\@medium {
		grid-column-start: 7;
	}

	.grid__cell--end-7\@medium {
		grid-column-end: 7;
	}

	.grid__cell--start-8\@medium {
		grid-column-start: 8;
	}

	.grid__cell--end-8\@medium {
		grid-column-end: 8;
	}

	.grid__cell--start-9\@medium {
		grid-column-start: 9;
	}

	.grid__cell--end-9\@medium {
		grid-column-end: 9;
	}

	.grid__cell--start-10\@medium {
		grid-column-start: 10;
	}

	.grid__cell--end-10\@medium {
		grid-column-end: 10;
	}

	.grid__cell--start-11\@medium {
		grid-column-start: 11;
	}

	.grid__cell--end-11\@medium {
		grid-column-end: 11;
	}

	.grid__cell--start-12\@medium {
		grid-column-start: 12;
	}

	.grid__cell--end-12\@medium {
		grid-column-end: 12;
	}
}

@media (min-width: 73em) {
	.grid__cell--end\@large {
		grid-column-end: -1;
	}

	.grid__cell--start-1\@large {
		grid-column-start: 1;
	}

	.grid__cell--end-1\@large {
		grid-column-end: 1;
	}

	.grid__cell--start-2\@large {
		grid-column-start: 2;
	}

	.grid__cell--end-2\@large {
		grid-column-end: 2;
	}

	.grid__cell--start-3\@large {
		grid-column-start: 3;
	}

	.grid__cell--end-3\@large {
		grid-column-end: 3;
	}

	.grid__cell--start-4\@large {
		grid-column-start: 4;
	}

	.grid__cell--end-4\@large {
		grid-column-end: 4;
	}

	.grid__cell--start-5\@large {
		grid-column-start: 5;
	}

	.grid__cell--end-5\@large {
		grid-column-end: 5;
	}

	.grid__cell--start-6\@large {
		grid-column-start: 6;
	}

	.grid__cell--end-6\@large {
		grid-column-end: 6;
	}

	.grid__cell--start-7\@large {
		grid-column-start: 7;
	}

	.grid__cell--end-7\@large {
		grid-column-end: 7;
	}

	.grid__cell--start-8\@large {
		grid-column-start: 8;
	}

	.grid__cell--end-8\@large {
		grid-column-end: 8;
	}

	.grid__cell--start-9\@large {
		grid-column-start: 9;
	}

	.grid__cell--end-9\@large {
		grid-column-end: 9;
	}

	.grid__cell--start-10\@large {
		grid-column-start: 10;
	}

	.grid__cell--end-10\@large {
		grid-column-end: 10;
	}

	.grid__cell--start-11\@large {
		grid-column-start: 11;
	}

	.grid__cell--end-11\@large {
		grid-column-end: 11;
	}

	.grid__cell--start-12\@large {
		grid-column-start: 12;
	}

	.grid__cell--end-12\@large {
		grid-column-end: 12;
	}
}

.grid--gap {
	grid-gap: 1rem;
}

.cookie-banner__content {
	max-width: 500px;
}

@media (min-width: 48em) {
	.cookie-banner__content {
		padding-right: 50px;
	}
}

@media (min-width: 73em) {
	.cookie-banner__content {
		max-width: initial;
	}
}

.cookie-banner__content p {
	color: white;
}

@media (min-width: 48em) {
	.cookie-banner__content p {
		font-size: 18px;
	}
}

@media (min-width: 73em) {
	.cookie-banner__content p {
		margin-bottom: 0;
	}
}

.cookie-banner__content a {
	text-decoration: underline;
	color: white;
}

@media (min-width: 48em) {
	.cookie-banner__content a {
		font-size: 18px;
	}
}

.cookie-banner__content a:hover {
	text-decoration: none;
}

.cookie-banner__buttons {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	margin: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 73em) {
	.cookie-banner__buttons {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

@media (min-width: 73em) {
	.cookie-banner__button--last {
		margin-left: 10px;
	}
}

.cookie-banner__button {
	margin-bottom: 10px;
}

.cookie-banner__button .boxed-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	border: 0;
	min-width: 220px;
}

.boxed-button__text {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 24px;
	margin-right: 24px;
	font-size: 14px;
}
.jobhelp__boxed-button,
.jobhelp-results__boxed-link .boxed-button,
.cookie-settings__boxed-button,
.cookie-settings__boxed-link .boxed-button {
	padding: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #083d48;
	color: white;
	border: 0;
}

.jobhelp__boxed-button:hover,
.jobhelp-results__boxed-link .boxed-button:hover,
.cookie-settings__boxed-button:hover,
.cookie-settings__boxed-link .boxed-button:hover {
	background-color: #003040;
}

.jobhelp__boxed-button .boxed-button__icon,
.jobhelp-results__boxed-link .boxed-button .boxed-button__icon,
.cookie-settings__boxed-button .boxed-button__icon,
.cookie-settings__boxed-link .boxed-button .boxed-button__icon {
	/* background-color: #0c4450; */
	color: white;
}

.jobhelp__boxed-button .boxed-button__icon:hover,
.jobhelp-results__boxed-link .boxed-button .boxed-button__icon:hover,
.cookie-settings__boxed-button .boxed-button__icon:hover,
.cookie-settings__boxed-link .boxed-button .boxed-button__icon:hover {
	background-color: #043e52;
}

.jobhelp__boxed-button .icon-right-arrow,
.jobhelp-results__boxed-link .boxed-button .icon-right-arrow,
.cookie-settings__boxed-button .icon-right-arrow,
.cookie-settings__boxed-link .boxed-button .icon-right-arrow  {
	margin-top: 2px;
}

.boxed-button__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50px;
	height: 50px;
	color: white;
	/* background-color: #156373; */
	border-radius: 2px;
}

.boxed-button:hover .boxed-button__icon {
	background-color: #043e52;
}

.boxed-button--beta {
	background-color: #a4ffff;
}

.boxed-button--beta:hover {
	background-color: #80ffff;
}

.boxed-button--beta .boxed-button__text,
.boxed-button--beta .boxed-button__icon {
	color: #131313;
}

.boxed-button--beta .boxed-button__icon {
	/* background-color: #a4ffff ; */
}

/*.boxed-button--beta:hover .boxed-button__icon {
	background-color: #68f9f9;
}*/

.icon {
	position: relative;
	top: -0.0625rem;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	fill: currentColor;
	vertical-align: middle;
}

.primary-menu .icon-right-arrow {
	display: block;
}

.cookie-settings__fieldset, .jobhelp-tool__fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.cookie-settings__boxed-button, .cookie-settings__boxed-link .boxed-button, .jobhelp-results__boxed-link .boxed-button, .jobhelp__boxed-button {
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #083d48;
    color: #fff;
    border: 0;
}

.boxed-button__icon, .boxed-button__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.boxed-button__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 24px;
    margin-right: 24px;
    font-size: 14px;
}

.cookie-settings__radio-item, .cookie-settings__radios-list-item, .jobhelp-tool__radios-list-item, .johelp-tool__radio-item {
    display: block;
    position: relative;
    min-height: 40px;
    margin-bottom: 10px;
    padding-left: 40px;
    clear: left;
}

.cookie-settings__input, .jobhelp-tool__input {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -2px;
    left: -2px;
    width: 44px;
    height: 44px;
    margin: 0;
    opacity: 0;
}

.cookie-settings__input:focus + .cookie-settings__label::before {
    border-width: 4px;
    outline: 3px solid rgba(0,0,0,0);
    outline-offset: 1px;
    box-shadow: 0 0 0 4px #fd0
}    

.cookie-settings__label:before, .jobhelp-tool__label:before {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border: 2px solid;
    border-radius: 50%;
    background: transparent;
}


.cookie-settings__label:focus :before
{
    border-width: 4px;
    outline: 3px solid rgba(0,0,0,0);
    outline-offset: 1px;
    box-shadow: 0 0 0 4px #fd0
}

.cookie-settings__label:after, .jobhelp-tool__label:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 0;
    height: 0;
    border: 10px solid;
    border-radius: 50%;
    opacity: 0;
    background: currentColor;
}

.cookie-settings__label, .jobhelp-tool__label {
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 15px 5px;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.boxed-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    color: #fff;
    /* background-color: #0e4e5b; */
    -webkit-box-shadow: 0 15px 30px 0 transparent, 0 3px 9px 0 transparent;
    box-shadow: 0 15px 30px 0 transparent, 0 3px 9px 0 transparent;
    -webkit-transition: -webkit-box-shadow .25s cubic-bezier(.25, .8, .25, 1), -webkit-transform .25s cubic-bezier(.25, .8, .25, 1);
    transition: -webkit-box-shadow .25s cubic-bezier(.25, .8, .25, 1), -webkit-transform .25s cubic-bezier(.25, .8, .25, 1);
    transition: box-shadow .25s cubic-bezier(.25, .8, .25, 1), transform .25s cubic-bezier(.25, .8, .25, 1);
    transition: box-shadow .25s cubic-bezier(.25, .8, .25, 1), transform .25s cubic-bezier(.25, .8, .25, 1), -webkit-box-shadow .25s cubic-bezier(.25, .8, .25, 1), -webkit-transform .25s cubic-bezier(.25, .8, .25, 1);
    border-radius: 2px;
}

.boxed-button:focus, .boxed-button__icon:focus {
	outline:3px solid transparent;
	color:#0b0c0c !important;
	background-color:#fd0 !important;
	box-shadow:0 -2px #fd0,0 4px #0b0c0c;
	text-decoration:none;
}


.cookie-settings__input:checked + .cookie-settings__label::after {
    opacity: 1;
}