/*<meta conditions="Other.MasterTopNav" />*/

/* This stylesheet loads the stylesheets below, and contains no CSS */

@import url('target_default.css');

@import url('target_nonprint.css');

@import url('target_pdf.css');

@import url('target_print.css');

@import url('target_word.css');

@import url('target_chm.css');

@import url('fonts.css');

/* @import url('Skins-template.css'); */
/* @import url('foundation.5.5.0.css'); */

@import url('custom.css');

/* ----------- DO NOT EDIT THIS FILE IN FLARE'S EDITOR - USE TEXT EDITOR ONLY ------------------------ */
/* ------------------------------------------------------------------------- MASTER PAGES ------------------------ */



/* ------------------------------------------------------------------------- SKINS (manual skin modifications) -------------- */


/* ------------------------------------------------------------------------- MENU PROXIES (Navigation menus) ------------------ */
/* --------------------------------------------------- menu-section: large navigation grid used in section pages (Sage-Menu-Section-TopNav skin proxy) */
/* (A) Menu hides top level - Sage_Menu_Section_TopNav */
/* (B) Menu displays top level - Sage_Menu_Section_Home */

/* ----------------------------------- home tiles ---------------------------------------------------------------------------------*/
div.Home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Home-tiles::before
{
	content: ' ';
	display: table;
}

div.Home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Home-tiles > tile-items
{
	text-align: center;
	float: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*div.Home-tiles > tile-title
{
	font-family: Sage UI Bold;
	font-size: 2.5em;
	text-decoration: none;
}*/
/* dropdown for htgs */
details {
  user-select: none;
}

details>summary span.icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
  margin-left: auto;
}

details[open] summary span.icon {
  transform: rotate(180deg);
}

summary {
  display: flex;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

/*end dropdown for hts */
div.Home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #C4FCD8;
}

div.Home-tiles > div:hover
{
	background-color: #00D639;
	transform: scale(1.15) !important;
	transition: all 0.2s ease-out;
}

div.Home-tiles > div:nth-child(1)
{
	text-align: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding: 35px;
	margin-bottom: 50px;
	border-radius: 20px;
	border: none;
	width: 25%;
	margin-left: 7%;
}
/*end dropdowns for htgs*/
div.Home-tiles > div:nth-child(2)
{
	text-align: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding: 35px;
	margin-bottom: 50px;
	border-radius: 20px;
	border: none;
	width: 25%;
	margin-left: 5%;
}

div.Home-tiles > div:nth-child(3)
{
	text-align: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 35px;
	padding-top: 35px;
	margin-bottom: 50px;
	border-radius: 20px;
	border: none;
	width: 25%;
	margin-left: 5%;
}

div.Home-tiles-2	/*This is a 2x2 variant of Home-tiles*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Home-tiles-2::before
{
	content: ' ';
	display: table;
}

div.Home-tiles-2::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Home-tiles-2 > tile-items
{
	text-align: center;
	float: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*div.Home-tiles-2 > tile-title
{
	font-family: Sage UI Bold;
	font-size: 2.5em;
	text-decoration: none;
}*/

div.Home-tiles-2 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #00D639;
}

div.Home-tiles-2 > div:hover
{
	background-color: #00D639;
	transform: scale(1.15) !important;
	transition: all 0.2s ease-out;
}

div.Home-tiles-2 > div:nth-child(1)
{
	text-align: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding-bottom: 35px;
	padding-top: 35px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 50px;
	border-radius: 20px;
	border: none;
	width: 25%;
	margin-left: 20%;
}

div.Home-tiles-2 > div:nth-child(2)
{
	text-align: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding-bottom: 35px;
	padding-top: 35px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 50px;
	border-radius: 20px;
	border: none;
	width: 25%;
	margin-left: 10%;
	margin-right: 20%;
}

/*
div.Home-tiles-2 > div:nth-child(3)
{
	text-align: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 35px;
	padding-top: 35px;
	margin-bottom: 50px;
	border-radius: 20px;
	border: none;
	width: 25%;
	margin-left: 5%;
} */


/*This is a custom responsive layout row style for the Additional Support section on the Home page
			
div.Support-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}
		
div.Support-tiles::before
{
	content: ' ';
	display: table;
}
			
div.Support-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}
			
div.Support-tiles > tile-items
{
	text-align: center;
	float: center;
	justify-content: center;
	margin: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
		
div.Support-tiles > tile-title
{
	font-family: Sage UI Bold;
	font-size: 2.5em;
	text-decoration: none;
}
			
div.Support-tiles > div
{
	float: left;
	align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 180px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: inherit;
}
			
div.Support-tiles > div:nth-child(1)
{
	text-align: center;
	justify-content: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding-right: 65px;
	padding-left: 35px;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 50px;
	border-right: 3px solid black;
	width: 30%;
	margin-left: 0%;
}
			
div.Support-tiles > div:nth-child(2)
{
	text-align: center;
	justify-content: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 50px;
	border: none;
	margin: 0%;
	width: 30%;
	margin-left: 5%;
}
			
div.Support-tiles > div:nth-child(3)
{
	text-align: center;
	justify-content: center;
	vertical-align: middle;
	font-family: 'Sage UI';
	padding-right: 35px;
	padding-left: 65px;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 50px;
	border-left: 3px solid black;
	width: 30%;
	margin-left: 5%;
}
*/

/*This is a custom responsive layout row style for Landing Pages*/


a
{
	color: #ffffff;
	text-decoration: none;
}

a:link
{
	text-decoration: none;
	color: #ffffff;
}

a:hover
{
	color: #00d639;
}

a::after
{
	color: #000000;
}

div.Home-tiles > div:nth-child(4)
{
	width: 8.3333%;
	margin-left: 0%;
}

/* LARGE screens (DESKTOP) - no changes */
/* MEDIUM screens (TABLET) */

@media tablet
{
	ul.menu.mc-component._Skins_Sage_Menu_Section_TopNav li.has-children > ul.sub-menu > li
	{
		/* In medium screen widths, set flex basis: 47.5% for 2 columns, as have 12 5% gap */
		flex: 0 1 47.5%;
	}

	div.Home-tiles > div:nth-child(1)
	{
		width: 33.33333%;
	}

	div.Home-tiles > div:nth-child(1)
	{
		margin-left: 0%;
	}

	div.Home-tiles > div:nth-child(2)
	{
		width: 33.33333%;
	}

	div.Home-tiles > div:nth-child(2)
	{
		margin-left: 0%;
	}

	div.Home-tiles > div:nth-child(3)
	{
		width: 33.33333%;
	}

	div.Home-tiles > div:nth-child(3)
	{
		margin-left: 0%;
	}

	div.LP-tiles > div:nth-child(1)
	{
		width: 33.33333%;
	}

	div.LP-tiles > div:nth-child(1)
	{
		margin-left: 0%;
	}

	div.LP-tiles > div:nth-child(2)
	{
		width: 33.33333%;
	}

	div.LP-tiles > div:nth-child(2)
	{
		margin-left: 0%;
	}

	div.LP-tiles > div:nth-child(3)
	{
		width: 33.33333%;
	}

	div.LP-tiles > div:nth-child(3)
	{
		margin-left: 0%;
	}

	div.headerlang
	{
		margin-left: 90%;
		padding-top: 10px;
	}

	div.LP-tiles-col
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
	}

	div.LP-tiles-col::before
	{
		content: ' ';
		display: table;
	}

	div.LP-tiles-col::after
	{
		content: ' ';
		display: table;
		clear: both;
	}

	div.LP-tiles-col > tile-items
	{
		text-align: center;
		float: center;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	div.LP-tiles-col > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
		background-color: #ffffff;
	}

	div.LP-tiles-col > div > ul
	{
		list-style-type: disc !important;
	}

	div.LP-tiles-col > div:nth-child(1)
	{
		text-align: center;
		vertical-align: middle;
		font-family: 'Sage UI';
		padding: 35px;
		margin-bottom: 50px;
		border-radius: 20px;
		border: none;
		width: 25%;
		margin-left: 8%;
	}

	div.LP-tiles-col > div:nth-child(2)
	{
		text-align: center;
		vertical-align: middle;
		font-family: 'Sage UI';
		padding: 35px;
		margin-bottom: 50px;
		border-radius: 20px;
		border: none;
		width: 25%;
		margin-left: 8.3333%;
	}

	div.LP-tiles-col > div:nth-child(3)
	{
		text-align: center;
		vertical-align: middle;
		font-family: 'Sage UI';
		padding: 35px;
		margin-bottom: 50px;
		border-radius: 20px;
		border: none;
		width: 25%;
		margin-left: 8.3333%;
	}

	div.Home-tiles > div:nth-child(4)
	{
		width: 8.3333%;
	}

	div.Home-tiles > div:nth-child(4)
	{
		
	}

	div.Home-tiles > div:nth-child(4)
	{
		margin-left: 0%;
	}

	div.Home-tiles > div:nth-child(4)
	{
		
	}
}



/* --------------------------------------------------- menu-topic-container (Menu-Topic skin proxy): sidebar navigation used by 'On this page' menu (all skins) and TOC 'Menu' (Top Nav skin only) */

div.menu-topic-container	/* container for topic navigation control */
{
	margin: 0em 0em 1em 0em;
	padding: 1em 0 1em 0;
}

div#menu-toc.menu-topic-container	/* set background - menu TOC */
{
	background-color: #E6EBED;
	/* CSS variable IE 11 support */
	background-color: var(--col-action-minor-100);
	/* rebrand 2022 */
}

div.menu-topic-container::before	/* heading for menu proxy navigation control - based on h4 */
{
	content: "Menu";
	/* Default text label for any menu type - overwritten using IDs below. */
	display: block;
	font-family: "Sage UI", Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	/* CSS variable IE 11 support */
	font-size: var(--font-size-h4);
	/* same as h4 */
	font-weight: 700;
	line-height: 1.25em;
	margin: 0rem 1rem 0.5rem 1rem;
	color: inherit;
}



/* DISABLED - rebrand 2022 links - overwrite link styles */

/*
div.menu-topic-container a:focus	
{
	outline-style: solid;
	background-color: initial;
}
*/


/* ------------------------------------------------------------------------- MEDIA QUERIES - RESPONSIVE ELEMENTS -------------- */
/* media query sizes: http://foundation.zurb.com/docs/media-queries.html */

#dimensions	/* dimensions in bottom left (development only - remove) */
{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	color: white;
	padding: 3px;
	z-index: 5000;
}

/* --------------------------------------------------- LARGE screens (DESKTOP) */



section.sage-banner #sage-home-title
{
	/* font-size: 3em; */
}

section.sage-banner
{
	/* font-size: 1.4em; */
}


/* ------------------------------------------------------------------------- PAGE HEADER AND TOP NAV ------------------ */

section.sage-header
{
	/* font-size: 1.125em; */
}

#sage-header-title	/* header - product title (top nav and side nav) */
{
	margin: 0;
	display: none;
	/* hide product title until top nav and side nav scripts have been run */
	line-height: 1em;
	position: relative;
	top: 3px;
	white-space: nowrap;
	/* Don't wrap header title on multiple lines */
}

.sage-topnav #sage-header-title	/* header - product title (top nav) */
{
	display: block;
	/* display product title when top nav script has run */
	padding-bottom: 1em;
}

.sage-sidenav #sage-header-title	/* header - product title (side nav) */
{
	display: block;
	/* display product title when side nav script has run, and it's been moved to header */
}

.sage-sidenav .title-bar-layout .logo-wrapper	/* header product title - fix Flare's default settings */
{
	display: block;
	/* Set by default to "flex", so need to override */
	flex: 1 1 auto;
	/* Set by default to 0 1 auto, so override to set grow=1 */
}

#sage-header-home	/* header - home link inserted in product title from top nav and side nav scripts (a#sage-header-home) */
{
	z-index: 2;
	/* required to make link clickable in side nav */
	text-decoration: none;
	/* remove link underline */
}

#sage-header-home:hover,
#sage-header-home:focus	/* header - home link */
{
	text-decoration: none;
	/* don't underline home link on hover */
}

#sage-header-search	/* header search box (top nav) */
{
	
}

#sage-header-logo	/* Sage logo in header */
{
	height: 24px;
	/* 24px logo height specified in DLS */
}

#sage-header-product-name	/* container for product name in header */
{
	color: #ffffff;
	font-size: 1.125em;
	/* CSS variable IE 11 support */
	font-size: var(--font-size-body-l);
	font-family: "Sage UI", Arial, Helvetica, sans-serif;
	font-weight: 500;
	display: inline-block;
	position: relative;
	bottom: 9px;
	/* Vertically align with logo. */
}

#sage-header-product-name::before	/* divider between logo and product name */
{
	content: "";
	display: inline-block;
	height: 24px;
	/* set height to same as logo */
	position: relative;
	top: 6px;
	/* align with logo */
	border-left: 2px solid #262626;
	margin: 0 1em 0 1em;
}

/* img {
  object-fit: contain;
  width: 60%;
  float: right;
} */

img.sage-logo	/* Sage logo normal */
{
	height: 24px;
}

.sage-footer div.sage-logo	/* Sage logo container - old style deprecated */
{
	text-align: center;
}

/* ------------------------------------------------------------------------- PAGE SECTIONS AND BANNERS ----------------- */
/* --------------------------------------------------- sage-header (container for header, logo, search) - */

section.sage-header	/* container for header, logo, search */
{
	padding-top: 1.5em;
	padding-bottom: 0;
}

section#header-normal.sage-header	/* Used for top nav, but not side nav  */
{
	background-color: #000000;
}

/* --------------------------------------------------- sage-banner (banner areas with images) - */

section.sage-banner	/* banner areas with images  (top nav) */
{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

section.sage-banner h1,
section.sage-banner h2	/* spacing for banner headings  */
{
	margin: 0 0 0.5em 0;
}

section.sage-banner-dark	/* Light text in dark banner - deprecated rebrand 2022, use colour-dark-1 instead */
{
	background-color: #000000;
	color: #ffffff;
}

section.sage-banner-dark a,
section.sage-banner-dark a:hover,
section.sage-banner-dark a:focus	/* links on dark banners - deprecated rebrand 2022, use colour-dark-1 instead */
{
	color: #ffffff;
}

/* --------------------------------------------------- #banner-home: sage-banner on home page - */

section#sage-home-banner	/* Banner on home page */
{
	min-height: 40vh;
}

#sage-home-banner-image	/* image inside banner (side nav) */
{
	background-size: contain;
	/* restrict as will be cropped */
	background-position: center center;
	background-image: url("../Images/Assets/Infographics/Digital-Connections.gif");
	/*before: "../Images/brand/background_home.png" */
	/* set background image */
	background-repeat: no-repeat;
	size: 150%;
	min-height: 32vh;
	/* minimum image height, stops container being zero height - based on banner height 40vh */
	flex: 0 1 auto;
	/* flex layout - use this inside sage-layout-container */
	width: 30%;
	/* overflow: auto; */
	/* removed as search bar menu was cropped */
	order: 2;
}

#sage-home-banner-content	/* content inside banner (side nav) */
{
	padding: 2rem;
	flex: 0 1 auto;
	/* flex layout - use this inside sage-layout-container */
	width: 65%;
	/* overflow: auto; */
	/* removed as search bar menu was cropped */
	order: 1;
}

section#banner-home .sage-logo	/* Sage logo on home page banner */
{
	width: 5em;
}

section#banner-home .search-bar-container	/* Search bar container */
{
	margin: 0 0 2em 0;
}

/* --------------------------------------------------- sage-section (sections in topics) - */

section.sage-topic-body	/* Contains topic body content, and is flex container */
{
	background-color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* centre body in page */
	gap: 5%;
	/* Gap between columns. Take into account when setting column widths. */
}

.sage-layout-topic-main	/* Container for main topic body in flex layout. */
{
	order: 1;
	flex: 0 1 auto;
	width: 100%;
	max-width: 40rem;
	/* Max width for accessibility (approx 80 characters) */
	overflow: auto;
	/* Display scroll bar if content can't fit. */
}

.sage-layout-two-columns .sage-layout-topic-main
{
	width: 70%;
	/* Set width of topic body to 70% if using a two column layout with a side panel */
}

html.section .sage-layout-topic-main
{
	/* max-width: 100rem; */
	/* Set larger max width for topic body for a section topic, as it's a 3 column menu. */
}

.sage-layout-topic-panel	/* Container for side panel in two column flex layout. */
{
	order: 2;
	/* Position after topic-main in flex layout. */
	flex: 0 1 auto;
	width: 25%;
	/* Set width of topic body to 25% in the two column layout (70% for main, 5% gap) */
	max-width: 30rem;
	/* Max width for accessibility */
	position: sticky;
	/* Stick to page when scroll. */
	top: 2rem;
	/* Sticky offset from top of page. */
	align-self: flex-start;
}

.sage-layout-container	/* Container for content - flex container */
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* centre body in page */
	gap: 5%;
	/* Gap between columns. Take into account when setting column widths. */
}

.sage-layout-wide	/* Content - home page and section topics in restricted width flex layout. */
{
	flex: 0 1 auto;
	width: 100%;
	max-width: 80rem;
	/* Double regular max width (approx 160 characters) */
	/* overflow: auto; */
	/* removed as search bar menu was cropped */
}

.row.outer-row .row	/* fix bug with nested Foundation rows - overwrite left/right margins of -0.9375rem in Foundation, as causes overflow on the containing element */
{
	margin-left: 0;
	margin-right: 0;
}



@media mobile
{
	.sage-layout-two-columns .sage-layout-topic-main
	{
		order: 2;
		/* display topic-main second, after topic-panel */
		width: 100%;
		/* fill width when single column */
	}

	.sage-layout-topic-panel
	{
		position: relative;
		/* not sticky */
		top: 0;
		/* remove sticky offset */
		order: 1;
		/* display panel first, before topic-main */
		width: 100%;
		/* fill width when single column */
		max-width: 40rem;
		/* set panel to same width as topic-main, for justify alignment */
	}

	#sage-home-banner-image,
	#sage-home-banner-content
	{
		width: 100%;
		/* fill width when single column */
	}
}

.sage-topnav section.sage-section	/* sections (top nav) */
{
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.sage-sidenav section.sage-section	/* sections (side nav)  */
{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.sage-tripane section.sage-section	/* sections (tripane)  */
{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.sage-topnav.home section.sage-section	/* home page - sections (top nav) */
{
	/* font-size: 1.25em; */
	text-align: center;
}

.sage-sidenav.home section.sage-section	/* home page - sections (side nav) */
{
	text-align: center;
}

.sage-tripane.home section.sage-section	/* home page - sections (tripane) */
{
	text-align: center;
}

section.sage-topic-body section.sage-section	/* sections inside topic body */
{
	padding: 1rem;
	margin-bottom: 1rem;
}

section#sage-search.sage-section	/* home page search section */
{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#sage-search-tips	/* home page search tips */
{
	text-align: left;
	padding-top: 0.5rem;
}

/* --------------------------------------------------- sage-footer (footer section) - */

section.sage-footer	/* footer section  */
{
	padding-top: 4em;
	padding-bottom: 4em;
}

section.sage-footer a
{
	color: inherit;
}

section.sage-footer h4,
section.sage-footer h5,
section.sage-footer h6
{
	/* disable for rebrand 2022 */
	/*
	color: inherit;
	text-transform: uppercase;
	font-weight: 500;
	*/
}

/* ------------------------------------------------------------------------- SEARCH RESULTS PROXY (Navigation menus) ------------------ */

#searchPane #resultList
{
	line-height: 1.5em;
	/* set line height, as cannot set this in skin file */
}

/* ------------------------------------------------------------------------- Go to top  ------------------ */

button	/* Set some default styles for buttons (e.g. feedback, and go to top.) */
{
	font-family: "Sage UI", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1em;
}

.go-to-top	/* displayed using script */
{
	position: fixed;
	bottom: 0;
	right: 0;
	/* position for top nav */
	padding: 0.6em;
	background-color: #007E45;
	/* CSS variable IE 11 support */
	background-color: var(--business-product);
	color: #ffffff;
	display: none;
	box-shadow: 0 10px 10px 0 rgba(0,20,30,0.1), 0 5px 5px 0 rgba(0,20,30,0.2);
	/* DS menu shadow - rebrand 2022 */
	border: none;
}

.go-to-top::before
{
	font-family: "FontAwesome";
	content: "\f0d8";
	/* Icon for go to top link */
	padding: 0 0.25em 0 0;
}

.go-to-top::after
{
	content: "Top";
	/* Label for go to top link - LOCALISED in localised_text.css */
}

.sage-sidenav .go-to-top
{
	right: 17px;
	/* position for side nav - move in from right, as it overlaps scroll bar */
}

.go-to-top:hover,
.go-to-top:focus
{
	background-color: #006738;
	/* CSS variable IE 11 support */
	background-color: var(--business-product-hover1);
	text-decoration: none;
}

/* ------------------------------------------------------------------------- Dropdown and toggler close links ------------------ */

a.dropDownClose,
a.togglerClose
{
	font-size: 1em;
	color: #007E45;
	/* CSS variable IE 11 support */
	color: var(--business-product);
	display: block;
	margin: 1em 0 0 0;
}

a.dropDownClose:before,
a.togglerClose:before
{
	content: "Close";
	/* Label for DropDown close icon - LOCALISED in localised_text.css */
	display: inline-block;
}

a.dropDownClose:after,
a.togglerClose:after
{
	font-size: 1.33em;
	font-family: "FontAwesome";
	content: "\f106";
	padding: 0 0 0 0.5em;
	display: inline-block;
}

[class*="colour-dark"] [class*="note"] a.dropDownClose,
[class*="colour-dark"] [class*="Box"] a.dropDownClose,
[class*="colour-dark"] [class*="note"] a.togglerClose,
[class*="colour-dark"] [class*="Box"] a.togglerClose
{
	color: #007E45 !important;
	/* CSS variable IE 11 support */
	color: var(--business-product) !important;
}


/* ------------------------------------------ hide styles ---------------------- */

.go-to-top,
.sub-menu,
li.has-children,
.menu-section,
div.navigation-wrapper,
ul.navigation,
div.menu-topic-container,
section.sage-header-bar,
section.sage-header,
nav.tab-bar,
section.sage-topic-body,
section.sage-banner,
section.sage-section,
section.sage-footer,
.search-bar-container,
.search-filter-content	/* hide styles from editor */
{
	mc-disabled: true;
}

#banner-intro,
#dimensions,
#pagination,
#resultList,
#sage-header-product,
#sage-header-search,
#sage-header-title,
#sage-home-title,
#searchPane,
.dropDownHead,
.dropDownHotspot,
.expandingHead
{
	mc-disabled: true;
}

/* ------------------ colours ---------------------------------- */

:root
{
	--col-logo: #00d639;
	/* Sage bright green logo colour */
	--col-black-90: rgba(0,0,0,0.9);
	/* rgba colour will be solid black in PDF */
	--col-action-minor-800: #001E2E;
	/* same as utility-major-700 (rebrand 2022) */
	--col-action-minor-700: #00283D;
	/* same as utility-major-600 (rebrand 2022) */
	--col-action-minor-600: #00324C;
	/* same as utility-major-500 (rebrand 2022) */
	/* --col-utility-major-500: #00324C; */
	/* (rebrand 2022) */
	--col-action-minor-500: #335B70;
	/* same as utility-major-400  (rebrand 2022)*/
	/* --col-utility-major-400: #335B70; */
	/* (rebrand 2022) */
	--col-action-minor-400: #668494;
	/* same as utility-major-300  (rebrand 2022)*/
	--col-action-minor-300: #99ADB7;
	/* same as utility-major-200 - close to old --col-slate-60  (rebrand 2022)*/
	--col-action-minor-200: #CCD6DB;
	/* same as utility-major-100 - same as old --col-slate-80  (rebrand 2022)*/
	--col-utility-major-75: #D9E0E4;
	/* (rebrand 2022) */
	--col-action-minor-100: #E6EBED;
	/* same as utility-major-50 - same as old --col-slate-90 (rebrand 2022) */
	--col-action-minor-50: #F2F5F6;
	/* same as utility-major-25 - same as old --col-slate-95 (rebrand 2022) */
	--col-semantic-neutral: #335B70;
	/* semantic-neutral-500 (rebrand 2022) */
	--col-semantic-positive: #008A21;
	/* semantic-positive-500 (rebrand 2022) */
	--col-semantic-caution: #EF6700;
	/* semantic-caution-500 (rebrand 2022) */
	--col-semantic-negative: #CD384B;
	/* semantic-negative-500 (rebrand 2022) */
	--col-semantic-info: #0060A7;
	/* semantic-info-500 (rebrand 2022) */
	--col-semantic-focus: #FFB500;
	/* semantic-focus-500 - same as old --col-gold (rebrand 2022) */
	--business-product: #007E45;
	/* changed from 008200 - colors.action.major.500 (rebrand 2022) */
	--business-product-hover1: #006738;
	/* changed from 006300 - colors.action.major.600 (rebrand 2022) */
	--business-product-hover2: #004D2A;
	/* changed from 004500 - colors.action.major.700 (rebrand 2022) */
	--col-yin-90: #191919;
	/* equivalent to rgba(0,0,0,0.90); */
	--col-yin-85: #262626;
	/* equivalent to rgba(0,0,0,0.85); */
	--col-yin-75: #404040;
	/* equivalent to rgba(0,0,0,0.75); */
	--col-yin-65: #595959;
	/* equivalent to rgba(0,0,0,0.65); */
	--col-yin-55: #737373;
	/* equivalent to rgba(0,0,0,0.55); */
	--col-yin-30: #b2b2b2;
	/* equivalent to rgba(0,0,0,0.30); */
	--col-yin-15: #d9d9d9;
	/* equivalent to rgba(0,0,0,0.15); */
	--col-yin-10: #e5e5e5;
	/* equivalent to rgba(0,0,0,0.10); */
	--col-yin-05: #f2f2f2;
	/* equivalent to rgba(0,0,0,0.05); */
}

/* ------------------ sizes ---------------------------------- */

:root
{
	--font-size-body: 100%;
	/* 16 px base */
	--font-size-body-l: 1.125em;
	/* 18/16 px */
	--font-size-code: 1em;
	/* 16/16 px */
	--font-size-h1-xl: 3.5em;
	/* 56/16 px */
	--font-size-h1: 2.5em;
	/* 40/16 px */
	--font-size-h2: 2em;
	/* 32/16 px */
	--font-size-h3: 1.5em;
	/* 24/16 px */
	--font-size-h4: 1.25em;
	/* 20/16 px */
	--font-size-h5: 1.125em;
	/* 18/16 px */
	--font-size-h6: 1em;
	/* 16/16 px */
}

html.font-small	/* 14px base */
{
	--font-size-body: 87.5%;
	/* 14 px */
	--font-size-body-l: 1.1428em;
	/* 16 px */
	--font-size-code: 1.1428em;
	/* 16 px */
	--font-size-h1-xl: 3.5714em;
	/* 52 px /14 */
	--font-size-h1: 2.8571em;
	/* 40 px /14 */
	--font-size-h2: 2.2857em;
	/* 32 px /14 */
	--font-size-h3: 1.7142em;
	/* 24 px /14 */
	--font-size-h4: 1.4285em;
	/* 20 px /14 */
	--font-size-h5: 1.2857em;
	/* 18 px /14 */
	--font-size-h6: 1.1428em;
	/* 16 px /14 */
}

html.font-large	/* 18px base */
{
	--font-size-body: 112.5%;
	/* 18px */
	--font-size-h1-xl: 3.7777em;
	/* 68/18 - 'display 4' size */
	--font-size-h1: 2.7777em;
	/* 50/18 */
	--font-size-h2: 2.2222em;
	/* 40/18 */
	--font-size-h3: 1.7777em;
	/* 32/18 */
	--font-size-h4: 1.3333em;
	/* 24/18 */
	--font-size-h5: 1.1111em;
	/* 20/18 - increased from 18 */
	--font-size-h6: 1em;
	/* 18/18 - increased from 14 */
}

MadCap|xref.Xref-black
{
	mc-format: '{color black}{family Sage UI Medium}{para}{/family}{/color}';
}

img.HomeGIF
{
	max-width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p.tile-title
{
	font-family: 'Sage Text Regular';
	font-weight: bold;
	font-size: 1.4em;
}

p#subhead-lp
{
	text-align: center;
	margin-bottom: 5em;
}

/* .button.select-language-button div.button-icon
{
	background: url('../Images/Assets/Icons/Sage/60x60_globe_white-on-transparent_icon.svg') !important;
}

.button.select-language-button:hover div.button-icon:hover
{
	background: url('../Images/Assets/Icons/Sage/60x60_globe_green-on-transparent_icon.svg') !important;
}

.button.select-language-button
{
	transition: transform .1s;
}

.button.select-language-button:hover
{
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


.toolbar-button-drop-down.select-language-drop-down ul li:hover
{
	color: #ffffff !important;
	background: #000000;
	text-decoration: underline !important;
	text-decoration-color: #33DE61 !important;
	text-decoration-thickness: 4px !important;	
}
*/

/*Desactivated as is already present and upgraded in custom.css. Kept just in case, for versioning */