/* For responsive '@media' directives associated with the styling contained in
 * this file, see 'main_primary_nav_r.css'. */

/* Primary nav for small screens, instead of 'div.primary-nav'. ------------ */

div#primary-nav-mini
{
	background-color:			#f9f9f9;
	bottom:						0;
	padding-right:				17px;
	position:					fixed;
	left:						0;
	right:						0;
	top:						0;
	z-index:					1;
}

div.primary-nav-mini-scrollable
{
	max-height:					100%;
	overflow-y:					auto;
}

div.primary-nav-mini-hidden
{
	display:					none;
}

div.primary-nav-mini-heading,
div.primary-nav-mini-indented-link,
div.primary-nav-mini-link
{
	border-top:					2px solid #eee;
	margin:						0 auto;
	padding:					10px 20px;
}

div.primary-nav-mini-indented-link
{
	padding-left:				40px;
}

div.primary-nav-mini-link-selected
{
	background-color:			white;
}

/* Primary nav for normal/larger displays. --------------------------------- */

 div.primary-nav
{
	background-color:			#c9d9e5;
	display:					table;
	font-size:					16px;
	padding:					14px 10px 12px 10px;
	width:						1244px;
}

div.primary-nav-toggle-hideable
{
	display:					none;
}

div.primary-nav > div.hideable
{
	display:					table-cell;
	padding:					0 15px;
	white-space:				nowrap;
	width:						1%;
}

div.primary-nav div.fill-width
{
	padding:					0;
	width:						100%;
}

div.primary-nav-toggle-hideable,
div.primary-nav > div.hideable
{
	/* Explicit line height as ☰ character appears to have a larger line
	 * height than regular ASCII characters: */
	line-height:				16px;
}

div.primary-nav > div.hideable a
{
	border-bottom:				1px solid transparent;
	color:						#243a54;
	display:					inline-block;
	padding-bottom:				2px;
}

div.primary-nav > div.hideable a:focus,
div.primary-nav > div.hideable a:hover
{
	border-bottom:				1px solid #333;
}

/* Drop-down menus. */

div.primary-nav-dropdown
{
	position:					relative;

	/* No double-click text selection. */
	-webkit-user-select:		none; /* Webkit (Safari, Chrome) browsers. */
	-moz-user-select:			none; /* Mozilla browsers. */
	-khtml-user-select:			none; /* Webkit (Konqueror) browsers. */
	-ms-user-select:			none; /* IE10+. */
}

a.primary-nav-dropdown-heading
{
	cursor:						pointer;
}

a.primary-nav-dropdown-heading:focus,
a.primary-nav-dropdown-heading:hover
{
	border-bottom:				1px solid #333;
}

div.primary-nav-dropdown-content
{
	background-color:			white;
	box-shadow:					2px 5px 10px 0px rgba(0, 0, 0, 0.2);
	display:					none;
	left:						-10px;
	min-width:					100px;
	padding:					5px 0;
	position:					absolute;
	top:						22px;
	z-index:					1;
}

div.primary-nav-item
{
	font-size:					15px;
	padding:					5px 10px 3px 10px;
}

div.primary-nav-item-selected
{
	background-color:			#edf3f7;
}

div.primary-nav-dropdown-content-show
{
	display:					block;
}