/*<meta conditions="default.sg-only" />*/

@import url('help.css');

@import url('sg-brand.css');

@import url('../../zz_text.css');

@import url('fonts-languages.css');

@import url('custom.css');

@import url('responsive.css');

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

/* ============= Overrides needed to get specific styles to appear correctly ============= */

body
{
	background: #ffffff;
}

MadCap|xref,
MadCap|xref.Section,
MadCap|xref:hover,
MadCap|xref.Section:hover
{
	mc-format: '{paratext}';
}

a,
a:link,
a:visited,
a:hover,
a:active,
a.top-bar:hover,
MadCap|xref,
MadCap|xref.Section,
MadCap|xref:hover,
MadCap|xref.Section:hover
{
	text-decoration: underline;
	color: var(--Link);
}

a.top-bar
{
	text-decoration: none;
}

a.footer
{
	color: var(--White);
	font-weight: 500;
	text-decoration: none;
}

a.footer:hover
{
	text-decoration: underline;
}

a.HeroButtons
{
	color: var(--White);
	text-decoration: none;
	font-family: var(--Font1);
	padding: 12px;
	padding-left: 16px;
	padding-right: 16px;
	border: solid 1px var(--White);
}

a.HeroButtons:hover
{
	color: var(--Dark);
	background-color: var(--White);
	text-decoration: none;
	font-family: var(--Font1);
}

MadCap|dropDown
{
	mc-closed-image: url('images/dropdown-closed-sg.png');
	mc-open-image: url('images/dropdown-open-sg.png');
}

div.contentHome,
div.ContentRow
{
	padding-bottom: 50px;
	margin-top: 20px;
}

div.top-bar
{
	background-color: var(--topbar);
	height: 54px;
	margin-top: 0px;
	margin-bottom: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	z-index: 100;
	position: fixed;
	left: 0px;
	top: 90px;
}

div.top-bar-text
{
	max-width: 90vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	v-align: middle;
}

p.top-bar
{
	color: var(--Black);
}

div.top-bar-text > div:nth-child(1)
{
	width: 55%;
	margin-left: 0%;
	border-right: none;
	padding-right: 0px;
	padding-top: 4px;
}

div.top-bar-text > div:nth-child(2)	/*search help container*/
{
	width: 45%;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	padding-top: 4px;
	text-align: right;
	vertical-align: middle;
}

MadCap|searchBarProxy
{
	padding-top: 2px;
}

div.footer2
{
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
}

div.footer-content-sg
{
	text-align: left;
	max-width: 90vw;
	padding-left: 5%;
}

/* ============= Footer layout ============= */

.height-container
{
	position: initial;
}

/* ============= Smaller screen sizes ================== */

@media only screen and (max-width: 1080px)
{
	div.contentHome,
	div.ContentRow
	{
		padding-bottom: 50px;
		margin-top: 20px;
	}

	div.top-bar-text
	{
		max-width: 98vw;
		margin-left: auto;
		margin-right: auto;
		v-align: middle;
	}

	div.top-bar
	{
		z-index: 100;
		position: absolute;
		left: 0;
		top: 76px;
	}
}

@media only screen and (max-width: 800px)
{
	div.contentHome,
	div.ContentRow
	{
		padding-bottom: 50px;
		margin-top: 40px;
	}

	div.top-bar
	{
		z-index: 100;
		position: absolute;
		left: 0;
		top: 52px;
		height: 84px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	div.top-bar-text
	{
		max-width: 98vw;
	}

	div.top-bar-text > div:nth-child(1)
	{
		width: 100%;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	div.top-bar-text > div:nth-child(2)
	{
		width: 100%;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	p.top-bar
	{
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

/* ============= Styles to improve display when printed ============= */

@media print
{
	div.sideContent	/*Contains the topic toolbar*/
	{
		display: none;
	}

	div.top-bar	/*Contains the breadcrumbs proxy*/
	{
		display: none;
	}

	div.ContentRow > div:nth-child(1)
	{
		width: 98%;
		margin-right: 2%;
		margin-top: 0pt;
		padding-top: 0pt;
	}

	div.topic-layout > div:nth-child(2)
	{
		display: none;
	}

	div.footer,
	div.footer2
	{
		display: none;
	}

	h1
	{
		margin-top: 0;
		padding-top: 0;
	}

	html,
	body,
	div.contentBody,
	div.clearfix,
	div.top-bar
	{
		margin-top: 0pt;
		margin-bottom: 0pt;
		padding-top: 0pt;
		padding-bottom: 0pt;
	}
}