/*
/* Custom Fonts
/* ____________________________________________________________________________ */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,900&display=swap');


* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
/* Variables
/* ____________________________________________________________________________ */

:root {
	--maersk-ultra-light-red: #f8f1ed;
	--maersk-ultra-light-green: #e8f6eb;
	--maersk-gray: #f2f4f5;
	--maersk-ultra-light-blue: #daf0fa;
	--maersk-light-blue: rgba(0, 36, 61, .12);
	--maersk-pale-blue: rgba(0, 36, 61, .5);
	--maersk-blue: #e30613;
	--maersk-actual-light-blue: #daeffa;
	--maersk-accent-blue: #e30613;
	--maersk-dark-blue: #3d4351;
	--maersk-medium-blue: #b7e0f3;
	--maersk-light-beige: #f8f1ee;
	--maersk-text-blue: #00243d9a;
	--maersk-background-color: #fff;
	--maersk-text-color: var(--maersk-dark-blue);
	--maersk-header-color: var(--maersk-text-color);
	--maersk-font-body:
		'Poppins', Helvetica, Arial, sans-serif;
	--maersk-font-headline:
		'Poppins', Helvetica, Arial, sans-serif;
}

/*
/* Cornerstone Elements to be hidden
/* ____________________________________________________________________________ */
html .p-search-module,
html .p-view-jobsearchbanner .p-image-banner.background .p-image-overlay-wrapper img {
	display: none;
}

/*
/* Cornerstone Overwrites
/* ____________________________________________________________________________ */
html,
body {
	font-family: var(--maersk-font-body) !important;
	color: var(--maersk-dark-blue) !important;
}

.p-bg-af-primary50:after,
.p-bg-bf-primary50:before {
	background-color: var(--maersk-blue) !important;
}

html .p-t-primary50,
html .p-t-full-hv-primary50 {
	color: var(--maersk-dark-blue) !important;
}

html .p-t-hv-primary50:hover,
html .p-t-full-hv-primary50:hover {
	color: var(--maersk-dark-blue) !important;
}

html .p-view-jobsearchbanner .overlay.p-bg-black-overlay {
	background-color: var(--maersk-dark-blue);
	opacity: .5;
}

html .p-view-jobsearchbanner .p-htmlviewer {}

html .p-image-banner.background .p-image-overlay-wrapper img {
	object-fit: contain;
	position: absolute;
	object-position: center;
	align-content: center;
}



.basic.primary,
.p-dropdownlist .primary .Select-control {
	color: white;
	background: var(--maersk-blue) !important;
	border-color: var(--maersk-blue) !important;
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html .p-sectionheader {
	font-family: var(--maersk-font-headline) !important;
	color: var(--maersk-dark-blue) !important;
}

html .p-view-jobdetailsad {
	max-width: 720px;
	margin: 0 auto;
	font-size: 1.15em;
	line-height: 1.5;
	font-weight: 300;
}

html .p-view-jobdetailsad a {
	color: #00497f;
}

.maersk-hero__title {
	text-align: left;
	font-size: 2.75em;
	color: white;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 0em;
	max-width: 500px;
}

.maersk-hero__desc {
	text-align: left;
	color: white;
	font-weight: 300;
	line-height: 1.6;
	max-width: 720px;
	font-size: 0.8em;
}

html .p-viewSL-jobdetailsbannercontent .p-sectionheader {
	color: white !important;
	color: white;
	font-weight: 300;
	line-height: 1;
	font-size: 2em;
	margin-bottom: 0.15em;
	max-width: 800px;
	text-transform: uppercase;
}

@media (min-width: 468px) {

	html .p-viewSL-jobdetailsbannercontent .p-sectionheader,
	.maersk-hero__title {
		font-size: 2.25em;
	}
}

@media (min-width: 768px) {

	html .p-viewSL-jobdetailsbannercontent .p-sectionheader,
	.maersk-hero__title {
		font-size: 3em;
	}

	.maersk-hero__desc {
		font-size: 1em;
	}
}

@media (min-width: 992px) {

	html .p-viewSL-jobdetailsbannercontent .p-sectionheader,
	.maersk-hero__title {
		font-size: 3em;
	}
}

@media (min-width: 1280px) {
	.maersk-hero__title {
		font-size: 6em;
	}
}


.maersk-wrapper {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 0.75rem;
}

@media (min-width: 768px) {
	.maersk-wrapper {
		padding: 0 1.25rem;
	}
}

.maersk-header {
	background-color: var(--maersk-dark-blue) !important;
	color: white;
	padding: 17px 0px;
}

@media (min-width: 768px) {
	.maersk-header {
		padding: 17px 15px;
	}
}

.p-bg-a-grey70:active,
.p-bg-f-grey70:focus,
.p-bg-full-hv-grey70,
.p-bg-grey70 {
	background-color: var(--maersk-gray) !important;
}

html .p-bg-a-grey80:active,
html .p-bg-f-grey80:focus,
html .p-bg-full-hv-grey80,
html .p-bg-grey80 {
	background-color: var(--maersk-gray) !important;
}

html .p-image-overlay-wrapper {
	position: relative;
	min-height: 400px !important;
	height: 100%;
	top: 0;
	display: block;
}

@media (min-width: 468px) {
	html .p-image-overlay-wrapper {
		min-height: 350px !important;
	}
}

@media (min-width: 768px) {
	html .p-image-overlay-wrapper {
		min-height: 400px !important;
	}
}

@media (min-width: 992px) {
	html .p-image-overlay-wrapper {
		min-height: 450px !important;
	}
}

@media (min-width: 1268px) {
	html .p-image-overlay-wrapper {
		min-height: 500px !important;
	}
}

html .p-view-pagemenu .p-bg-grey70 {
	background: white !important;
}


html .p-dropdownlist select {
	font-weight: 400;
	color: var(--maersk-dark-blue);
	height: 2.571rem;
	border-radius: 0;
	border-style: solid;
	border-color: var(--maersk-dark-blue) !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right 2px center;
	background-color: #fff;
	padding-right: 1.6rem;
	padding-left: 1.057rem;
}

html .maersk-header__logo {
	width: auto;
	height: 30px;
}

.maersk-alert {
	background: var(--maersk-blue);
	color: white;
	padding: 1.5rem;
	margin: 2rem 0;
	display: flex;
	gap: 1.25rem;
	flex-wrap: wrap;
	flex-direction: column;
}

@media (min-width: 768px) {
	.maersk-alert {
		flex-direction: row;
		padding: 2.5rem;
		gap: 2rem;
	}

	.maersk-alert__title {
		max-width: 20%;
	}
}

.maersk-alert__title {
	font-size: 2em;
	flex: 1;
}

.maersk-alert__desc {
	max-width: 80%;
	font-size: 12px;
	line-height: 1.8;
	flex: 1;
}

.maersk-alert__desc p {
	padding: 0;
}

html .p-panel.rounded-all {
	border-radius: 0;
}

html .overlay.p-bg-black-overlay {
	background-color: #00497f;
	opacity: .5;
}

html .p-view-jobdetails .p-button,
html .p-view-jobdetails .p-button-dropdown button {
	padding: 2px 24px;
	height: auto;
	border-radius: 0;
	font-size: 14px;
}

html .p-view-jobdetails .p-button.basic {
	background: transparent;
	color: inherit;
	border: 1px solid;
}

html .p-button-dropdown .p-dropdown-bordered,
html .p-button-dropdown .p-dropdown-borderless {
	color: var(--maersk-dark-blue);
	border-color: var(--maersk-dark-blue) !important;
	background: transparent !important;
}

html .p-viewSL-jobdetailsbannercontent .p-button,
html .p-viewSL-jobdetailsbannercontent .p-button-dropdown .p-dropdown-bordered,
html .p-viewSL-jobdetailsbannercontent .p-button-dropdown .p-dropdown-borderless {
	color: #fff !important;
	border-color: #fff !important;
	background: transparent !important;
	font-weight: 300;
	text-transform: uppercase;
}

html .p-view-jobdetails .p-button.primary {
	background: var(--maersk-blue) !important;
	border-color: var(--maersk-blue) !important;
	color: #fff !important;
	font-weight: 300;
	text-transform: uppercase;
}

@media (min-width: 768px) {

	.p-viewSL-jobdetailsbannercontent [data-tag=applyNowButton],
	.p-viewSL-jobdetailsbannercontent [data-tag=save-job-button],
	.p-viewSL-jobdetailsbannercontent [data-tag=shareButtonBanner] {
		margin-top: 2rem;
	}
}

html [data-tag="backToSearchLink"] {
	font-weight: bold !important;
	text-transform: uppercase;
	margin-left: 10px;
}

html .p-predictivesearch .predictor,
html .p-button {
	border-radius: 0 !important;
}


html .p-view-jobdetailsad iframe {
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	margin: 2rem 0;
}

html .p-view-jobsearchbanner {
	margin-bottom: 2rem;
}

.p-bg-primary50,
.p-bg-a-primary50:active,
.p-bg-f-primary50:focus,
.p-bg-full-hv-primary50 {
	background-color: var(--maersk-blue) !important;
}

.p-bc-primary30,
.p-bc-a-primary30:active,
.p-bc-f-primary30:focus,
.p-bc-full-hv-primary30 {
	border-color: var(--maersk-blue) !important;
}


html .p-image-banner.background {
	background-position: 50% 35% !important;
}


.p-view-jobsearchbanner {
	display: none !important;
}

.leman-video-header {
	margin-left: -50vw;
	margin-right: -50vw;
	overflow: hidden;
	min-height: 250px;
	background: #10467b;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	text-transform: uppercase;
	max-height: 40vh;
	height: 50vh;
	padding-bottom: 2.5rem;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
	.leman-video-header {
		margin-bottom: 2.5rem;
	}
}


.leman-video-header__content {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	max-width: 1240px;
	color: white;
	width: 100%;
	padding: 0 1rem;
}
@media (min-width: 480px) {
	.leman-video-header__content {
		padding: 0 2rem;
	}
}
@media (min-width: 1280px) {
	.leman-video-header__content {
		padding: 0;
	}
}

.leman-video-header__media {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.leman-video-header__video {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.leman-main {
	font-size: 1rem;
	margin-bottom: 1.25rem;
	font-weight: 300;
	color: #3d4351;
}

@media (min-width: 768px) {
	.leman-main {
		font-size: 1.25rem;
		margin-bottom: 2.5rem;
	}
}

.leman-wrapper {
	margin: 0 auto;
	max-width: 1280px;
}

.leman-footer {
	background: #3d4351;
	color: white;
	padding: 2.5rem 0;
	margin-top: 2.5rem;
}

@media (min-width: 768px) {
	.leman-footer {
		padding: 5rem 0;
	}
}

.leman-footer__branding {
	max-width: 13rem;
}

.leman-footer__logo {}

.leman-footer__socials {
	margin-top: 1.5rem;
}

@media (min-width: 768px) {
	.leman-footer__socials {
		margin-top: 2.5rem;
	}
}

.leman-footer__social-list {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	display: flex !important;
	gap: 1rem;
}

.leman-footer__social-list-item {}

.leman-footer__social-list-link {
	background: hsla(0, 0%, 100%, .1);
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.leman-footer__social-list-icon {
	width: 18px;
	height: 18px !important;
	filter: invert(1);
}

html .leman-video-header__title {
	margin: 0 0 .25rem 0;
	padding: 0;
	color: white !important;
	font-size: 2.5rem;
}

@media (min-width: 768px) {
	html .leman-video-header__title {
		font-size: 3.5rem;
	}
}

html .leman-video-header__byline {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 1rem;
}

@media (min-width: 768px) {
	html .leman-video-header__byline {
		font-size: 1.25rem;
	}
}

html .leman-video-header:before {
	display: -webkit-box;
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0;
	content: "";
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #00497f), color-stop(25%, rgba(0, 73, 127, .8)), to(hsla(0, 0%, 100%, .4)));
	background: linear-gradient(90deg, #00497f 0, rgba(0, 73, 127, .8) 25%, hsla(0, 0%, 100%, .4));
}

.p-view-jobsearch {
	overflow: hidden;
}

.leman-header__logo {
	max-width: 150px !important;
}

@media (min-width: 768px) {
	.leman-header__logo {
		max-width: 200px !important;
	}
}

.leman-header {
	padding: 1rem 0;
}

.leman-header .leman-wrapper,
.leman-footer .leman-wrapper {
	padding: 0 0.75rem;
}

@media (min-width: 480px) {
	.leman-header .leman-wrapper,
		.leman-footer .leman-wrapper {
			padding: 0 1.5rem;
		}
	}

html .p-view-jobsearchresults .p-panel.p-bg-white {
	padding: 1.5rem !important
}

html .p-view-jobsearchresults [data-tag="displayJobTitle"],
html .p-view-jobsearchresults [data-tag="displayJobTitle"] p {
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 1.15rem !important;
	margin-bottom: 0.4rem;
}