@charset "UTF-8";

:root {
	--white: #fff;
	--white-70: rgba(255, 255, 255, .7);
	--black: #100E07;
	--grey: #DDDDDD;
	--grey-dark: #838383;
	--grey-light: #F8F8F8;
	--blue: #0073cd;
	--blue-alt: #00579a;
	--blue-dark: #002D5F;
	--blue-dark2: #02172F;
	--blue-ice: #D9F2FB;
	--red: #8C199B;
	--red-alt: #50055A;
	--pink: #a50064;
	--pink-alt: #8d0055;
	--pink-ice: #FCE5F3;
	--green: #73d700;
	--mint-green: #8CCDB9;
	--teal: #00A5E1;
	--plum-purple: #542A62;
	--nile-blue: #1B315D;
	--suva-gray: #909090;
	--purple: #542A62;
	--grey-mid: #B8B8B8;
	--grey-dark2: #909090;
	--blue-powder: #7ABDD6;
	--blue-dark3: #1B315D;
	--blue-light: #7ABDD6;
	--razzmic-berry: #8C507E;
}

/* DEVELOPMENT */

/* div, span, p, li, ol, ul, a, header, footer, img {
    outline: 1px dashed var(--razzmic-berry);
} */

/* GENERAL */

body,
html body.body.coreCSB {
	font-weight: 300;
	line-height: 156%;
	font-size: 16px;
	width: 100%;
	max-width: 100%;
}
.outershell h1,
.outershell h2:not(.customHeader),
.outershell h3,
.outershell h4,
.outershell h5,
.outershell h6 {
	color: var(--blue-dark);
}
.outershell h1 {
	font-size: clamp(2rem, -2.9375rem + 7.2vw, 3.55rem);
}

/* HEADER */

#skip {
	text-align: center;
	position: absolute;
	inset: 0 auto auto 50%;
	translate: -50%;
}
#focus a:focus {
    padding: 0.3rem;
}
#header {
	background: #1C315D linear-gradient(108deg,#1C315D 27.7%,#7AB 176.66%) no-repeat fixed 50% 50% / cover;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	padding-block: 1.7rem;
	padding-inline: 1.7rem;
	align-items: center;
}
#header .clear {
    position: absolute;
    display: none;
}
#header .limitwidth {
	width: auto;
	max-width: none;
	display: flex;
	justify-content: flex-end;
}
#header .header-top.headermain {
    color: var(--white);
    background-color: transparent;
}
#header .header-top.headermain {
	order: 3;
	flex: 20 0 10rem;
    width: auto;
}
#header .header-bottom {
	order: 2;
	flex: 1 0 10rem;
    width: auto;
}
#header .header-bottom .container {
    padding: 0;
}
#header .header-bottom.mobile .container > a:first-of-type {
	margin-inline: 0.6rem auto;
}
#header .container .navbar {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
	margin: 0;
	min-height: 0;
}
#header .navbar .profileWidget {
	margin-block: 0;
	margin-inline: 2.5rem 0;
}
#header .header-top.headermain a:not(#skipLink):not(.sfCheckBoxInputBox) {
    color: var(--white) !important;
}
#header .header-top.headermain .dropdown-menu a:not(#skipLink):not(.sfCheckBoxInputBox) {
	color: var(--blue-dark) !important;
	background-color: var(--white) !important;
	font-size: 16.5px;
	padding-block: 1rem;
}
#content .inner > .row.displayDTM.marginTopNone {
	display: none;
}
#header,
#header.header {
	background-color: var(--pink);
}

/* FOOTER */

#footer {
	display: flex;
	flex-wrap: wrap;
	background-color: var(--blue-dark);
	padding-block: 4rem 5.3rem;
	margin-block: 0;
}
#footer .footer {
	display: flex;
	flex-wrap: wrap;
	background-color: transparent;
}
#footer .container,
#footer .footerRowTop,
#footer .footerRowTop .container,
#footer .footerRowBottom,
#footer .footerRowBottom .container {
	width: auto;
}
#footer #footerInnerLinksSocial .links li:last-child,
#footer #footerInnerLinksSocial .links li:last-child a,
#footer #footerInnerLinksSocial .rightfloat li:last-child,
#footer #footerInnerLinksSocial .rightfloat li:last-child a {
	margin-inline-end: 0;
	padding-inline-end: 0;
}
#footer .container {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	position: relative;
	margin-block: 0;
	margin-inline: auto;
	padding-block: 0;
	padding-inline: 0;
	max-width: 1200px;
}
#footer #footerInnerLinksSocial {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	align-items: flex-start;
}
#footer #footerInnerLinksSocial::before,
#footer #footerInnerLinksSocial::after {
	display: none;
}
#footer #footerInnerLinksSocial a:has(.logo) {
	display: inline-flex;
	flex: 0 1 13.4rem;
	align-items: flex-start;
	justify-content: flex-start;
}
#footer #footerInnerLinksSocial .logo {
	width: min(150px, 100%);
	height: auto;
	max-width: none;
	display: block;
}
#footer #footerInnerLinksSocial .links {
	flex: 20 0 min(100%, 40rem);
	display: flex;
	justify-content: flex-end;
	gap: 0 clamp(1.3rem, 4.5vw, 6.8rem);
	margin-block: 0;
	margin-inline: auto 0;
	padding-block: 0;
	padding-inline: 0;
	flex-wrap: wrap;
}
#footer #footerInnerLinksSocial .links li {
	border: 0 none;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 3em;
	margin-inline: 0;
	margin-block: 0;
	padding-block: 0;
	padding-inline: 0;
}
#footer #footerInnerLinksSocial .links a {
	padding-block: 0.8em;
	padding-inline: 1em;
	transition: 0.3s color linear;
}
#footer #footerInnerLinksSocial .links a:hover {
	text-decoration: none;
}
#footer #footerInnerLinksSocial .rightfloat {
	position: absolute;
	inset: auto 0 -5.9rem auto;
	float: none;
	text-align: end;
}
#footer #footerRowBottom p {
	font-size: 14px;
}
#footer .social-icons .social-icon {
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--white) inset;
	width: 40px;
	aspect-ratio: 1;
	display: flex;
	align-content: center;
	justify-content: center;
}
#footer .social-icons svg {
	width: 24px;
	height: 24px;
}
#footer .social-icons .btn-youtube svg {
	width: 26px;
	height: 26px;
}
#footer .social-icons .btn-linkedin svg {
	background-color: var(--white);
	width: 28px;
	height: auto;
	clip-path: inset(25% 22%);
}
#footer .social-icons .btn-linkedin svg path {
	fill: var(--blue-dark);
}

/* BANNER */

.unmodified.buttontext.center:nth-of-type(1):has(h1) {
	background: url("https://oxb.com/wp-content/uploads/2024/09/oxb-home-banner-new.png") no-repeat scroll calc(100% + 10rem) calc(80% + 3rem) / min(60%, 60rem), linear-gradient(118deg,#1C315D 27.7%,#7AB 176.66%) no-repeat scroll 0% 0% / cover !important;
	padding-block: 11rem;
}
.unmodified.buttontext.center:nth-of-type(1):has(h1) .inner {
	width: min(1200px, calc(100% - 2rem));
	margin-inline: auto;
	line-height: 110%;
}
.unmodified.buttontext.center:nth-of-type(1):has(h1) h1,
.unmodified.buttontext.center:nth-of-type(1):has(h1) h2,
.unmodified.buttontext.center:nth-of-type(1):has(h1) p {
	width: min(60%, 65rem);
	line-height: 140%;
}
.unmodified.buttontext.center:nth-of-type(1):has(h1) h1 {
	font-size: clamp(4rem, 6vw, 6rem);
	width: min(65rem, 100%);
	font-weight: 700;
	line-height: 110%;
}
.unmodified.buttontext.center:nth-of-type(1):has(h1) h1 + h2 {
	font-weight: 400;
}
.unmodified.buttontext.center:nth-of-type(1):has(h1) h1,
.unmodified.buttontext.center:nth-of-type(1):has(h1) h2,
.unmodified.buttontext.center:nth-of-type(1):has(h1) p,
#header .navbar li:last-child .profileWidget a,
#header .navbar li:last-child .profileWidget a:hover,
.unmodified.buttontext.center:nth-of-type(1):has(h1) .inner > * > :last-child a,
.unmodified.buttontext.center:nth-of-type(1):has(h1) .inner > * > :last-child a:hover {
	color: var(--white) !important;
}
#outershell .buttontext.center .inner {
	position: relative;
}
#outershell .buttontext.center .inner h6 {
	color: transparent !important;
	font-size: 3px;
	background: url("https://oxb.com/wp-content/uploads/2025/05/Financial-Times-Statista-Best-Employers-UK-2025-Small.png") no-repeat scroll 0 0 / cover;
	width: min(21rem, 60%);
	aspect-ratio: 3.8;
	inset: auto auto -11.7rem 1.9rem;
	position: absolute;
	overflow: hidden;
}

/* BUTTON */

#header .navbar li:last-child .profileWidget a,
.unmodified.buttontext.center:nth-of-type(1):has(h1) .inner > * > :last-child a {
	background-color: #542A62;
	align-items: center;
	display: inline-flex;
	border-radius: 11px;
	padding-block: 0.7em;
	padding-inline: 2em;
	transition: 0.3s scale ease-in-out;
	text-indent: 0;
	outline: none;
}
#header .navbar li:last-child .profileWidget a:hover,
.unmodified.buttontext.center:nth-of-type(1):has(h1) .inner > * > :last-child a:hover {
	background-color: #542A62;
	scale: 1.1;
	border: 0 none;
	outline: none;
	text-decoration: none;
}

/* SLICK SLIDER */

.slick-slider .item.floatleft.backgroundimage.right,
.slick-slider .item.floatleft.backgroundimage.right .item-content,
.slick-slider .item-content > span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.slick-slider .item.floatleft.backgroundimage.right .item-content {
	margin-block: 0;
}
.slick-slider .item-content h1,
.slick-slider .item-content h2 {
	font-size: clamp(1.5rem, -2.9375rem + 6vw, 3rem);
}
.slick-slider .item-content p {
	font-size: clamp(1rem, -2.9375rem + 5.5vw, 2.25rem);
}

/* SEARCH */

.search .searchwell {
	background: rgb(107, 51, 125);
	background: linear-gradient(125deg, rgb(108, 51, 107) 20%, rgb(196, 121, 188) 100%);
	padding-block: 3.7rem 4.9rem;
}
.job-page #content .searchwell {
	background-color: transparent;
}
.job-page .searchwell .columnizedSearchForm {
	background-color: var(--grey);
	padding-block: 1.2rem 0.5rem;
	border-radius: 5px;
}
.search .row-fluid,
.search .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.search .columnizedSearchForm {
	gap: 2rem;
}
.search .columnizedSearchForm .col-md-9 {
	flex: 10 1 5rem;
}
.search .columnizedSearchForm .col-md-2 {
	flex: 1 1 15rem;
}
.search .columnizedSearchForm .col-md-9 span {
	text-transform: unset;
	font-size: 1.7rem;
	font-weight: 400;
}
.search .fieldContainer > div {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-block: 0;
}
.search .columnizedSearchForm .column.col-md-9 > * {
	flex: 1 0 100%;
	margin-block: 0;
	inset-block: 0;
	color: #FFF;
}
.search .columnizedSearchForm #options-search {
	color: #FFF !important;
	font-size: 0.7em;
}
.search .columnizedSearchForm .column.col-md-9 > * {
	flex: 1 0 100%;
	margin-block: 0;
	inset-block: 0;
	color: #FFF;
}
.search .columnizedSearchForm .column.col-md-9 > :first-child {
	order: 2;
}
.job-page #content .searchwell .lbl {
	color: rgb(107, 51, 125);
}
#content .search .searchwell input,
.job-page #content .searchwell input {
	margin-block: 0;
	border: 1px solid rgb(107, 51, 125);
}
#content .search .searchwell input {
	padding-inline: 0.7em;
	padding-block: 0.6em;
}
.job-page #content .searchwell input {
	padding-inline: 0.5em;
	padding-block: 0.3em;
}
#content .search .searchwell input:focus,
.job-page #content .searchwell input:focus {
	border: 1px solid rgb(107, 51, 125) !important;
}
#content .search .btn,
#content .search input[type="submit"] {
	color: var(--purple) !important;
	background-color: var(--white);
	align-items: center;
	border-radius: 11px;
	padding-block: 0.7em;
	padding-inline: 2em;
	display: flex;
	width: 100%;
	transition: 0.3s scale ease-in-out;
	text-indent: 0;
	outline: none;
	transform-origin: 50% 50%;
}
#content .search .btn:hover,
#content .search input[type="submit"]:hover {
	color: var(--purple) !important;
	background-color: var(--white);
	scale: 1.1;
	border: 0 none;
	outline: none;
	text-decoration: none;
}
#content .search select,
#content .search option {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#content .search select {
	padding-block: 0.3em;
	padding-inline: 0.6em;
	margin-block-start: 0.4em;
	max-width: none;
}

@media (width >= 768px) {
	.job-page .jobDisplayShell {
		overflow: hidden;
		padding-inline: 1rem;
		margin-block: 1.7rem 5rem;
	}
	.job-page #savesearch-wrapper {
		width: auto;
		padding-inline: 90px 0;
	}
	.search:has(#options-search) .row-fluid, .search .row {
		align-items: center;
	}
	.search:has(#options-search) hr {
		visibility: hidden;
	}
	.search:has(#options-search) .emptylabelsearchspace {
		display: none;
	}
	#footer #footerInnerLinksSocial .links {
		margin-block: 0 45px;
	}
	#footer #footerInnerLinksSocial .links a {
		padding-block: 0;
	}
}