/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@font-face 
{
	font-family: "Akzidenz-Grotesk BQ Light";
	src: url("../Webfonts/AkzidenzGrotesk BQ Light Regular.otf");
}

/* ---------- Variables ----------  */

/*
:root
{
	--mediacyPurple: #993399;
	--mediacyGray: #474747;
	--mediacyBlue: #2967c4;
}
*/

/* ---------- END of Variables ----------  */
/* Minimize vertical space between header and search banner */

div.title-bar-container
{
	/*min-height: 0 !important; */
	/*Suspect this is the issue with the changing height of the search banner*/
}

div.body-container
{
	padding-top: 0;
}

MadCap|dropDownHotspot
{
	text-decoration: underline;
}

MadCap|dropDown
{
	mc-image-position: right;
}

_generic_#version-selector
{
	padding-right: 11px;
}

@media only screen and (max-width: 1279px)
{
	/* Restore min-height of header to prevent topic text overlapping header */

	div.title-bar-container
	{
		min-height: 70px !important;
	}
}

/* Take logo out of document flow so that Topnav menus are centred on page */
/* Following rule is redundant since it is included within Framework.css */

/*
ul.navigation
{
	display: block;
}
*/

nav.sidenav-wrapper
{
	display: none;
}

/* Hide search bar in header */

div.nav-search-wrapper
{
	display: none;
}

.search-bar.search-bar-container._Skins_HomeSearchBar_Web.mc-component .search-submit
{
	background-image: url('../Images/_Icons/search-sharp.svg');
	/* Add grey icon to Search submit button */
	background-size: 50%;
	/* Set size of icon on Search submit button */
	background-repeat: no-repeat;
	background-position: center center;
}

.search-bar.search-bar-container._Skins_HomeSearchBar_Web.mc-component .search-submit:hover
{
	background-image: url('../Images/_Icons/search-sharp-hover.svg');
	/* Add grey icon to Search submit button */
}

/* Version Selector */
/* Hide Version Selector for in-App Help, and regular links within Version Selector */

.App-Help .menu-icon-container #version-selector,
#version-selector > p
{
	display: none;
}

#version-selector
{
	text-align: right;
	/*	margin-top: 1em; */
	display: none;
	/* Hide until moved into header by script */
	padding-right: 1em;
	position: relative;
	float: right;
	top: 30px;
	/* Align top with menu icons */
	z-index: 10;
	font-size: 0.8rem;
	color: #474747;
	width: auto;
	background-size: auto;
	white-space: nowrap;
	border-right-width: 12px;
	padding: 0px;
}

.menu-icon-container #version-selector
{
	display: block;
}

@media only screen and (max-width: 1279px)
{
	#version-selector
	{
		top: 12px;
		padding-right: 35px;
		/* 1em (10pt) + 22px (width of menu icon) rounded down */
	}
}

@media only screen and (max-width: 767px)
{
	#version-selector
	{
		top: 12px;
	}
}

#version-selector > form .dd
{
	color: inherit;
	text-align: left;
	/* font-size: 0.8rem; */
	font-size: inherit;
	/* Set correct width of drop-down */
	width: 7em !important;
}

#version-selector > form .dd .ddTitle
{
	color: inherit;
	background-color: inherit;
	width: auto;
	padding-right: 5px;
}

#version-selector > form .dd .ddChild
{
	width: 11em;
	left: -2em;
	top: 14px !important;
	color: inherit;
}

/* Set correct height of drop-down */

#version-selector > form .ddcommon .ddChild
{
	height: auto !important;
}

#version-selector > form .dd .ddlabel
{
	color: #000;
}

#version-selector > form .dd .ddChild ul
{
	/* box-shadow: 0 0 20px rgb(0 0 0 / 50%); */
	box-shadow: 0 -2px 10px rgb(0 0 0 / 50%);
}

#version-selector > form .dd .ddChild ul::before	/* Position of pointer on dropdown */
{
	left: 8.25em;
	top: -3px;
	/* bottom: 0; */
	border-bottom-color: #fff;
	margin-left: -8px;
}

#version-selector > form .dd .ddArrow
{
	background: url(../Images/_Icons/arrow-dd-selector.svg) no-repeat;
	background-size: 90%;
	background-position: 50% 90%;
}

#version-selector > form .dd .ddArrow:hover
{
	background: url(../Images/_Icons/arrow-dd-selector-hover.svg) no-repeat;
	background-size: 90%;
	background-position: 50% 90%;
}

/* END Version Selector */
/* -------- END of Framework ------------*/

body
{
	font-family: 'Open Sans';
	font-size: 18px;
	/*	color: var(--mediacyGray); */
	color: #474747;
}

p
{
	margin-top: 0.75em;
}

h1
{
	font-size: 60px;
	font-weight: normal;
	/*	color: var(--mediacyPurple); */
	color: #993399;
}

h2
{
	font-size: 44px;
	font-weight: 300;
	/*	color: var(--mediacyPurple); */
	color: #993399;
}

h3
{
	font-size: 28px;
	font-weight: bold;
	/*	color: var(--mediacyPurple); */
	color: #993399;
	margin-bottom: 0;
}

.body-container a,
.body-container a:link
{
	/*	color: var(--hyperlinkcolor); */
	color: #2967c4;
}

.body-container a:visited
{
	/*	color: var(--visitedlinkcolor); */
	color: #993399;
}

.body-container a:hover
{
	/*	color: var(--linkhovercolor); */
	color: #993399;
}

div.home-page-videos > div a:hover
{
	text-decoration: underline;
	/* div required in selector for specificity (to override rule for a) since this rule is moved to an earlier location in the stylesheet on build */
}

div.search-banner a:hover,
div.dark-gray-banner a:hover,
div.home-page-footer-links a:hover	/* div.home-page-tiles > div:hover > a, */
{
	font-weight: bold;
}

.body-container a.ImagingExpert
{
	display: inline-block;
	/* background-color: var(--mediacypurplecolor); */
	font-size: 0.85em;
	background-color: #993399;
	color: #fff !important;
	padding: 0.75em 0.75em;
	text-align: center;
	text-decoration: none;
	width: 13em;
	max-width: 90%;
}

.body-container a.ImagingExpert:hover
{
	background-color: #2967c4;
}

div.search-banner
{
	width: 100%;
	/*	background: var(--mediacyPurple); */
	background: #993399;
	/*	background: linear-gradient(10deg, var(--mediacyPurple) 54%, #AD5CAD 82%); */
	background: linear-gradient(10deg, #993399 54%, #AD5CAD 82%);
	text-align: center;
	padding-top: 36px !important;
	padding-bottom: 46px !important;
	/* 10px more than padding-top to compensate for smaller bottom margin of final element within banner */
}

div.search-banner *,
.body-container div.search-banner a,
.body-container div.search-banner a:link,
.body-container div.search-banner a:visited,
.body-container div.search-banner a:hover
{
	color: #fff;
}

div.search-banner > p:first-child
{
	
}

div.light-gray-banner
{
	text-align: center;
	/*	background-color: var(--mediacyGray); */
	background-color: #ededed;
	width: 100%;
	padding: 1.5em;
	padding-bottom: 55px;
}

div.dark-gray-banner
{
	text-align: center;
	/*	background-color: var(--mediacyGray); */
	background-color: #474747;
	width: 100%;
	padding: 1.5em;
}

/* Set text color of all elements within this div to white */

div.dark-gray-banner *
{
	color: #fff !important;
}

div.app-help-home-page-footer
{
	display: none;
	background-color: #EEEEEE;
	width: 100%;
	padding: 1em;
	padding-bottom: 2em;
}

.App-Help div.app-help-home-page-footer
{
	display: block;
}

div.home-page-content
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 1028px;
	max-width: 90%;
}

/* Set default space below tile layout (that follows search banner) for all languages */

div.search-banner + div.home-page-content
{
	margin-bottom: 2em;
}

div.home-page-tiles,
div.home-page-videos,
div.home-page-footer-links
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	/* width: 97.27626%; */
	width: 100%;
}

div.home-page-tiles-2col,
div.home-page-imagingexpert
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 64%;
}

div.home-page-tiles::before,
div.home-page-tiles-2col::before,
div.home-page-imagingexpert::before,
div.home-page-videos::before,
div.home-page-footer-links::before
{
	content: ' ';
	display: table;
}

div.home-page-tiles::after,
div.home-page-tiles-2col::after,
div.home-page-imagingexpert::after,
div.home-page-videos::after,
div.home-page-footer-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-page-tiles > div,
div.home-page-tiles-2col > div,
div.home-page-imagingexpert > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 28%;
	height: 105px;
	border: 1px solid #D9D9D9;
	-webkit-box-shadow: 15px 15px 0 0 rgba(0,0,0,0.29);
	box-shadow: 20px 20px 50px 0 rgba(0,0,0,0.10);
	transition: all 0.4s;
	/* text-align: center; */
	margin-left: 8.0%;
	margin-top: 1.5em;
	padding: 0;
	/* color: var(--mediacyGray); */
	color: #474747;
	font-weight: 600;
}

div.home-page-tiles > div
{
	width: 28%;
	margin-left: 8.0%;
}

div.home-page-tiles-2col > div
{
	width: 43.75%;
	/* =28/64  */
	margin-left: 12.5 .0%;
	/* = 8/64 */
}

div.home-page-imagingexpert > div
{
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #474747;
	font-weight: 600;
	width: 50%;
	height: auto;
	margin-left: 0;
	margin-right: 0;
}

div.home-page-imagingexpert > div:first-child
{
	text-align: right;
	padding-right: 2em;
}

div.home-page-imagingexpert > div:last-child
{
	text-align: left;
	padding-left: 2em;
}

@media only screen and (max-width: 767px)
{
	div.home-page-imagingexpert > div
	{
		width: 100%;
	}

	div.home-page-imagingexpert > div:first-child,
	div.home-page-imagingexpert > div:last-child
	{
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}

	div.home-page-imagingexpert > div:last-child
	{
		margin-top: 1.5em;
	}
}

div.home-page-tiles-2col > div:first-child
{
	margin-left: 0;
}

div.home-page-tiles.featured > div,
div.home-page-tiles-2col.featured > div
{
	/* color: var(--mediacyPurple); */
	color: #993399;
}

div.home-page-tiles > div:hover,
div.home-page-tiles-2col > div:hover
{
	-webkit-box-shadow: 15px 15px 0 0 rgba(0,0,0,0.29);
	box-shadow: 15px 15px 20px 0 rgba(0,0,0,0.20);
}

.home-page-tiles > div > a,
.home-page-tiles > div > a:link,
.home-page-tiles > div > a:visited,
.home-page-tiles-2col > div > a,
.home-page-tiles-2col > div > a:link,
.home-page-tiles-2col > div > a:visited
{
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	color: inherit;
	/* Inherits color from tile */
	font-weight: inherit;
	text-decoration: none;
}

div.home-page-tiles > div > a:hover,
div.home-page-tiles-2col > div > a:hover
{
	color: inherit;
	text-decoration: underline;
	/* div required in selector for specificity (to override rule for a) since this rule is moved to an earlier location in the stylesheet on build */
}

.home-page-tiles > div p:first-child,
.home-page-tiles-2col > div p:first-child
{
	flex: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1.0em;
}

.home-page-tiles.QuickStart > div p:first-child
{
	margin-left: 0;
	text-align: center;
}

.home-page-tiles > div img,
.home-page-tiles-2col > div img
{
	width: auto;
	height: 50px;
}

.home-page-tiles > div p:last-child,
.home-page-tiles-2col > div p:last-child
{
	font-size: 12px;
	flex: 1 1 auto;
	/* margin: 0 10px; */
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em;
	margin-right: 10px;
}

/* div.home-page-tiles > div p:first-child
{
	margin-top: 0;
}

div.home-page-tiles > div a > p:last-child	/* Position the tile's text label at a fixed vertical location (75px from top of tile), to fill the width of the tile with a 1em left and right gutter */

/*{
	position: absolute;
	top: 75px;
	width: 100%;
	padding: 0 1em;
} */

div.home-page-tiles > div:nth-child(3n+1)
{
	margin-left: 0%;
}

div.home-page-videos
{
	padding-bottom: 0;
	/* Padding now added above footer in Footer.css */
}

div.home-page-videos > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home-page-videos > div
{
	width: 30%;
	margin-left: 5%;
	margin-top: 1.5em;
	padding: 0;
	font-size: 12px;
	font-weight: 600;
}

div.home-page-videos > div:nth-child(3n+1)
{
	margin-left: 0%;
}

.home-page-videos > div a,
.home-page-videos > div a:link,
.home-page-videos > div a:visited
{
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
}

div.home-page-videos > div img
{
	width: 100%;
	height: auto;
	padding-top: 1.5em;
}

div.home-page-footer-links > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 23.5%;
	margin-left: 2%;
	margin-top: 1.5em;
	font-size: 0.8em;
}

div.home-page-footer-links > div:nth-child(4n+1)
{
	margin-left: 0%;
}

div.home-page-footer-links a
{
	color: #474747;
}

img.footer-icon
{
	box-sizing: content-box;
	float: left;
	width: auto;
	height: 2em;
	padding-right: 1.2em;
	padding-bottom: 1em;
}

@media only screen and (max-width: 1279px)
{
	/* Fix height of title-bar to provide white non-scrolling background for menu button */

	.App-Help .title-bar-layout
	{
		height: 30px !important;
	}

	div.home-page-tiles > div
	{
		width: 28%;
	}

	div.home-page-tiles > div
	{
		margin-left: 8%;
	}

	div.home-page-tiles > div:nth-child(3n+1)
	{
		margin-left: 0%;
	}

	.home-page-tiles > div p:first-child,
	.home-page-tiles-2col > div p:first-child
	{
		margin-left: 1.5em;
	}

	.home-page-tiles > div p:last-child,
	.home-page-tiles-2col > div p:last-child
	{
		margin-left: 1.5em;
	}

	/*
	div.home-page-videos > div,
	div.home-page-videos > div:nth-child(3n+1)
	{
		width: 47.5%;
		margin-left: 5%;
		margin-top: 1.5em;
		padding: 0;
	}

	div.home-page-videos > div:nth-child(2n+1)
	{
		margin-left: 0%;
	}
	*/
}

@media only screen and (max-width: 767px)
{
	div.home-page-tiles > div,
	div.home-page-tiles-2col > div
	{
		/* text-align: center; */
	}

	div.home-page-tiles-2col,
	div.imagingexpert,
	div.home-page-tiles > div,
	div.home-page-tiles-2col > div,
	div.imagingexpert > div
	{
		width: 100%;
	}

	div.home-page-tiles > div,
	div.home-page-tiles > div:nth-child(3n+1),
	div.home-page-tiles-2col > div
	{
		margin-left: 0%;
	}

	.home-page-tiles > div p:first-child,
	.home-page-tiles-2col > div p:first-child
	{
		margin-left: 2em;
	}

	.home-page-tiles > div p:last-child,
	.home-page-tiles-2col > div p:last-child
	{
		margin: 0 2em;
	}

	div.home-page-videos
	{
		/* text-align: center; */
	}

	div.home-page-videos > div,
	div.home-page-videos > div:nth-child(3n+1)
	{
		width: 100%;
		margin-left: 0%;
		font-size: 1em;
	}

	div.home-page-footer-links > div
	{
		width: 50%;
		margin-top: 1.5em;
	}

	div.home-page-footer-links > div,
	div.home-page-footer-links > div:nth-child(4n+1)
	{
		width: 48%;
		margin-left: 4%;
	}

	div.home-page-footer-links > div:nth-child(2n+1)
	{
		margin-left: 0%;
	}
}

div.search-banner_Celleste
{
	background: #fb0408;
	text-align: center;
	padding-bottom: 46px;
	padding-top: 36px;
	width: 100%;
}