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

/* topic layout */

.height-container
{
	min-height: 100% !important;
	padding-bottom: 0 !important;
}

.backlink-container
{
	visibility: hidden;
}

.main-section	/*This style applies the grey background. This HTML element is not on a master page, it is used at compile time.*/
{
	background: #05727e;
}

div.topic-layout
{
	mc-grid-row: true;
	margin: 0 auto;
	min-height: 100%;
	overflow: hidden;
	background-color: var(--White);
}

div.topic-layout::before
{
	content: ' ';
	display: table;
}

div.topic-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.topic-layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
}

div.topic-layout > div:nth-child(1)	/*Menu Proxy container*/
{
	width: 20%;
	margin-left: 0%;
	border-right: solid 1px #d3d3d3;
	background-color: var(--SommerGreenDark);
	position: fixed;
}

div.topic-layout > div:nth-child(2)
{
	overflow: auto;
	width: 80%;
	margin-top: 2em;
	float: right;
}

div.topic-layout > div:nth-child(2) li
{
	text-align: left;
}

/* side menu with logo */

div.logo-menu
{
	margin-right: auto;
	margin-left: auto;
	padding: 25px;
	position: absolute;
	bottom: 25px;
}

div.logo-menu::before
{
	content: ' ';
	display: table;
}

div.logo-menu::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.logo-menu > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 2%;
}

/* left pane styles */

div.heading-master	/*wraps the heading on the left pane*/
{
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 15%;
}

div.heading-master h1
{
	color: var(--White);
	font-size: 2em;
	text-align: center;
}

div.heading-master p
{
	color: var(--White);
	text-align: center;
}

div.heading-master a
{
	text-decoration: none;
}

.buttons._Skins_topic_toolbar.mc-component /*class created by Flare on build*/
{
    float: none;
	margin-left: auto;
    margin-right: auto;
    display: table;
}

/* body layout */

div.body-layout
{
	background-color: #FFF;
	padding: 0 25px;
	max-width: 80%;
	margin-left: 1em;
}

div.body-layout::before
{
	content: ' ';
	display: table;
}

div.body-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.body-layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.body-layout > div:nth-child(1)
{
	width: 70%;
	margin-left: 1%;
	min-height: 100vh;
	padding-right: 20px;
}

div.body-layout > div:nth-child(2)	/*Menu Proxy container*/
{
	width: 24%;
	margin-left: 5%;
	padding: 20px 10px;
	box-shadow: -7px 7px 33px -4px rgba(0,0,0,0.9);
	position: fixed;
	right: 0;
}

/* home footer */

div.footer
{
	background-color: #545454;
	padding-top: 0px;
	margin: 3%;
}

div.footer a	/*Complex Selector: Any anchor (links) tags that are within div.footer will have the following properties */
{
	text-decoration: none;
	color: #fff;
}

div.footer p	/*Complex Selector: Any <p> that is contained within div.footer will have the following properties*/
{
	color: #fff;
	font-size: 0.8em;
	line-height: 1.5em;
}

div.home-master-page-footer
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 87%;
}

div.home-master-page-footer::before
{
	content: ' ';
	display: table;
}

div.home-master-page-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-master-page-footer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 2%;
}

div.home-master-page-footer > div:nth-child(1)
{
	width: 33.333%;
	margin-left: 0%;
}

div.home-master-page-footer > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 0%;
}

div.home-master-page-footer > div:nth-child(3)
{
	width: 33.333%;
	margin-left: 0%;
}

/* search form */

form.search
{
	width: 90%;
}

div.search-menu
{
	margin-top: 60px;
}

div.button-menu
{
	text-align: center;
	padding-top: 50px;
}

div.button-menu > a.button
{
	width: 60%;
}	


h1.master-page	/*header master page*/
{
	font-size: 2.3em;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	line-height: 1em;
	text-align: center;
	color: var(--White);
}

/* breadcrumbs */

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: 1em;
	color: var(--GrayDark);
	mc-breadcrumbs-prefix: 'You are here: ';
}

a.MCBreadcrumbsLink
{
	font-styleyes: italic;
	text-decoration: underline;
}

a.MCBreadcrumbsLink:visited
{
	color: var(--SommerGreenDark);
}

a.MCBreadcrumbsLink:hover
{
	color: var(--SommerGreenDark);
}