/*<meta />*/

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

/* Logi_stylesheet.css for Flare projects

	- 07/02/2019 - JLH - added top navigation menu classes, for use with HTML5 SideNav target
   	- 06/27/2019 - JLH - created: based on DevNet documentation.css and cleaned up.
	
*/

/* enumerate color variables */

:root
{
	--Logi-Green: #89BB40;
	--Logi-Blue-Green: #153848;
	--Logi-Pale-Blue: #435D6A;
	--Logi-Pale-Blue-Lt: #798d9a;
	--Logi-Navy-Blue: #253746;
	--Logi-Menu-Gray: #96A6B0;
	--Dark-Gray: #45494c;
	--Medium-Gray: #b9bec1;
	--Light-Gray: #d0d3d5;
	--White: #ffffff;
}

/* === search results page numbers === */

@font-face 
{
	font-family: 'OpenSansLight';
	src: url(../Fonts/OpenSansLight.ttf);
}

@font-face 
{
	font-family: 'source sans pro';
	src: url(../fonts/sourcesanspro-regular.ttf);
}

#pagination
{
	margin-bottom: 30px;
}

#pagination a
{
	border: none;
}

a:link
{
	outline: none;
	text-decoration: none;
	color: #639E12;
	/* dark green  */
}

.linkLogiGreen A:link
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Green);
}

.linkLogiBlue A:link
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue-Lt);
}

.linkLogiBlueNC A:link
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue);
}

a:visited
{
	outline: none;
	text-decoration: none;
	color: #639E12;
}

a:visited:hover
{
	outline: none;
	text-decoration: underline;
	/* dark green */
	color: #639e12;
}

.linkLogiGreen A:visited
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Green);
}

.linkLogiGreen A:visited:hover
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue-Lt);
}

.linkLogiBlue A:visited
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue-Lt);
}

.linkLogiBlue A:visited:hover
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue);
}

.linkLogiBlueNC A:visited
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue);
}

.linkLogiBlueNC A:visited:hover
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue);
}

#pagination a:hover
{
	border-top: solid 2px var(--Logi-Green);
}

.logi-navbar a:hover
{
	background-color: var(--White);
	color: var(--Logi-Green);
}

a:hover
{
	outline: none;
	text-decoration: underline;
	color: #8DC9C1;
}

.logi-navbar a:hover
{
	background-color: var(--White);
	color: var(--Logi-Green);
}

.linkLogiGreen A:hover
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue-Lt);
}

.linkLogiBlue A:hover
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue);
}

.linkLogiBlueNC A:hover
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue);
}

a:active
{
	outline: none;
	text-decoration: none;
	color: #639E12;
}

.linkLogiGreen A:active
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Green);
}

.linkLogiBlue A:active
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue-Lt);
}

.linkLogiBlueNC A:active
{
	outline: none;
	text-decoration: none;
	color: var(--Logi-Pale-Blue);
}

#pagination a#selected
{
	font-weight: bold;
	border: none;
}

/* === top navigation === */
/* top navigation menu */

.logi-navbar
{
	overflow: hidden;
	color: var(--Logi-Menu-Gray);
	background-color: var(--White);
	font-family: museo-sans, sans-serif;
	font-weight: 700;
	font-size: 16px;
	width: 100%;
}

/* top navigation links */

.logi-navbar a
{
	float: left;
	font-size: 16px;
	color: var(--Logi-Menu-Gray);
	text-align: center;
	padding: 18px 48px 14px 0px;
	text-decoration: none;
}

/* dropdown container */

.dropdown
{
	float: left;
	overflow: hidden;
	margin-right: 3%;
}

/* dropdown button */

.dropdown .dropbtn
{
	font-size: 16px;
	border: none;
	outline: none;
	color: var(--Dark-Grey);
	background-color: inherit;
	font-family: inherit;
	font-weight: 700;
	margin: 0;
	padding: 14px 48px 14px 0px;
}

/* == custom link classes == */
/* change top navigation links color on hover */
/* add a background color to dropdown links on hover */

.dropdown:hover .dropbtn
{
	background-color: var(--White);
	color: var(--Logi-Green);
}

/* Dropdown content (hidden by default) */

.dropdown-content
{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 5px 10px 8px rgba(0,0,0,0.2);
	z-index: 1;
	border-top: 4px solid #89BB40;
}

/* links inside the dropdown */

.dropdown-content a
{
	float: none;
	color: var(--Logi-Menu-Gray);
	font-family: source sans pro, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content
{
	display: block;
}

/* HTML tag classes */

body
{
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #505050;
	line-height: 24px;
	padding-right: 20px;
}

/* underlined-when-hovered Logi green link classes, more custom classes at end of this file */

div.TitleWrapper
{
	width: 100%;
	height: 80px;
	background-color: #F7F6F6;
}

div.home-footer
{
	margin-left: -15px;
	/* "bleed" footer into sidenav menu */
	background-color: var(--Logi-Blue-Green);
	font-family: "Museo Sans", arial, sans-serif;
}

div.logi-topics
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
}

div.logi-topics::before
{
	content: ' ';
	display: table;
}

div.logi-topics::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.logi-topics > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.logi-topics > div:nth-child(1)
{
	width: 40%;
}

div.logi-topics > div:nth-child(2)
{
	width: 98%;
	margin-left: 2%;
	padding-top: 4px;
}

div.searchPane
{
	width: 96%;
	margin-left: 4%;
	padding-top: 4px;
}

/* hide the search bar in the header */

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

div.search-bar
{
	width: 99%;
	margin-bottom: 10px;
}

h1
{
	color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: normal;
	margin-top: 0px;
}

h2
{
	color: #505050;
	font-family: Verdana, Calibri, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: 500;
	margin-top: 0px;
	padding-top: 12px;
}

h3
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	padding-top: 12px;
}

img
{
	border: none;
	max-width: 100%;
}

li
{
	font: 11pt Verdana;
	color: #505050;
	line-height: 24px;
}

* ol ol
{
	list-style-type: circle;
	line-height: 20px;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 11pt;
	color: #505050;
	line-height: 24px;
}

pre
{
	border: 1px solid #E1E1E8;
	border-radius: 4px 4px 4px 4px;
	display: block;
	font-size: 11pt;
	line-height: 24px;
	padding: 8.5px;
	background-color: #F5F5F5;
	font-family: "Courier New", monospace;
	white-space: normal;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}

pre ol
{
	margin-left: -12px;
}

pre li
{
	color: silver;
	font-size: 11pt;
	padding-left: 12px;
}

pre span
{
	color: #333333;
}

/* regular style classes */

.footerContact
{
	color: var(--White);
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-size: 10pt;
}

.footerContactLink
{
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-size: 10pt;
}

.footerCopyright
{
	color: var(--Logi-Pale-Blue);
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-size: 10pt;
	line-height: 70%;
}

.footerMenuBlock
{
	vertical-align: top;
	border-top: 3px solid #435D6A;
	/* Logi-Pale-Blue */
}

.footerMenuText
{
	color: var(--Logi-Pale-Blue-Lt);
	font-family: museo-sans, sans-serif;
	font-weight: 700;
	font-size: 10pt;
	line-height: 80%;
	color: #ffffff;
}

.footerMenuText2
{
	color: var(--Logi-Pale-Blue-Lt);
	font-family: museo-sans, sans-serif;
	font-weight: 700;
	font-size: 10pt;
	line-height: 80%;
}

.footerMenuTitle
{
	font-family: museo-sans, sans-serif;
	font-weight: 500;
	font-size: 14pt;
	color: #89bb40;
}

.footerSectionBottomHR
{
	border: none;
	height: 1px;
	/* Logi-Pale-Blue */
	color: #435D6A;
	background-color: #435D6A;
}

.halfLine
{
	line-height: .5;
}

.indentedImage
{
	padding-left: 40px;
}

.lgxCodeBlock
{
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #E1E1E8;
	background-color: #F7F7F9;
	font-family: "Courier New", monospace;
	font-size: 11pt;
	color: #505050;
	padding: 10px 20px;
	white-space: pre;
}

.lgxCommandLine
{
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #000000;
	background-color: #000000;
	font-family: "Courier New", monospace;
	font-size: 10pt;
	color: #FFFFFF;
	padding: 10px 20px;
}

.lgxInlineCode
{
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #E1E1E8;
	background-color: #F7F7F9;
	font-family: "Courier New", monospace;
	font-size: 11pt;
	color: #505050;
	padding: 5px 10px;
}

/* sets overall width of content */

.off-canvas-wrapper-inner .outer-row
{
	max-width: 100%;
}

.off-canvas-content
{
	overflow: hidden;
}

/* == MadCap special classes */

MadCap|breadcrumbsProxy
{
	font-family: source sans pro, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	border-bottom-color: transparent;
	border-bottom-style: none;
	border-bottom-width: 0px;
	mc-breadcrumbs-prefix: '';
	/* remove intro text */
}

MadCap|dropDown
{
	mc-closed-image: none;
	mc-open-image: none;
	width: 100%;
}

MadCap|dropDownHead
{
	background-color: #f0fff0;
	border: solid 2px #d3d3d3;
}

MadCap|xref
{
	mc-format: '{i}{h1}{/i}';
}

/* == header and top navigation menu == */
/* sets header background color, width, border, etc. */

nav.title-bar
{
	background: var(--White);
	width: 100%;
	max-width: 1680px;
	border-bottom: 1px solid var(--Light-Gray);
}

/* script in MasterPage moves top menu into this wrapper */

.navigation-wrapper
{
	width: 50%;
	justify-content: left;
	position: relative;
	left: 10%;
	margin-top: 10px;
}

/* top navigation menu */

.logi-navbar
{
	overflow: hidden;
	color: var(--Logi-Menu-Gray);
	background-color: var(--White);
	font-family: museo-sans, sans-serif;
	font-weight: 700;
	font-size: 16px;
}

/* top navigation links */

.logi-navbar a
{
	float: left;
	font-size: 16px;
	color: var(--Logi-Menu-Gray);
	text-align: center;
	padding: 18px 48px 14px 0px;
	text-decoration: none;
}

/* dropdown container */

.dropdown
{
	float: left;
	overflow: hidden;
}

/* dropdown button */

.dropdown .dropbtn
{
	font-size: 16px;
	border: none;
	outline: none;
	color: var(--Dark-Grey);
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	padding: 14px 48px 14px 0px;
}

/* change top navigation links color on hover */
/* add a background color to dropdown links on hover */

.dropdown:hover .dropbtn
{
	background-color: var(--White);
	color: var(--Logi-Green);
}

/* dropdown content (hidden by default) */

.dropdown-content
{
	display: none;
	position: absolute;
	font-family: source sans pro, sans-serif;
	font-weight: normal;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 5px 10px 8px rgba(0,0,0,0.2);
	z-index: 1;
	border-top: 4px solid #89BB40;
}

/* links inside the dropdown */

.dropdown-content a
{
	float: none;
	color: var(--Logi-Menu-Gray);
	font-family: source sans pro, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

/* Add a grey background color to dropdown links on hover
.dropdown-content a:hover {
  background-color: #ddd;
} */

/* show the dropdown menu on hover */

.dropdown:hover .dropdown-content
{
	display: block;
}

/* == media classes == */

@media only screen and (max-device-width: 1025px)
{
	div.logo-wrapper
	{
		padding-left: 50px;
	}

	.title-bar .menu-icon span
	{
		height: 48px;
		width: 48px;
		display: block;
		background: #96A6B0 url('../sharedimages/hamburger.png') no-repeat center center !important;
		margin-left: 6px;
	}

	/* show the search bar in the header */

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

	.search-bar .search-field
	{
		text-align: left;
		width: 50%;
		border: 1px solid #96A6B0;
		border-radius: 4px;
		padding: 0 0 0 10px;
		line-height: 1em;
		top: 0;
		float: right;
		position: relative;
		height: 2em;
		color: #5F5F5F;
		font-size: 1em;
	}

	.search-bar .search-submit-wrapper
	{
		position: absolute;
		top: 0;
		font-size: 1em;
	}
}

@media only screen and (max-device-width: 767px)
{
	div.side-menu,
	div.home-footer	/* hide side search bar, side menu, and footer */
	{
		display: none;
	}

	.nav-search	/* display search bar in header */
	{
		display: block;
	}
}

@media print
{
	/* Links */

	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	h1
	{
		page-break-before: avoid;
	}

	MadCap|miniTocProxy
	{
		
	}

	MadCap|tocProxy
	{
		
	}

	p.nextpage
	{
		page-break-before: always;
	}
}

.search-bar .search-filter-wrapper
{
	display: block !important;
}

#resultList h3.title a
{
	font-family: source sans pro !important;
}

h1#results-heading
{
	font-family: source sans pro !important;
}

MadCap|xref.Title
{
	mc-format: '{i}{paratext}{/i}';
}

h6.TitleWrapper	/*New wrapper bar from DevNet design*/
{
	margin-bottom: 12px;
	font-size: 28pt;
	font-weight: normal;
	font-style: normal;
	font-family: OpenSansLight, Arial, sans-serif;
	color: #555555;
}

a.logifooterlinks
{
	font-family: museo-sans, sans-serif;
	font-weight: 700;
	font-size: 10pt;
	line-height: 80%;
	color: #white !important;
}

a.logifooterlinks:hover
{
	color: #8DC9C1;
}