@font-face {
	font-family: 'BuzzacottSans55';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'BuzzacottSans65';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'BuzzacottSans75';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

html * { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; box-sizing:border-box; text-rendering:optimizeLegibility; }
html, #jobsite { font-size:18px; font-family:'BuzzacottSans55'; line-height:1.3em; color:#4C4C4C; }
#jobsite .u-primary-text-color { color:#4C4C4C; }
body.text-company-primary, body .prose { color:#4C4C4C; }
body figure { color:#4C4C4C; }
.tt-cookie-alert__message, #tt-cookie-preferences { color:#4C4C4C; }
#jobsite h1 { line-height:1.3em; font-family:"BuzzacottSans65"; font-style:normal; font-weight:normal; }
#jobsite h2 { font-size:24px; line-height:1.3em; font-family:"BuzzacottSans65"; font-style:normal; font-weight:normal; }
#jobsite h2.u-primary-text-color { color:#C23760; }
.fa-quote-right { color:#C23760; }
#jobsite h3 { font-size:20px; line-height:1.3em; font-family:"BuzzacottSans65"; font-style:normal; font-weight:normal; }
#jobsite h3.u-primary-text-color { color:#555a8b; }
#jobsite .c-employee-referral__title { color:#555a8b; }
.company-links .font-semibold {  color:#555a8b; }
.font-company-header { color:#555a8b; }
body .bg-company-secondary .prose { color:#FFF; }
.bg-cover .font-company-header {color:#FFF; }
h2.text-block-title { color:#C23760; }
#jobsite b, #jobsite strong { font-family:"BuzzacottSans75"; font-style:normal; font-weight:normal; }

#jobsite .btn-link, #jobsite .btn, .careersite-button, .tt-cookie-alert__actions .btn, .tt-cookie-preferences__actions .btn {  border:none;
	background: rgb(204,128,43);
	background: -moz-linear-gradient(90deg, rgba(204,128,43,1) 0%, rgba(131,141,180,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(204,128,43,1) 0%, rgba(131,141,180,1) 100%);
	background: linear-gradient(90deg, rgba(204,128,43,1) 0%, rgba(131,141,180,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc802b",endColorstr="#838db4",GradientType=1);
	text-transform:uppercase; }
#jobsite .btn-link::after { top:25px; }
#tt-cookie-alert__preferences { background:#4C4C4C; color:#FFF; text-transform:initial; }
#tt-cookie-alert__accept-all, #tt-cookie-alert__disable-all, #tt-cookie-preferences__accept-button { text-transform:initial; }

#header { background:#BD3962; width:100%; position:fixed; top:0!important; left:0; z-index:99; overflow: visible; pointer-events: none; } /* we now make the overflow visible (to accomodate the sharing dorpdown) then disable pointer-events by default, re-enabling them when the menu is opened. The items visible at all times (whether menu is opened or closed) have targeted pointer-events: auto on them at all times  - MB, 15/03/2022 */
#header .wrapper { position:relative; overflow:auto; height:100vh; width:100%; max-width:1200px; margin-left:auto; margin-right:auto; }

#header #headerCanvas { position:absolute; display:block; width:100%; height:100%; top:0; left:0; z-index:-1; }
#header .wrapper { overflow: hidden; }
#header .wrapper > div.absolute.top-0.right-0 { display:none; }
#header.menu-opened { height:100vh; overflow-y: scroll; pointer-events: auto; } /* we use overflow-y: scroll here to keep the vertical scrollbar in place, meaning when we open/close the menu the entire page doesn't "jump" which is quite jarring. We also allow all pointer events (they're disabled when the menu is closed apart from the visible few in the header itself, to prevent ghost clicks/link blocking)  - MB, 15/03/2022 */
#header .wrapper > a.justify-center { position:absolute; top:0px; left:20px; width:auto; }
#header .wrapper > a.justify-center img { width:auto!important; height:25px!important; max-width:auto!important; max-height:auto!important; }
#header .logo { position:absolute; top:26px; left:20px; }
#header .logo.hidden-background img{ width:auto!important; height:25px!important; max-width:auto!important; max-height:auto!important; }
#header .logo.hidden-background { width:auto!important; height:auto!important; }
#header .sliding-menu-button { left:auto; right:20px; }
#header button.z-career-header-menu-button { left:auto; right:20px; padding:0; height:80px; background:none; width:auto!important; }
#header .wrapper div:first-of-type { position:relative; } /* note by MB: I'm not entirely sure why this was originally set, but I haven't removed it in case doing so breaks more things - I've simply set position: absolute on specific elements that need it instead!  - MB, 15/03/2022 */
#header button.z-career-header-menu-button { position: absolute; left:auto!important; right:20px; pointer-events: auto; top: 0px; } /* we use position: absolute on this so we can set its precision accurately without other elements affecting it  - MB, 15/03/2022 */
#header button.z-career-header-menu-button .header-menu-burger { margin-right:0; }
#header button.z-career-header-menu-button > span.text-sm { display:none; } /* adjusted to only remove new child menu text span - MB, 08/11/2022 */
#header .burger-wrapper span { display:none; top:-11px!important; position:absolute; left:-120px!important; padding:21px 20px 20px 20px!important; }
#header .back-to-main { position:absolute; top:28px; right:123px; color:#FFF; transition: right 0.2s ease-out; z-index:999998; pointer-events: auto; } /* should be 73px when menu open, 123px when menu closed, to keep equal spacing; we handle this later in this file  - MB, 15/03/2022 */
#jobsite #header .back-to-main { right:73px; } /* Delete on upgrade */
.header__main .sliding-menu-content .miscellaneous-navigation { top:58px!important; }
#header .z-career-header-menu-content { background:none; overflow-y:unset; }
#header .z-career-header-menu-content > div { position:absolute!important; top:135px; right:20px; }
#header .z-career-header-menu-content > div.right-8 span:first-of-type { display:none; }
#header .z-career-header-menu-content > div.right-8 a:first-of-type { display:none; }
#header nav ul { padding-bottom:0; }

/* Sharing buttons & functionality */
#header div.absolute[data-common--dropdown-target="dropdown"] { position: absolute; } /* this targets the share button popups/dropdowns; these should be absolutely positioned so that they don't move other elements around when they appear  - MB, 15/03/2022 */
#header div[data-controller="common--share"]:not(.header-share) { display: none; } /* hide the original sharing button container (excludes the header one); this is overridden when the menu is open below - MB, 15/03/2022 */
#header.menu-opened div[data-controller="common--share"]:not(.header-share) { display: block; } /* opposite of the above line */
#header.menu-opened a.back-to-main { right: 73px; } /* now the header sharing button is hidden, we can pop the "Main website" text closer to the burger */

/* New header sharing button & functionality */
div.header-share { z-index: 999; display: block; position: absolute; top: 9px; right: 56px; color: white; opacity: 1; transition: opacity 0.2s ease-out; pointer-events: auto; } /* this div is the header share button container; it is created by JS (a clone of the original) */
#header.menu-opened div.header-share { opacity: 0; pointer-events: none; } /* hide the header share button when the menu is open */

/* Header logo */
#header div.wrapper img.headerLogo { display: block; max-height: 25px; position: absolute; left: 20px; top: 40px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* matches the main site */
#header div.wrapper a.headerLogoLink { pointer-events: auto; } /* make clickable at all times */
#header div.wrapper div.mx-auto a.relative img { display: none; } /* hide the default logo */

/* on smaller laptops, make the menu item text smaller so all menu items are available - MB, 15/03/2022 */
@media (min-width: 640px) and (max-height: 840px) {
	nav.w-full ul.w-full { padding-top: 0px; }
	nav.w-full ul.w-full li a { font-size: 28px; }
}

/* enable vertical scrolling on landscape mobile devices so all menu items are available - MB, 15/03/2022 */
@media (pointer: coarse) and (orientation: landscape) {
	#header div.wrapper { overflow: auto; }
}

#jobsite .teamtailor { position:relative; text-align:right; clear:both; }
#jobsite .teamtailor .wrapper { position:relative; max-width:1200px; margin-left:auto; margin-right:auto; }
#jobsite .teamtailor .teamtailor-wrapper { background:none; color:#FFF; }
#jobsite .teamtailor .teamtailor-wrapper a { color:#FFF; }
#jobsite .teamtailor .teamtailor-wrapper a:hover { color:#FFF; }
#footerCanvas { position:absolute; display:block; width:100%; height:100%; top:0; left:0; z-index:-1; }
#jobsite .teamtailor .social { position:absolute; top:50%; left:20px; margin-top:-20px; }
#jobsite .teamtailor .social a { display:inline-block; margin-right:10px; }
#jobsite .teamtailor .social a img { height:40px !important; }

/* New footer */
.z-career-footer { position:relative; text-align:right; clear:both; }
.z-career-footer .wrapper { position:relative; width:100%; max-width:1200px; margin-left:auto; margin-right:auto; }
.z-career-footer .wrapper > div.items-center { align-items:initial; float:right; color:#FFF; margin-right:20px; }
.z-career-footer .social { position:absolute; top:50%; left:20px; margin-top:-20px; }
.z-career-footer .social a { display:inline-block; margin-right:10px; }
.z-career-footer .social a img { height:40px !important; }

#jobsite .hero-section__lead { line-height:1.3em; }
#jobsite .hero-inner .cta { display:none; }

#jobsite footer .to-top .arrow::after { top:-4px; }

#jobsite .header__main .sliding-menu-content .career-site-navigation li a { line-height:1.1em; }

#jobsite section.hero { margin-top:80px!important; }
#jobsite section.hero .hero-video-overlay {  }
#jobsite section.hero .hero-video { display:block; }

#jobsite #tt-cookie-alert__preferences { color:#FFF; padding:15px 30px; }
#jobsite #tt-cookie-alert__accept-all { padding:15px 30px; }

#jobsite .c-employee-referral { display:none; }
.border-company-primary-text { display:none!important; }
#section-auto-join { display:none; }

@media screen and (min-width: 768px) {
	#jobsite #tt-cookie-alert__preferences { margin-right:15px; }
	#jobsite .header__main .sliding-menu-content .career-site-navigation li a { line-height:1.5em; }
}
@media screen and (min-height: 830px) {
	#jobsite .header__main .sliding-menu-content .career-site-navigation li a { line-height:1.5em; }
}
@media screen and (max-height: 830px) {
	#jobsite .header__main .sliding-menu-content .career-site-navigation li a { line-height:1.1em; font-size:30px; }
}



/* Page Modifications */
/* started by MB, 14/06/2022 */
/* a few terminology notes: */
/* - pageMods always has a capital M */
/* - we use .pageMods-active if we want to switch something on/off */
/* - we can also use custom classes if they're very specific or very broad (eg img.OMOVOC-image which is both specific and clear) */
/* - note that pageMods-run is sometimes used to detect if the JS has already run, then checked to prevent that JS running multiple times */

/* Our Mission, Our Vision, Our Culture */
img.OMOVOC-image {
	border-radius: 5px;
}

/* AAT Apprenticeships / ACA Audit Trainees / Tax Consultant Trainees */
@media screen and (min-width: 1200px) {
	div.grid-container.pageMods-topPadding { /* JS only applies to the first on the page */
		padding-top: 30px;
	}

	div.grid-container.pageMods-active {
		grid-column-gap: 25px; /* works with the padding below */
	}

	/* two cols */
	div.grid-container.pageMods-active div.pageMods-twocols-border {
		border-right: 1px solid #eee;
		padding-right: 50px;
	}

	/* three cols */
	div.grid-container.pageMods-active div.pageMods-threecols-border {
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
		padding-left: 50px; /* this works in tandem with an adjusted grid-container grid-column-gap of half this amount, to align everything beautifully */
		padding-right: 50px;
	}
}

@media screen and (max-width: 1199px) {
	/* two col re-ordering */
	div.grid-container.pageMods-calculatedTwoCols div:nth-child(1) {
		order: 1;
	}
	div.grid-container.pageMods-calculatedTwoCols div:nth-child(2) {
		order: 3;
	}
	div.grid-container.pageMods-calculatedTwoCols div:nth-child(3) {
		order: 2;
	}
	div.grid-container.pageMods-calculatedTwoCols div:nth-child(4) {
		order: 4;
	}

	/* three col re-ordering */
	div.grid-container.pageMods-calculatedThreeCols div:nth-child(1) {
		order: 1;
	}
	div.grid-container.pageMods-calculatedThreeCols div:nth-child(2) {
		order: 3;
	}
	div.grid-container.pageMods-calculatedThreeCols div:nth-child(3) {
		order: 5;
	}
	div.grid-container.pageMods-calculatedThreeCols div:nth-child(4) {
		order: 2;
	}
	div.grid-container.pageMods-calculatedThreeCols div:nth-child(5) {
		order: 4;
	}
	div.grid-container.pageMods-calculatedThreeCols div:nth-child(6) {
		order: 6;
	}
}



/* Jobs page modifications */
/* started by MB, 24/06/2022 */

/* custom trainee role container */
section#custom-trainee-roles {
	padding-top: 80px
}

/* role type buttons */
div#section-jobsCustomButtons {
	margin-bottom: 60px;
	text-align: center;
}
div#section-jobsCustomButtons a#jobsCustom-button-allVacancies {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 20px;
	margin: 20px;
	margin-right: 10px;
	font-size: 0.8em;
	color: #c9476c;
}

div#section-jobsCustomButtons a#jobsCustom-button-traineeVacancies {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 20px;
	margin: 20px;
	margin-left: 10px;
	font-size: 0.8em;
	color: #c9476c;
}

div#section-jobsCustomButtons a:hover {
	background: #f8f8f8;
	cursor: pointer;
}

div.section-jobsCustomTraineeImageContainer img {
	border-radius: 5px;
	margin-bottom: 60px;
}